64 lines
1.6 KiB
Vue
64 lines
1.6 KiB
Vue
<template>
|
|
<view>
|
|
<view class="bg-white padding-bottom">
|
|
<horizontal-goods-card v-if="product" :ifShowServArea="true" :product="product"></horizontal-goods-card>
|
|
<view v-if="columnTitleArr.length" class="flex justify-between margin-tb-sm">
|
|
<view class="basis-df">{{columnTitleArr[0]}}</view>
|
|
<view class="flex justify-end text-center basis-sm">
|
|
<view v-for="(title, index) in columnTitleArr" v-if="index >= 1" class="basis-df">{{title}}</view>
|
|
</view>
|
|
</view>
|
|
<view>
|
|
<view class="flex justify-between margin-tb-xs align-center" v-for="(item,index) in pickedList" :key="index">
|
|
<view class='cu-tag padding line-main-color basis-df'>{{item[valFieldArr[0]]}}</view>
|
|
<view class="flex justify-end basis-sm text-center">
|
|
<view class="basis-df">{{item[valFieldArr[1]]}}</view>
|
|
<view class="basis-df">{{item[valFieldArr[2]]}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import horizontalGoodsCard from '@/components/goods-card/horizontal-goods-card.vue';
|
|
|
|
export default {
|
|
name: "simple-product-picked",
|
|
props: {
|
|
product: {
|
|
type: Object,
|
|
default: null
|
|
},
|
|
pickedList: {
|
|
type: Array,
|
|
default: []
|
|
},
|
|
columnTitleArr: {
|
|
type: Array,
|
|
default: []
|
|
},
|
|
valFieldArr: {
|
|
type: Array,
|
|
default: []
|
|
}
|
|
},
|
|
components: {
|
|
horizontalGoodsCard
|
|
},
|
|
methods: {
|
|
changePiecesNum(curNum, curItem) {
|
|
uni.$emit('changePickedNum', curNum, curItem)
|
|
}
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.certern-height-with-scroll {
|
|
max-height: 300rpx;
|
|
overflow: scroll;
|
|
}
|
|
</style>
|