xuxueyang
2024-08-15 bec3f585042e2fecf52133b2d334f0cb9fb75feb
sub_pages/customer/trade/list.vue
@@ -3,11 +3,11 @@
   <view class="trade-list">
      <view class="category-detail flex" v-if="query.category">
         <view class="flex1 info">
            <view class="title flex">
               <button open-type="contact" class="component-button-contact" >
                  {{categoryInfo.name||'-'}}
                  <image src="../../../static/common/icon-kf.png" class="icon-kf m-l-15 img100"></image>
               </button>
            <view class="title flex">
               <button open-type="contact" class="component-button-contact">
                  {{categoryInfo.name||'-'}}
                  <image src="../../../static/common/icon-kf.png" class="icon-kf m-l-15 img100"></image>
               </button>
            </view>
            <view class="desc">
               规格:{{categoryInfo.unit || '暂无'}}
@@ -75,6 +75,15 @@
                     {{item.name||'-'}}
                     <view class="price">
                        ¥{{item.price||0}}元/扎
                     </view>
                  </view>
                  <view class="tags" v-if="item.tags">
                     <!--    <view class="tag red">限时抢购</view>
                     <view class="tag green">品质严选</view> -->
                     <view class="tag red" v-for="(tag,k) of item.tagArr" :class="[k===0?'red':'green']"
                        :key="tag">{{
                       tag
                     }}
                     </view>
                  </view>
                  <view class="shop-name">
@@ -222,6 +231,7 @@
               column: '',
               levelStr: '',
               level: '',
               supplierId: '',
            },
            categoryInfo: {},
            params: [],
@@ -270,6 +280,7 @@
         this.query.zoneId = options.zoneId || ''
         this.query.name = options.name || ''
         this.query.supplierName = options.supplierName || ''
         this.query.supplierId = options.supplierId || ''
         if (this.query.name) {
@@ -333,7 +344,17 @@
         }
         this.refreshShopNum()
      },
      methods: {
      methods: {
         getList_after() {
            if (this.list) {
               for (var item of this.list) {
                  item.tagArr = []
                  if (item.tags) {
                     item.tagArr = item.tags.split(",") || []
                  }
               }
            }
         },
         async refreshShopNum() {
            this.shoptotal = await this.$store.dispatch('countShopping');
         },
@@ -500,6 +521,31 @@
   .trade-list {
      padding: 24rpx 30rpx;
      .tags {
         margin-top: 12rpx;
         display: flex;
         .tag {
            // min-width: 60rpx;
            padding-left: 10rpx;
            padding-right: 10rpx;
            line-height: 30rpx;
            background: #FEE6E6;
            border-radius: 10rpx;
            font-size: 18rpx;
            color: #CD1212;
            margin-right: 6rpx;
            text-align: center;
         }
         .tag.green {
            color: rgba(110, 159, 102, 1);
            background: rgba(202, 229, 214, 1);
            border-radius: 10rpx;
            // opacity: 0.57;
         }
      }
      .category-detail {
         padding: 22rpx 38rpx;
         margin-bottom: 10rpx;
@@ -528,6 +574,8 @@
            }
         }
         .info-price {
            padding: 22rpx;
            text-align: center;