From b05a84f9178894b40a1d6a601b577403d7d93c46 Mon Sep 17 00:00:00 2001 From: 陶杰 <1378534974@qq.com> Date: 星期三, 08 一月 2025 09:09:20 +0800 Subject: [PATCH] 1.运费配置说明修改 --- sub_pages/customer/shopping/shopping.vue | 169 +++++++++++++++++++++++++++++++++++++++++++++----------- 1 files changed, 135 insertions(+), 34 deletions(-) diff --git a/sub_pages/customer/shopping/shopping.vue b/sub_pages/customer/shopping/shopping.vue index 2723829..88fa17c 100644 --- a/sub_pages/customer/shopping/shopping.vue +++ b/sub_pages/customer/shopping/shopping.vue @@ -7,15 +7,17 @@ </view> <view class="flex top-kf"> <image class="icon-clock m-r-6" src="../../../static/common/icon-kf.png"></image> - <view class="name"> - 15974805814 + <image class="icon-clock m-r-6 m-t-2" src="../../../static/common/icon-call.png"></image> + <view class="name" @click.stop="callTel"> + {{tel}} + </view> + <view class="m-l-a m-r-0"> + <uni-icons v-if="list&&list.length>0" type="trash" size="28" @click="batchDelete"></uni-icons> </view> </view> <view class=""> <no-data v-if="!list||list.length===0" style="width: 100%;"></no-data> <view class="shopping-item m-t-20" v-for="(item,index) of list" :key="index"> - - <view class="sup-title"> <radio :checked="ids.indexOf('supplier@'+item.supplierId)>=0" @click="changeItem(item,'supplier')"> </radio> @@ -28,23 +30,26 @@ <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':'']" - :src="dto.url||dto.cover"></image> + <image class="img img100 m-r-6 br-4" :lazy-load="true" + :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 - v-if="dto.levelStr" class="m-r-5" + <view class="title" @click.stop="toDetail(dto)"> + <!-- <span class="m-r-5" + style="display: inline-block;">{{dto.categoryStr||''}}</span> --> + <span + v-if="dto.levelStr" class="m-r-5 t-red" style="display: inline-block;">{{ dto.levelStr || '' }}</span>{{ dto.name || '-' }} </view> <view class="price" @click.stop="toDetail(dto)"> - {{ dto.price || '-' }}元/扎 + {{ dto.priceMember || dto.price || '-' }}元/扎 </view> <view class="flex"> <view class="desc flex p-t-5" @click.stop="toDetail(dto)"> <view class="m-r-15">剩余:{{ dto.stock || 0 }}</view> <view class="m-r-15">颜色:{{ dto.color || '-' }}</view> + <view class="m-r-15" v-if="dto.limited && dto.limited>0" >限购数量:{{ dto.limited || '-' }}</view> </view> - <view class="button-icons flex m-l-a m-r-0"> + <view class="button-icons flex m-l-a m-r-0 m-t-8"> <uni-icons v-if="dto.num&&dto.num>=1" type="minus" size="32" @click.stop="addnum(dto,-1)"></uni-icons> <view class="curnums" @click.stop="updateItemNum(dto)" @@ -63,7 +68,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"> @@ -77,7 +82,7 @@ 提交订单 </view> </view> - <view style="min-height:200rpx"> + <view style="min-height:140rpx"> </view> <common-footer flg="2"></common-footer> </view> @@ -89,7 +94,7 @@ export default { data() { return { - tel: '15974805814', + tel: '19288780072', ids: [], checkall: false, options1: [{ @@ -115,18 +120,71 @@ totalprice() { let totalprice = 0 - this.list && this.list.forEach(dto => { - dto.flowerList && dto.flowerList.forEach(item => { - if (this.ids.indexOf(item.id) >= 0) { - totalprice += item.price * item.num - } + if (this.ids.length > 0) { + this.list && this.list.forEach(dto => { + dto.flowerList && dto.flowerList.forEach(item => { + if (this.ids.indexOf(item.id) >= 0) { + totalprice += (item.priceMember || item.price || 0) * item.num + } + }) }) - }) + } + return totalprice.toFixed(2) }, }, methods: { + + async callTel() { + await this.$message.confirm('是否拨打客服电话') + uni.makePhoneCall({ + phoneNumber: this.tel //仅为示例 + }); + }, + + async batchDelete() { + // /api/customer/flower/cart/delete/batch + var arr = [] + + for (var id of this.ids) { + console.log('id', id) + if (('' + id).startsWith('supplier@')) { + + } else { + arr.push(parseInt(id)) + } + } + + if (arr.length == 0) { + this.$message.showToast('请选择需要删除的商品') + return + } + + await this.$message.confirm(`是否批量删除这${arr.length}个商品`) + + + this.$message.showLoading() + const { + code + } = await this.$http.request('post', '/api/customer/flower/cart/delete/batch', { + data: { + ids: arr, + } + }) + this.$message.hideLoading() + if (code === 0) { + this.$store.dispatch('sign_add', 'shopnum'); + this.ids = [] + this.checkall = false + this.init() + } + + + + + }, async submitPay() { + await this.$store.dispatch('cache_coupon_select_cancel', 0) // order/confirm/info var arr = [] for (var j = 0; j < this.list.length; j++) { @@ -147,6 +205,7 @@ } if (arr.length < 1) { console.log('请选择商品', arr, this.ids) + this.$message.showToast('请选择商品') return } this.$message.showLoading() @@ -159,17 +218,22 @@ } }) let that = this - setTimeout(() => { + if (code === 0) { that.$message.hideLoading() - if (code === 0) { - that.$storage.setItem('_cache_shopping_dto', JSON.stringify(data)) - uni.navigateTo({ - url: '/sub_pages/customer/shopping/confirm' - }) - } - }, 300) + 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('是否删除商品') @@ -187,7 +251,7 @@ 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) } @@ -215,7 +279,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 + }) + } + + } }, @@ -253,6 +327,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) @@ -289,6 +377,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 @@ -359,7 +459,7 @@ await this.clickSwipeButton(dto, false) // await this.init() } - this.$store.dispatch('sign_add', 'shopnum'); + this.$store.dispatch('sign_add', 'shopnum'); this.$forceUpdate() } }, @@ -376,8 +476,9 @@ this.$message.showToast('请先前往个人中心补充个人信息') return } + this.$store.dispatch('sign_clear', 'shopping'); + this.$message.showLoading() - await this.$store.dispatch('sign_clear', 'shopping'); const { code, data @@ -386,7 +487,7 @@ this.list = [] if (code === 0) { this.list = data || [] - + this.$forceUpdate() } }, toDetail(dto) { @@ -410,7 +511,7 @@ padding: 20rpx; right: 0rpx; // bottom: 160rpx; - bottom: 140rpx; + bottom: 120rpx; z-index: 11; } -- Gitblit v1.9.3