promotion:增加优惠劵的前端分页界面 100%

This commit is contained in:
YunaiV
2022-11-04 19:17:17 +08:00
parent 86b6b85934
commit 47c2dfa623
24 changed files with 55 additions and 55 deletions

View File

@ -65,6 +65,7 @@ export const DICT_TYPE = {
PROMOTION_PRODUCT_SCOPE: 'promotion_product_scope', // 营销的商品范围
PROMOTION_COUPON_TEMPLATE_VALIDITY_TYPE: 'promotion_coupon_template_validity_type', // 优惠劵模板的有限期类型
PROMOTION_COUPON_STATUS: 'promotion_coupon_status', // 优惠劵的状态
PROMOTION_COUPON_TAKE_TYPE: 'promotion_coupon_take_type', // 优惠劵的领取方式
}
/**

View File

@ -29,15 +29,24 @@
<el-table v-loading="loading" :data="list">
<el-table-column label="会员信息" align="center" prop="nickname" /> <!-- TODO 芋艿以后支持头像支持跳转 -->
<el-table-column label="优惠劵" align="center" prop="name" />
<el-table-column label="优惠码状态" align="center" prop="status" />
<el-table-column label="生效开始时间" align="center" prop="validStartTime" width="180">
<el-table-column label="优惠券类型" align="center" prop="discountType">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.validStartTime) }}</span>
<dict-tag :type="DICT_TYPE.PROMOTION_DISCOUNT_TYPE" :value="scope.row.discountType" />
</template>
</el-table-column>
<el-table-column label="生效结束时间" align="center" prop="validEndTime" width="180">
<el-table-column label="领取方式" align="center" prop="takeType">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.validEndTime) }}</span>
<dict-tag :type="DICT_TYPE.PROMOTION_COUPON_TAKE_TYPE" :value="scope.row.takeType" />
</template>
</el-table-column>
<el-table-column label="状态" align="center" prop="status">
<template slot-scope="scope">
<dict-tag :type="DICT_TYPE.PROMOTION_COUPON_STATUS" :value="scope.row.status" />
</template>
</el-table-column>
<el-table-column label="领取时间" align="center" prop="createTime" width="180">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.createTime) }}</span>
</template>
</el-table-column>
<el-table-column label="使用时间" align="center" prop="useTime" width="180">
@ -45,11 +54,6 @@
<span>{{ parseTime(scope.row.useTime) }}</span>
</template>
</el-table-column>
<el-table-column label="创建时间" align="center" prop="createTime" width="180">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.createTime) }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
@ -94,7 +98,7 @@ export default {
createTime: [],
status: undefined,
},
// Tab
// Tab
activeTab: 'all',
statusTabs: [{
label: '全部',
@ -148,9 +152,9 @@ export default {
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
},
/** tab 切换 */
tabClick(tab) {
this.queryParams.status = tab.name === 'all' ? undefined : tab.name;
this.list = [];
this.getList();
}
}