|
@@ -1,5 +1,7 @@
|
|
|
<template>
|
|
|
<div class="DetailsCoupon">
|
|
|
+ <!-- 数据字典 -->
|
|
|
+ <v-select v-show="false" ref="couponType" placeholder="优惠券类型" code="COUPON_TYPE"></v-select>
|
|
|
<a-modal
|
|
|
class="DetailsCouponModal"
|
|
|
title="查看详情"
|
|
@@ -8,10 +10,9 @@
|
|
|
:destroyOnClose="true"
|
|
|
@cancel="isShow=false"
|
|
|
v-model="isShow">
|
|
|
- <v-select v-show="false" ref="couponType" placeholder="优惠券类型" code="COUPON_TYPE"></v-select>
|
|
|
<a-row :gutter="20" v-if="couponInfo">
|
|
|
<a-col :span="24">
|
|
|
- <div class="c-title">
|
|
|
+ <div class="c-title frist-t">
|
|
|
基本信息
|
|
|
<a-divider type="vertical" class="bold-divider" />
|
|
|
</div>
|
|
@@ -58,16 +59,16 @@
|
|
|
<p class="item-label">持卡会员:</p>
|
|
|
<p class="item-main" v-if="couponInfo.cardholderCouponLimit.isLimit == '0'">不限</p>
|
|
|
<p class="item-main" v-if="couponInfo.cardholderCouponLimit.isLimit == '1'">
|
|
|
- <strong>{{ couponInfo.cardholderCouponLimit.limitCount }}</strong>份/每
|
|
|
- <strong>{{ couponInfo.cardholderCouponLimit.limitCondition == 'monthly' ? '自然月' : '' }}</strong>
|
|
|
+ 每<strong>{{ couponInfo.cardholderCouponLimit.limitCondition == 'monthly' ? '自然月' : '' }}</strong>限制领取
|
|
|
+ <strong>{{ couponInfo.cardholderCouponLimit.limitCount }}</strong>份
|
|
|
</p>
|
|
|
</a-col>
|
|
|
<a-col :span="12" class="item-cont">
|
|
|
<p class="item-label">未持卡会员:</p>
|
|
|
<p class="item-main" v-if="couponInfo.normalCouponLimit.isLimit == '0'">不限</p>
|
|
|
<p class="item-main" v-if="couponInfo.normalCouponLimit.isLimit == '1'">
|
|
|
- <strong>{{ couponInfo.normalCouponLimit.limitCount }}</strong>份/每
|
|
|
- <strong>{{ couponInfo.normalCouponLimit.limitCondition == 'monthly' ? '自然月' : '' }}</strong>
|
|
|
+ 每<strong>{{ couponInfo.normalCouponLimit.limitCondition == 'monthly' ? '自然月' : '' }}</strong>限制领取
|
|
|
+ <strong>{{ couponInfo.normalCouponLimit.limitCount }}</strong>份
|
|
|
</p>
|
|
|
</a-col>
|
|
|
<a-col :span="12" class="item-cont">
|
|
@@ -78,9 +79,7 @@
|
|
|
<strong>{{ couponInfo.startTimeGmt8Ymd }}</strong> ~
|
|
|
<strong>{{ couponInfo.endTimeGmt8Ymd }}</strong>
|
|
|
</p>
|
|
|
- <p class="item-main" v-if="couponInfo.validType == 'RELATIVE'">
|
|
|
- 领取后<strong>{{ couponInfo.validDate }}</strong>天内有效
|
|
|
- </p>
|
|
|
+ <p class="item-main" v-if="couponInfo.validType == 'RELATIVE'">{{ couponInfo.validDateStr }}</p>
|
|
|
</a-col>
|
|
|
<a-col :span="12" class="item-cont">
|
|
|
<p class="item-label">适用洗车类型:</p>
|
|
@@ -89,7 +88,17 @@
|
|
|
</p>
|
|
|
</a-col>
|
|
|
<a-col :span="12" class="item-cont">
|
|
|
- <p class="item-label">适用洗车网点:</p>
|
|
|
+ <div class="item-label">
|
|
|
+ <a-tooltip
|
|
|
+ placement="right"
|
|
|
+ arrow-point-at-center
|
|
|
+ title="已设置的适用洗车网点再次修改(尤其是减少使用网点)后,在【优惠券统计】中会保留原适用洗车网点的统计数据。"
|
|
|
+ >
|
|
|
+ <span style="display: inline-block;">适用洗车网点</span>
|
|
|
+ <a-icon :style="{ fontSize: '17px', color: '#1890ff', verticalAlign: 'sub', display: 'inlineBlock', margin: '0 3px' }" type="question-circle" />
|
|
|
+ <span style="display: inline-block;">:</span>
|
|
|
+ </a-tooltip>
|
|
|
+ </div>
|
|
|
<div class="item-main flex-sp">
|
|
|
<strong>{{ couponInfo.isStoreLimit == '1' ? '部分' : '全部' }}</strong>
|
|
|
<p v-if="couponInfo.isStoreLimit == '1'">
|
|
@@ -148,7 +157,7 @@ export default {
|
|
|
couponFind({ id: id }).then(res => {
|
|
|
if (res.status == 200) {
|
|
|
this.couponInfo = res.data
|
|
|
- this.couponInfo.couponTypeName = this.$refs.couponType.getNameByCode(this.couponInfo.couponType)
|
|
|
+ this.couponInfo.couponTypeName = this.$refs.couponType.getNameByCode(res.data.couponType)
|
|
|
}
|
|
|
})
|
|
|
}
|
|
@@ -180,6 +189,7 @@ export default {
|
|
|
}
|
|
|
.c-title {
|
|
|
padding: 0 0 10px;
|
|
|
+ margin-top: 40px;
|
|
|
margin-bottom: 20px;
|
|
|
border-bottom: 1px solid #e8e8e8;
|
|
|
.bold-divider {
|
|
@@ -187,12 +197,15 @@ export default {
|
|
|
background-color: #1890ff;
|
|
|
}
|
|
|
}
|
|
|
+ .frist-t{
|
|
|
+ margin-top: 20px;
|
|
|
+ }
|
|
|
.item-cont{
|
|
|
margin-bottom: 24px;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
.item-label{
|
|
|
- width: 115px;
|
|
|
+ width: 121px;
|
|
|
font-size: 14px;
|
|
|
color: rgba(0, 0, 0, 0.85);
|
|
|
flex-shrink: 0;
|