From 891b5db055a1d27c6bda2e9700aa57f8bacd7cd2 Mon Sep 17 00:00:00 2001 From: xuxueyang <xuxy@fengyuntec.com> Date: 星期四, 15 八月 2024 09:58:44 +0800 Subject: [PATCH] add 部分ui --- sub_pages/customer/shopping/shopping.vue | 67 +++++++++++++++++++++++++++++---- 1 files changed, 58 insertions(+), 9 deletions(-) diff --git a/sub_pages/customer/shopping/shopping.vue b/sub_pages/customer/shopping/shopping.vue index 0abb7ac..f5a0f50 100644 --- a/sub_pages/customer/shopping/shopping.vue +++ b/sub_pages/customer/shopping/shopping.vue @@ -28,7 +28,8 @@ <u-swipe-action-item :options="options1" @click="(e)=>{clickSwipeButton(dto,true)}"> <view class="item-each flex"> <radio :checked="ids.indexOf(dto.id)>=0" @click="changeItem(dto,'flower')"></radio> - <image class="img img100 m-r-6 br-4" :class="[!dto.stock?'component-stock-zero-tmp':'']" :src="dto.url||dto.cover"></image> + <image class="img img100 m-r-6 br-4" :class="[!dto.stock?'component-stock-zero':'']" + :src="dto.url||dto.cover"></image> <view class="flex1"> <view class="title" @click.stop="toDetail(dto)"><span class="m-r-5" style="display: inline-block;">{{dto.categoryStr||''}}</span><span @@ -62,7 +63,7 @@ </view> </view> - <view style="min-height:200rpx"> + <view style="min-height:140rpx;background-color: #fff;"> </view> <view class="bottom-price flex"> <view class="m-t-12"> @@ -76,7 +77,7 @@ 提交订单 </view> </view> - <view style="min-height:200rpx"> + <view style="min-height:140rpx"> </view> <common-footer flg="2"></common-footer> </view> @@ -99,7 +100,7 @@ }, onShow() { // if (this.sign['shopping']) { - + // } this.init() }, @@ -146,6 +147,7 @@ } if (arr.length < 1) { console.log('请选择商品', arr, this.ids) + this.$message.showToast('请选择商品') return } this.$message.showLoading() @@ -157,18 +159,26 @@ flowers: arr, } }) - this.$message.hideLoading() + let that = this if (code === 0) { - this.$storage.setItem('_cache_shopping_dto', JSON.stringify(data)) + that.$message.hideLoading() + that.$storage.setItem('_cache_shopping_dto', JSON.stringify(data)) uni.navigateTo({ url: '/sub_pages/customer/shopping/confirm' }) + } else { + //提示消失快 + setTimeout(() => { + that.$message.hideLoading() + }, 2000) } + }, async clickSwipeButton(item, check) { + // console.log('clickSwipeButton', e) //删除商品,重新加载数据? if (check) { - await this.$message.confirm('是否删除商品') + await this.$message.confirm('是否删除商品') } @@ -182,6 +192,8 @@ }) this.$message.hideLoading() if (code === 0) { + this.$store.dispatch('sign_add', 'shopnum'); + if (this.ids.indexOf(item.id) >= 0) { this.ids.splice(this.ids.indexOf(item.id), 1) } @@ -209,7 +221,17 @@ break } } - console.log('this.list', this.list) + // console.log('this.list', this.list) + // 解决滑动的swipe不自动关闭的问题 + if (check) { + let arr = this.list + this.list = [] + this.$nextTick(() => { + this.list = arr + }) + } + + } }, @@ -247,6 +269,20 @@ this.ids.push(item.id) } }) + //如果所有的话都悬赏了,设置为return true; + var tmpSelectAll = true + for (var i = 0; i < this.list.length; i++) { + for (var j = 0; j < this.list[i].flowerList.length; j++) { + if (this.ids.indexOf(this.list[i].flowerList[j].id) < 0) { + tmpSelectAll = false + break + } + } + + } + this.checkall = tmpSelectAll + + } else { this.checkall = false this.ids.splice(this.ids.indexOf('supplier@' + dto.supplierId), 1) @@ -283,6 +319,18 @@ } else { console.log('has', this.ids, dto) } + //如果所有的话都悬赏了,设置为return true; + var tmpSelectAll = true + for (var i = 0; i < this.list.length; i++) { + for (var j = 0; j < this.list[i].flowerList.length; j++) { + if (this.ids.indexOf(this.list[i].flowerList[j].id) < 0) { + tmpSelectAll = false + break + } + } + + } + this.checkall = tmpSelectAll } else { this.checkall = false @@ -353,6 +401,7 @@ await this.clickSwipeButton(dto, false) // await this.init() } + this.$store.dispatch('sign_add', 'shopnum'); this.$forceUpdate() } }, @@ -403,7 +452,7 @@ padding: 20rpx; right: 0rpx; // bottom: 160rpx; - bottom: 140rpx; + bottom: 120rpx; z-index: 11; } -- Gitblit v1.9.3