88 lines
1.8 KiB
Vue
88 lines
1.8 KiB
Vue
|
<template>
|
|||
|
|
<view class="main">
|
|||
|
|
<view class="list">
|
|||
|
|
<view class="list-item" v-for="(item, i) in list" :key="i">
|
|||
|
|
<view class="title flex flex-space-end">
|
|||
|
|
<text class="iconfont icon color-red" @click="onDel(i)"></text>
|
|||
|
|
</view>
|
|||
|
|
<view class="flex">
|
|||
|
|
<view><image :src="item.mainImage" mode="" class="img"></image></view>
|
|||
|
|
<view>
|
|||
|
|
<text class="line font34">{{item.titleName}}</text>
|
|||
|
|
<text class="line font30 color-b9" v-if="item.goodsNumber">商品编号：{{item.goodsNumber}}</text>
|
|||
|
|
<text class="font30 color-red mar">¥{{item.wholesalePrice}}</text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<button type="primary" class="bg-base btn" @click="onAdd" v-if="list.length < 3">添加</button>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import url from "@/common/http/url.js"
|
|||
|
|
export default{
|
|||
|
|
data(){
|
|||
|
|
return {
|
|||
|
|
list: []
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onLoad() {
|
|||
|
|
this.$http("GET", url.store.getStoreInfo).then(res => {
|
|||
|
|
this.list = res.data.cupboardGoodsList || []
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
onShow() {
|
|||
|
|
},
|
|||
|
|
methods:{
|
|||
|
|
onAdd(){
|
|||
|
|
this.$navigateTo("goods/list?cupboard=true")
|
|||
|
|
},
|
|||
|
|
onDel(i){
|
|||
|
|
this.list.splice(i, 1)
|
|||
|
|
let ids = this.list.map(v =>{
|
|||
|
|
return v.id
|
|||
|
|
})
|
|||
|
|
this.$http("POST", url.store.updateCupboardIds, {cupboardIds: ids.join(",")})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style scoped lang="scss">
|
|||
|
|
.main{
|
|||
|
|
padding: 0 20rpx;
|
|||
|
|
}
|
|||
|
|
.btn{
|
|||
|
|
margin-top: 50rpx;
|
|||
|
|
border-radius: 50rpx;
|
|||
|
|
}
|
|||
|
|
.list{
|
|||
|
|
margin-top: 20rpx;
|
|||
|
|
&-item{
|
|||
|
|
margin-bottom: 20rpx;
|
|||
|
|
background-color: white;
|
|||
|
|
padding: 30rpx;
|
|||
|
|
border-radius: 16rpx;
|
|||
|
|
.title{
|
|||
|
|
border-bottom: 2rpx solid #EEEEEE;
|
|||
|
|
padding-bottom: 20rpx;
|
|||
|
|
margin-bottom: 20rpx;
|
|||
|
|
.icon{
|
|||
|
|
font-size: 50rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.img{
|
|||
|
|
width: 140rpx;
|
|||
|
|
height: 140rpx;
|
|||
|
|
margin-right: 20rpx;
|
|||
|
|
}
|
|||
|
|
.mar{
|
|||
|
|
margin: 8rpx 0;
|
|||
|
|
display: block;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|