From 7e247648201b208cfb5a5901803f784b7dbda948 Mon Sep 17 00:00:00 2001 From: xuxueyang <xuxy@fengyuntec.com> Date: 星期三, 31 七月 2024 01:54:17 +0800 Subject: [PATCH] 1 --- sub_pages/customer/self/history.vue | 102 +++++++++++++++++++++++++++++++++++++++++++++------ 1 files changed, 90 insertions(+), 12 deletions(-) diff --git a/sub_pages/customer/self/history.vue b/sub_pages/customer/self/history.vue index a137606..d6513f6 100644 --- a/sub_pages/customer/self/history.vue +++ b/sub_pages/customer/self/history.vue @@ -69,7 +69,12 @@ async submitShopping(dto) { //提交到购物车中 // this.$message.showLoading() - await this.$store.dispatch('submitShopping', dto); + const res = await this.$store.dispatch('submitShopping', dto); + console.log('res',res) + if (res&&res.code == 0){ + dto.shopnum = res.data || 0 + this.$forceUpdate() + } // this.$message.hideLoading() }, select_level(e) { @@ -85,6 +90,67 @@ this.query.column = e.value[0].value this.refreshList() + }, + async updateItemNum(item) { + const res = await this.$message.confirm('', { + editable: true, + title: '请输入想要购买的数量' + }) + if (res.content && res.confirm) { + // 发送请求 + var t = parseInt(res.content) + if (isNaN(t) || t < 0) { + this.$message.showToast('数目需要大于等于0') + + } else { + if(!item.stock || t>item.stock){ + this.$message.showToast('库存不足无法修改') + return + } + this.addnum(item, (t - item.shopnum)) + + } + } else { + + } + }, + async addnum(item, addnum) { + if (!this.currentInfo.id) { + await this.$message.confirm('请前往登录') + uni.navigateTo({ + url: '/pages/user/supplier-user' + }) + return + } + if (!item.shopnum) { + item.shopnum = 0 + } + if (!item.stock) { + item.stock = 0 + } + if (item.shopnum + addnum > item.stock) { + this.$message.showToast('库存不足,无法修改') + return + } + if (item.shopnum + addnum >= 0) { + + } else { + return + } + this.$message.showLoading() + const { + code + } = await this.$http.request('post', '/api/customer/flower/cart/change-num', { + data: { + id: item.id, + num: addnum + } + }) + this.$message.hideLoading() + if (code === 0) { + item.shopnum += addnum + this.$forceUpdate() + } }, } } @@ -124,10 +190,10 @@ <view class="trade-list-container"> <view class="trade-info-container flex" v-for="(dto,index) of list" :key="index" - @click.stop="toDetail(dto)"> - <image class="img img100 br-4 m-r-10" :src="dto.url||dto.cover"></image> - <view class="flex1"> - <view class="flex"> + > + <image class="img img100 br-4 m-r-10" :src="dto.url||dto.cover" @click.stop="toDetail(dto)"></image> + <view class="flex1" > + <view class="flex" @click.stop="toDetail(dto)"> <view class="title"> <span class="m-r-5" style="display: inline-block;" v-if="dto.categoryStr">{{dto.categoryStr||''}}</span> @@ -140,14 +206,24 @@ </view> </view> <view class="flex"> - <view class="desc m-t-12 flex"> + <view class="desc p-t-12 flex" @click.stop="toDetail(dto)"> <view class="m-r-15">剩余:{{ dto.stock || 0 }}</view> <view class="m-r-15">颜色:{{ dto.color || '-' }}</view> </view> <view class="button-icons flex m-l-a m-r-0 m-t-20" v-if="dto.status=='UP'"> - <view class="m-r-0 gwc" @click.stop="submitShopping(dto)"> + <view class="m-r-0 gwc" @click.stop="submitShopping(dto)" v-if="!dto.shopnum"> + 购物车 </view> + <view class="m-r-0 flex" v-if="dto.shopnum"> + <uni-icons v-if="dto.shopnum&&dto.shopnum>=1" type="minus" size="32" + @click.stop="addnum(dto,-1)"></uni-icons> + <view class="curnums" @click.stop="updateItemNum(dto)" v-if="dto.shopnum&&dto.shopnum>=1"> + {{ dto.shopnum }} + </view> + <uni-icons v-if="!dto.shopnum||dto.shopnum<=999" type="plus-filled" size="32" + @click.stop="addnum(dto,1)"></uni-icons> + </view> + </view> </view> </view> @@ -161,7 +237,7 @@ <style lang="scss" scoped> .page-collect { min-height: 99vh; - + .search-container { display: flex; margin: 12rpx 0rpx 20rpx 0rpx; @@ -182,21 +258,23 @@ line-height: 70rpx !important; } } + .trade-list-container { min-height: calc(100vh - 300rpx); overflow-y: scroll; border-top-right-radius: 40rpx; border-top-left-radius: 40rpx; padding: 20rpx; - + } + .trade-info-container { background-color: #fff; border-radius: 20rpx; margin-bottom: 20rpx; padding: 20rpx; overflow: hidden; - + overflow-y: scroll; .img { @@ -237,8 +315,8 @@ line-height: 40rpx; .curnums { - margin-left: 10rpx; - margin-right: 10rpx; + padding-left: 20rpx; + padding-right: 20rpx; } } -- Gitblit v1.9.3