<template>
|
<!-- 套餐 -->
|
<view>
|
<view class="list">
|
<view class="list-item">
|
<text>商品编码</text>
|
<text>{{productInfo.goodsNo}}</text>
|
</view>
|
<view class="list-item">
|
<text>商品分类</text>
|
<text>{{productInfo.goodsType}}</text>
|
</view>
|
<view class="list-item">
|
<text>套餐类型</text>
|
<text>{{productInfo.isCourse | formatType}}</text>
|
</view>
|
<view class="list-item">
|
<text>最大使用次数</text>
|
<text>{{productInfo.maxUseCnt || '-'}}</text>
|
</view>
|
<view class="list-item">
|
<text>每人限购次数</text>
|
<text>{{productInfo.limitBuyCnt || '-'}}</text>
|
</view>
|
<view class="list-item">
|
<text>最大销售数量</text>
|
<text>{{productInfo.maxSaleCnt || '-'}}</text>
|
</view>
|
</view>
|
<view class="list">
|
<view class="title">
|
<text>套餐项目权益</text>
|
</view>
|
<view class="list-item" v-for="item in productInfo.assembleTaocanProj">
|
<text>{{item.goodsName}}</text>
|
<text>{{item.volume}}次</text>
|
</view>
|
</view>
|
<view class="list">
|
<view class="title">
|
<text>套餐产品权益</text>
|
</view>
|
<view class="list-item" v-for="item in productInfo.assembleTaocanProduct">
|
<text>{{item.goodsName}}</text>
|
<text>{{item.volume}}次</text>
|
</view>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
export default{
|
props:{
|
productInfo: {
|
default: {}
|
}
|
},
|
filters:{
|
formatType(val){
|
if(val === 'Y'){
|
return '任选套餐'
|
} else {
|
return '固定套餐'
|
}
|
}
|
}
|
}
|
</script>
|
|
<style>
|
.list{
|
background: #FFFFFF;
|
padding: 0 10px;
|
font-size: 14px;
|
}
|
.list .title{
|
text-align: center;
|
padding: 20px 0 8px;
|
font-size: 16px;
|
}
|
.list-item{
|
display: flex;
|
justify-content: space-between;
|
border-bottom: 1px solid #EDEAF4;
|
padding: 12px 0;
|
}
|
</style>
|
