<template>
|
<div>
|
<P>优惠详情</P>
|
<hr/>
|
<el-form-item label="商品图片：" prop="prodImgs">
|
<custom-upload-img
|
:limitNumber="1"
|
@handle-success="handleSuccess"
|
@handle-remove="handleRemove"
|
:imageSize="'754 * 754'"
|
:fileList="form.prodImgs"
|
>
|
<template slot="appendPart" slot-scope="item">
|
<span class="coverImg" v-show="item.data.index === 0">封面</span>
|
</template>
|
</custom-upload-img>
|
</el-form-item>
|
<el-form-item label="优惠券名称：">
|
{{form.spuName}}
|
</el-form-item>
|
<el-form-item label="适用商品：">
|
{{form.applyType === '1' ? '全部' : '指定'}}商品可用
|
</el-form-item>
|
<el-form-item v-show="form.applyType === '2'">
|
<el-table :data="form.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>
|
<el-form-item label="使用门槛：">
|
{{form.applicableThreshold === '1' ? '无使用门槛' : '订单满 ' +form.fullMinusCondition + ' 元'}}
|
</el-form-item>
|
<el-form-item label="减免金额：">
|
{{form.deductionAmount}} 元
|
</el-form-item>
|
<el-form-item label="用券时间：">
|
<span v-if="form.couponTimeType === '2'">{{form.effectiveStartDate}} ~ {{form.effectiveEndDate}}</span>
|
<span v-else>领取{{form.effectiveDays}}日内有效</span>
|
</el-form-item>
|
<el-form-item label="优惠券描述：">
|
{{form.couponDes}}
|
</el-form-item>
|
</div>
|
</template>
|
|
<script>
|
export default {
|
props: {
|
form: {
|
type: Object,
|
default: function() {
|
return {}
|
}
|
}
|
},
|
methods: {
|
/**
|
* 获取上传成功的图片
|
*/
|
handleSuccess(data) {
|
this.form.prodImgs.push({
|
url: data.url,
|
id: data.id
|
})
|
},
|
/**
|
* 移除图片
|
*/
|
handleRemove(file) {
|
this.form.prodImgs = this.form.prodImgs.filter(v => {
|
return v.id !== file.id
|
})
|
}
|
}
|
}
|
</script>
|
|
<style>
|
|
</style>
|
