xuxueyang
2024-08-03 0c100f6c702db0dd8cf696c595e83fb3fead0232
sub_pages/customer/trade/list.vue
@@ -13,7 +13,7 @@
            <view class="desc">
               颜色:{{categoryInfo.color || '暂无'}}
            </view>
         <!--    <view class="desc">
            <!--    <view class="desc">
               包袋:棉袋
            </view> -->
         </view>
@@ -21,8 +21,12 @@
            <view class="title">当日均价</view>
            <view class="price">{{categoryInfo.avePrice||'暂无'}}</view>
            <view class="flex desc">
               <view class="m-l-a m-r-5">{{categoryInfo.avePriceDifference&&categoryInfo.avePriceDifference>=0?'+':''}}{{categoryInfo.avePriceDifference||0}}</view>
               <view class="m-r-a m-l-5">{{categoryInfo.avePriceDifferenceRate&&categoryInfo.avePriceDifferenceRate>=0?'+':''}}{{categoryInfo.avePriceDifferenceRate||0}}%</view>
               <view class="m-l-a m-r-5">
                  {{categoryInfo.avePriceDifference&&categoryInfo.avePriceDifference>=0?'+':''}}{{categoryInfo.avePriceDifference||0}}
               </view>
               <view class="m-r-a m-l-5">
                  {{categoryInfo.avePriceDifferenceRate&&categoryInfo.avePriceDifferenceRate>=0?'+':''}}{{categoryInfo.avePriceDifferenceRate||0}}%
               </view>
            </view>
         </view>
      </view>
@@ -31,7 +35,7 @@
            <!-- 查询条件 -->
            <view class="component-filter-container">
               <view class="flex1" @click.stop="order_show=true">
                  {{ query.columnStr || '排序' }}
                  排序{{ query.columnStr&&('-'+query.columnStr) || '' }}
                  <image src="../../../static/common/icon-arrow-down.png" class="icon-arrow-down"></image>
               </view>
               <view class="flex1" @click.stop="level_show=true">
@@ -55,8 +59,7 @@
         <view class="component-shop-item flex" v-for="(item,index) of list" :key="index">
            <view class="img" @click.stop="toDetail(item)">
               <image class="img img100"
                  :src="item.cover">
               <image class="img img100" :class="[!item.stock?'component-stock-zero':'']" :src="item.cover">
               </image>
               <view class="level">
                  {{item.levelStr||''}}
@@ -126,20 +129,24 @@
            <view v-for="(item,i) in params" :key="i" class="m-t-20">
               <view class="title topic-font" style="font-size: 40rpx;font-weight: 600;">{{ item.name }}</view>
               <view class="m-t-12 flex value-items">
                  <view class="value-item" @click="updateValue(item,each)" :class="[item.value===each?'cur':'']"
                     v-for="(each, j) in item.values" :key="j">
                  <view class="value-item" @click="updateValue(item,each)"
                     :class="[item.value.indexOf(each)>=0?'cur':'']" v-for="(each, j) in item.values" :key="j">
                     {{ each || '-' }}
                  </view>
               </view>
            </view>
            <view class="button-space"></view>
            <view class="button-space"></view>
            <view class="button-green" style="background-color: #fff;bottom: 160rpx;color: #000"
               @click="closeParamPopAndQuery">
               查询
            </view>
            <view>
               <view class="button-green"
                  style="background-color: #fff;border: 2rpx solid #666; color: #666;min-width: 240rpx;left: 40rpx;right: unset;"
                  @click="closeParamPop">
                  关闭
               </view>
            <view class="button-green" @click="closeParamPop">关闭</view>
               <view class="button-green" style="min-width: 240rpx;right: 40rpx;left: unset;"
                  @click="closeParamPopAndQuery">查询
               </view>
            </view>
         </view>
      </uni-popup>
@@ -177,13 +184,40 @@
               []
            ]
         }
      },
      },
      // #ifdef PUB_CUSTOMER
      onShareAppMessage() {
         let that = this;
         var name = that.currentInfo.customerDTO&&currentInfo.customerDTO.name || that.currentInfo.supplierDTO&&currentInfo.supplierDTO.name || that.currentInfo.partnerDTO&&currentInfo.partnerDTO.name || ''
         var url =
            `/sub_pages/customer/trade/list?category=${this.query.category}&zoneId=${this.query.zoneId}&name=${this.query.name}&shareId=${this.currentInfo&&this.currentInfo.id||''}&shareName=${name||''}`; //你的转发页面路径拼接参数
         return {
            title: "花满芫-商品列表",
            path: url,
         }
      },
      onShareTimeline() {
         let that = this;
         var name = that.currentInfo.customerDTO&&currentInfo.customerDTO.name || that.currentInfo.supplierDTO&&currentInfo.supplierDTO.name || that.currentInfo.partnerDTO&&currentInfo.partnerDTO.name || ''
         var url =
            `/sub_pages/customer/trade/list?category=${this.query.category}&zoneId=${this.query.zoneId}&name=${this.query.name}&shareId=${this.currentInfo&&this.currentInfo.id||''}&shareName=${name||''}`; //你的转发页面路径拼接参数
         return {
            title: "花满芫-商品列表",
            path: url,
         }
      },
      // #endif
      async onLoad(options) {
         // this.list = [{},{}]
         console.log('options', options)
         this.query.category = options.categoryId || ''
         this.query.zoneId = options.zoneId || ''
         this.query.name = options.name || ''
         if (this.query.name) {
            uni.setNavigationBarTitle({
               title: '商品列表-' + this.query.name
            })
         }
         this.listApi = '/api/customer/flower/list'
         this.getList('post')
         this.$http.request('get', '/api/code/value', {
@@ -213,12 +247,12 @@
         if (this.query.category) {
            await this.getDetail()
         }
         this.refreshShopNum()
         // await this.getList('post')
         // this.
      },
      onReachBottom() {
         this.page.current += 1
         this.getMore('post')
      },
      async onPullDownRefresh() {
@@ -226,7 +260,19 @@
         await this.getList('post')
         uni.stopPullDownRefresh()
      },
      async onShow() {
         if (this.sign['shopnum']) {
            await this.$store.dispatch('sign_clear', 'shopnum');
            //重新获取商品数目
            //只需要刷新列表的部分信息即可
            this.getList('post')
         }
         this.refreshShopNum()
      },
      methods: {
         async refreshShopNum() {
            this.shoptotal = await this.$store.dispatch('countShopping');
         },
         async getDetail() {
            this.$message.showLoading()
            //获取到分类的详情信息
@@ -244,8 +290,19 @@
            }
         },
         updateValue(item, value) {
            item.value = value
            this.$set(item, 'value', value)
            // item.value = value
            // this.$set(item, 'value', value)
            if (item.name == '优点' || item.name === '缺点') {
               if (item.value.indexOf(value) < 0) {
                  item.value.push(value)
               } else {
                  item.value.splice(item.value.indexOf(value), 1)
               }
            } else {
               //单选
               item.value = [value]
            }
            this.$forceUpdate()
         },
         closeParamPop() {
@@ -253,13 +310,13 @@
         },
         closeParamPopAndQuery() {
            this.$refs.popup_param.close()
            //设置参数
            this.dto.params = []
            for (var params of this.params) {
               if (params.value) {
                  this.dto.params.push({
                     id: params.id,
                     value: params.value
            //设置参数
            this.query.params = []
            for (var param of this.params) {
               if (param.value && param.value.length > 0) {
                  this.query.params.push({
                     id: param.id,
                     value: param.value.join(',')
                  })
               }
            }
@@ -268,7 +325,7 @@
         async showSelectParams() {
            //得有分类才有参数
            this.$message.showLoading()
            const res = await this.$http.request('get', '/api/supplier/flower/params', {
            const res = await this.$http.request('get', '/api/customer/flower/params', {
               params: {
                  categoryId: this.query.category
               }
@@ -277,13 +334,20 @@
            if (res.code === 0) {
               // this.columns_params = res.data || []
               this.params = res.data || []
               for (var k of this.params) {
                  if (!k.value) {
                     k.value = []
                  } else {
                     k.value = k.value.split(',') || []
                  }
               }
               this.$refs.popup_param.open()
            }
         },
         select_level(e) {
            this.level_show = false
            console.log('select_level',e)
            console.log('select_level', e)
            this.query.levelStr = e.value[0].label
            this.query.level = e.value[0].value
            this.refreshList('post')
@@ -317,9 +381,17 @@
               })
               return
            }
            if (!item.stock) {
               item.stock = 0
            }
            if (!item.shopnum) {
               item.shopnum = 0
            }
            if (addnum > 0 & item.shopnum + addnum > item.stock) {
               this.$message.showToast('库存不足,无法修改')
               return
            }
            if (item.shopnum + addnum >= 0) {
            } else {
@@ -328,7 +400,7 @@
            this.$message.showLoading()
            const {
               code
            } = await http.request('post', '/api/customer/flower/cart/change-num', {
            } = await this.$http.request('post', '/api/customer/flower/cart/change-num', {
               data: {
                  id: item.id,
                  num: addnum
@@ -337,8 +409,11 @@
            this.$message.hideLoading()
            if (code === 0) {
               item.shopnum += addnum
               this.$forceUpdate()
               this.refreshShopNum()
            }
            this.$forceUpdate()
         },
      }
   }