root
/
school_uni
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

11

master
tianyi 3 weeks ago
parent
626f3a0cb0
commit
8ce6842c86
1 changed files with 109 additions and 51 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 160
      package1/myCenter/goodsList.vue

160
package1/myCenter/goodsList.vue
View File

@ -21,66 +21,105 @@
</view>
<view class="content-right" style="padding-bottom: 70px;margin-bottom: 100px;">
<view class="right-box" v-for="(item,index) in shopList" :key="index">
<view class="box-left" @tap.stop="largeImg(item)">
<view v-if="(item.buyCountNew!= null && item.buyCountNew!= undefined)" style="position: absolute;left: 110rpx;color: #fff;background: red;width: 45rpx;height: 40rpx;font-size: 28rpx;text-align: center;line-height: 40rpx;border-radius: 5px;">
{{item.buyCountNew}}
<view style="position: relative;display: flex;">
<view class="box-left" @tap="largeImg(item)">
<view v-if="(item.buyCountNew!= null && item.buyCountNew!= undefined)" style="position: absolute;left: 110rpx;color: #fff;background: red;width: 45rpx;height: 40rpx;font-size: 28rpx;text-align: center;line-height: 40rpx;border-radius: 5px;">
{{item.buyCountNew}}
</view>
<img class="img-radius" :src="item.productPicture" alt="" v-if="item.productPicture">
<view class="noPic" v-else>暂无图片</view>
</view>
<view class="box-right">
<view class="box-right-name">
{{item.productName == null ?'':item.productName}}
<text style="color: red;" v-if="item.delFlag == 0">(已下架)</text>
</view>
<view class="box-right-num"></view>
<view class="box-right-price">
<view class="price-box">
<text>{{item.lunchBox}}</text>
<text>餐盒费</text>
</view>
<view class="price-box">
<text>{{item.startPayNum}}</text>
<text>起售数量</text>
</view>
<view class="price-box" @tap="changeShow(index,'shopList')" style="flex: 1;text-align: right;padding-top: 13px;">
<uni-icons type="down" size="18"></uni-icons>
</view>
</view>
</view>
<img class="img-radius" :src="item.productPicture" alt="" v-if="item.productPicture">
<view class="noPic" v-else>暂无图片</view>
</view>
<view class="box-right">
<view class="box-right-name">
{{item.productName == null ?'':item.productName}}
<text style="color: red;" v-if="item.delFlag == 0">(已下架)</text>
<view class="show-box" v-if="item.isShow">
<view class="show-text" @tap="goDetail('goods',item)" style="border-right: 1px solid #fff;">
<uni-icons type="compose" size="18"></uni-icons>
编辑
</view>
<view class="box-right-num" @tap="goDetail('goods',item)">
<!-- 供应商:{{item.supplierName== null?'':item.supplierName}} -->
<view class="show-text" style="border-right: 1px solid #fff;">
<uni-icons type="hand-up" size="18"></uni-icons>
设为推荐
</view>
<view class="box-right-price">
<view class="price-box">
<text>{{item.lunchBox}}</text>
<text>餐盒费</text>
</view>
<view class="price-box">
<text>{{item.startPayNum}}</text>
<text>起售数量</text>
</view>
<view class="price-box" @tap="item.isShow = !item.isShow" style="flex: 1;text-align: right;padding-top: 13px;">
<uni-icons type="down" size="18"></uni-icons>
</view>
<view class="show-text" style="border-right: 1px solid #fff;">
<uni-icons type="star" size="18"></uni-icons>
设为必点
</view>
<view class="show-text" style="border-right: 1px solid #fff;">
<uni-icons type="upload" size="18"></uni-icons>
上架
</view>
<view class="show-text">
<uni-icons type="trash" size="18"></uni-icons>
删除
</view>
</view>
</view>
<view class="right-box" v-for="(item,index) in shopList1" :key="index">
<view class="box-left" @tap.stop="largeImg(item)">
<view v-if="(item.buyCountNew!= null && item.buyCountNew!= undefined)" style="position: absolute;left: 110rpx;color: #fff;background: red;width: 45rpx;height: 40rpx;font-size: 28rpx;text-align: center;line-height: 40rpx;border-radius: 5px;">
{{item.buyCountNew}}
</view>
<img class="img-radius" :src="item.productPicture" alt="" v-if="item.productPicture">
<view class="noPic" v-else>暂无图片</view>
</view>
<view class="box-right">
<view class="box-right-name">
{{item.productSn}}
<text v-if="item.productName">({{item.productName == null ?'':item.productName}})</text>
</view>
<view class="box-right-num"></view>
<view class="box-right-price">
<view class="price-box">
<text>{{item.lunchBox}}</text>
<text>餐盒费</text>
<view style="position: relative;display: flex;">
<view class="box-left" @tap="largeImg(item)">
<view v-if="(item.buyCountNew!= null && item.buyCountNew!= undefined)" style="position: absolute;left: 110rpx;color: #fff;background: red;width: 45rpx;height: 40rpx;font-size: 28rpx;text-align: center;line-height: 40rpx;border-radius: 5px;">
{{item.buyCountNew}}
</view>
<view class="price-box">
<text>{{item.startPayNum}}</text>
<text>起售数量</text>
<img class="img-radius" :src="item.productPicture" alt="" v-if="item.productPicture">
<view class="noPic" v-else>暂无图片</view>
</view>
<view class="box-right">
<view class="box-right-name">
{{item.productName == null ?'':item.productName}}
</view>
<view class="price-box" @tap="item.isShow = !item.isShow" style="flex: 1;text-align: right;padding-top: 13px;">
<uni-icons type="down" size="18"></uni-icons>
<view class="box-right-num"></view>
<view class="box-right-price">
<view class="price-box">
<text>{{item.lunchBox}}</text>
<text>餐盒费</text>
</view>
<view class="price-box">
<text>{{item.startPayNum}}</text>
<text>起售数量</text>
</view>
<view class="price-box" @tap="changeShow(index,'shopList1')" style="flex: 1;text-align: right;padding-top: 13px;">
<uni-icons type="down" size="18"></uni-icons>
</view>
</view>
</view>
</view>
<view class="show-box" v-if="item.isShow">
<view class="show-text" @tap="goDetail('goods',item)" style="border-right: 1px solid #fff;">
编辑
</view>
<view class="show-text" style="border-right: 1px solid #fff;">
设为推荐
</view>
<view class="show-text" style="border-right: 1px solid #fff;">
设为必点
</view>
<view class="show-text" style="border-right: 1px solid #fff;">
上架
</view>
<view class="show-text" style="border-right: 1px solid #fff;">
删除
</view>
</view>
</view>
</view>
@ -146,6 +185,15 @@
}
},
changeShow(index,type){
console.log("1111",index)
console.log("1111",type)
if(type == 'shopList'){
this.shopList[index].isShow = !this.shopList[index].isShow
}else{
this.shopList1[index].isShow = !this.shopList1[index].isShow
}
},
goDetail(type,item){
let url=""
if(type == 'goods'){
@ -189,7 +237,7 @@
this.shopList1 = [...this.shopList1, ...res.result.records]
}
for(let i=0;i<this.shopList1.length;i++){
this.shopList1[i].isShow = false
this.shopList1[i].isShow = true
}
this.pages = res.result.pages
} else {
@ -201,7 +249,7 @@
this.shopList = [...this.shopList, ...res.result.records]
}
for(let i=0;i<this.shopList.length;i++){
this.shopList[i].isShow = false
this.shopList[i].isShow = true
}
this.pages = res.result.pages
}
@ -329,10 +377,8 @@
.right-box {
width: 100%;
height: 190rpx;
display: flex;
height: auto;
border-bottom: 1px solid #eee;
position: relative;
}
.box-left {
width: 130rpx;
@ -403,4 +449,16 @@
text-align: center;
margin: 0 10px;
}
.show-box{
display: flex;
height: 50px;
background: #eee;
}
.show-text{
display: flex;
flex-direction: column;
text-align: center;
flex: 1;
padding-top: 7px;
}
</style>
Write Preview
Loading…
Cancel
Save