<template>
|
<div v-if="form.couponInfoVo" class="integralProdBox">
|
<div class="imgBox">
|
<img :src="form.imgIdUrls[0].imgUrl"/>
|
</div>
|
<div>
|
<div>{{form.couponInfoVo.couponName}}</div>
|
<div>{{form.couponInfoVo.couponDes}}</div>
|
</div>
|
<el-form label-width="auto">
|
<el-form-item class="couponTag" label="可售数量：">
|
{{form.surplus === -1 ?'不限制':form.surplus}}
|
</el-form-item>
|
<el-form-item label="适用商品：">
|
{{form.couponInfoVo.applyType === '1' ? '全部' : '指定'}}商品可用
|
</el-form-item>
|
<el-table v-show="form.couponInfoVo.applyType === '2'" :data="form.couponInfoVo.npPromotionProds" border>
|
<el-table-column label="商品主编码" prop="prodId"></el-table-column>
|
<el-table-column label="商品名称" prop="prodName" show-overflow-tooltip></el-table-column>
|
<el-table-column label="商品规格*数量">
|
<template slot-scope="scope">
|
{{scope.row.prodSpecs ? scope.row.prodSpecs : '-'}}
|
</template>
|
</el-table-column>
|
</el-table>
|
<el-form-item label="使用门槛：">
|
{{form.couponInfoVo.applicableThreshold === '1' ? '无使用门槛' : '订单满 ' +form.couponInfoVo.fullMinusCondition + ' 元'}}
|
</el-form-item>
|
<el-form-item label="减免金额：">
|
{{form.couponInfoVo.deductionAmount}} 元
|
</el-form-item>
|
<el-form-item label="用券时间：">
|
<span v-if="form.couponInfoVo.couponTimeType === '2'">{{form.couponInfoVo.effectiveStartDate}} ~ {{form.couponInfoVo.effectiveEndDate}}</span>
|
<span v-else>领取{{form.couponInfoVo.effectiveDays}}日内有效</span>
|
</el-form-item>
|
</el-form>
|
</div>
|
</template>
|
|
<script>
|
export default {
|
props: ['form']
|
}
|
</script>
|
|
<style lang="scss">
|
.integralProdBox{
|
img, video{
|
width: 100%;
|
height: 100%;
|
}
|
div{
|
margin-bottom: 8px;
|
}
|
.couponTag{
|
.el-form-item__label,.el-form-item__content{
|
color: #f56c6c;
|
}
|
}
|
}
|
</style>
|
