From 0baccbf650935d3a4ca657c29f68b8973ee28a04 Mon Sep 17 00:00:00 2001
From: yanran200730 <yanran200830@163.com>
Date: Sat, 2 Nov 2024 12:07:23 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E5=96=84zhifu?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/LablesMember.vue | 45 ++++++++++++++++++++++++++++-----
 src/view/Home.vue               | 10 ++++----
 src/view/data/SyncDataTemu.vue  | 20 +++++++--------
 src/view/lables/Template.vue    |  6 ++---
 4 files changed, 57 insertions(+), 24 deletions(-)

diff --git a/src/components/LablesMember.vue b/src/components/LablesMember.vue
index c9e946a..3476f93 100644
--- a/src/components/LablesMember.vue
+++ b/src/components/LablesMember.vue
@@ -76,10 +76,12 @@
               <div class="tab-content__item--wrapper">
                 <div
                   class="tab-content__item"
-                  :class="[currIndex === i ? 'active' : '']"
+                  :class="[currIndex === i ? 'active' : (Number(labelInfo.level) >= Number(price.type) ? 'disabled' : '')]"
+                  :data-level="price.type"
+                  :data-index="labelInfo.level"
                   v-for="(price, i) in priceList"
                   :key="i"
-                  @click="currIndex = i, getQrcode(price)">
+                  @click="getQrcode(price, i)">
                   <h3>{{ price.remark }}</h3>
                   <div class="price">
                     <i>¥</i>
@@ -126,6 +128,7 @@
 
 <script>
   import VueQr from 'vue-qr'
+  import { mapState } from 'vuex'
   export default {
     components: {
       VueQr
@@ -149,8 +152,10 @@
     computed: {
       wechatLogo: () => require(`../assets/wechat_logo.png`),
 
+      ...mapState(['labelInfo']),
+
       currGoods () {
-        if (!this.priceList.length || this.tabIndex === 1) {
+        if (!this.priceList.length) {
           return {}
         }
 
@@ -168,13 +173,29 @@
           if (res.code === 0) {
             this.priceList = res.data.records
             if (res.data.records.length) {
-              this.getQrcode(res.data.records[0])
+              if (this.tabIndex !== 2) {
+                this.getQrcode(res.data.records[0])
+              } else {
+                for (let i = 0; i < res.data.records.length; i++) {
+                  if (res.data.records[i].type > this.labelInfo.level) {
+                    this.getQrcode(res.data.records[i], i)
+                    break
+                  }
+                }
+              }
             }
           }
         })
       },
 
-      getQrcode(item) {
+      getQrcode(item, index) {
+        if (this.tabIndex === 2 && item.type <= this.labelInfo.level) {
+          return false
+        }
+
+        if (this.tabIndex === 2) {
+          this.currIndex = index
+        }
         this.$http.post(`/api/order/createOrder`, null, {
           params: {
             priceConfigId: item.id
@@ -190,7 +211,14 @@
         })
       },
 
-      show () {
+      show(i) {
+        this.currIndex = 0
+        this.tabIndex = {
+          '0': 1,
+          '1': 0,
+          '2': 2
+        }[i]
+        this.getPriceList(i)
         this.isShow = true
       },
 
@@ -375,6 +403,11 @@
                 background: linear-gradient(33deg, #ffd1c5 -10%, #ffd1c5 21%, #ffe8e5 85%);
               }
 
+              &.disabled {
+                cursor: no-drop;
+                background: #f4f4f4;
+              }
+
               &:last-child {
                 margin-right: 0;
               }
diff --git a/src/view/Home.vue b/src/view/Home.vue
index ab3423f..f0e5c51 100644
--- a/src/view/Home.vue
+++ b/src/view/Home.vue
@@ -7,7 +7,7 @@
       </div>
       <div class="admin-right">
         <el-tooltip class="item" effect="dark" content="金币信息" placement="top">
-          <div class="left" @click="openMember">
+          <div class="left" @click="openMember(1)">
             <div :style="{marginLeft: '0px'}">{{ $store.state.userInfo.coin }}</div>
             <span style="margin-right: 10px;"><img src="../assets/coin.png" width="30"/></span>
           </div>
@@ -15,7 +15,7 @@
         <el-button type="button" :class="'el-button el-button--primary'" @click="sign">签到</el-button>
         <!--<el-button type="button" :class="'el-button el-button--primary'" @click="openFolder">打开文件夹</el-button>-->
         <el-tooltip class="item" effect="dark" content="用户激活" placement="top">
-          <div class="left" @click="openMember">
+          <div class="left" @click="openMember(0)">
             <span>会员信息:</span>
             <div :style="{marginLeft: '10px', color: $store.state.userInfo.flag == 1? 'green': 'red'}">{{ getStateInfo }}</div>
           </div>
@@ -203,7 +203,7 @@
               <template slot="title">
                 <div slot="title" style="display: inline-block; ">
                   <span>标签管理</span>
-                  <el-button type="text" style="margin-left: 57px; padding: 0;" @click.stop="openMember">开通</el-button>
+                  <el-button type="text" style="margin-left: 57px; padding: 0;" @click.stop="openMember(2)">开通</el-button>
                 </div>
               </template>
               <el-menu-item index="/labelsTemplate">模板管理</el-menu-item>
@@ -333,8 +333,8 @@
         }
       },
 
-      openMember() {
-        this.$refs.LablesMember.show()
+      openMember(index) {
+        this.$refs.LablesMember.show(index)
       },
 
       handleClose() {
diff --git a/src/view/data/SyncDataTemu.vue b/src/view/data/SyncDataTemu.vue
index 8dc91c6..61120fe 100644
--- a/src/view/data/SyncDataTemu.vue
+++ b/src/view/data/SyncDataTemu.vue
@@ -187,9 +187,9 @@ import {timestampToTime} from '@/utils/date'
             this.isLoading = false
         },
         async syncProduct(mallId, mallName) {
-            let res = await sendChromeAPIMessage({url: 'bg-visage-mms/product/skc/pageQuery', 
-                anti:true, 
-                needMallId: true, 
+            let res = await sendChromeAPIMessage({url: 'bg-visage-mms/product/skc/pageQuery',
+                anti:true,
+                needMallId: true,
                 mallId: mallId,
                 data: {
                     pageSize: this.pageSize,
@@ -250,9 +250,9 @@ import {timestampToTime} from '@/utils/date'
             let start = now.getTime()
             let end = start + 86400*1000 - 1000
 
-            let res = await sendChromeAPIMessage({url: 'bgSongbird-api/supplier/deliverGoods/management/pageQueryDeliveryBatch', 
-                anti:true, 
-                needMallId: true, 
+            let res = await sendChromeAPIMessage({url: 'bgSongbird-api/supplier/deliverGoods/management/pageQueryDeliveryBatch',
+                anti:true,
+                needMallId: true,
                 mallId: mallId,
                 data: {
                     pageNo: this.pageNo,
@@ -290,12 +290,12 @@ import {timestampToTime} from '@/utils/date'
                                 ...temp,
                                 sku: item2.productSkuId,
                                 num: item2.skuNum
-                            } 
+                            }
                         })
                         this.deliveryOrderList.push(temp)
                     })
                 })
-                
+
                 if (res.result.list.length == this.pageSize) {
                     this.pageNo ++
                     await this.syncDeliveryOrder(mallId, mallName)
@@ -357,5 +357,5 @@ import {timestampToTime} from '@/utils/date'
 </script>
 
 <style scoped lang="scss">
-  
-</style>
\ No newline at end of file
+
+</style>
diff --git a/src/view/lables/Template.vue b/src/view/lables/Template.vue
index 842ebd9..c068778 100644
--- a/src/view/lables/Template.vue
+++ b/src/view/lables/Template.vue
@@ -7,7 +7,7 @@
       <template #rightBtn>
         <div class="tips" slot="rightBtn" :class="[$store.state.labelInfo.isExpires ? 'active' : '']">
           <p>有效期：{{ $store.state.labelInfo.expireTime }}</p>
-          <p>剩余SKU数：{{ $store.state.labelInfo.skuUsed }}/{{ $store.state.labelInfo.skuTotal }}</p>
+          <p>已使用SKU数：{{ $store.state.labelInfo.skuUsed }}/{{ $store.state.labelInfo.skuTotal }}</p>
         </div>
       </template>
     </ai-title>
@@ -52,7 +52,7 @@
       </ai-search-bar>
       <ai-search-bar>
         <template #left>
-          <el-button type="button" :class="'el-button el-button--primary'" @click="toAdd('')">添加</el-button>
+          <el-button type="button" class="el-button el-button--primary" @click="toAdd('')">添加</el-button>
         </template>
       </ai-search-bar>
       <ai-table
@@ -94,7 +94,7 @@
         colConfigs: [
           { prop: 'name', label: '模板名称', align: 'left' },
           { prop: 'skuTotal', label: '绑定SKU数量', align: 'center' },
-          { prop: 'createTime', label: '创建时间', align: 'center' },
+          { prop: 'createTime', label: '创建时间', align: 'center' }
         ],
         isLoading: false,
         tableData: [],