diff --git a/pages.json b/pages.json
index bf17ba72..397bd0c3 100644
--- a/pages.json
+++ b/pages.json
@@ -78,7 +78,7 @@
 				{
 					"path": "addComplaints",
 					"style": {
-						"navigationBarTitleText": "新增投诉建议"
+						"navigationBarTitleText": "优质文明服务监督"
 					}
 				}
 			]
diff --git a/pages/complaints/addComplaints.vue b/pages/complaints/addComplaints.vue
index e60d31aa..1f874b58 100644
--- a/pages/complaints/addComplaints.vue
+++ b/pages/complaints/addComplaints.vue
@@ -3,14 +3,21 @@
         <!-- 头部区域 -->
         <view class="header-section">
             <view class="header-bg">
-                <!-- <image mode="aspectFill" class="bg-image" src="https://eshangtech.com/ShopICO/jianyi_bg.png"></image> -->
                 <view class="header-overlay"></view>
+                <view class="header-pattern"></view>
             </view>
             <view class="header-content">
-                <view class="header-title">高速公路服务区</view>
-                <view class="header-subtitle">优质文明服务监督</view>
-                <view class="header-subtitle" style="color:#2c3e50;font-size: 20rpx;margin-top: 16rpx;">
-                    此投诉为优质文明服务监督投诉渠道，非微信官方投诉渠道</view>
+                <view class="service-badge">
+                    <text class="badge-icon">🛡️</text>
+                    <text class="badge-text">服务监督</text>
+                </view>
+                <view style="text-align: center;">
+                    <view class="header-subtitle">高速公路服务区</view>
+                    <view class="header-main-title">优质文明服务监督</view>
+                </view>
+                <view class="header-notice">
+                    <text class="notice-text">此为高速公路服务区优质文明服务监督渠道，非微信官方投诉渠道</text>
+                </view>
             </view>
         </view>
 
@@ -465,6 +472,15 @@ export default {
                 return false
             }
 
+            if (!this.saveMsg.ServerPartID) {
+                uni.showToast({
+                    title: '请选择服务区',
+                    icon: 'none'
+                })
+                return false
+            }
+
+
             if (!(this.selectTags && this.selectTags.length > 0)) {
                 uni.showToast({
                     title: '请选择具体类型',
@@ -496,7 +512,7 @@ export default {
 
             const req = {
                 action_type: 'Complaints',
-                PROVINCECODE: data.ProvinceCode,
+                PROVINCECODE: data.ProvinceCode || '530000',
                 SERVERPARTID: data.ServerPartID,
                 TYPE: data.Type,
                 SUGGESTIONNAME: data.SuggestionName,
@@ -598,7 +614,7 @@ export default {
 /* 头部区域 */
 .header-section {
     position: relative;
-    height: 320rpx;
+    height: 400rpx;
     overflow: hidden;
 }
 
@@ -608,12 +624,6 @@ export default {
     left: 0;
     right: 0;
     bottom: 0;
-
-    .bg-image {
-        width: 100%;
-        height: 100%;
-        opacity: 0.8;
-    }
 }
 
 .header-overlay {
@@ -622,30 +632,84 @@ export default {
     left: 0;
     right: 0;
     bottom: 0;
-    background: linear-gradient(135deg, rgba(76, 175, 80, 0.85) 0%, rgba(46, 125, 50, 0.85) 100%);
+    background: linear-gradient(135deg, rgba(34, 197, 94, 0.9) 0%, rgba(22, 163, 74, 0.9) 50%, rgba(21, 128, 61, 0.9) 100%);
+}
+
+.header-pattern {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-image: radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.1) 2rpx, transparent 2rpx),
+        radial-gradient(circle at 80% 80%, rgba(255, 255, 255, 0.05) 1rpx, transparent 1rpx);
+    background-size: 80rpx 80rpx, 120rpx 120rpx;
+    opacity: 0.6;
 }
 
 .header-content {
     position: relative;
-    z-index: 2;
+    z-index: 3;
     display: flex;
     flex-direction: column;
-    justify-content: center;
+    justify-content: space-between;
     align-items: center;
     height: 100%;
     color: white;
+    padding: 30rpx 0 70rpx;
+    box-sizing: border-box;
+    // padding-top: 60rpx;
 
-    .header-title {
-        font-size: 38rpx;
-        font-weight: bold;
-        margin-bottom: 12rpx;
-        text-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.3);
+    .service-badge {
+        display: flex;
+        align-items: center;
+        background: rgba(255, 255, 255, 0.2);
+        backdrop-filter: blur(10rpx);
+        padding: 12rpx 24rpx;
+        border-radius: 40rpx;
+        margin-bottom: 16rpx;
+        border: 2rpx solid rgba(255, 255, 255, 0.3);
+
+        .badge-icon {
+            font-size: 28rpx;
+            margin-right: 8rpx;
+        }
+
+        .badge-text {
+            font-size: 24rpx;
+            font-weight: 600;
+            letter-spacing: 2rpx;
+        }
+    }
+
+    .header-main-title {
+        font-size: 48rpx;
+        font-weight: 800;
+        margin-bottom: 8rpx;
+        text-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.3);
+        letter-spacing: 2rpx;
+        text-align: center;
+        line-height: 1.2;
     }
 
     .header-subtitle {
         font-size: 28rpx;
         opacity: 0.9;
         text-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.2);
+        // margin-bottom: 24rpx;
+        font-weight: 500;
+    }
+
+    .header-notice {
+        max-width: 600rpx;
+
+        .notice-text {
+            font-size: 20rpx;
+            opacity: 0.75;
+            line-height: 1.4;
+            text-align: center;
+            color: rgba(255, 255, 255, 0.8);
+        }
     }
 }
 
@@ -653,7 +717,7 @@ export default {
 .main-content {
     position: relative;
     z-index: 3;
-    margin-top: -40rpx;
+    margin-top: -60rpx;
     padding: 0 24rpx 40rpx;
 }
 
@@ -662,8 +726,9 @@ export default {
     background: #ffffff;
     border-radius: 24rpx;
     margin-bottom: 32rpx;
-    box-shadow: 0 8rpx 32rpx rgba(0, 0, 0, 0.1);
+    box-shadow: 0 8rpx 32rpx rgba(34, 197, 94, 0.15);
     overflow: hidden;
+    border: 1rpx solid rgba(34, 197, 94, 0.1);
 }
 
 .card-header {
@@ -671,17 +736,19 @@ export default {
     justify-content: space-between;
     align-items: center;
     padding: 24rpx;
-    border-bottom: 2rpx solid #f5f7fa;
+    border-bottom: 2rpx solid #f0fdf4;
+    background: linear-gradient(135deg, rgba(34, 197, 94, 0.03) 0%, rgba(22, 163, 74, 0.03) 100%);
 
     .card-title {
         font-size: 28rpx;
         font-weight: 600;
-        color: #2c3e50;
+        color: #15803d;
     }
 
     .card-icon {
         font-size: 36rpx;
         opacity: 0.7;
+        color: #22c55e;
     }
 }
 
@@ -784,10 +851,10 @@ export default {
     border: 2rpx solid transparent;
 
     &.tag-active {
-        background: linear-gradient(135deg, #52C88A, #3B9F6B);
+        background: linear-gradient(135deg, #22c55e, #16a34a);
         color: #ffffff;
-        border-color: #52C88A;
-        box-shadow: 0 4rpx 12rpx rgba(82, 200, 138, 0.3);
+        border-color: #22c55e;
+        box-shadow: 0 4rpx 12rpx rgba(34, 197, 94, 0.3);
     }
 }
 
@@ -810,10 +877,10 @@ export default {
     box-sizing: border-box;
 
     &:focus {
-        border-color: #52C88A;
+        border-color: #22c55e;
         background: #ffffff;
         outline: none;
-        box-shadow: 0 0 0 6rpx rgba(82, 200, 138, 0.1);
+        box-shadow: 0 0 0 6rpx rgba(34, 197, 94, 0.1);
     }
 
     &::placeholder {
@@ -823,7 +890,7 @@ export default {
 
     &.textarea-filled {
         background: #ffffff;
-        border-color: #52C88A;
+        border-color: #22c55e;
     }
 }
 
@@ -926,12 +993,12 @@ export default {
     box-shadow: 0 8rpx 24rpx rgba(149, 165, 166, 0.3);
 
     &.submit-active {
-        background: linear-gradient(270deg, #27B25F 0%, #4CCC7F 100%);
-        box-shadow: 0 8rpx 24rpx rgba(76, 204, 127, 0.4);
+        background: linear-gradient(270deg, #16a34a 0%, #22c55e 100%);
+        box-shadow: 0 8rpx 24rpx rgba(34, 197, 94, 0.4);
 
         &:active {
             transform: translateY(2rpx);
-            box-shadow: 0 4rpx 16rpx rgba(76, 204, 127, 0.4);
+            box-shadow: 0 4rpx 16rpx rgba(34, 197, 94, 0.4);
         }
     }
 
diff --git a/pages/complaints/index.vue b/pages/complaints/index.vue
index 08cb98a8..4a1bd4d9 100644
--- a/pages/complaints/index.vue
+++ b/pages/complaints/index.vue
@@ -75,7 +75,7 @@ export default {
             _this.$api.getCoop({
                 action_type: 'GetSuggestionList',
                 wechatOpenid: _this.user.WECHATAPP_OPENID,
-                provinceCode: _this.user.PROVINCE_CODE,
+                provinceCode: _this.user.PROVINCE_CODE || 530000,
                 suggestionType: '2000,1000,4000',
                 pageSize: _this.pageMsg.pageSize,
                 pageIndex: _this.pageMsg.pageIndex,
diff --git a/pages/shopMallPage/shopType/index.vue b/pages/shopMallPage/shopType/index.vue
index 002ef207..dc18ffd4 100644
--- a/pages/shopMallPage/shopType/index.vue
+++ b/pages/shopMallPage/shopType/index.vue
@@ -163,7 +163,7 @@
               }" @click="showDetail(item)">
 
                 <image class="leftImg" style="width: 90px; height: 90px"
-                  :src="item.IMAGE_PATH ? item.IMAGE_PATH.split(',') && item.IMAGE_PATH.split(',').length > 1 ? item.IMAGE_PATH.split(',')[0] : item.IMAGE_PATH : '/static/images/home/defultImg.png'"
+                  :src="item.IMAGE_PATH ? item.IMAGE_PATH.split(',') && item.IMAGE_PATH.split(',').length > 1 ? item.IMAGE_PATH.split(',')[0] : item.IMAGE_PATH : item.IMAGE_PATHS ? item.IMAGE_PATHS : '/static/images/home/defultImg.png'"
                   :lazy-load="true" @error="e => e.target.src = '/static/images/home/defultImg.png'"
                   :key="item.COMMODITY_ID" />
 
diff --git a/pages/shopPages/shopDetail/index.vue b/pages/shopPages/shopDetail/index.vue
index d0e6547d..149f4c6b 100644
--- a/pages/shopPages/shopDetail/index.vue
+++ b/pages/shopPages/shopDetail/index.vue
@@ -614,9 +614,6 @@ export default {
 
     // 收藏
     async handleCollect() {
-
-
-
       if (this.user && !this.user.MEMBERSHIP_ID || (!this.user && !this.user.MEMBERSHIP_ID)) {
         let _this = this;
         uni.showModal({
@@ -871,9 +868,13 @@ export default {
     // 预览详情图片
     handlePreviewDetailImg(obj, list) {
       console.log("obj", obj);
+      console.log("listlistlistlist", list);
       let imgList = [];
       if (list && list.length > 0) {
-        imgList = list
+        // imgList = list
+        list.forEach((item) => {
+          imgList.push(item.IMAGE_URL)
+        })
       } else {
         if (this.good.List && this.good.List.length > 0) {
           this.good.List.forEach((item) => {
diff --git a/pages/useConfig/customerService.vue b/pages/useConfig/customerService.vue
index e0082e6f..da06bca1 100644
--- a/pages/useConfig/customerService.vue
+++ b/pages/useConfig/customerService.vue
@@ -149,6 +149,7 @@ export default {
             this.searchText = "";
             let _this = this
             _this.isLoading = true
+            this.scrollToBottom();
             setTimeout(() => {
                 let data = this.qaList[index]
                 if (data) {
@@ -160,6 +161,7 @@ export default {
                 }
                 _this.isLoading = false
                 _this.$forceUpdate();
+                _this.scrollToBottom();
             }, 500)
         },
         handleBack() {
@@ -169,7 +171,21 @@ export default {
         },
         handleInput(e) {
             console.log('e', e);
-            this.searchText = e.detail.value
+            const value = e.detail.value;
+
+            // 检测是否包含回车符
+            if (value.includes('\n')) {
+                // 移除回车符
+                const cleanValue = value.replace(/\n/g, '');
+                this.searchText = cleanValue;
+
+                // 如果有内容则发送
+                if (cleanValue.trim()) {
+                    this.handleSubmit();
+                }
+            } else {
+                this.searchText = value;
+            }
         },
         handleSubmit() {
             console.log("this.searchText", this.searchText);
@@ -180,6 +196,7 @@ export default {
                 this.searchText = "";
                 let _this = this
                 _this.isLoading = true
+                this.scrollToBottom();
                 setTimeout(() => {
                     const data = _this.findClosestMatch(text)
                     if (data) {
@@ -191,6 +208,7 @@ export default {
                     }
                     _this.isLoading = false
                     _this.$forceUpdate();
+                    _this.scrollToBottom();
                 }, 500)
             }
         },
@@ -216,6 +234,15 @@ export default {
             console.log('bestMatch', bestMatch);
 
             return bestMatch;
+        },
+        // 自动滚动到底部
+        scrollToBottom() {
+            this.$nextTick(() => {
+                uni.pageScrollTo({
+                    scrollTop: 99999,
+                    duration: 300
+                });
+            });
         }
     },
 };
diff --git a/pages/useConfig/userConfig.vue b/pages/useConfig/userConfig.vue
index 595f68ac..d231d59f 100644
--- a/pages/useConfig/userConfig.vue
+++ b/pages/useConfig/userConfig.vue
@@ -203,16 +203,16 @@ export default {
                 this.$nextTick(() => {
                     let val = ""
                     if (type === 1) {
-                        val = this.editableNickname;
+                        val = this.editableNickname || "";
                         this.editableNickname = val + ' ';
                     } else if (type === 2) {
-                        val = this.email;
+                        val = this.email || "";
                         this.email = val + ' ';
                     } else if (type === 3) {
-                        val = this.realName;
+                        val = this.realName || "";
                         this.realName = val + ' ';
                     } else if (type === 4) {
-                        val = this.idCard;
+                        val = this.idCard || "";
                         this.idCard = val + ' ';
                     }
                     // const val = this.editableNickname;
diff --git a/unpackage/dist/dev/.sourcemap/mp-weixin/pages/shopMallPage/shopType/index.js.map b/unpackage/dist/dev/.sourcemap/mp-weixin/pages/shopMallPage/shopType/index.js.map
index 39076e13..a13a080a 100644
--- a/unpackage/dist/dev/.sourcemap/mp-weixin/pages/shopMallPage/shopType/index.js.map
+++ b/unpackage/dist/dev/.sourcemap/mp-weixin/pages/shopMallPage/shopType/index.js.map
@@ -1 +1 @@
-{"version":3,"sources":["uni-app:///main.js","webpack:///E:/workfile/minprogram/caiyunyi/pages/shopMallPage/shopType/index.vue?5652","webpack:///E:/workfile/minprogram/caiyunyi/pages/shopMallPage/shopType/index.vue?6fd0","webpack:///E:/workfile/minprogram/caiyunyi/pages/shopMallPage/shopType/index.vue?21da","webpack:///E:/workfile/minprogram/caiyunyi/pages/shopMallPage/shopType/index.vue?3fb0","uni-app:///pages/shopMallPage/shopType/index.vue","webpack:///E:/workfile/minprogram/caiyunyi/pages/shopMallPage/shopType/index.vue?4f38","webpack:///E:/workfile/minprogram/caiyunyi/pages/shopMallPage/shopType/index.vue?20c3"],"names":["wx","__webpack_require_UNI_MP_PLUGIN__","__webpack_require__","createPage","Page","components","shopTabbar","NoData","CustomImage","data","showContent","isFirstLoad","skeletonControl","menu","searchText","shopTypeList","activeTabs","changBigTypeLoading","bigTypeId","leftTypeList","allLeftTypeObj","leftToView","leftSelectIndex","shopCarList","shopCarListLength","rightShopList","pageType","leftId","good","systemInfo","safeHeight","itemHeight","virtualListHeight","startIndex","endIndex","buffer","visibleList","visibleCount","scrollTop","scrollLock","imageLoadedMap","lastStartIndex","hasWatched","shopTopId","comeForm","watch","handler","console","newVal","count","deep","computed","user","totalHeight","onLoad","setTimeout","behaviorRecordDesc","onShow","onHide","list","item","Number","onUnload","methods","handleShowExportBox","uni","url","handleUpDataShop","newVisibleList","onImageLoad","getImgUrl","id","e","index","arr1","title","content","success","icon","nowShopList","obj","ownerUnitId","appId","commodityNature","typeList","resList","indexOfList","commodityName","excludeNature","payMethod","shopList","subItem","res","shopIdList","_this","getWeChatGetMallGoodsType","oldList","userdefinedTypeId","userdefinedtypeId","thisAllType","haveAll","UserdefinedType_Name","UserdefinedType_Id","leftIndex","thisTypeAllShop","allShopID","newList","isFound","allShopList","allShopID2","leftAllTypeObj","big","small","smallTypeList","name","value","thirdItem","currentShop","newShopCarList","USERDEFINEDTYPE_NAME","USERDEFINEDTYPE_ID","req","action_type","justCommodity"],"mappings":";;;;;;;;;;;;;AAAA;AAGA;AACA;AAHA;AACAA,EAAE,CAACC,iCAAiC,GAAGC,mBAAmB;AAG1DC,UAAU,CAACC,cAAI,CAAC,C;;;;;;;;;;;;;ACLhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAA8H;AAC9H;AACyD;AACL;AACsC;;;AAG1F;AAC0K;AAC1K,gBAAgB,iLAAU;AAC1B,EAAE,2EAAM;AACR,EAAE,4FAAM;AACR,EAAE,qGAAe;AACjB;AACA;AACA;AACA;AACA;AACA,EAAE,gGAAU;AACZ;AACA;;AAEA;AACe,gF;;;;;;;;;;;;ACvBf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA,aAAa,gQAEN;AACP,KAAK;AACL;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;ACrEA;AAAA;AAAA;AAAA;AAAqoB,CAAgB,moBAAG,EAAC,C;;;;;;;;;;;;;;;;;;;;;;;ACmUzpB;AAIA;AAAA;AAAA;AAAA;AAAA;EAAA;IAAA;EAAA;AAAA;AAAA;EAAA;IAAA;EAAA;AAAA;AAAA;EAAA;IAAA;EAAA;AAAA;AAAA,eAEA;EACAC;IAAAC;IAAAC;IAAAC;EAAA;EACAC;IACA;MACAC;MAAA;MACAC;MAAA;MACAC;MAAA;MACAC;MAAA;MACAC;MAAA;MACAC;MAAA;MACAC;MAAA;MACAC;MAAA;MACAC;MAAA;MACAC;MAAA;MACAC;MAAA;MACAC;MAAA;MACAC;MAAA;MACAC;MAAA;MACAC;MAAA;MACAC;MAAA;MACAC;MAAA;MACAC;MAAA;MACAC;MAAA;MACAC;MACAC;MAGAC;MAAA;MACAC;MAAA;MACAC;MACAC;MACAC;MAAA;MACAC;MACAC;MACAC;MACA;MACAC;MACAC;MACAC;MACAC;MACAC;MACAC;IACA;EACA;;EACAC;IACA;IACAtB;MACAuB;QACAC;QACA;UACA;UACAC;YACAC;UACA;UACA;QAEA;UACA;QACA;MACA;MACAC;IACA;IACAzB;MACAqB;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;MAAA,CACA;MACAI;IACA;EACA;EACAC,0CACA;IACAC;EACA;IACAC;MACA;IACA;EAAA,EACA;EACAC;IAAA;IACA;IACA;IACA;IACA;IAEA;IACA;IAEA;IACA;IAEAP;IACAA;IACA;MACA;IACA;IACA;MACA;IACA;IACA;MACA;IACA;IAEA;MACA;IACA;IAGA;IACA;MACAxB;IACA;MACAA;IACA;IACA;MACA;IACA;IACA;MACA;MACA;IACA;MACA;MACA;MACA;MACA;IACA;IACA;IACA;IACA;MACAgC;QAAA;UAAA;YAAA;cAAA;gBAAA,KACA;kBAAA;kBAAA;gBAAA;gBAAA;gBAAA,OACA;cAAA;gBACA;gBACA;cAAA;cAAA;gBAAA;YAAA;UAAA;QAAA;MAAA,CAEA;IACA;MACA;MACA;MACA;IACA;IAEA;MACAC;IACA;EACA;EACAC;IACA;;IAEA;IACA;IACA;IACA;MACAlC;IACA;MACAA;IACA;IAEAwB;IACAA;;IAEA;IACA,uEACA;MACA;QACA;MACA;QACA;MACA;MAEA;QACA;QACA;MACA;QACA;QACA;QACA;QACA;MACA;IACA;EACA;EACAW;IACA;MACA;MACAC;QACAC,qBACAC;MACA;MACAd;MACA;MACA;QACA;MACA;QACA;MACA;IACA;MACA;QACA;MACA;QACA;MACA;IACA;IACA;EACA;EACAe;IACA;IACA;IACA;MACA;MACAH;QACAC,qBACAC;MACA;MACAd;MACA;MACA;QACA;MACA;QACA;MACA;IACA;MACA;QACA;MACA;QACA;MACA;IACA;IACA;EACA;EAEAgB;IACA;IACAC;MACAC;QACAC;MACA;MACA;MACA;MACA;IACA;IACA;IACAC;MACA;QACA;QACApB;QACAA;QAEA;UACA;YACA;YACA;cAAA;YAAA;YACA;cACAqB;YACA;cACAA;YACA;UACA;YACAA;UACA;QACA;QACA;MACA;IACA;IACAC;MACA;IACA;IACAC;MACA;;MAEA;MAGA;QACA;QACA;QACA;MACA;QACA;MACA;IACA;EAAA,+EAEAC;IACA;EACA,kFACAA;IACA;EACA,wGAEA;IACAN;MAAAC;IAAA;EACA,8EACAM;IACA;EACA,sFAEAC;IACA;EACA,wFACAD;IAAA;IACA;IACA;IAEAjB;MACA;MACA;MACA;;MAEA;MACA;MACA;MAEA;;MAEA;MACA;QACA;QACA;QACA;QAEA;QAEA;UACA;UACA;QACA;MACA;MAEA;IACA;EACA,kFACAmB;IACA;IACA;IACA;IAEA;MACA;MACA;QACA3B;QACAA;QAEA;MACA;IACA;IACA;EACA,kGAKA;IAAA;IACA;MACAkB;QACAU;QACAC;QACAC;UACA;YACAZ;cAAAC;YAAA;UACA;QACA;MACA;MACA;IACA;IAEAnB;IAGA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;MACAkB;QACAU;QACAG;MACA;IACA;MACA;;MAEA;MACA;MACA/B;MACAA;;MAEA;MACA;QACA;QACA,6BACA;UAAA;QAAA,EACA;QACA;UACAY;YACA;YACA;cACA,iCACA;gBAAA;cAAA,EACA;cACA;cACA;gBACA;kBACAC;gBACA;cACA;gBACAD;gBACAoB;kBACA;oBACAnB;kBACA;gBACA;cACA;YACA;cACA;gBACAA;cACA;YACA;UACA;UACAmB;YACA;cACAnB;YACA;UACA;QACA;UACAD;UACAoB;YACA;cACAnB;YACA;UACA;QACA;QACA;MACA;QACA;QACAmB;UACA;YACAnB;UACA;QACA;MACA;MAEA;MACA;MACA;MACA;MACA;IACA;EACA,kFAEAY;IACA;IACA;IACAQ;IACA;EACA,wFAEAR;IACAQ;IACA;IAEA;EACA,kGAEAR;IACA;MACAQ;MACA;MACA;IACA;EACA,wFACA;IACA;EACA,gHAEA;IAAA;IAAA;MAAA;MAAA;QAAA;UAAA;YAAA;cAAA;cAAA,OAOA,qBACA,0CACA;gBACAC;gBACAC;gBACAC;cACA,EACA;YAAA;cAPA1E;cASA;cACA2E;cACArC;cACAsC;cACAC;cACA;gBACAF;kBACA;oBACA;sBACAC;oBACA;sBACAA;oBACA;kBACA;gBACA;cACA;cACAtC;cACA;cAEAA;cACA;YAAA;YAAA;cAAA;UAAA;QAAA;MAAA;IAAA;EACA,oFAEA;IAAA;IAAA;MAAA;MAAA;QAAA;UAAA;YAAA;cAAA,KACA;gBAAA;gBAAA;cAAA;cACAkB;gBAAAU;cAAA;cACA;cACA;cACA;cACA;cACA;cACA;cACA;cACA;cACA;cACA;cAEAT;cAAA;cAAA,OAEA;cACA;cACAA,KACA;gBACAe;gBACAC;gBACAK;gBACAC;gBACAL;gBACAM;gBACA;cACA,EACA;YAAA;cAZAhF;cAcAwD;cAEAN;cACAZ;cACA2C;cACA;gBACA/B;kBACA;oBACAC;sBACA;sBACA;wBACA;0BACA;4BACA+B;4BACA;8BACAA;4BACA;8BACAA;4BACA;0BACA;wBACA;sBACA;sBAEA,IACAA,iCACAA,8DACA;wBACAA,oBACAA;wBACAA,sBACAA;sBACA;wBACAA;sBACA;sBACA,IACAA,iCACAA,8DACA;wBACAA,uBACAA;wBACAA,yBACAA;sBACA;wBACAA;sBACA;sBACAD;oBACA;kBACA;gBACA;cACA;cACA3C;;cAEA;cACA6C;cACAC;cACA;gBACAH;kBACA;oBACAE;oBACAC;kBACA;gBACA;cACA;cACA;cAAA;cAAA;YAAA;cAEA;gBACA;gBACA;cACA;gBACA;gBACA;cACA;YAAA;YAAA;cAAA;UAAA;QAAA;MAAA;IAAA;EAEA,8FAEA;IAAA;IAAA;MAAA;MAAA;QAAA;UAAA;YAAA;cACAC;cACAV;cACAW;cAAA,KAEAA;gBAAA;gBAAA;cAAA;cACAX;cACA,qBACA,0CACA;gBACAH;gBACAC;gBACAC;cACA,EACA;gBACA;gBACA;kBACAlB;kBACA6B;gBACA;cACA;cAAA;cAAA;YAAA;cAAA;cAAA,OAEA,qBACA,0CACA;gBACAb;gBACAC;gBACAC;cACA,EACA;YAAA;cAPA1E;cAQA2E;YAAA;cAIA;YAAA;YAAA;cAAA;UAAA;QAAA;MAAA;IAAA;EACA,4GAEAA;IACA;IACA;IACA;MACAA;QACA;UACAC;QACA;MACA;IACA;IAEA;IAEA;MACA;IACA;MACA;IACA;EACA,8FAEAW;IACA;IACA;MACA;QACA;UACA,IACArC,iCACAA,oCACA;YACA;YACAA;YACAA;UACA;QACA;MACA;MACA;IACA;IACA;EACA,kGAEAY;IAAA;IAAA;MAAA;MAAA;QAAA;UAAA;YAAA;cACAxB;cACAkB;gBAAAU;cAAA;cACA;cACA;cACA;cACA;cACA;cACA;cACA;cACA;cACA;cAEAT;cAAA;cAAA,OACA;cACA;cACAA,KACA;gBACAe;gBACAgB;gBACAC;gBACAX;gBACAC;gBACAL;gBACA;cACA,EACA;YAAA;cAZA1E;cAaAwD;cACAN;cACAZ;cACAoD;cACApD;cACA;gBACA;kBACA;oBACAoD;kBACA;gBACA;cACA;cACApD;cACAqD;cAEA;gBACAD;kBACA;oBACAC;kBACA;gBACA;cACA;cACA;cACAzC;gBACA0C;gBACAC;cACA;cACA;gBACA;gBACAH;kBACAE;kBACAC;gBACA;cACA;cAEAC;cACAxD;cACAA;cAEA;gBACA;kBACAoD;oBACA;sBACAI;oBACA;kBACA;gBACA;cACA;cACAxD;cACAA;cAEA;gBACAwD;cACA;cAEAxD;cACAA;;cAEA;cACA2C;cACA;gBACA3C;gBACAA;gBACA;gBACAyD,sBACA;gBACAC;gBAEA9C;kBACA;oBACA,IACAC,sBACAA,kCACAA,mCACAA,iCACA;sBACAA;wBACA;0BACA4C;0BACAC;wBACA;sBACA;oBACA;kBACA;gBACA;gBACA9C;gBACAZ;gBACAA;gBACAA;gBACA,IACAwD,oBACA5C,mBACAA,iCACAA,0CACA;kBACAZ;kBACA;oBACA;sBACAiC;sBACAjC;sBAEAY;wBACA;0BACAqB;wBACA;sBACA;sBACAjC;sBAEA;wBACA2C;sBACA;wBACAA;sBACA;oBACA;sBACAA;oBACA;kBACA;oBACAA;kBACA;gBACA;gBACA3C;gBAEA;kBACA2C;oBACA;oBACA;sBACA;wBACA;0BACA9B;0BACAA;wBACA;sBACA;oBACA;oBAEA,IACAA,8BACAA,2DACA;sBACAA,iBACAA;sBACAA,mBACAA;oBACA;sBACAA;oBACA;oBACA,IACAA,8BACAA,2DACA;sBACAA,oBACAA;sBACAA,sBACAA;oBACA;sBACAA;oBACA;kBACA;gBACA;;gBAEA;gBACA8C;gBACA;kBACAP;oBACAvC;oBACAA;oBACAA;oBACAA;oBACA;oBACA;oBACA;oBACAD;sBACA;wBACAgD;wBACAf;sBACA;oBACA;oBACA;sBACAc;oBACA;sBACAA;oBACA;kBACA;gBACA;;gBAEA;gBACAE,kBACA;gBACAC;gBACA;kBACA,oBACA;kBACAH;oBACA;sBACA9C;wBACA;0BACA;0BACA;4BACAgD;4BACAC;0BACA;wBACA;sBACA;oBACA;kBACA;gBACA;gBACAH;gBACA;gBACA3D;gBAEA;gBACA;gBACA;gBACAA;gBACAA;gBAEA;cACA;gBACA;gBACA;gBACA;gBACA;cACA;cAEAA;cAEAkB;YAAA;YAAA;cAAA;UAAA;QAAA;MAAA;IAAA;EACA,8EAEAe;IACAjC;IACAkB;MACAC;IACA;EACA,8GAEAP;IAAA;IACA;IACA;IACA;IACA;IAEAA;MACA;QACA,IACAmD,2CACAA,oDACA,CACA;UACAA;QACA;QACAlD;UACA;UACA;YACA;cACA;gBACA+B;gBACAA;cACA;YACA;UACA;UAEA,IACAA,iCACAA,8DACA;YACA,4BACAA;cAAA;cADAoB;cAAAC;YAEArB;YACAA;UACA;YACAA;YACAA;UACA;UACA;UACA;YACAsB;YACA;cACAjC;gBACAkC;gBACAC;gBACAxD;cACA;cACAmD;YACA;cACA9B,OACA;gBACAkC;gBACAC;gBACAxD;cACA,EACA;cACAmD;YACA;UACA;YACA;YACA9B;cACA;gBACA;gBACArB;gBACAyD;cACA;YACA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;QACA;MACA;IACA;;IACA;IACA,kBACA;IACA;EACA,wFAEA3C;IACA;IACA;IACA1B;IACA;IACA;IACA;IACA;IACA;IACA;IACA;EACA,8EAEAyB;IAAA;IACA,kBACA;IACA;IACA;IAGAzB;IACAA;IACAA;IACAA;IAEA;MACA2C;QACA;QACA;UACA;YACA;cACA9B;cACAA;YACA;UACA;QACA;QAEA,IACAA,8BACAA,2DACA;UACAA,iBACAA;UACAA,mBACAA;QACA;UACAA;QACA;QACA,IACAA,8BACAA,2DACA;UACAA,oBACAA;UACAA,sBACAA;QACA;UACAA;QACA;MACA;IACA;IACAb;IAEA;MACA;IACA;MACA;IACA;IACA;IACA;IACA;IACA;IACA;IACAQ;MACAuC;IACA;EACA,wFAEAd;IACA;IACA,4BACA;MACAqC;IACA;IACA;IACA;IACAtE;IACA;EACA,4GAEAoE;IACApE;IACAA;IACA;MACA;MACA;MACA;MACA;IACA;IACA;EACA,kFAEAyB;IACA;MACAP;QACAU;QACAC;QACAC;UACA;YACAZ;cAAAC;YAAA;UACA;QACA;MACA;MACA;IACA;;IAEA;IACA;IAEAnB;IACAA;IAEA;MACA;MACA,6BACA;QAAA;MAAA,EACA;MACA;QACAY;UACA;YACAC;UACA;QACA;QACAmB;UACA;YACAnB;YACA;cACAA;YACA;cACAA;YACA;UACA;QACA;MACA;QACA;QACAD;UAAAV;QAAA;QACA8B;UACA;YACAnB;YACAA;UACA;QACA;MACA;MACA;IACA;MACA;QAAAX;MAAA;MACAF;MACAA;MACAgC;QACA;UACAnB;UACAA;QACA;MACA;IACA;IACA;IACA;IACA;IACA;IACA;EACA,gFAEAY;IACA;IACA;IACA;IACA;IACAb;MACA;QACAC;MACA;IACA;IACA;IACAD;MACA;QACA2D;MACA;IACA;IACA;IACAvC;MACA;QACAnB;QACA;UACAA;QACA;MACA;IACA;IACA;IACA;IACA;IACA;IACA;EACA,wFAGA;IACA;MACAK;QACAC;MACA;IACA;MACAD;QACAC;MACA;IACA;EACA,gGAEA;IAAA;IAAA;MAAA;QAAA;UAAA;YAAA;cACAD;gBAAAU;cAAA;cACA;cACA;cACA;cACA;cACA;cACA;cACA;gBAAA4C;gBAAAC;cAAA;cAAA;cAAA,OAEA;YAAA;cACAvD;YAAA;YAAA;cAAA;UAAA;QAAA;MAAA;IAAA;EACA,wGAEA;IAAA;IAAA;MAAA;MAAA;QAAA;UAAA;YAAA;cACAwD;gBACAC;gBACAzC;gBACA0C;gBACAlC;gBACAD;cACA;cAAA;cAAA,OACA;YAAA;cAAA/E;cACAkD;cAGA+B;cACA;gBACA/B;kBACA;oBACAC;sBACA8B;oBACA;kBACA;gBACA;cACA;cAEA3C;cAGA;gBACA2C;kBACA;kBACA;oBACA;sBACA;wBACA9B;wBACAA;sBACA;oBACA;kBACA;kBAEA,IACAA,8BACAA,2DACA;oBACAA,iBACAA;oBACAA,mBACAA;kBACA;oBACAA;kBACA;kBACA,IACAA,8BACAA,2DACA;oBACAA,oBACAA;oBACAA,sBACAA;kBACA;oBACAA;kBACA;gBACA;gBACA;gBACA;gBACA;cACA;YAAA;YAAA;cAAA;UAAA;QAAA;MAAA;IAAA;EACA,8FAEA;IACAK;MACAC;IACA;EACA;AAEA;AAAA,2B;;;;;;;;;;;;;ACnqDA;AAAA;AAAA;AAAA;AAAosC,CAAgB,2nCAAG,EAAC,C;;;;;;;;;;;ACAxtC;AACA,OAAO,KAAU,EAAE,kBAKd","file":"pages/shopMallPage/shopType/index.js","sourcesContent":["import 'uni-pages';\n// @ts-ignore\nwx.__webpack_require_UNI_MP_PLUGIN__ = __webpack_require__;\nimport Vue from 'vue'\nimport Page from './pages/shopMallPage/shopType/index.vue'\ncreatePage(Page)","import { render, staticRenderFns, recyclableRender, components } from \"./index.vue?vue&type=template&id=36e5d840&scoped=true&\"\nvar renderjs\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=36e5d840&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"36e5d840\",\n  null,\n  false,\n  components,\n  renderjs\n)\n\ncomponent.options.__file = \"pages/shopMallPage/shopType/index.vue\"\nexport default component.exports","export * from \"-!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--17-0!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./index.vue?vue&type=template&id=36e5d840&scoped=true&\"","var components\ntry {\n  components = {\n    uniPopup: function () {\n      return import(\n        /* webpackChunkName: \"uni_modules/uni-popup/components/uni-popup/uni-popup\" */ \"@/uni_modules/uni-popup/components/uni-popup/uni-popup.vue\"\n      )\n    },\n  }\n} catch (e) {\n  if (\n    e.message.indexOf(\"Cannot find module\") !== -1 &&\n    e.message.indexOf(\".vue\") !== -1\n  ) {\n    console.error(e.message)\n    console.error(\"1. 排查组件名称拼写是否正确\")\n    console.error(\n      \"2. 排查组件是否符合 easycom 规范，文档：https://uniapp.dcloud.net.cn/collocation/pages?id=easycom\"\n    )\n    console.error(\n      \"3. 若组件不符合 easycom 规范，需手动引入，并在 components 中注册该组件\"\n    )\n  } else {\n    throw e\n  }\n}\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  var l0 =\n    _vm.showContent && _vm.changBigTypeLoading\n      ? _vm.__map(_vm.visibleList, function (item, i) {\n          var $orig = _vm.__get_orig(item)\n          var g0 = item.IMAGE_PATH\n            ? item.IMAGE_PATH.split(\",\") &&\n              item.IMAGE_PATH.split(\",\").length > 1\n            : null\n          var g1 = item.IMAGE_PATH && g0 ? item.IMAGE_PATH.split(\",\") : null\n          var g2 = item.SKULIST && item.SKULIST.length > 0\n          return {\n            $orig: $orig,\n            g0: g0,\n            g1: g1,\n            g2: g2,\n          }\n        })\n      : null\n  var g3 =\n    _vm.showContent && _vm.changBigTypeLoading\n      ? !_vm.rightShopList || _vm.rightShopList.length === 0\n      : null\n  if (!_vm._isMounted) {\n    _vm.e0 = function (e) {\n      return (e.target.src = \"/static/images/home/defultImg.png\")\n    }\n  }\n  _vm.$mp.data = Object.assign(\n    {},\n    {\n      $root: {\n        l0: l0,\n        g3: g3,\n      },\n    }\n  )\n}\nvar recyclableRender = false\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns, recyclableRender, components }","import mod from \"-!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--13-1!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--13-1!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./index.vue?vue&type=script&lang=js&\"","<template>\r\n  <view :class=\"pageType === 'UnionMall' ? 'main newMain' : 'main newMain'\">\r\n    <div class=\"header\" :style=\"{ paddingTop: menu.top + 'px' }\">\r\n      <view class=\"headerTop\" :style=\"{ height: menu.height + 'px' }\">\r\n        <view class=\"backArrowBox\">\r\n          <image class=\"backArrow\"\r\n            :src=\"pageType === 'UnionMall' ? '/static/images/home/backArrowblack.svg' : '/static/images/home/backArrowblack.svg'\"\r\n            @click=\"handleBackHome\" />\r\n          <view class=\"line\"></view>\r\n          <!-- <image class=\"img\" src=\"/static/images/home/export.svg\" @click=\"handleShowExportBox\" /> -->\r\n          <image class=\"img\" style=\"width: 40rpx;height: 40rpx;margin-left: 8rpx;\"\r\n            src=\"https://eshangtech.com/cyy_DIB/backHomeICon.png\" @click=\"handleShowExportBox\" />\r\n        </view>\r\n\r\n\r\n        <!-- <image class=\"backArrow\"\r\n          :src=\"pageType === 'UnionMall' ? '/static/images/home/backArrowblack.svg' : '/static/images/home/backArrowblack.svg'\"\r\n          @click=\"handleBackHome\" /> -->\r\n        <view class=\"pageName\" :style=\"{ color: pageType === 'UnionMall' ? '#000' : '#000' }\">{{\r\n          pageType === \"UnionMall\" ? \"工会之家\" : \"分类\"\r\n        }}</view>\r\n        <view class=\"backArrowBox\" style=\"border:none;background: transparent;\"></view>\r\n      </view>\r\n\r\n      <!-- <div class=\"pageTitle\" :style=\"{ height: menu.height + 'px', lineHeight: menu.height + 'px' }\">分类</div> -->\r\n      <div class=\"pageSearch\" @click=\"handleGoSearchShopPage\">\r\n        <!-- <input placeholder=\"请搜索商品\" class=\"serach_input\" v-model=\"searchText\" confirm-type=\"search\"\r\n          @confirm=\"handleSearch\" /> -->\r\n        <div class=\"serach_input\">请搜索商品</div>\r\n        <div class=\"searchBtn\">搜索</div>\r\n        <!-- @click=\"handleSearch\" -->\r\n      </div>\r\n    </div>\r\n\r\n    <!-- 商品分类页面骨架屏 -->\r\n    <view class=\"shop-type-skeleton\" v-if=\"!showContent\">\r\n      <!-- 顶部分类标签骨架 -->\r\n      <view class=\"skeleton-tabs\">\r\n        <view class=\"skeleton-tab-item\" v-for=\"index in 6\" :key=\"index\">\r\n          <view class=\"skeleton skeleton-tab-icon\"></view>\r\n          <view class=\"skeleton skeleton-tab-text\"></view>\r\n        </view>\r\n      </view>\r\n\r\n      <!-- 左右分栏骨架 -->\r\n      <view class=\"skeleton-content\">\r\n        <!-- 左侧分类列表骨架 -->\r\n        <view class=\"skeleton-left\">\r\n          <view class=\"skeleton-left-item\" v-for=\"index in 8\" :key=\"index\">\r\n            <view class=\"skeleton skeleton-left-text\"></view>\r\n          </view>\r\n        </view>\r\n\r\n        <!-- 右侧商品列表骨架 -->\r\n        <view class=\"skeleton-right\">\r\n          <view class=\"skeleton-product-item\" v-for=\"index in 6\" :key=\"index\">\r\n            <view class=\"skeleton skeleton-product-image\"></view>\r\n            <view class=\"skeleton-product-info\">\r\n              <view class=\"skeleton skeleton-product-title\"></view>\r\n              <view class=\"skeleton skeleton-product-price\"></view>\r\n              <view class=\"skeleton skeleton-add-button\"></view>\r\n            </view>\r\n          </view>\r\n        </view>\r\n      </view>\r\n    </view>\r\n\r\n    <div class=\"pageContent\" v-if=\"showContent\" :style=\"{\r\n      height: `calc(100vh - 50px - ${safeHeight}px - ${menu.top + 32 + 32 + 12 + 12\r\n        }px)`,\r\n    }\">\r\n      <scroll-view class=\"bigTabBox\" scroll-x :scroll-into-view=\"bigTypeScroll\"\r\n        :style=\"{ background: pageType === 'UnionMall' ? 'transparent' : 'transparent' }\">\r\n        <div class=\"scrollBox\">\r\n          <!-- :style=\"{ width: (shopTypeList.length + 2) * 70 + 'px' }\" -->\r\n\r\n          <div class=\"bigTabItem\" @click=\"handleGoUnionMall\"\r\n            v-if=\"pageType !== 'UnionMall' && user && user.INDUSTRY_MEMBERSHIP_ID\">\r\n            <!-- && user && user.INDUSTRY_MEMBERSHIP_ID -->\r\n            <!-- style=\"width: 70px\" -->\r\n\r\n            <div class=\"itemBox\">\r\n              <div class=\"normal\">\r\n                <div class=\"imgBox\">\r\n                  <image style=\"width: 100%; height: 100%\" src=\"/static/images/home/unionMallIcon.svg\"></image>\r\n                </div>\r\n              </div>\r\n              <div class=\"tab_txt_normal\">工会之家</div>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"bigTabItem\" :id=\"'item-' + item.UserdefinedType_Id\" v-for=\"(item, index) in shopTypeList\"\r\n            :key=\"index\" @click=\"handleToggleTab(index)\">\r\n            <!-- style=\"width: 70px\" -->\r\n\r\n            <div class=\"itemBox\">\r\n              <div :class=\"activeTabs === index ? 'tab_active normal' : 'normal'\">\r\n                <div class=\"imgBox\">\r\n                  <image style=\"width: 100%; height: 100%\" :src=\"item.UserdefinedType_ICO ||\r\n                    '/static/images/home/defultImg.png'\r\n                    \"></image>\r\n                </div>\r\n              </div>\r\n              <div :class=\"activeTabs === index\r\n                ? 'tab_txt_active tab_txt_normal'\r\n                : 'tab_txt_normal'\r\n                \" class=\"tab_txt\">\r\n                {{ item.UserdefinedType_Name }}\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"bigTabItem\" @click=\"handleGoPointsMall\" v-if=\"pageType !== 'UnionMall'\">\r\n            <!-- style=\"width: 70px\" -->\r\n\r\n            <div class=\"itemBox\">\r\n              <div :class=\"activeTabs === 999999 ? 'tab_active normal' : 'normal'\">\r\n                <div class=\"imgBox\">\r\n                  <image style=\"width: 100%; height: 100%\" :src=\"'/static/images/home/markShopIcon.png'\"></image>\r\n                </div>\r\n              </div>\r\n              <div :class=\"activeTabs === 999999\r\n                ? 'tab_txt_active tab_txt_normal'\r\n                : 'tab_txt_normal'\r\n                \">积分商城</div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </scroll-view>\r\n      <!-- :style=\"{ height: `calc(100vh - 95rpx)` }\" -->\r\n      <div class=\"shopListBox\">\r\n        <!--  左侧商品种类  -->\r\n        <div class=\"smallShopList\">\r\n          <scroll-view class=\"scrollShopBox\" scroll-y scroll-with-animation=\"true\" :scroll-into-view=\"leftToView\"\r\n            :show-scrollbar=\"false\">\r\n            <div :class=\"leftToView === 'left_' + index + '_' + item.USERDEFINEDTYPE_ID\r\n              ? 'smallShopItem selectShopItem'\r\n              : 'smallShopItem'\r\n              \" v-for=\"(item, index) in leftTypeList\" :key=\"index\"\r\n              :id=\"'left_' + index + '_' + item.USERDEFINEDTYPE_ID\" @click=\"catClickFn($event, index, item)\">\r\n              <div class=\"smallItemTitle\">\r\n                {{ item.USERDEFINEDTYPE_NAME }}\r\n              </div>\r\n              <!-- {{ index + 1 }} -->\r\n              <i class=\"noticeNumber\" v-show=\"item.smallTypeCount && item.smallTypeCount > 0\">{{ item.smallTypeCount\r\n              }}</i>\r\n            </div>\r\n          </scroll-view>\r\n        </div>\r\n\r\n        <!--  右侧商品详情  -->\r\n        <div class=\"shopDetailList\" v-if=\"changBigTypeLoading\">\r\n          <scroll-view class=\"shopDetailScroll\" scroll-y :scroll-top=\"topNum\" @scroll=\"onVirtualScroll\"\r\n            :scroll-into-view='shopTopId' :style=\"{\r\n              height: `calc(100vh - 50px - ${safeHeight}px - ${menu.top + 32 + 32 + 12 + 12 + 23 + 95}px)`\r\n            }\">\r\n            <div :style=\"{ height: totalHeight + 'px', position: 'relative' }\">\r\n              <div :id=\"'shopTop'\"></div>\r\n              <div v-for=\"(item, i) in visibleList\" :key=\"item.COMMODITY_ID\" class=\"shopDetailItem\" :style=\"{\r\n                position: 'absolute',\r\n                height: itemHeight + 'px',\r\n                top: (startIndex + i) * itemHeight + 'px',\r\n                width: '100%'\r\n              }\" @click=\"showDetail(item)\">\r\n\r\n                <image class=\"leftImg\" style=\"width: 90px; height: 90px\"\r\n                  :src=\"item.IMAGE_PATH ? item.IMAGE_PATH.split(',') && item.IMAGE_PATH.split(',').length > 1 ? item.IMAGE_PATH.split(',')[0] : item.IMAGE_PATH : '/static/images/home/defultImg.png'\"\r\n                  :lazy-load=\"true\" @error=\"e => e.target.src = '/static/images/home/defultImg.png'\"\r\n                  :key=\"item.COMMODITY_ID\" />\r\n\r\n                <div class=\"rightBox\">\r\n                  <p class=\"detailTitle\">{{ item.COMMODITY_NAME }}</p>\r\n                  <div class=\"bottom\">\r\n                    <div class=\"detailPrice\">\r\n                      <span class=\"priceUnit\">¥</span>\r\n                      <span class=\"number\" style=\"font-size: 20px\">\r\n                        {{ item.bigNumber || \"\" }}</span>\r\n                      <span class=\"number\" style=\"font-size: 14px\">.{{ item.smallNumber || \"00\" }}</span>\r\n                      <span class=\"unit\">/ {{ item.COMMODITY_UNIT }}</span>\r\n\r\n                      <!-- <span class=\"marketPrice\">市场价：</span> -->\r\n                      <!-- <span class=\"marketPriceValue\">XXX</span> -->\r\n                      <!-- <span class=\"unit\">/ {{ item.COMMODITY_UNIT }}</span> -->\r\n                    </div>\r\n                    <div v-if=\"item.SKULIST && item.SKULIST.length > 0\" class=\"specifications\"\r\n                      @click.stop=\"handleShowPopup(item)\">\r\n                      选规格\r\n                      <text class=\"specificationsCount\" v-if=\"item.count > 0\">{{\r\n                        item.count\r\n                      }}</text>\r\n                    </div>\r\n                    <div class=\"addReduceBox\" v-else>\r\n                      <div class=\"reduceShopCar\" @click.stop=\"touchReduce($event, item)\" v-if=\"item.showReduce\">\r\n                        <img class=\"optionBtn\"\r\n                          :src=\"pageType === 'UnionMall' ? '/static/images/home/newReduce.png' : '/static/images/home/newReduce.png'\" />\r\n                      </div>\r\n                      <span class=\"itemCount\" v-if=\"item.count && item.count > 0\">{{ item.count }}</span>\r\n                      <div v-if=\"item.COMMODITY_STOCK > 0 && activeTabs !== 999999\" class=\"addShopCar\"\r\n                        @click.stop=\"touchOnGoods($event, item)\" :id=\"'add_' +\r\n                          item.SELLERCOMMODITY_ID +\r\n                          '_' +\r\n                          item.SELLERCOMMODITYTYPE_ID\r\n                          \">\r\n                        <img class=\"optionBtn\"\r\n                          :src=\"pageType === 'UnionMall' ? '/static/images/home/newAddIcon.png' : '/static/images/home/newAddIcon.png'\" />\r\n                      </div>\r\n                      <div v-if=\"activeTabs === 999999\"></div>\r\n                      <div v-if=\"item.COMMODITY_STOCK === 0 || !item.COMMODITY_STOCK\" class=\"shopState\">已售罄</div>\r\n                    </div>\r\n                  </div>\r\n\r\n                  <div class=\"marketBottom\" v-if=\"item.COMMODITY_RETAILPRICE\">\r\n                    <span class=\"marketPrice\">市场价：¥{{ item.COMMODITY_RETAILPRICE }}/ {{ item.COMMODITY_UNIT }}</span>\r\n                  </div>\r\n                </div>\r\n\r\n              </div>\r\n            </div>\r\n            <div class=\"noDataBox\" v-if=\"!rightShopList || rightShopList.length === 0\">\r\n              <no-data text=\"暂无商品\" />\r\n            </div>\r\n          </scroll-view>\r\n        </div>\r\n\r\n      </div>\r\n    </div>\r\n\r\n    <uni-popup ref=\"shopPopup\" :safe-area=\"false\">\r\n      <view class=\"shopPopupBox\">\r\n        <div class=\"shopPopupContent\">\r\n          <div class=\"detailTop\">\r\n            <image class=\"detailImg\"\r\n              :src=\"good.DEFAULT_IMG || good.IMAGE_PATH || '/static/images/home/defultImg.png'\" />\r\n            <div class=\"box\">\r\n              <div class=\"nameTop\">\r\n                <text class=\"name\">{{ good.COMMODITY_NAME }}</text>\r\n                <image class=\"closeIcon\" @click=\"handleClosePop\"\r\n                  src=\"https://eshangtech.com/ShopICO/ahyd-BID/examine/close.svg\" />\r\n              </div>\r\n              <div class=\"priceBox\">\r\n                <text class=\"priceIcon\">￥</text>\r\n                <text class=\"price\">{{ good.COMMODITY_MEMBERPRICE }}</text>\r\n                <text class=\"unit\">/{{ good.COMMODITY_UNIT }}</text>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <scroll-view :scroll-y=\"true\" class=\"scrollDetailBox\">\r\n            <div class=\"detailMessage\">\r\n              <p class=\"detailTitle\">详细信息</p>\r\n              <text class=\"detailText\"></text>\r\n            </div>\r\n            <div class=\"orderDetail\">\r\n              <p class=\"orderTitle\">下单信息</p>\r\n              <div class=\"numBox\">\r\n                <text class=\"numTitle\">购买数量</text>\r\n                <div class=\"cartcontrol\">\r\n                  <div class=\"subtract\" @click=\"handleDetailSubtract($event, good)\">\r\n                    <image class=\"img\" src=\"/static/images/home/subtract.svg\"></image>\r\n                  </div>\r\n                  <input class=\"cart-count\" confirm-type=\"done\" type=\"digit\" :maxlength=\"inputMaxLength\"\r\n                    style=\"background: #fff; text-align: center; width: 100px\" placeholder=\"0\" :value=\"good.count\"\r\n                    @input=\"handleNumber\" />\r\n                  <div class=\"subtract\" @click=\"handleDetailAdd($event, good)\">\r\n                    <image class=\"img\" src=\"/static/images/home/addIcon.svg\"></image>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              <div class=\"sizeBox\">\r\n                <div class=\"sizeTitle\">规格</div>\r\n                <scroll-view :scroll-x=\"true\" :scroll-y=\"true\" class=\"sizeScrollBox\">\r\n                  <div class=\"sizeList\">\r\n                    <div :class=\"good.RTCOMMODITY_MULTI_ID === item.RTCOMMODITY_MULTI_ID\r\n                      ? 'sizeItem selectSizeItem'\r\n                      : 'sizeItem'\r\n                      \" :style=\"{\r\n                        background: item.COMMODITY_STOCK > 0 ? good.RTCOMMODITY_MULTI_ID === item.RTCOMMODITY_MULTI_ID ? '#e7f3ff' : '#dbdad6' : '#9c9c9a0',\r\n                        color: item.COMMODITY_STOCK > 0 ? good.RTCOMMODITY_MULTI_ID === item.RTCOMMODITY_MULTI_ID ? '#1890ff' : '#000' : '#a4a4a4'\r\n                      }\" v-for=\"(item, index) in good.SKULIST\" :key=\"index\"\r\n                      @click=\"handleChangeSelectSKULIST(item.RTCOMMODITY_MULTI_ID, item)\">\r\n                      {{ item.COMMODITY_NAME }}\r\n                    </div>\r\n                    <!-- <div class=\"sizeItem\">{{ good.COMMODITY_UNIT }}</div> -->\r\n                  </div>\r\n                </scroll-view>\r\n              </div>\r\n              <div class=\"descBox\">\r\n                <input class=\"desc\" :value=\"good.SALEDETAIL_DESC\" placeholder=\"请填写商品备注\"\r\n                  @input=\"handleDesc($event, good)\" />\r\n              </div>\r\n\r\n              <view class=\"rightBtn\">\r\n                <div class=\"addCarBtn\" @click=\"handleShowShopPopup\">\r\n                  加入购物车\r\n                </div>\r\n              </view>\r\n            </div>\r\n          </scroll-view>\r\n\r\n        </div>\r\n\r\n        <!-- <view class=\"bottomBtn\">\r\n          <view\r\n            class=\"shopCarBtn\"\r\n            v-if=\"bottomBtnType === 1\"\r\n            @click=\"handleAddShopCar\"\r\n            >加入购物车</view\r\n          >\r\n          <view\r\n            class=\"makeOrderBtn\"\r\n            v-if=\"bottomBtnType === 2\"\r\n            @click=\"handleMakeOrder\"\r\n            >立即购买</view\r\n          >\r\n        </view> -->\r\n      </view>\r\n    </uni-popup>\r\n\r\n    <shop-tabbar :page=\"'/pages/shopMallPage/shopType/index'\" :pageType=\"pageType\" :shopCarLength=\"shopCarListLength\"\r\n      :comeForm=\"comeForm\" />\r\n  </view>\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters } from \"vuex\";\r\nimport NoData from \"../../../components/noData.vue\";\r\nimport shopTabbar from \"../../../components/shopTabbar.vue\";\r\nimport CustomImage from './components/CustomImage.vue'\r\nimport { useSkeletonControl } from '../../../utils/skeletonManager.js'\r\n\r\nexport default {\r\n  components: { shopTabbar, NoData, CustomImage },\r\n  data() {\r\n    return {\r\n      showContent: false, // 是否显示内容（控制骨架屏切换）\r\n      isFirstLoad: true, // 是否是首次进入页面\r\n      skeletonControl: null, // 骨架屏控制器\r\n      menu: {}, // 手机的一些位置信息\r\n      searchText: \"\", // 搜索商品的文字\r\n      shopTypeList: [], // 商品的大类列表\r\n      activeTabs: 0, // 大类的选择项\r\n      changBigTypeLoading: false, // 是否显示商品列表\r\n      bigTypeId: \"\", // 大类商品的id\r\n      leftTypeList: [], // 左侧的小类数组\r\n      allLeftTypeObj: {}, // 左侧的小类树\r\n      leftToView: \"\", // 左侧选中的类\r\n      leftSelectIndex: 0, // 左侧选择的第几个类\r\n      shopCarList: [], // 购物车数组\r\n      shopCarListLength: 0, // 购物车长度\r\n      rightShopList: [], // 右侧商品列表\r\n      pageType: \"\", // 页面类型 是不是进来查工会之家的\r\n      leftId: \"\", //传入的左侧小类的默认位置\r\n      good: {}, // 悬浮框里面 选择规格的商品详情\r\n      systemInfo: {},\r\n      safeHeight: 0,\r\n\r\n\r\n      itemHeight: 114, // 单个商品高度(px)\r\n      virtualListHeight: 520, // 可视区高度(px)，比如显示5个\r\n      startIndex: 0,\r\n      endIndex: 0,\r\n      buffer: 50, // 前后缓冲区\r\n      visibleList: [],\r\n      visibleCount: 10,\r\n      scrollTop: 0,\r\n      // totalHeight: 0,\r\n      scrollLock: false,\r\n      imageLoadedMap: {},\r\n      lastStartIndex: 0,\r\n      hasWatched: 0,\r\n      shopTopId: '',\r\n      comeForm: \"\",// 来自\r\n    };\r\n  },\r\n  watch: {\r\n    // 深度监听数组变化\r\n    shopCarList: {\r\n      handler(newVal, oldVal) {\r\n        console.log(\"shopCarList 发生变化：\", newVal, oldVal);\r\n        if (newVal && newVal.length > 0) {\r\n          let count = 0;\r\n          newVal.forEach((item) => {\r\n            count += item.count;\r\n          });\r\n          this.shopCarListLength = count;\r\n\r\n        } else {\r\n          this.shopCarListLength = 0;\r\n        }\r\n      },\r\n      deep: true,\r\n    },\r\n    rightShopList: {\r\n      handler(newVal, oldVal) {\r\n        // // 商品变了 我要把可视区域内容的 选购了多少个 也修改掉 \r\n        // if (this.visibleList && this.visibleList.length > 0) {\r\n        //   let newVisibleList = []\r\n        //   this.visibleList.forEach((item) => {\r\n        //     if (newVal && newVal.length > 0) {\r\n        //       newVal.forEach((subItem) => {\r\n        //         if (item.COMMODITY_ID === subItem.COMMODITY_ID) {\r\n        //           console.log('subItemsubItemsubItemsubItem', subItem);\r\n\r\n        //           newVisibleList.push({\r\n        //             ...subItem,\r\n        //           })\r\n        //         } else {\r\n        //           newVisibleList.push(item)\r\n        //         }\r\n        //       })\r\n        //     }\r\n        //   })\r\n        //   this.visibleList = newVisibleList\r\n        // }\r\n      },\r\n      deep: true,\r\n    },\r\n  },\r\n  computed: {\r\n    ...mapGetters({\r\n      user: \"user\",\r\n    }),\r\n    totalHeight() {\r\n      return this.rightShopList.length * this.itemHeight;\r\n    },\r\n  },\r\n  onLoad(query) {\r\n    // 初始化骨架屏控制\r\n    this.skeletonControl = useSkeletonControl('/pages/shopMallPage/shopType/index', query.pageType)\r\n    this.showContent = this.skeletonControl.showContent\r\n    this.isFirstLoad = this.skeletonControl.showSkeleton\r\n\r\n    let systemInfo = uni.getSystemInfoSync();\r\n    this.systemInfo = systemInfo;\r\n\r\n    let height = uni.getStorageSync(\"safeHeight\");\r\n    this.safeHeight = Number(height);\r\n\r\n    console.log(\"this.systemInfo \", this.systemInfo);\r\n    console.log(\"query\", query);\r\n    if (query.selectIndex) {\r\n      this.activeTabs = Number(query.selectIndex);\r\n    }\r\n    if (query.pageType) {\r\n      this.pageType = query.pageType;\r\n    }\r\n    if (query.leftId) {\r\n      this.leftId = query.leftId;\r\n    }\r\n\r\n    if (query.comeForm) {\r\n      this.comeForm = query.comeForm;\r\n    }\r\n\r\n\r\n    let shopCarList = [];\r\n    if (this.pageType === \"UnionMall\") {\r\n      shopCarList = this.$store.state.unionMyShopCar;\r\n    } else {\r\n      shopCarList = this.$store.state.myShopCar;\r\n    }\r\n    if (shopCarList && shopCarList.length > 0) {\r\n      this.shopCarList = shopCarList;\r\n    }\r\n    if (this.pageType === \"UnionMall\") {\r\n      // 工会之家拿到的商品类型\r\n      this.handleGetUnionMallShopType();\r\n    } else {\r\n      // 拿到全部商品类型\r\n      this.handleGetShopType();\r\n      // 拿到全部的商品\r\n      // this.handleGetAllShopItem();\r\n    }\r\n    // this.onVirtualScroll = this.throttle(this.onVirtualScroll, 100); //\r\n    // 如果是首次访问，延迟显示内容并标记已访问\r\n    if (this.skeletonControl && this.skeletonControl.showSkeleton) {\r\n      setTimeout(async () => {\r\n        if (this.skeletonControl) {\r\n          await this.skeletonControl.showContentAfterLoading(0)\r\n          this.showContent = true;\r\n          this.isFirstLoad = false;\r\n        }\r\n      }, 800);\r\n    } else {\r\n      // 非首次访问直接显示内容\r\n      this.showContent = true;\r\n      this.isFirstLoad = false;\r\n    }\r\n\r\n    this.$utils.addUserBehaviorNew({\r\n      behaviorRecordDesc: this.pageType ? '进入工会商城分类页' : \"进入精选商城分类页\"\r\n    });\r\n  },\r\n  onShow() {\r\n    // onShow 中不控制骨架屏，骨架屏完全由 onLoad 中控制\r\n\r\n    this.menu = uni.getMenuButtonBoundingClientRect();\r\n    // 判断当前的购物车里面是否有东西\r\n    let shopCarList = [];\r\n    if (this.pageType === \"UnionMall\") {\r\n      shopCarList = this.$store.state.unionMyShopCar;\r\n    } else {\r\n      shopCarList = this.$store.state.myShopCar;\r\n    }\r\n\r\n    console.log(\"shopCarList22222222\", shopCarList);\r\n    console.log(\"this.shopCarList\", this.shopCarList);\r\n\r\n    // 判断购物车是否一样\r\n    if (JSON.stringify(shopCarList) === JSON.stringify(this.shopCarList)) {\r\n    } else {\r\n      if (shopCarList && shopCarList.length > 0) {\r\n        this.shopCarList = shopCarList;\r\n      } else {\r\n        this.shopCarList = [];\r\n      }\r\n\r\n      if (this.pageType === \"UnionMall\") {\r\n        // 工会之家拿到的商品类型\r\n        this.handleGetUnionMallShopType();\r\n      } else {\r\n        // 拿到全部商品类型\r\n        this.handleGetShopType();\r\n        // 拿到全部的商品\r\n        // this.handleGetAllShopItem();\r\n      }\r\n    }\r\n  },\r\n  onHide() {\r\n    if (this.shopCarList && this.shopCarList.length > 0) {\r\n      let list = JSON.parse(JSON.stringify(this.shopCarList));\r\n      list.forEach((item) => {\r\n        item.cartItemAoumt =\r\n          Number(item.COMMODITY_MEMBERPRICE) * Number(item.count);\r\n      });\r\n      console.log(\"list\", list);\r\n      // list\r\n      if (this.pageType === \"UnionMall\") {\r\n        this.$store.commit(\"unionMyShopCar\", list);\r\n      } else {\r\n        this.$store.commit(\"myShopCar\", list);\r\n      }\r\n    } else {\r\n      if (this.pageType === \"UnionMall\") {\r\n        this.$store.commit(\"unionMyShopCar\", []);\r\n      } else {\r\n        this.$store.commit(\"myShopCar\", []);\r\n      }\r\n    }\r\n    // this.searchText = \"\";\r\n  },\r\n  onUnload() {\r\n    // 页面卸载时重置首次加载标记，确保下次进入仍显示骨架屏\r\n    this.isFirstLoad = true;\r\n    if (this.shopCarList && this.shopCarList.length > 0) {\r\n      let list = JSON.parse(JSON.stringify(this.shopCarList));\r\n      list.forEach((item) => {\r\n        item.cartItemAoumt =\r\n          Number(item.COMMODITY_MEMBERPRICE) * Number(item.count);\r\n      });\r\n      console.log(\"list\", list);\r\n      // list\r\n      if (this.pageType === \"UnionMall\") {\r\n        this.$store.commit(\"unionMyShopCar\", list);\r\n      } else {\r\n        this.$store.commit(\"myShopCar\", list);\r\n      }\r\n    } else {\r\n      if (this.pageType === \"UnionMall\") {\r\n        this.$store.commit(\"unionMyShopCar\", []);\r\n      } else {\r\n        this.$store.commit(\"myShopCar\", []);\r\n      }\r\n    }\r\n    this.searchText = \"\";\r\n  },\r\n\r\n  methods: {\r\n    // 显示展开功能\r\n    handleShowExportBox(e) {\r\n      uni.switchTab({\r\n        url: \"/pages/index/index\"\r\n      })\r\n      // console.log('e', e);\r\n      // this.showExportFun = !this.showExportFun;\r\n      // this.showExportObj = e.detail\r\n    },\r\n    // 因为有增加和减少商品 所以要更新显示区域内的商品数据\r\n    handleUpDataShop(newVal) {\r\n      if (this.visibleList && this.visibleList.length > 0) {\r\n        let newVisibleList = []\r\n        console.log('this.visibleListthis.visibleListthis.visibleList', JSON.parse(JSON.stringify(this.visibleList)));\r\n        console.log('newValnewValnewValnewValnewValnewVal', JSON.parse(JSON.stringify(newVal)));\r\n\r\n        this.visibleList.forEach((item) => {\r\n          if (newVal && newVal.length > 0) {\r\n            // newVal.forEach((subItem) => {\r\n            let filter = newVal.filter(filterItem => filterItem.COMMODITY_ID === item.COMMODITY_ID)\r\n            if (filter && filter.length > 0) {\r\n              newVisibleList.push(filter[0])\r\n            } else {\r\n              newVisibleList.push(item)\r\n            }\r\n          } else {\r\n            newVisibleList.push(item)\r\n          }\r\n        })\r\n        this.visibleList = newVisibleList\r\n      }\r\n    },\r\n    onImageLoad(id) {\r\n      this.$set(this.imageLoadedMap, id, true);\r\n    },\r\n    getImgUrl(item) {\r\n      const version = `${item.COMMODITY_ID}`; // 用于防止缓存误用\r\n\r\n      if (!item) return `/static/images/home/defultImg.png?v=${version}`;\r\n\r\n\r\n      if (item.IMAGE_PATH) {\r\n        const arr = item.IMAGE_PATH.split(',');\r\n        const base = arr.length > 1 ? arr[0] : item.IMAGE_PATH;\r\n        return `${base}?v=${version}`;\r\n      } else {\r\n        return `/static/images/home/defultImg.png?v=${version}`;\r\n      }\r\n    },\r\n\r\n    onImageLoad(id) {\r\n      this.$set(this.imageLoadedMap, id, true);\r\n    },\r\n    onImageError(id) {\r\n      this.$set(this.imageLoadedMap, id, false); // 可选 fallback\r\n    },\r\n    // 跳转到搜索商品的页面\r\n    handleGoSearchShopPage() {\r\n      uni.navigateTo({ url: `/pages/shopMallPage/searchShopPage/index?pageType=${this.pageType}` });\r\n    },\r\n    handleDesc(e, item) {\r\n      this.good.SALEDETAIL_DESC = e.detail.value\r\n    },\r\n\r\n    isImageVisible(index) {\r\n      return index >= this.startIndex && index < this.startIndex + this.visibleCount + this.buffer;\r\n    },\r\n    onVirtualScroll(e) {\r\n      if (this.scrollLock) return;\r\n      this.scrollLock = true;\r\n\r\n      setTimeout(() => {\r\n        const scrollTop = e.detail.scrollTop;\r\n        const clientHeight = e.detail.clientHeight || this.visibleCount * this.itemHeight;\r\n        const centerIndex = Math.floor((scrollTop + clientHeight / 2) / this.itemHeight);\r\n\r\n        // 当前渲染的范围是 startIndex ~ startIndex + 60\r\n        const currentStart = this.startIndex;\r\n        const currentEnd = currentStart + this.buffer * 2;\r\n\r\n        const distanceToEnd = currentEnd - centerIndex;\r\n\r\n        // ✅ 触发条件：即将滚到下缓冲区末尾（最后10个）时更新\r\n        if (distanceToEnd <= 20 || centerIndex <= currentStart + 20) {\r\n          // 👇 新的以中心为基准的缓冲区域\r\n          const newStart = Math.max(0, centerIndex - this.buffer);\r\n          const newEnd = newStart + this.buffer * 2;\r\n\r\n          const newList = this.rightShopList.slice(newStart, newEnd);\r\n\r\n          if (!this.shallowEqual(this.visibleList, newList)) {\r\n            this.visibleList = newList;\r\n            this.startIndex = newStart;\r\n          }\r\n        }\r\n\r\n        this.scrollLock = false;\r\n      }, 16);\r\n    },\r\n    shallowEqual(arr1, arr2) {\r\n      if (arr1 === arr2) return true;\r\n      if (!arr1 || !arr2) return false;\r\n      if (arr1.length !== arr2.length) return false;\r\n\r\n      for (let i = 0; i < arr1.length; i++) {\r\n        // 如果是对象，可根据唯一字段判断，如 COMMODITY_ID\r\n        if (arr1[i].COMMODITY_ID !== arr2[i].COMMODITY_ID) {\r\n          console.log('arr1[i]', arr1[i]);\r\n          console.log('arr2[i]', arr2[i]);\r\n\r\n          return false;\r\n        }\r\n      }\r\n      return true;\r\n    },\r\n    // updateVisibleList() {\r\n    //   this.visibleList = newList;\r\n    // },\r\n    // 打开购物车 或 立即购买的悬浮框  1 打开购物车  2 立即购买  3售罄\r\n    handleShowShopPopup() {\r\n      if (!this.user.MEMBERSHIP_ID) {\r\n        uni.showModal({\r\n          title: \"温馨提示\",\r\n          content: \"请您授权登录后再操作。\",\r\n          success(res) {\r\n            if (res.confirm) {\r\n              uni.navigateTo({ url: \"/pages/register/index\" });\r\n            }\r\n          },\r\n        });\r\n        return;\r\n      }\r\n\r\n      console.log(\"good\", this.good);\r\n\r\n\r\n      this.good.COMMODITY_GRADE = null\r\n      this.good.LIMIT_TOTALCOUNT = this.good.LIMIT_TOTALCOUNT ? this.good.LIMIT_TOTALCOUNT.toString() : \"\"\r\n      this.good.LIMIT_DAILYCOUNT = this.good.LIMIT_DAILYCOUNT ? this.good.LIMIT_DAILYCOUNT.toString() : \"\"\r\n      this.good.REMINDER_DAY = this.good.REMINDER_DAY ? this.good.REMINDER_DAY.toString() : \"\"\r\n      this.good.SEND_MODE = this.good.SEND_MODE ? this.good.SEND_MODE.toString() : \"\"\r\n      this.good.AFTERSALE_NATRUE = this.good.AFTERSALE_NATRUE ? this.good.AFTERSALE_NATRUE.toString() : \"\"\r\n      this.good.DUTY_PARAGRAPH = this.good.DUTY_PARAGRAPH ? this.good.DUTY_PARAGRAPH.toString() : \"\"\r\n\r\n      if (this.good.RTCOMMODITY_MULTI_ID === \"默认\" || !this.good.RTCOMMODITY_MULTI_ID) {\r\n        uni.showToast({\r\n          title: \"请先选择规格！\",\r\n          icon: \"none\",\r\n        });\r\n      } else {\r\n        // 加入到购物车\r\n\r\n        // 现在的商品列表\r\n        let nowShopList = JSON.parse(JSON.stringify(this.rightShopList));\r\n        console.log(\"nowShopList\", nowShopList);\r\n        console.log(\"this.shopCarList\", this.shopCarList);\r\n\r\n        // 先将商品加到购物车里面\r\n        if (this.shopCarList && this.shopCarList.length > 0) {\r\n          let list = JSON.parse(JSON.stringify(this.shopCarList));\r\n          let filterList = list.filter(\r\n            (item) => item.COMMODITY_ID === this.good.COMMODITY_ID\r\n          );\r\n          if (filterList && filterList.length > 0) {\r\n            list.forEach((item) => {\r\n              // 先看看有没有规格id  如果选了规格 不一样规格 算不同的商品\r\n              if (this.good.RTCOMMODITY_MULTI_ID) {\r\n                let filterRuleList = list.filter(\r\n                  (item) => item.RTCOMMODITY_MULTI_ID === this.good.RTCOMMODITY_MULTI_ID\r\n                );\r\n                // 如果有一样规格的 就替换值  没有 就等于新增商品\r\n                if (filterRuleList && filterRuleList.length > 0) {\r\n                  if (item.COMMODITY_ID === this.good.COMMODITY_ID) {\r\n                    item.count = this.good.count;\r\n                  }\r\n                } else {\r\n                  list.push({ ...this.good });\r\n                  nowShopList.forEach((item) => {\r\n                    if (item.COMMODITY_ID === this.good.COMMODITY_ID) {\r\n                      item.count = this.good.count;\r\n                    }\r\n                  });\r\n                }\r\n              } else {\r\n                if (item.COMMODITY_ID === this.good.COMMODITY_ID) {\r\n                  item.count = this.good.count;\r\n                }\r\n              }\r\n            });\r\n            nowShopList.forEach((item) => {\r\n              if (item.COMMODITY_ID === this.good.COMMODITY_ID) {\r\n                item.count = this.good.count;\r\n              }\r\n            });\r\n          } else {\r\n            list.push({ ...this.good });\r\n            nowShopList.forEach((item) => {\r\n              if (item.COMMODITY_ID === this.good.COMMODITY_ID) {\r\n                item.count = this.good.count;\r\n              }\r\n            });\r\n          }\r\n          this.shopCarList = list;\r\n        } else {\r\n          this.shopCarList = [{ ...this.good }];\r\n          nowShopList.forEach((item) => {\r\n            if (item.COMMODITY_ID === this.good.COMMODITY_ID) {\r\n              item.count = this.good.count;\r\n            }\r\n          });\r\n        }\r\n\r\n        this.rightShopList = nowShopList;\r\n        this.handleUpDataShop(nowShopList)\r\n        this.leftTypeList[this.leftSelectIndex].COMMODITYLIST = nowShopList;\r\n        this.$forceUpdate();\r\n        this.handleClosePop();\r\n      }\r\n    },\r\n    // 悬浮框里面的改变商品数量\r\n    handleNumber(e) {\r\n      let obj = JSON.parse(JSON.stringify(this.good));\r\n      let count = Number(e.target.value);\r\n      obj.count = count;\r\n      this.good = obj;\r\n    },\r\n    // 悬浮框里面的添加商品数量\r\n    handleDetailAdd(e, obj) {\r\n      obj.count += 1;\r\n      this.good = obj;\r\n\r\n      this.$forceUpdate();\r\n    },\r\n    // 悬浮框里面的减少商品数量\r\n    handleDetailSubtract(e, obj) {\r\n      if (obj.count > 0) {\r\n        obj.count -= 1;\r\n        this.good = obj;\r\n        this.$forceUpdate();\r\n      }\r\n    },\r\n    handleClosePop() {\r\n      this.$refs.shopPopup.close();\r\n    },\r\n    // 工会之家拿到的商品类型\r\n    async handleGetUnionMallShopType() {\r\n      // const req = {\r\n      //   ownerUnitId: 911,\r\n      //   action_type: \"WeChat_GetMallGoodsType\",\r\n      //   appId: \"wxee018fb96955552a\",\r\n      //   commodityNature: 5070,\r\n      // };\r\n      const data = await this.$api.$javaGet(\r\n        '/third-party/getWeChatGetMallGoodsType',\r\n        {\r\n          ownerUnitId: 911,\r\n          appId: \"wxee018fb96955552a\",\r\n          commodityNature: 5070,\r\n        }\r\n      )\r\n\r\n      // const data = await this.$api.getCoop(req);\r\n      let typeList = data.Data.List;\r\n      console.log(\"typeList321\", typeList);\r\n      let resList = [];\r\n      let indexOfList = [1249, 1250, 1253, 3176];\r\n      if (typeList && typeList.length > 0) {\r\n        typeList.forEach((item) => {\r\n          if (indexOfList.indexOf(item.UserdefinedType_Id) !== -1) {\r\n            if (item.UserdefinedType_Id === 1253) {\r\n              resList.unshift(item);\r\n            } else {\r\n              resList.push(item);\r\n            }\r\n          }\r\n        });\r\n      }\r\n      console.log(\"this.shopTypeList222\", resList);\r\n      this.shopTypeList = resList;\r\n\r\n      console.log(\"this.shopTypeList222\", this.shopTypeList);\r\n      this.handleGetAllShopItem(resList[this.activeTabs].UserdefinedType_Id);\r\n    },\r\n    // 搜索商品\r\n    async handleSearch() {\r\n      if (this.searchText) {\r\n        uni.showLoading({ title: \"加载中\" });\r\n        // const data = await this.$api.getCoop({\r\n        //   action_type: \"WeChat_GetMallGoodsInfo\",\r\n        //   ownerUnitId: 911,\r\n        //   appId: \"wxee018fb96955552a\",\r\n        //   commodityName: this.searchText,\r\n        //   excludeNature: this.pageType === \"UnionMall\" ? \"\" : 5070,\r\n        //   commodityNature: this.pageType === \"UnionMall\" ? 5070 : \"\",\r\n        //   payMethod: \"1000,3000\",\r\n        //   // justCommodity: 1,\r\n        // });\r\n\r\n        let url = this.pageType === \"UnionMall\" ? '/third-party/getWeChatGetMallGoodsInfo' : '/third-party/getWeChatGetMallGoodsInfoExclude'\r\n\r\n        const data = await this.$api.$javaGet(\r\n          // '/third-party/getExcludeWeChatGetMallGoodsInfo',\r\n          url,\r\n          {\r\n            ownerUnitId: 911,\r\n            appId: \"wxee018fb96955552a\",\r\n            commodityName: this.searchText,\r\n            excludeNature: this.pageType === \"UnionMall\" ? \"\" : 5070,\r\n            commodityNature: this.pageType === \"UnionMall\" ? 5070 : \"\",\r\n            payMethod: \"1000,3000\",\r\n            // justCommodity: 1,\r\n          }\r\n        )\r\n\r\n        uni.hideLoading()\r\n\r\n        let list = data.Data.List;\r\n        console.log(\"list\", list);\r\n        let shopList = [];\r\n        if (list && list.length > 0) {\r\n          list.forEach((item) => {\r\n            if (item.COMMODITYLIST && item.COMMODITYLIST.length > 0) {\r\n              item.COMMODITYLIST.forEach((subItem) => {\r\n                // 判断当前的购物车里面 是不是已经有数据了 有数据的话 把原本的商品数量赋值进去\r\n                if (this.shopCarList && this.shopCarList.length > 0) {\r\n                  this.shopCarList.forEach((shopCarItem) => {\r\n                    if (shopCarItem.COMMODITY_ID === subItem.COMMODITY_ID) {\r\n                      subItem.count = shopCarItem.count;\r\n                      if (subItem.SKULIST && subItem.SKULIST.length > 0) {\r\n                        subItem.COMMODITY_RULE = shopCarItem.COMMODITY_RULE;\r\n                      } else {\r\n                        subItem.showReduce = true;\r\n                      }\r\n                    }\r\n                  });\r\n                }\r\n\r\n                if (\r\n                  subItem.COMMODITY_MEMBERPRICE &&\r\n                  subItem.COMMODITY_MEMBERPRICE.toString().indexOf(\".\") !== -1\r\n                ) {\r\n                  subItem.bigNumber =\r\n                    subItem.COMMODITY_MEMBERPRICE.toString().split(\".\")[0];\r\n                  subItem.smallNumber =\r\n                    subItem.COMMODITY_MEMBERPRICE.toString().split(\".\")[1];\r\n                } else {\r\n                  subItem.bigNumber = subItem.COMMODITY_MEMBERPRICE;\r\n                }\r\n                if (\r\n                  subItem.COMMODITY_RETAILPRICE &&\r\n                  subItem.COMMODITY_RETAILPRICE.toString().indexOf(\".\") !== -1\r\n                ) {\r\n                  subItem.RETbigNumber =\r\n                    subItem.COMMODITY_RETAILPRICE.toString().split(\".\")[0];\r\n                  subItem.RETsmallNumber =\r\n                    subItem.COMMODITY_RETAILPRICE.toString().split(\".\")[1];\r\n                } else {\r\n                  subItem.RETbigNumber = subItem.COMMODITY_RETAILPRICE;\r\n                }\r\n                shopList.push(subItem);\r\n              });\r\n            }\r\n          });\r\n        }\r\n        console.log(\"搜索商品\", shopList);\r\n\r\n        // 再去一下重  因为单个商品 多类别\r\n        let res = []\r\n        let shopIdList = []\r\n        if (shopList && shopList.length > 0) {\r\n          shopList.forEach((item) => {\r\n            if (shopIdList.indexOf(item.COMMODITY_ID) === -1) {\r\n              res.push(item)\r\n              shopIdList.push(item.COMMODITY_ID)\r\n            }\r\n          })\r\n        }\r\n        this.rightShopList = res;\r\n      } else {\r\n        if (this.pageType === \"UnionMall\") {\r\n          // 工会之家拿到的商品类型\r\n          this.handleGetUnionMallShopType();\r\n        } else {\r\n          // 拿到全部商品类型\r\n          this.handleGetShopType();\r\n        }\r\n      }\r\n    },\r\n    // 拿到全部商品的分类\r\n    async handleGetShopType() {\r\n      let _this = this\r\n      let typeList = []\r\n      let getWeChatGetMallGoodsType = uni.getStorageSync(\"getWeChatGetMallGoodsType\")\r\n\r\n      if (getWeChatGetMallGoodsType) {\r\n        typeList = getWeChatGetMallGoodsType\r\n        this.$api.$javaGet(\r\n          '/third-party/getWeChatGetMallGoodsType',\r\n          {\r\n            ownerUnitId: 911,\r\n            appId: \"wxee018fb96955552a\",\r\n            commodityNature: this.pageType === \"UnionMall\" ? \"\" : 5070,\r\n          }\r\n        ).then((data) => {\r\n          let newTypeList = data.Data.List;\r\n          if (JSON.stringify(newTypeList) !== JSON.stringify(typeList)) {\r\n            uni.setStorageSync(\"getWeChatGetMallGoodsType\", newTypeList)\r\n            _this.handleGetShopTypeShowData(newTypeList)\r\n          }\r\n        })\r\n      } else {\r\n        const data = await this.$api.$javaGet(\r\n          '/third-party/getWeChatGetMallGoodsType',\r\n          {\r\n            ownerUnitId: 911,\r\n            appId: \"wxee018fb96955552a\",\r\n            commodityNature: this.pageType === \"UnionMall\" ? \"\" : 5070,\r\n          }\r\n        )\r\n        typeList = data.Data.List;\r\n      }\r\n\r\n\r\n      this.handleGetShopTypeShowData(typeList)\r\n    },\r\n    // 拿到全部商品的分类显示数据的方法\r\n    handleGetShopTypeShowData(typeList) {\r\n      let resList = [];\r\n      let indexOfList = [3186, 3175, 4597];\r\n      if (typeList && typeList.length > 0) {\r\n        typeList.forEach((item) => {\r\n          if (indexOfList.indexOf(item.UserdefinedType_Id) !== -1) {\r\n            resList.push(item);\r\n          }\r\n        });\r\n      }\r\n\r\n      this.shopTypeList = resList;\r\n\r\n      if (this.activeTabs === 999999) {\r\n        this.handleGoPointsMall()\r\n      } else {\r\n        this.handleGetAllShopItem(resList[this.activeTabs].UserdefinedType_Id);\r\n      }\r\n    },\r\n    // 按照小类的  UserdefinedType_PIndex 字段 从小到大排序\r\n    handleSortLeftType(oldList) {\r\n      let list = oldList;\r\n      if (list && list.length > 0) {\r\n        for (let i = 0; i < list.length; i++) {\r\n          for (let j = 0; j < list.length - i - 1; j++) {\r\n            if (\r\n              list[j].UserdefinedType_PIndex >\r\n              list[j + 1].UserdefinedType_PIndex\r\n            ) {\r\n              const temp = list[j];\r\n              list[j] = list[j + 1];\r\n              list[j + 1] = temp;\r\n            }\r\n          }\r\n        }\r\n        return list;\r\n      }\r\n      return [];\r\n    },\r\n    // 拿到全部的商品\r\n    async handleGetAllShopItem(id) {\r\n      console.log(\"id\", id);\r\n      uni.showLoading({ title: \"加载中\" });\r\n      // const data = await this.$api.getCoop({\r\n      //   action_type: \"WeChat_GetMallGoodsInfo\",\r\n      //   ownerUnitId: 911,\r\n      //   userdefinedtypeId: this.searchText ? \"\" : id,\r\n      //   commodityName: this.searchText,\r\n      //   excludeNature: this.pageType === \"UnionMall\" ? \"\" : 5070,\r\n      //   commodityNature: this.pageType === \"UnionMall\" ? 5070 : \"\",\r\n      //   // justCommodity: 1,\r\n      // });\r\n\r\n      let url = this.pageType === \"UnionMall\" ? '/third-party/getWeChatGetMallGoodsInfo' : '/third-party/getWeChatGetMallGoodsInfoExclude'\r\n      const data = await this.$api.$javaGet(\r\n        // '/third-party/getExcludeWeChatGetMallGoodsInfo',\r\n        url,\r\n        {\r\n          ownerUnitId: 911,\r\n          userdefinedTypeId: this.searchText ? \"\" : id,\r\n          userdefinedtypeId: this.searchText ? \"\" : id,\r\n          commodityName: this.searchText,\r\n          excludeNature: this.pageType === \"UnionMall\" ? \"\" : 5070,\r\n          commodityNature: this.pageType === \"UnionMall\" ? 5070 : \"\",\r\n          // justCommodity: 1,\r\n        }\r\n      )\r\n      uni.hideLoading()\r\n      let list = data.Data.List;\r\n      console.log(\"拿到全部的商品\", list);\r\n      let thisAllType = [];\r\n      console.log(\"this.shopTypeList\", this.shopTypeList);\r\n      if (this.shopTypeList && this.shopTypeList.length > 0) {\r\n        this.shopTypeList.forEach((item) => {\r\n          if (item.UserdefinedType_Id === id) {\r\n            thisAllType = item.UserdefinedTypeList;\r\n          }\r\n        });\r\n      }\r\n      console.log(\"拿到当前的所有子类\", thisAllType);\r\n      let haveAll = false;\r\n\r\n      if (thisAllType && thisAllType.length > 0) {\r\n        thisAllType.forEach((item) => {\r\n          if (item.USERDEFINEDTYPE_NAME === \"全部\") {\r\n            haveAll = true;\r\n          }\r\n        });\r\n      }\r\n      // 添加一个子类的全部\r\n      list.unshift({\r\n        UserdefinedType_Name: \"全部\",\r\n        UserdefinedType_Id: -1,\r\n      });\r\n      if (!haveAll) {\r\n        // 添加一个子类的全部\r\n        thisAllType.unshift({\r\n          UserdefinedType_Name: \"全部\",\r\n          UserdefinedType_Id: -1,\r\n        });\r\n      }\r\n\r\n      let leftIndex = -1;\r\n      console.log(\"this.pageType\", this.pageType);\r\n      console.log(\"this.leftId\", this.leftId);\r\n\r\n      if (this.pageType === \"UnionMall\" && this.leftId) {\r\n        if (thisAllType && thisAllType.length > 0) {\r\n          thisAllType.forEach((item, index) => {\r\n            if (item.UserdefinedType_Id === Number(this.leftId)) {\r\n              leftIndex = index;\r\n            }\r\n          });\r\n        }\r\n      }\r\n      console.log(\"list\", list);\r\n      console.log(\"thisAllType\", thisAllType);\r\n\r\n      if (leftIndex === -1) {\r\n        leftIndex = this.leftSelectIndex;\r\n      }\r\n\r\n      console.log(\"this.leftSelectIndex23\", this.leftSelectIndex);\r\n      console.log(\"this.thisAllType31\", thisAllType);\r\n\r\n      // 当前选中的商品列表\r\n      let shopList = [];\r\n      if (list && list.length > 0) {\r\n        console.log(\"list\", list);\r\n        console.log(\"list[leftIndex]\", list[leftIndex]);\r\n        // 这一大类的全部商品\r\n        let thisTypeAllShop = [];\r\n        // 当前的全部商品id\r\n        let allShopID = []\r\n\r\n        list.forEach((item) => {\r\n          if (item.UserdefinedType_Name !== \"全部\") {\r\n            if (\r\n              item.COMMODITYLIST &&\r\n              item.COMMODITYLIST.length > 0 &&\r\n              (item.USERDEFINEDTYPE_PID === id ||\r\n                item.USERDEFINEDTYPE_ID === id)\r\n            ) {\r\n              item.COMMODITYLIST.forEach((subItem) => {\r\n                if (allShopID.indexOf(subItem.COMMODITY_ID) === -1) {\r\n                  thisTypeAllShop.push(subItem);\r\n                  allShopID.push(subItem.COMMODITY_ID)\r\n                }\r\n              });\r\n            }\r\n          }\r\n        });\r\n        list[0].COMMODITYLIST = thisTypeAllShop;\r\n        console.log(\"thisTypeAllShop\", thisTypeAllShop);\r\n        console.log(\"list\", list);\r\n        console.log(\"leftIndex\", leftIndex);\r\n        if (\r\n          leftIndex !== -1 &&\r\n          list[leftIndex] &&\r\n          list[leftIndex].COMMODITYLIST &&\r\n          list[leftIndex].COMMODITYLIST.length > 0\r\n        ) {\r\n          console.log(\"this.leftId\", this.leftId);\r\n          if (this.pageType === \"UnionMall\" && this.leftId) {\r\n            if (this.leftId) {\r\n              let obj = {};\r\n              console.log('dsdhasjdhasld', list);\r\n\r\n              list.forEach((item) => {\r\n                if ((Number(item.USERDEFINEDTYPE_ID) === Number(this.leftId)) || (Number(item.UserdefinedType_Id) === Number(this.leftId)) || Number(item.UserdefinedType_Id) === -1) {\r\n                  obj = item;\r\n                }\r\n              });\r\n              console.log('objobjobjobjobj', obj);\r\n\r\n              if (obj.USERDEFINEDTYPE_ID || obj.UserdefinedType_Id) {\r\n                shopList = obj.COMMODITYLIST;\r\n              } else {\r\n                shopList = [];\r\n              }\r\n            } else {\r\n              shopList = list[leftIndex - 1].COMMODITYLIST;\r\n            }\r\n          } else {\r\n            shopList = list[leftIndex].COMMODITYLIST;\r\n          }\r\n        }\r\n        console.log('vshopListshopListshopListshopList', shopList);\r\n\r\n        if (shopList && shopList.length > 0) {\r\n          shopList.forEach((item) => {\r\n            // 判断当前的购物车里面 是不是已经有数据了 有数据的话 把原本的商品数量赋值进去\r\n            if (this.shopCarList && this.shopCarList.length > 0) {\r\n              this.shopCarList.forEach((shopCarItem) => {\r\n                if (shopCarItem.COMMODITY_ID === item.COMMODITY_ID) {\r\n                  item.count = shopCarItem.count;\r\n                  item.showReduce = true;\r\n                }\r\n              });\r\n            }\r\n\r\n            if (\r\n              item.COMMODITY_MEMBERPRICE &&\r\n              item.COMMODITY_MEMBERPRICE.toString().indexOf(\".\") !== -1\r\n            ) {\r\n              item.bigNumber =\r\n                item.COMMODITY_MEMBERPRICE.toString().split(\".\")[0];\r\n              item.smallNumber =\r\n                item.COMMODITY_MEMBERPRICE.toString().split(\".\")[1];\r\n            } else {\r\n              item.bigNumber = item.COMMODITY_MEMBERPRICE;\r\n            }\r\n            if (\r\n              item.COMMODITY_RETAILPRICE &&\r\n              item.COMMODITY_RETAILPRICE.toString().indexOf(\".\") !== -1\r\n            ) {\r\n              item.RETbigNumber =\r\n                item.COMMODITY_RETAILPRICE.toString().split(\".\")[0];\r\n              item.RETsmallNumber =\r\n                item.COMMODITY_RETAILPRICE.toString().split(\".\")[1];\r\n            } else {\r\n              item.RETbigNumber = item.COMMODITY_RETAILPRICE;\r\n            }\r\n          });\r\n        }\r\n\r\n        // 拿到本身的小类排序 如果这里请求出来 有一样的小类 就用这里的 不然就用全部的小类的那一份\r\n        let newList = [];\r\n        if (thisAllType && thisAllType.length > 0) {\r\n          thisAllType.forEach((item) => {\r\n            item.USERDEFINEDTYPE_ID = [];\r\n            item.USERDEFINEDTYPE_ID = item.UserdefinedType_Id;\r\n            item.USERDEFINEDTYPE_NAME = item.UserdefinedType_Name;\r\n            item.USERDEFINEDTYPE_PID = item.UserdefinedType_PId;\r\n            // 判断这一项找到没\r\n            let isFound = false;\r\n            let res = {};\r\n            list.forEach((subItem) => {\r\n              if (item.UserdefinedType_Id === subItem.USERDEFINEDTYPE_ID) {\r\n                isFound = true;\r\n                res = subItem;\r\n              }\r\n            });\r\n            if (isFound) {\r\n              newList.push(res);\r\n            } else {\r\n              newList.push(item);\r\n            }\r\n          });\r\n        }\r\n\r\n        // 小类里面的全部商品类型\r\n        let allShopList = [];\r\n        // 当前的全部商品id\r\n        let allShopID2 = []\r\n        if (newList && newList.length > 0) {\r\n          this.leftToView =\r\n            \"left_\" + leftIndex + \"_\" + newList[leftIndex].USERDEFINEDTYPE_ID;\r\n          newList.forEach((item) => {\r\n            if (item.COMMODITYLIST && item.COMMODITYLIST.length > 0) {\r\n              item.COMMODITYLIST.forEach((subItem) => {\r\n                if (subItem.USERDEFINEDTYPE_NAME !== \"全部\") {\r\n                  // allShopList.push(subItem);\r\n                  if (allShopID2.indexOf(subItem.COMMODITY_ID) === -1) {\r\n                    allShopList.push(subItem);\r\n                    allShopID2.push(subItem.COMMODITY_ID)\r\n                  }\r\n                }\r\n              });\r\n            }\r\n          });\r\n        }\r\n        newList[0].COMMODITYLIST = allShopList;\r\n        this.leftTypeList = newList;\r\n        console.log(\"this.leftTypeList\", this.leftTypeList);\r\n\r\n        this.leftSelectIndex = leftIndex;\r\n        this.rightShopList = shopList;\r\n        this.visibleList = shopList.slice(0, this.visibleCount + this.buffer * 2);\r\n        console.log('this.rightShopListthis.rightShopListthis.rightShopList', this.rightShopList);\r\n        console.log('this.visibleListthis.visibleList', this.visibleList);\r\n\r\n        this.changBigTypeLoading = true;\r\n      } else {\r\n        this.leftTypeList = [];\r\n        this.leftToView = \"\";\r\n        this.leftSelectIndex = 0;\r\n        this.rightShopList = [];\r\n      }\r\n\r\n      console.log(\"现在的小类\", this.leftTypeList);\r\n\r\n      uni.hideLoading()\r\n    },\r\n    // 商品列表\r\n    showDetail(obj) {\r\n      console.log(\"obj\", obj);\r\n      uni.navigateTo({\r\n        url: `/pages/shopPages/shopDetail/index?id=${obj.COMMODITY_ID}&pageType=${this.pageType}`,\r\n      });\r\n    },\r\n    // 更新 leftAllTypeObj 数据\r\n    handleUpdateLeftAllTypeObj(list) {\r\n      // 最终要输出的对象\r\n      let leftAllTypeObj = {};\r\n      // 存储一下出现过的商品小类\r\n      let smallTypeList = [];\r\n\r\n      list.forEach((item) => {\r\n        if (item.COMMODITYLIST && item.COMMODITYLIST.length > 0) {\r\n          if (\r\n            leftAllTypeObj[item.USERDEFINEDTYPE_ID] &&\r\n            leftAllTypeObj[item.USERDEFINEDTYPE_ID].length > 0\r\n          ) {\r\n          } else {\r\n            leftAllTypeObj[item.USERDEFINEDTYPE_ID] = [];\r\n          }\r\n          item.COMMODITYLIST.forEach((subItem) => {\r\n            // 判断当前的购物车里面 是不是已经有数据了 有数据的话 把原本的商品数量赋值进去\r\n            if (this.shopCarList && this.shopCarList.length > 0) {\r\n              this.shopCarList.forEach((shopCarItem) => {\r\n                if (shopCarItem.COMMODITY_ID === subItem.COMMODITY_ID) {\r\n                  subItem.count = shopCarItem.count;\r\n                  subItem.showReduce = true;\r\n                }\r\n              });\r\n            }\r\n\r\n            if (\r\n              subItem.COMMODITY_MEMBERPRICE &&\r\n              subItem.COMMODITY_MEMBERPRICE.toString().indexOf(\".\") !== -1\r\n            ) {\r\n              let [big, small] =\r\n                subItem.COMMODITY_MEMBERPRICE.toString().split(\".\");\r\n              subItem.COMMODITY_INYEGER = big;\r\n              subItem.COMMODITY_DECIMAL = small;\r\n            } else {\r\n              subItem.COMMODITY_INYEGER = subItem.COMMODITY_MEMBERPRICE;\r\n              subItem.COMMODITY_DECIMAL = 0;\r\n            }\r\n            let obj = leftAllTypeObj[item.USERDEFINEDTYPE_ID];\r\n            if (smallTypeList.indexOf(subItem.COMMODITYTYPE_ID) === -1) {\r\n              smallTypeList.push(subItem.COMMODITYTYPE_ID);\r\n              if (obj && obj.length > 0) {\r\n                obj.push({\r\n                  name: subItem.COMMODITYTYPE_NAME,\r\n                  value: subItem.COMMODITYTYPE_ID,\r\n                  list: [subItem],\r\n                });\r\n                leftAllTypeObj[item.USERDEFINEDTYPE_ID] = obj;\r\n              } else {\r\n                obj = [\r\n                  {\r\n                    name: subItem.COMMODITYTYPE_NAME,\r\n                    value: subItem.COMMODITYTYPE_ID,\r\n                    list: [subItem],\r\n                  },\r\n                ];\r\n                leftAllTypeObj[item.USERDEFINEDTYPE_ID] = obj;\r\n              }\r\n            } else {\r\n              // 已经出现过了小类 那么就在它的list上添加就好\r\n              obj.forEach((thirdItem) => {\r\n                if (thirdItem.value === subItem.COMMODITYTYPE_ID) {\r\n                  let list = thirdItem.list;\r\n                  list.push(subItem);\r\n                  thirdItem.list = list;\r\n                }\r\n              });\r\n            }\r\n\r\n            // if (obj[subItem.COMMODITYTYPE_ID]) {\r\n            //   let list = obj[subItem.COMMODITYTYPE_ID]\r\n            //   list.push(subItem)\r\n            //   obj[subItem.COMMODITYTYPE_ID].list = list\r\n            // } else {\r\n            //   let list = []\r\n            //   list.push(subItem)\r\n            //   obj[subItem.COMMODITYTYPE_ID] = {\r\n            //     name: subItem.COMMODITYTYPE_NAME,\r\n            //     list: list\r\n            //   }\r\n            // }\r\n          });\r\n        }\r\n      });\r\n      this.allLeftTypeObj = leftAllTypeObj;\r\n      this.leftToView =\r\n        \"left_0_\" + this.allLeftTypeObj[this.bigTypeId][0].value;\r\n      this.leftSelectIndex = 0;\r\n    },\r\n    // 改变商品大类\r\n    handleToggleTab(index) {\r\n      this.activeTabs = index;\r\n      this.leftSelectIndex = 0;\r\n      console.log(\"index\", index);\r\n      // if (this.shopTypeList[index].UserdefinedType_Name === \"工会活动\") {\r\n      //   uni.navigateTo({\r\n      //     url: `/pages/allFunPage/unionActivities`,\r\n      //   });\r\n      // } else {\r\n      this.handleGetAllShopItem(this.shopTypeList[index].UserdefinedType_Id);\r\n      // }\r\n    },\r\n    // 改变商品小类\r\n    catClickFn(e, index, obj) {\r\n      this.leftToView =\r\n        `left_${index}_` + this.leftTypeList[index].USERDEFINEDTYPE_ID;\r\n      this.leftSelectIndex = index;\r\n      let shopList = this.leftTypeList[index].COMMODITYLIST;\r\n\r\n\r\n      console.log(\"e\", e);\r\n      console.log(\"obj\", obj);\r\n      console.log(\"this.leftTypeList\", this.leftTypeList);\r\n      console.log(\"shopList\", shopList);\r\n\r\n      if (shopList && shopList.length > 0) {\r\n        shopList.forEach((item) => {\r\n          // 判断当前的购物车里面 是不是已经有数据了 有数据的话 把原本的商品数量赋值进去\r\n          if (this.shopCarList && this.shopCarList.length > 0) {\r\n            this.shopCarList.forEach((shopCarItem) => {\r\n              if (shopCarItem.COMMODITY_ID === item.COMMODITY_ID) {\r\n                item.count = shopCarItem.count;\r\n                item.showReduce = true;\r\n              }\r\n            });\r\n          }\r\n\r\n          if (\r\n            item.COMMODITY_MEMBERPRICE &&\r\n            item.COMMODITY_MEMBERPRICE.toString().indexOf(\".\") !== -1\r\n          ) {\r\n            item.bigNumber =\r\n              item.COMMODITY_MEMBERPRICE.toString().split(\".\")[0];\r\n            item.smallNumber =\r\n              item.COMMODITY_MEMBERPRICE.toString().split(\".\")[1];\r\n          } else {\r\n            item.bigNumber = item.COMMODITY_MEMBERPRICE;\r\n          }\r\n          if (\r\n            item.COMMODITY_RETAILPRICE &&\r\n            item.COMMODITY_RETAILPRICE.toString().indexOf(\".\") !== -1\r\n          ) {\r\n            item.RETbigNumber =\r\n              item.COMMODITY_RETAILPRICE.toString().split(\".\")[0];\r\n            item.RETsmallNumber =\r\n              item.COMMODITY_RETAILPRICE.toString().split(\".\")[1];\r\n          } else {\r\n            item.RETbigNumber = item.COMMODITY_RETAILPRICE;\r\n          }\r\n        });\r\n      }\r\n      console.log(\"shopList\", shopList);\r\n\r\n      if (shopList && shopList.length > 0) {\r\n        this.rightShopList = shopList;\r\n      } else {\r\n        this.rightShopList = [];\r\n      }\r\n      this.visibleList = shopList\r\n      this.startIndex = 0;\r\n      this.shopTopId = 'shopTop'\r\n      this.$forceUpdate()\r\n      let _this = this\r\n      setTimeout(() => {\r\n        _this.shopTopId = ''\r\n      }, 1000)\r\n    },\r\n    // 选规格的悬浮框\r\n    handleShowPopup(obj) {\r\n      let currentShop = JSON.parse(JSON.stringify(obj));\r\n      if (currentShop.count > 0) {\r\n      } else {\r\n        currentShop.count = 1;\r\n      }\r\n      // currentShop.SKULIST[0].COMMODITY_STOCK = 0\r\n      this.good = currentShop;\r\n      console.log(\"this.good\", this.good);\r\n      this.$refs.shopPopup.open(\"bottom\");\r\n    },\r\n    // 改变当前选中的规格\r\n    handleChangeSelectSKULIST(value, obj) {\r\n      console.log('valuevaluevaluevalue', value);\r\n      console.log('objobjobjobjobj', obj);\r\n      if (obj.COMMODITY_STOCK > 0) {\r\n        this.good.COMMODITY_RULE = obj.COMMODITY_NAME;\r\n        this.good.RTCOMMODITY_MULTI_ID = value;\r\n        this.good.COMMODITY_MEMBERPRICE = obj.COMMODITY_MEMBERPRICE\r\n        this.good.COMMODITY_PURCHASEPRICE = obj.COMMODITY_PURCHASEPRICE\r\n      }\r\n      this.$forceUpdate()\r\n    },\r\n    // 添加商品到购物车\r\n    touchOnGoods(e, obj) {\r\n      if (!this.user.MEMBERSHIP_ID) {\r\n        uni.showModal({\r\n          title: \"温馨提示\",\r\n          content: \"请您授权登录后再操作。\",\r\n          success(res) {\r\n            if (res.confirm) {\r\n              uni.navigateTo({ url: \"/pages/register/index\" });\r\n            }\r\n          },\r\n        });\r\n        return;\r\n      }\r\n\r\n      // 现在的商品列表\r\n      let nowShopList = JSON.parse(JSON.stringify(this.rightShopList));\r\n\r\n      console.log(\"nowShopList\", nowShopList);\r\n      console.log(\"this.shopCarList\", this.shopCarList);\r\n\r\n      if (this.shopCarList && this.shopCarList.length > 0) {\r\n        let list = JSON.parse(JSON.stringify(this.shopCarList));\r\n        let filterList = list.filter(\r\n          (item) => item.COMMODITY_ID === obj.COMMODITY_ID\r\n        );\r\n        if (filterList && filterList.length > 0) {\r\n          list.forEach((item) => {\r\n            if (item.COMMODITY_ID === obj.COMMODITY_ID) {\r\n              item.count = Number(item.count) + 1;\r\n            }\r\n          });\r\n          nowShopList.forEach((item) => {\r\n            if (item.COMMODITY_ID === obj.COMMODITY_ID) {\r\n              item.count = Number(item.count) + 1;\r\n              if (item.count && item.count > 0) {\r\n                item.showReduce = true;\r\n              } else {\r\n                item.showReduce = false;\r\n              }\r\n            }\r\n          });\r\n        } else {\r\n          // list.push({ ...obj, count: 1 });\r\n          list.unshift({ ...obj, count: 1 });\r\n          nowShopList.forEach((item) => {\r\n            if (item.COMMODITY_ID === obj.COMMODITY_ID) {\r\n              item.count = 1;\r\n              item.showReduce = true;\r\n            }\r\n          });\r\n        }\r\n        this.shopCarList = list;\r\n      } else {\r\n        this.shopCarList = [{ ...obj, count: 1 }];\r\n        console.log(\"this.shopCarList\", this.shopCarList);\r\n        console.log(\"shopTypeList\", this.shopTypeList);\r\n        nowShopList.forEach((item) => {\r\n          if (item.COMMODITY_ID === obj.COMMODITY_ID) {\r\n            item.count = 1;\r\n            item.showReduce = true;\r\n          }\r\n        });\r\n      }\r\n      // 这里只改变了 右侧的商品列表 需要把左侧类型里面包含的商品列表也给改掉\r\n      this.rightShopList = nowShopList;\r\n      this.handleUpDataShop(nowShopList)\r\n      this.leftTypeList[this.leftSelectIndex].COMMODITYLIST = nowShopList;\r\n      this.$forceUpdate();\r\n    },\r\n    // 从购物车移除\r\n    touchReduce(e, obj) {\r\n      // 现在的商品列表\r\n      let nowShopList = JSON.parse(JSON.stringify(this.rightShopList));\r\n      // 现在的购物车列表\r\n      let list = JSON.parse(JSON.stringify(this.shopCarList));\r\n      list.forEach((item) => {\r\n        if (item.COMMODITY_ID === obj.COMMODITY_ID) {\r\n          item.count = Number(item.count - 1);\r\n        }\r\n      });\r\n      let newShopCarList = [];\r\n      list.forEach((item) => {\r\n        if (item.count && item.count > 0) {\r\n          newShopCarList.push(item);\r\n        }\r\n      });\r\n      this.shopCarList = newShopCarList;\r\n      nowShopList.forEach((item) => {\r\n        if (item.COMMODITY_ID === obj.COMMODITY_ID) {\r\n          item.count = Number(item.count - 1);\r\n          if (item.count === 0) {\r\n            item.showReduce = false;\r\n          }\r\n        }\r\n      });\r\n      // 这里只改变了 右侧的商品列表 需要把左侧类型里面包含的商品列表也给改掉\r\n      this.rightShopList = nowShopList;\r\n      this.handleUpDataShop(nowShopList)\r\n      this.leftTypeList[this.leftSelectIndex].COMMODITYLIST = nowShopList;\r\n      this.$forceUpdate();\r\n    },\r\n\r\n    // 返回首页\r\n    handleBackHome() {\r\n      if (this.pageType === \"UnionMall\") {\r\n        uni.redirectTo({\r\n          url: `/pages/shopMallPage/index/index?pageType=UnionMall`,\r\n        });\r\n      } else {\r\n        uni.redirectTo({\r\n          url: \"/pages/shopMallPage/index/index\",\r\n        });\r\n      }\r\n    },\r\n    // 跳转商品列表\r\n    async handleGoPointsMall() {\r\n      uni.showLoading({ title: \"加载中\" });\r\n      // uni.navigateTo({\r\n      //   url: `/pages/shopPages/shopList/index?pageType=pointsMall`,\r\n      // });\r\n      this.activeTabs = 999999\r\n      this.leftSelectIndex = 999999;\r\n      this.leftToView = `left_0_999999`\r\n      this.leftTypeList = [{ USERDEFINEDTYPE_NAME: \"积分商城\", USERDEFINEDTYPE_ID: 999999 }]\r\n\r\n      await this.handleGetPointMallShop()\r\n      uni.hideLoading()\r\n    },\r\n    // 拿到积分商城的商品\r\n    async handleGetPointMallShop() {\r\n      let req = {\r\n        action_type: \"WeChat_GetMallGoodsInfo\",\r\n        ownerUnitId: 911,\r\n        justCommodity: 1,\r\n        payMethod: \"2000,3000\",\r\n        excludeNature: this.user.INDUSTRY_MEMBERSHIP_ID ? '' : 5070,\r\n      };\r\n      const data = await this.$api.getCoop(req);\r\n      let list = data.Data.List\r\n\r\n\r\n      let shopList = []\r\n      if (list && list.length > 0) {\r\n        list.forEach((item) => {\r\n          if (item.COMMODITYLIST && item.COMMODITYLIST.length > 0) {\r\n            item.COMMODITYLIST.forEach((subItem) => {\r\n              shopList.push(subItem)\r\n            })\r\n          }\r\n        })\r\n      }\r\n\r\n      console.log('shopListshopListshopList', shopList);\r\n\r\n\r\n      if (shopList && shopList.length > 0) {\r\n        shopList.forEach((item) => {\r\n          // 判断当前的购物车里面 是不是已经有数据了 有数据的话 把原本的商品数量赋值进去\r\n          if (this.shopCarList && this.shopCarList.length > 0) {\r\n            this.shopCarList.forEach((shopCarItem) => {\r\n              if (shopCarItem.COMMODITY_ID === item.COMMODITY_ID) {\r\n                item.count = shopCarItem.count;\r\n                item.showReduce = true;\r\n              }\r\n            });\r\n          }\r\n\r\n          if (\r\n            item.COMMODITY_MEMBERPRICE &&\r\n            item.COMMODITY_MEMBERPRICE.toString().indexOf(\".\") !== -1\r\n          ) {\r\n            item.bigNumber =\r\n              item.COMMODITY_MEMBERPRICE.toString().split(\".\")[0];\r\n            item.smallNumber =\r\n              item.COMMODITY_MEMBERPRICE.toString().split(\".\")[1];\r\n          } else {\r\n            item.bigNumber = item.COMMODITY_MEMBERPRICE;\r\n          }\r\n          if (\r\n            item.COMMODITY_RETAILPRICE &&\r\n            item.COMMODITY_RETAILPRICE.toString().indexOf(\".\") !== -1\r\n          ) {\r\n            item.RETbigNumber =\r\n              item.COMMODITY_RETAILPRICE.toString().split(\".\")[0];\r\n            item.RETsmallNumber =\r\n              item.COMMODITY_RETAILPRICE.toString().split(\".\")[1];\r\n          } else {\r\n            item.RETbigNumber = item.COMMODITY_RETAILPRICE;\r\n          }\r\n        });\r\n        this.changBigTypeLoading = true;\r\n        this.rightShopList = shopList;\r\n        this.visibleList = shopList.slice(0, this.visibleCount + this.buffer * 2);\r\n      }\r\n    },\r\n    // 跳转工会之家\r\n    handleGoUnionMall() {\r\n      uni.navigateTo({\r\n        url: `/pages/shopMallPage/index/index?pageType=UnionMall`,\r\n      });\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.main {\r\n  width: 100vw;\r\n  height: 100vh;\r\n\r\n  background-image: url('https://eshangtech.com/minTestImg/unionMallBg.png');\r\n  background-size: 100% 100vh;\r\n  background-repeat: no-repeat;\r\n\r\n  .header {\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    // background: linear-gradient(180deg, #DD3D26 0%, #EFAEAB 100%);\r\n    // background: transparent;\r\n    padding-bottom: 72rpx;\r\n\r\n    .headerTop {\r\n      width: 100%;\r\n      display: flex;\r\n      align-items: center;\r\n      box-sizing: border-box;\r\n      padding: 0 32rpx;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n\r\n      .backArrowBox {\r\n        width: 120rpx;\r\n        background: rgba(255, 255, 255, 0.6);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 32rpx;\r\n        border: 1px solid #d9d5cc;\r\n        padding: 4rpx 16rpx;\r\n\r\n        .backArrow {\r\n          width: 48rpx;\r\n          height: 48rpx;\r\n        }\r\n\r\n        .line {\r\n          width: 2rpx;\r\n          height: 32rpx;\r\n          background: #bbbbba;\r\n          margin: 0 8rpx;\r\n        }\r\n\r\n        .img {\r\n          width: 48rpx;\r\n          height: 48rpx;\r\n        }\r\n      }\r\n\r\n      .backArrow {\r\n        width: 48rpx;\r\n        height: 48rpx;\r\n      }\r\n\r\n      .pageName {\r\n        font-size: 32rpx;\r\n        font-weight: 600;\r\n        color: #fff;\r\n      }\r\n    }\r\n\r\n    .pageTitle {\r\n      font-family: PingFangSC, PingFang SC;\r\n      font-weight: 400;\r\n      font-size: 34rpx;\r\n      color: #ffffff;\r\n      line-height: 48rpx;\r\n      text-align: center;\r\n      font-style: normal;\r\n    }\r\n\r\n    .pageSearch {\r\n      width: calc(100% - 48rpx);\r\n      margin-top: 28rpx;\r\n      margin-left: 24rpx;\r\n      box-sizing: border-box;\r\n      height: 38px;\r\n      background: #fff;\r\n      border-radius: 19px;\r\n      box-sizing: border-box;\r\n      padding: 2px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n\r\n      .areaSelect {\r\n        font-size: 14px;\r\n        font-family: PingFangSC-Regular, PingFang SC;\r\n        font-weight: 400;\r\n        color: #160304;\r\n        line-height: 20px;\r\n        padding-left: 12px;\r\n        position: relative;\r\n\r\n        .areaIcon {\r\n          width: 12px;\r\n          height: 12px;\r\n        }\r\n      }\r\n\r\n      .areaSelect:after {\r\n        content: \"\";\r\n        width: 2px;\r\n        height: 14px;\r\n        position: absolute;\r\n        top: 3px;\r\n        right: -12px;\r\n        background: #e7e5e5;\r\n        display: block;\r\n      }\r\n\r\n      .serach_input {\r\n        width: 80%;\r\n        border: none;\r\n        height: 20px;\r\n        font-size: 14px;\r\n        box-sizing: border-box;\r\n        padding: 0 12px;\r\n      }\r\n\r\n      .searchBtn {\r\n        font-size: 14px;\r\n        font-family: PingFangSC-Semibold, PingFang SC;\r\n        font-weight: 600;\r\n        color: #fdfdfd;\r\n        line-height: 20px;\r\n        padding: 7px 16px;\r\n        // background: #1890ff;\r\n        background: linear-gradient(270deg, #FB6C6C 0%, #FF4545 100%);\r\n        border-radius: 17px;\r\n      }\r\n    }\r\n\r\n    .search {\r\n      position: absolute;\r\n      left: 32rpx;\r\n      width: 480rpx;\r\n      height: 72rpx;\r\n      background: #f2f4f5;\r\n      display: flex;\r\n      flex-direction: row;\r\n      align-items: center;\r\n      border-radius: 36rpx;\r\n      opacity: 0.8;\r\n\r\n      .search_icon {\r\n        width: 36rpx;\r\n        height: 36rpx;\r\n        margin: auto 16rpx auto 24rpx;\r\n      }\r\n    }\r\n\r\n    .shop_info {\r\n      position: absolute;\r\n      left: 32rpx;\r\n      display: flex;\r\n      flex-direction: row;\r\n      align-items: center;\r\n\r\n      .shop_img {\r\n        width: 120rpx;\r\n        height: 120rpx;\r\n        margin-right: 16rpx;\r\n        border-radius: 16rpx;\r\n      }\r\n\r\n      .shop_box {\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: flex-end;\r\n\r\n        .shop_title {\r\n          font-size: 34rpx;\r\n          font-weight: 500;\r\n          color: #ffffff;\r\n          line-height: 56rpx;\r\n        }\r\n\r\n        .shop_txt {\r\n          font-size: 24rpx;\r\n          font-family: PingFangSC-Regular, PingFang SC;\r\n          font-weight: 400;\r\n          color: #ecf1f6;\r\n          line-height: 40rpx;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .pageContent {\r\n    width: 100%;\r\n    //height: calc(100vh - 214px);\r\n    border-radius: 12px 12px 0 0;\r\n    transform: translateY(-24px);\r\n\r\n    .bigTabBox {\r\n      width: 100%;\r\n      height: 95px;\r\n      border-radius: 12px 12px 0 0;\r\n      box-sizing: border-box;\r\n      padding: 12px 16px;\r\n      background: linear-gradient(315deg, #f1f5f9 0%, #f4f7fa 100%);\r\n\r\n      .scrollBox {\r\n        width: 100%;\r\n\r\n        .bigTabItem {\r\n          width: 20%;\r\n          box-sizing: border-box;\r\n          display: inline-block;\r\n\r\n          .itemBox {\r\n            width: 100%;\r\n            height: 100%;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n\r\n            .normal {\r\n              background: #fff;\r\n              border-radius: 50%;\r\n              width: 46px;\r\n              height: 46px;\r\n              display: flex;\r\n              align-items: center;\r\n              justify-content: center;\r\n              overflow: hidden;\r\n\r\n              .imgBox {\r\n                width: 42px;\r\n                height: 42px;\r\n                border: 2px solid #fff;\r\n                border-radius: 50%;\r\n                overflow: hidden;\r\n              }\r\n            }\r\n\r\n            .tab_active {\r\n              border: 1px solid #E43C3D;\r\n            }\r\n\r\n            .tab_txt_active {\r\n              padding: 0 5px;\r\n              // background: #1890ff;\r\n              background: #E43C3D;\r\n              border-radius: 8px;\r\n              color: #fff !important;\r\n            }\r\n\r\n            .tab_txt_normal {\r\n              font-size: 24rpx;\r\n              font-family: PingFangSC-Regular, PingFang SC;\r\n              font-weight: 400;\r\n              color: #6c737a;\r\n              line-height: 36rpx;\r\n              text-align: center;\r\n              margin-top: 4px;\r\n              display: inline-block;\r\n              white-space: nowrap;\r\n              overflow: hidden;\r\n              text-overflow: ellipsis;\r\n              width: 80%;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .bigTabBox ::-webkit-scrollbar {\r\n      display: none;\r\n    }\r\n\r\n    .shopListBox {\r\n      width: 100%;\r\n      height: calc(100% - 95px);\r\n      display: flex;\r\n\r\n      .smallShopList {\r\n        width: 84px;\r\n        height: 100%;\r\n        background: #f2f4f5;\r\n\r\n        .scrollShopBox {\r\n          height: calc(100% - 23px);\r\n          -webkit-overflow-scrolling: touch;\r\n\r\n          .smallShopItem {\r\n            width: 100%;\r\n            //height: 48px;\r\n            position: relative;\r\n            padding: 16px 0;\r\n\r\n            .smallItemTitle {\r\n              width: 100%;\r\n              display: block;\r\n              font-size: 12px;\r\n              font-family: PingFangSC-Regular, PingFang SC;\r\n              font-weight: 400;\r\n              color: #020e1a;\r\n              text-align: center;\r\n            }\r\n\r\n            .noticeNumber {\r\n              position: absolute;\r\n              top: 0;\r\n              right: 4rpx;\r\n              width: 36rpx;\r\n              height: 32rpx;\r\n              line-height: 32rpx;\r\n              text-align: center;\r\n              border-radius: 32rpx;\r\n              font-size: 18rpx;\r\n              font-weight: 700;\r\n              color: #fff;\r\n              background: rgba(240, 20, 20, 0.808);\r\n              /*box-shadow: 0 4rpx 8rpx 0 rgba(0, 0, 0, 0.4);*/\r\n            }\r\n          }\r\n\r\n          .selectShopItem {\r\n            background: #fff;\r\n\r\n            .smallItemTitle {\r\n              color: #E43C3D;\r\n            }\r\n          }\r\n\r\n          .selectShopItem:before {\r\n            content: \"\";\r\n            position: absolute;\r\n            left: 0;\r\n            width: 4px;\r\n            height: 24px;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            background: #E43C3D;\r\n          }\r\n        }\r\n\r\n        .scrollShopBox ::-webkit-scrollbar {\r\n          display: none;\r\n        }\r\n      }\r\n\r\n      .smallShopList::-webkit-scrollbar {\r\n        display: none;\r\n      }\r\n\r\n      .shopDetailList {\r\n        width: calc(100% - 24px);\r\n        background: #fff;\r\n\r\n        .shopDetailScroll {\r\n          width: 100%;\r\n          height: 100%;\r\n          -webkit-overflow-scrolling: touch;\r\n\r\n          .noDataBox {\r\n            width: 100%;\r\n            height: 100%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n          }\r\n        }\r\n\r\n        .shopDetailScroll ::-webkit-scrollbar {\r\n          display: none;\r\n        }\r\n\r\n        .shopDetailItem {\r\n          width: 100%;\r\n          height: 104px;\r\n          box-sizing: border-box;\r\n          padding: 8px 16px;\r\n          display: flex;\r\n          border-bottom: 1px solid #f5f7f7;\r\n\r\n          .leftImg {\r\n            width: 180rpx;\r\n            height: 180rpx;\r\n            border-radius: 16rpx;\r\n          }\r\n\r\n          .rightBox {\r\n            margin-left: 12px;\r\n            width: calc(100% - 92px);\r\n            height: 80px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: space-between;\r\n\r\n            .detailTitle {\r\n              display: -webkit-box;\r\n              height: 40px;\r\n              width: 100%;\r\n              font-size: 14px;\r\n              font-family: PingFangSC-Semibold, PingFang SC;\r\n              font-weight: 600;\r\n              color: #020e1a;\r\n              line-height: 20px;\r\n              overflow: hidden;\r\n              text-overflow: ellipsis;\r\n              -webkit-line-clamp: 2;\r\n              -webkit-box-orient: vertical;\r\n            }\r\n\r\n            .bottom {\r\n              display: flex;\r\n              //margin-top: 12px;\r\n              align-items: flex-end;\r\n              justify-content: space-between;\r\n\r\n              .detailPrice {\r\n                width: calc(100% - 160rpx);\r\n                white-space: nowrap;\r\n                text-overflow: ellipsis;\r\n                overflow: hidden;\r\n\r\n                .priceUnit {\r\n                  color: #ff6219;\r\n                }\r\n\r\n                .number {\r\n                  font-size: 16px;\r\n                  color: #ff6219;\r\n                  font-family: PingFangSC-Semibold, PingFang SC;\r\n                  font-weight: 600;\r\n                  line-height: 20px;\r\n                }\r\n\r\n                .unit {\r\n                  display: inline-block;\r\n                  width: 30%;\r\n                  white-space: nowrap;\r\n                  text-overflow: ellipsis;\r\n                  overflow: hidden;\r\n                  font-size: 12px;\r\n                  line-height: 12px;\r\n                  font-family: PingFangSC-Regular, PingFang SC;\r\n                  font-weight: 400;\r\n                  color: #9fa3a8;\r\n                }\r\n\r\n                .marketPrice {\r\n                  font-size: 12px;\r\n                  line-height: 12px;\r\n                  font-family: PingFangSC-Regular, PingFang SC;\r\n                  font-weight: 400;\r\n                  color: #9fa3a8;\r\n                  text-decoration: line-through;\r\n                }\r\n\r\n                .marketPriceValue {\r\n                  font-size: 12px;\r\n                  line-height: 12px;\r\n                  font-family: PingFangSC-Regular, PingFang SC;\r\n                  font-weight: 400;\r\n                  color: #9fa3a8;\r\n                  text-decoration: line-through;\r\n                }\r\n\r\n              }\r\n\r\n              .addReduceBox {\r\n                width: 80px;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: flex-end;\r\n\r\n                .reduceShopCar {\r\n                  width: 25px;\r\n                  height: 25px;\r\n                  border-radius: 50%;\r\n                  overflow: hidden;\r\n\r\n                  .optionBtn {\r\n                    width: 100%;\r\n                    height: 100%;\r\n                  }\r\n                }\r\n\r\n                .itemCount {\r\n                  width: 60rpx;\r\n                  font-family: PingFangSC, PingFang SC;\r\n                  font-weight: 400;\r\n                  font-size: 28rpx;\r\n                  color: #020e1a;\r\n                  line-height: 36rpx;\r\n                  text-align: center;\r\n                  font-style: normal;\r\n                  display: inline-block;\r\n                }\r\n\r\n                .addShopCar {\r\n                  width: 25px;\r\n                  height: 25px;\r\n                  border-radius: 50%;\r\n                  overflow: hidden;\r\n\r\n                  .optionBtn {\r\n                    width: 100%;\r\n                    height: 100%;\r\n                  }\r\n                }\r\n\r\n                .shopState {\r\n                  font-size: 24rpx;\r\n                  color: #fff;\r\n                  background: #bbbbbb;\r\n                  padding: 4rpx 16rpx;\r\n                  border-radius: 8rpx;\r\n                }\r\n              }\r\n\r\n              .specifications {\r\n                background: linear-gradient(270deg, #fb6c6c 0%, #fd4a4a 100%);\r\n                border-radius: 20rpx;\r\n                font-family: PingFangSC, PingFang SC;\r\n                font-weight: 400;\r\n                font-size: 28rpx;\r\n                color: #fff;\r\n                line-height: 32rpx;\r\n                text-align: justify;\r\n                font-style: normal;\r\n                padding: 8rpx 16rpx;\r\n                position: relative;\r\n\r\n                .specificationsCount {\r\n                  border: 1px solid #fd4a4a;\r\n                  border-radius: 16rpx;\r\n                  color: #fd4a4a;\r\n                  font-size: 20rpx;\r\n                  line-height: 20rpx;\r\n                  padding: 4rpx 8rpx;\r\n                  position: absolute;\r\n                  top: 0;\r\n                  right: 0;\r\n                  transform: translate(40%, -80%);\r\n                  background: #fff;\r\n                }\r\n              }\r\n\r\n              .cartcontrol {\r\n                width: 80px;\r\n                height: 24px;\r\n                line-height: 24px;\r\n                display: flex;\r\n                justify-content: flex-start;\r\n                border: 2rpx solid rgba(2, 14, 26, 0.06);\r\n                border-radius: 4rpx;\r\n\r\n                .subtract {\r\n                  width: 24px;\r\n                  height: 24px;\r\n                  background: #f2f4f5;\r\n                  display: flex;\r\n                  justify-content: center;\r\n                  align-items: center;\r\n                  border-radius: 4rpx 0rpx 0rpx 4rpx;\r\n                  font-size: 16rpx;\r\n                  color: #9fa3a8;\r\n\r\n                  .img {\r\n                    width: 16px;\r\n                    height: 16px;\r\n                  }\r\n                }\r\n\r\n                .cart-count {\r\n                  font-size: 24rpx;\r\n                  flex: 1;\r\n                }\r\n              }\r\n            }\r\n\r\n            .marketBottom {\r\n              height: 12px;\r\n\r\n              .marketPrice {\r\n                font-size: 10px;\r\n                line-height: 12px;\r\n                font-family: PingFangSC-Regular, PingFang SC;\r\n                font-weight: 400;\r\n                color: #9fa3a8;\r\n                text-decoration: line-through;\r\n              }\r\n\r\n              .marketPriceValue {\r\n                font-size: 10px;\r\n                line-height: 12px;\r\n                font-family: PingFangSC-Regular, PingFang SC;\r\n                font-weight: 400;\r\n                color: #9fa3a8;\r\n                text-decoration: line-through;\r\n              }\r\n\r\n              .unit {\r\n                font-size: 10px;\r\n                line-height: 12px;\r\n                font-family: PingFangSC-Regular, PingFang SC;\r\n                font-weight: 400;\r\n                color: #9fa3a8;\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .shopPopupBox {\r\n    width: 100%;\r\n    height: 80vh;\r\n    background: #fff;\r\n    border-radius: 16rpx 16rpx 0 0;\r\n    box-sizing: border-box;\r\n    padding: 16px;\r\n\r\n    .shopPopupContent {\r\n      width: 100%;\r\n      height: calc(80vh - 80px - 32px + 12rpx);\r\n      margin-bottom: 12rpx;\r\n      box-sizing: border-box;\r\n\r\n      .detailTop {\r\n        display: flex;\r\n        border-bottom: 1px solid #f2f4f5;\r\n\r\n        .detailImg {\r\n          width: 80px;\r\n          height: 80px;\r\n        }\r\n\r\n        .box {\r\n          width: calc(100% - 92px);\r\n          padding-bottom: 16px;\r\n          margin-left: 12px;\r\n\r\n          .nameTop {\r\n            width: 100%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n\r\n            .name {\r\n              font-size: 14px;\r\n              font-family: PingFangSC-Semibold, PingFang SC;\r\n              font-weight: 600;\r\n              color: #020e1a;\r\n              line-height: 18px;\r\n              display: block;\r\n              width: calc(100% - 56rpx);\r\n              overflow: hidden;\r\n              text-overflow: ellipsis;\r\n              display: -webkit-box;\r\n              -webkit-line-clamp: 2;\r\n              -webkit-box-orient: vertical;\r\n            }\r\n\r\n            .closeIcon {\r\n              width: 20px;\r\n              height: 20px;\r\n            }\r\n          }\r\n\r\n          .priceBox {\r\n            margin-top: 32px;\r\n\r\n            .priceIcon {\r\n              font-size: 16px;\r\n              font-family: PingFangSC-Semibold, PingFang SC;\r\n              font-weight: 600;\r\n              color: #ff6219;\r\n              line-height: 20px;\r\n            }\r\n\r\n            .price {\r\n              font-size: 20px;\r\n              font-family: PingFangSC-Semibold, PingFang SC;\r\n              font-weight: 600;\r\n              color: #ff6219;\r\n              line-height: 20px;\r\n            }\r\n\r\n            .unit {\r\n              font-size: 12px;\r\n              font-family: PingFangSC-Regular, PingFang SC;\r\n              font-weight: 400;\r\n              color: #9fa3a8;\r\n              line-height: 18px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      .scrollDetailBox {\r\n        width: 100%;\r\n        height: calc(80vh - 80px - 32px + 12rpx - 80px);\r\n\r\n\r\n        .detailMessage {\r\n          margin-top: 16px;\r\n          border-bottom: 1px solid #f2f4f5;\r\n          padding-bottom: 16px;\r\n\r\n          .detailTitle {\r\n            font-size: 14px;\r\n            font-family: PingFangSC-Semibold, PingFang SC;\r\n            font-weight: 600;\r\n            color: #020e1a;\r\n            line-height: 20px;\r\n            margin-bottom: 8px;\r\n          }\r\n\r\n          .detailText {\r\n            font-size: 14px;\r\n            font-family: PingFangSC-Regular, PingFang SC;\r\n            font-weight: 400;\r\n            color: #6c737a;\r\n            line-height: 18px;\r\n          }\r\n        }\r\n\r\n        .orderDetail {\r\n          margin-top: 16px;\r\n          padding-bottom: 32rpx;\r\n\r\n          .orderTitle {\r\n            font-size: 14px;\r\n            font-family: PingFangSC-Semibold, PingFang SC;\r\n            font-weight: 600;\r\n            color: #020e1a;\r\n            line-height: 20px;\r\n          }\r\n\r\n          .numBox {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            margin-top: 12px;\r\n\r\n            .numTitle {\r\n              font-size: 14px;\r\n              font-family: PingFangSC-Regular, PingFang SC;\r\n              font-weight: 400;\r\n              color: #020e1a;\r\n              line-height: 20px;\r\n            }\r\n\r\n            .cartcontrol {\r\n              width: 150px;\r\n              height: 30px;\r\n              line-height: 24px;\r\n              display: flex;\r\n              justify-content: flex-start;\r\n              border: 1px solid rgba(2, 14, 26, 0.06);\r\n              border-radius: 2px;\r\n\r\n              .subtract {\r\n                width: 30px;\r\n                height: 30px;\r\n                background: #f2f4f5;\r\n                display: flex;\r\n                justify-content: center;\r\n                align-items: center;\r\n                border-radius: 2px 0 0 2px;\r\n                font-size: 8px;\r\n                color: #9fa3a8;\r\n\r\n                .img {\r\n                  width: 16px;\r\n                  height: 16px;\r\n                }\r\n              }\r\n\r\n              .cart-count {\r\n                height: 30px !important;\r\n                font-size: 16px;\r\n                line-height: 30px;\r\n                flex: 1;\r\n              }\r\n            }\r\n          }\r\n\r\n          .sizeBox {\r\n            width: 100%;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            margin-top: 12px;\r\n\r\n            .sizeTitle {\r\n              display: inline-block;\r\n              font-size: 14px;\r\n              font-family: PingFangSC-Regular, PingFang SC;\r\n              font-weight: 400;\r\n              color: #020e1a;\r\n              line-height: 20px;\r\n              width: 100rpx;\r\n            }\r\n\r\n            .sizeScrollBox {\r\n              width: calc(100% - 112rpx);\r\n              flex: 1;\r\n\r\n              .sizeList {\r\n                // display: flex;\r\n                width: 100%;\r\n\r\n                .sizeItem {\r\n                  font-size: 12px;\r\n                  font-family: PingFangSC-Regular, PingFang SC;\r\n                  font-weight: 400;\r\n                  color: #000;\r\n                  line-height: 18px;\r\n                  padding: 4px 16px;\r\n                  background: #dbdad6;\r\n                  border-radius: 4px;\r\n                  margin-left: 8px;\r\n                  display: inline-block;\r\n                  margin-bottom: 16rpx;\r\n                }\r\n\r\n                .selectSizeItem {\r\n                  display: inline-block;\r\n                  font-size: 12px;\r\n                  font-family: PingFangSC-Regular, PingFang SC;\r\n                  font-weight: 400;\r\n                  color: #1890ff;\r\n                  line-height: 18px;\r\n                  padding: 4px 16px;\r\n                  background: #e7f3ff;\r\n                  border-radius: 4px;\r\n                  margin-left: 8px;\r\n                  margin-bottom: 16rpx;\r\n                }\r\n              }\r\n\r\n            }\r\n          }\r\n\r\n          .descBox {\r\n            width: 100%;\r\n            height: 76px;\r\n            background: #f2f4f5;\r\n            border-radius: 4px;\r\n            box-sizing: border-box;\r\n            padding: 8px 12px;\r\n            margin-top: 19px;\r\n          }\r\n\r\n          .rightBtn {\r\n            margin-top: 32rpx;\r\n            width: 100%;\r\n            height: 100rpx;\r\n            background: #fff;\r\n            box-sizing: border-box;\r\n            padding: 12rpx;\r\n            display: flex;\r\n\r\n            .addCarBtn {\r\n              width: 100%;\r\n              font-size: 28rpx;\r\n              display: flex;\r\n              align-items: center;\r\n              justify-content: center;\r\n              color: #fff;\r\n              background: linear-gradient(90deg, #ffc500 0%, #ff8d00 100%);\r\n              border-radius: 16rpx;\r\n            }\r\n\r\n            .addOrder {\r\n              width: 50%;\r\n              font-size: 28rpx;\r\n              display: flex;\r\n              align-items: center;\r\n              justify-content: center;\r\n              color: #fff;\r\n              background: linear-gradient(90deg, #ff6d00 0%, #ff3a00 100%);\r\n              border-radius: 0 16rpx 16rpx 0;\r\n            }\r\n\r\n            .sellOut {\r\n              width: 50%;\r\n              font-size: 28rpx;\r\n              display: flex;\r\n              align-items: center;\r\n              justify-content: center;\r\n              color: #fff;\r\n              background: #bbbbbb;\r\n              border-radius: 0 16rpx 16rpx 0;\r\n            }\r\n          }\r\n\r\n          .submitBtn {\r\n            font-size: 16px;\r\n            font-family: PingFangSC-Medium, PingFang SC;\r\n            font-weight: 500;\r\n            color: #ffffff;\r\n            line-height: 22px;\r\n            width: 100%;\r\n            height: 40px;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            background: #1890ff;\r\n            border-radius: 4px;\r\n            margin-top: 24px;\r\n          }\r\n        }\r\n      }\r\n\r\n\r\n    }\r\n\r\n    .bottomBtn {\r\n      width: 100%;\r\n      height: 80rpx;\r\n      box-sizing: border-box;\r\n\r\n      .shopCarBtn {\r\n        width: 100%;\r\n        height: 76rpx;\r\n        font-size: 28rpx;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        color: #fff;\r\n        background: linear-gradient(90deg, #ffc500 0%, #ff8d00 100%);\r\n        border-radius: 16rpx;\r\n      }\r\n\r\n      .makeOrderBtn {\r\n        width: 100%;\r\n        height: 76rpx;\r\n        font-size: 28rpx;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        color: #fff;\r\n        background: linear-gradient(90deg, #ff6d00 0%, #ff3a00 100%);\r\n        border-radius: 16rpx;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.newMain {\r\n  background-image: url('https://eshangtech.com/minTestImg/pageBg.png');\r\n  background-size: 100% 100vh;\r\n  background-repeat: no-repeat;\r\n\r\n  .header {\r\n    // background: linear-gradient(270deg, #2fa4ff 0%, #197aff 100%);\r\n    background: transparent !important;\r\n\r\n    .pageSearch {\r\n      .searchBtn {\r\n        background: #4BCB7E !important;\r\n\r\n      }\r\n    }\r\n  }\r\n\r\n  .pageContent {\r\n    .bigTabBox {\r\n      .scrollBox {\r\n        .bigTabItem {\r\n          .itemBox {\r\n            .tab_active {\r\n              border: 1px solid #4BCB7E;\r\n            }\r\n\r\n            .tab_txt_active {\r\n              padding: 0 5px;\r\n              // background: #1890ff;\r\n              background: #4BCB7E;\r\n              border-radius: 8px;\r\n              color: #fff !important;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .shopListBox {\r\n      .smallShopList {\r\n        .scrollShopBox {\r\n\r\n          .selectShopItem {\r\n            background: #fff;\r\n\r\n            .smallItemTitle {\r\n              color: #4BCB7E;\r\n            }\r\n          }\r\n\r\n          .selectShopItem:before {\r\n            content: \"\";\r\n            position: absolute;\r\n            left: 0;\r\n            width: 4px;\r\n            height: 24px;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            background: #4BCB7E;\r\n          }\r\n\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n/* 商品分类页面骨架屏样式 */\r\n.shop-type-skeleton {\r\n  padding: 20rpx 0;\r\n  background: #f7f8fa;\r\n  height: calc(100vh - 200rpx);\r\n}\r\n\r\n/* 基础骨架屏动画 */\r\n.skeleton {\r\n  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 50%, #f2f2f2 75%);\r\n  background-size: 200% 100%;\r\n  animation: loading 1.5s infinite;\r\n}\r\n\r\n@keyframes loading {\r\n  0% {\r\n    background-position: 200% 0;\r\n  }\r\n\r\n  100% {\r\n    background-position: -200% 0;\r\n  }\r\n}\r\n\r\n/* 顶部分类标签骨架 */\r\n.skeleton-tabs {\r\n  background: #ffffff;\r\n  padding: 20rpx;\r\n  margin: 0 20rpx 20rpx;\r\n  border-radius: 20rpx;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  overflow-x: auto;\r\n\r\n  .skeleton-tab-item {\r\n    flex-shrink: 0;\r\n    text-align: center;\r\n    margin-right: 32rpx;\r\n\r\n    &:last-child {\r\n      margin-right: 0;\r\n    }\r\n\r\n    .skeleton-tab-icon {\r\n      width: 80rpx;\r\n      height: 80rpx;\r\n      border-radius: 50%;\r\n      margin: 0 auto 12rpx;\r\n    }\r\n\r\n    .skeleton-tab-text {\r\n      width: 60rpx;\r\n      height: 24rpx;\r\n      border-radius: 12rpx;\r\n      margin: 0 auto;\r\n    }\r\n  }\r\n}\r\n\r\n/* 左右分栏内容区域 */\r\n.skeleton-content {\r\n  display: flex;\r\n  height: calc(100vh - 300rpx);\r\n  margin: 0 20rpx;\r\n  background: #ffffff;\r\n  border-radius: 20rpx;\r\n  overflow: hidden;\r\n}\r\n\r\n/* 左侧分类列表骨架 */\r\n.skeleton-left {\r\n  width: 200rpx;\r\n  background: #f8f9fa;\r\n  border-right: 1px solid #f0f0f0;\r\n\r\n  .skeleton-left-item {\r\n    padding: 32rpx 24rpx;\r\n    border-bottom: 1px solid #f0f0f0;\r\n\r\n    .skeleton-left-text {\r\n      width: 120rpx;\r\n      height: 28rpx;\r\n      border-radius: 14rpx;\r\n    }\r\n  }\r\n}\r\n\r\n/* 右侧商品列表骨架 */\r\n.skeleton-right {\r\n  flex: 1;\r\n  padding: 20rpx;\r\n\r\n  .skeleton-product-item {\r\n    display: flex;\r\n    align-items: center;\r\n    padding: 20rpx 0;\r\n    border-bottom: 1px solid #f0f0f0;\r\n\r\n    .skeleton-product-image {\r\n      width: 180rpx;\r\n      height: 180rpx;\r\n      border-radius: 16rpx;\r\n      margin-right: 24rpx;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .skeleton-product-info {\r\n      flex: 1;\r\n\r\n      .skeleton-product-title {\r\n        width: 80%;\r\n        height: 32rpx;\r\n        border-radius: 16rpx;\r\n        margin-bottom: 16rpx;\r\n      }\r\n\r\n      .skeleton-product-price {\r\n        width: 60%;\r\n        height: 28rpx;\r\n        border-radius: 14rpx;\r\n        margin-bottom: 20rpx;\r\n      }\r\n\r\n      .skeleton-add-button {\r\n        width: 120rpx;\r\n        height: 60rpx;\r\n        border-radius: 30rpx;\r\n        margin-left: auto;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--10-oneOf-1-2!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-3!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-4!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--10-oneOf-1-5!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./index.vue?vue&type=style&index=0&id=36e5d840&lang=less&scoped=true&\"; export default mod; export * from \"-!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--10-oneOf-1-2!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-3!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-4!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--10-oneOf-1-5!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./index.vue?vue&type=style&index=0&id=36e5d840&lang=less&scoped=true&\"","// extracted by mini-css-extract-plugin\n    if(module.hot) {\n      // 1758261115770\n      var cssReload = require(\"E:/workfile/HBuilderX4.45/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/hmr/hotModuleReplacement.js\")(module.id, {\"hmr\":true,\"publicPath\":\"/\",\"locals\":false});\n      module.hot.dispose(cssReload);\n      module.hot.accept(undefined, cssReload);\n    }\n  "],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"sources":["uni-app:///main.js",null,"webpack:///E:/workfile/minprogram/caiyunyi/pages/shopMallPage/shopType/index.vue?6fd0","webpack:///E:/workfile/minprogram/caiyunyi/pages/shopMallPage/shopType/index.vue?21da","webpack:///E:/workfile/minprogram/caiyunyi/pages/shopMallPage/shopType/index.vue?3fb0","uni-app:///pages/shopMallPage/shopType/index.vue","webpack:///E:/workfile/minprogram/caiyunyi/pages/shopMallPage/shopType/index.vue?4f38","webpack:///E:/workfile/minprogram/caiyunyi/pages/shopMallPage/shopType/index.vue?20c3"],"names":["wx","__webpack_require_UNI_MP_PLUGIN__","__webpack_require__","createPage","Page","components","shopTabbar","NoData","CustomImage","data","showContent","isFirstLoad","skeletonControl","menu","searchText","shopTypeList","activeTabs","changBigTypeLoading","bigTypeId","leftTypeList","allLeftTypeObj","leftToView","leftSelectIndex","shopCarList","shopCarListLength","rightShopList","pageType","leftId","good","systemInfo","safeHeight","itemHeight","virtualListHeight","startIndex","endIndex","buffer","visibleList","visibleCount","scrollTop","scrollLock","imageLoadedMap","lastStartIndex","hasWatched","shopTopId","comeForm","watch","handler","console","newVal","count","deep","computed","user","totalHeight","onLoad","setTimeout","behaviorRecordDesc","onShow","onHide","list","item","Number","onUnload","methods","handleShowExportBox","uni","url","handleUpDataShop","newVisibleList","onImageLoad","getImgUrl","id","e","index","arr1","title","content","success","icon","nowShopList","obj","ownerUnitId","appId","commodityNature","typeList","resList","indexOfList","commodityName","excludeNature","payMethod","shopList","subItem","res","shopIdList","_this","getWeChatGetMallGoodsType","oldList","userdefinedTypeId","userdefinedtypeId","thisAllType","haveAll","UserdefinedType_Name","UserdefinedType_Id","leftIndex","thisTypeAllShop","allShopID","newList","isFound","allShopList","allShopID2","leftAllTypeObj","big","small","smallTypeList","name","value","thirdItem","currentShop","newShopCarList","USERDEFINEDTYPE_NAME","USERDEFINEDTYPE_ID","req","action_type","justCommodity"],"mappings":";;;;;;;;;;;;;AAAA;AAGA;AACA;AAHA;AACAA,EAAE,CAACC,iCAAiC,GAAGC,mBAAmB;AAG1DC,UAAU,CAACC,cAAI,CAAC,C;;;;;;;;;;;;;ACLhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAA8H;AAC9H;AACyD;AACL;AACsC;;;AAG1F;AAC0K;AAC1K,gBAAgB,iLAAU;AAC1B,EAAE,2EAAM;AACR,EAAE,4FAAM;AACR,EAAE,qGAAe;AACjB;AACA;AACA;AACA;AACA;AACA,EAAE,gGAAU;AACZ;AACA;;AAEA;AACe,gF;;;;;;;;;;;;ACvBf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA,aAAa,gQAEN;AACP,KAAK;AACL;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;ACrEA;AAAA;AAAA;AAAA;AAAqoB,CAAgB,moBAAG,EAAC,C;;;;;;;;;;;;;;;;;;;;;;;ACmUzpB;AAIA;AAAA;AAAA;AAAA;AAAA;EAAA;IAAA;EAAA;AAAA;AAAA;EAAA;IAAA;EAAA;AAAA;AAAA;EAAA;IAAA;EAAA;AAAA;AAAA,eAEA;EACAC;IAAAC;IAAAC;IAAAC;EAAA;EACAC;IACA;MACAC;MAAA;MACAC;MAAA;MACAC;MAAA;MACAC;MAAA;MACAC;MAAA;MACAC;MAAA;MACAC;MAAA;MACAC;MAAA;MACAC;MAAA;MACAC;MAAA;MACAC;MAAA;MACAC;MAAA;MACAC;MAAA;MACAC;MAAA;MACAC;MAAA;MACAC;MAAA;MACAC;MAAA;MACAC;MAAA;MACAC;MAAA;MACAC;MACAC;MAGAC;MAAA;MACAC;MAAA;MACAC;MACAC;MACAC;MAAA;MACAC;MACAC;MACAC;MACA;MACAC;MACAC;MACAC;MACAC;MACAC;MACAC;IACA;EACA;;EACAC;IACA;IACAtB;MACAuB;QACAC;QACA;UACA;UACAC;YACAC;UACA;UACA;QAEA;UACA;QACA;MACA;MACAC;IACA;IACAzB;MACAqB;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;MAAA,CACA;MACAI;IACA;EACA;EACAC,0CACA;IACAC;EACA;IACAC;MACA;IACA;EAAA,EACA;EACAC;IAAA;IACA;IACA;IACA;IACA;IAEA;IACA;IAEA;IACA;IAEAP;IACAA;IACA;MACA;IACA;IACA;MACA;IACA;IACA;MACA;IACA;IAEA;MACA;IACA;IAGA;IACA;MACAxB;IACA;MACAA;IACA;IACA;MACA;IACA;IACA;MACA;MACA;IACA;MACA;MACA;MACA;MACA;IACA;IACA;IACA;IACA;MACAgC;QAAA;UAAA;YAAA;cAAA;gBAAA,KACA;kBAAA;kBAAA;gBAAA;gBAAA;gBAAA,OACA;cAAA;gBACA;gBACA;cAAA;cAAA;gBAAA;YAAA;UAAA;QAAA;MAAA,CAEA;IACA;MACA;MACA;MACA;IACA;IAEA;MACAC;IACA;EACA;EACAC;IACA;;IAEA;IACA;IACA;IACA;MACAlC;IACA;MACAA;IACA;IAEAwB;IACAA;;IAEA;IACA,uEACA;MACA;QACA;MACA;QACA;MACA;MAEA;QACA;QACA;MACA;QACA;QACA;QACA;QACA;MACA;IACA;EACA;EACAW;IACA;MACA;MACAC;QACAC,qBACAC;MACA;MACAd;MACA;MACA;QACA;MACA;QACA;MACA;IACA;MACA;QACA;MACA;QACA;MACA;IACA;IACA;EACA;EACAe;IACA;IACA;IACA;MACA;MACAH;QACAC,qBACAC;MACA;MACAd;MACA;MACA;QACA;MACA;QACA;MACA;IACA;MACA;QACA;MACA;QACA;MACA;IACA;IACA;EACA;EAEAgB;IACA;IACAC;MACAC;QACAC;MACA;MACA;MACA;MACA;IACA;IACA;IACAC;MACA;QACA;QACApB;QACAA;QAEA;UACA;YACA;YACA;cAAA;YAAA;YACA;cACAqB;YACA;cACAA;YACA;UACA;YACAA;UACA;QACA;QACA;MACA;IACA;IACAC;MACA;IACA;IACAC;MACA;;MAEA;MAGA;QACA;QACA;QACA;MACA;QACA;MACA;IACA;EAAA,+EAEAC;IACA;EACA,kFACAA;IACA;EACA,wGAEA;IACAN;MAAAC;IAAA;EACA,8EACAM;IACA;EACA,sFAEAC;IACA;EACA,wFACAD;IAAA;IACA;IACA;IAEAjB;MACA;MACA;MACA;;MAEA;MACA;MACA;MAEA;;MAEA;MACA;QACA;QACA;QACA;QAEA;QAEA;UACA;UACA;QACA;MACA;MAEA;IACA;EACA,kFACAmB;IACA;IACA;IACA;IAEA;MACA;MACA;QACA3B;QACAA;QAEA;MACA;IACA;IACA;EACA,kGAKA;IAAA;IACA;MACAkB;QACAU;QACAC;QACAC;UACA;YACAZ;cAAAC;YAAA;UACA;QACA;MACA;MACA;IACA;IAEAnB;IAGA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;MACAkB;QACAU;QACAG;MACA;IACA;MACA;;MAEA;MACA;MACA/B;MACAA;;MAEA;MACA;QACA;QACA,6BACA;UAAA;QAAA,EACA;QACA;UACAY;YACA;YACA;cACA,iCACA;gBAAA;cAAA,EACA;cACA;cACA;gBACA;kBACAC;gBACA;cACA;gBACAD;gBACAoB;kBACA;oBACAnB;kBACA;gBACA;cACA;YACA;cACA;gBACAA;cACA;YACA;UACA;UACAmB;YACA;cACAnB;YACA;UACA;QACA;UACAD;UACAoB;YACA;cACAnB;YACA;UACA;QACA;QACA;MACA;QACA;QACAmB;UACA;YACAnB;UACA;QACA;MACA;MAEA;MACA;MACA;MACA;MACA;IACA;EACA,kFAEAY;IACA;IACA;IACAQ;IACA;EACA,wFAEAR;IACAQ;IACA;IAEA;EACA,kGAEAR;IACA;MACAQ;MACA;MACA;IACA;EACA,wFACA;IACA;EACA,gHAEA;IAAA;IAAA;MAAA;MAAA;QAAA;UAAA;YAAA;cAAA;cAAA,OAOA,qBACA,0CACA;gBACAC;gBACAC;gBACAC;cACA,EACA;YAAA;cAPA1E;cASA;cACA2E;cACArC;cACAsC;cACAC;cACA;gBACAF;kBACA;oBACA;sBACAC;oBACA;sBACAA;oBACA;kBACA;gBACA;cACA;cACAtC;cACA;cAEAA;cACA;YAAA;YAAA;cAAA;UAAA;QAAA;MAAA;IAAA;EACA,oFAEA;IAAA;IAAA;MAAA;MAAA;QAAA;UAAA;YAAA;cAAA,KACA;gBAAA;gBAAA;cAAA;cACAkB;gBAAAU;cAAA;cACA;cACA;cACA;cACA;cACA;cACA;cACA;cACA;cACA;cACA;cAEAT;cAAA;cAAA,OAEA;cACA;cACAA,KACA;gBACAe;gBACAC;gBACAK;gBACAC;gBACAL;gBACAM;gBACA;cACA,EACA;YAAA;cAZAhF;cAcAwD;cAEAN;cACAZ;cACA2C;cACA;gBACA/B;kBACA;oBACAC;sBACA;sBACA;wBACA;0BACA;4BACA+B;4BACA;8BACAA;4BACA;8BACAA;4BACA;0BACA;wBACA;sBACA;sBAEA,IACAA,iCACAA,8DACA;wBACAA,oBACAA;wBACAA,sBACAA;sBACA;wBACAA;sBACA;sBACA,IACAA,iCACAA,8DACA;wBACAA,uBACAA;wBACAA,yBACAA;sBACA;wBACAA;sBACA;sBACAD;oBACA;kBACA;gBACA;cACA;cACA3C;;cAEA;cACA6C;cACAC;cACA;gBACAH;kBACA;oBACAE;oBACAC;kBACA;gBACA;cACA;cACA;cAAA;cAAA;YAAA;cAEA;gBACA;gBACA;cACA;gBACA;gBACA;cACA;YAAA;YAAA;cAAA;UAAA;QAAA;MAAA;IAAA;EAEA,8FAEA;IAAA;IAAA;MAAA;MAAA;QAAA;UAAA;YAAA;cACAC;cACAV;cACAW;cAAA,KAEAA;gBAAA;gBAAA;cAAA;cACAX;cACA,qBACA,0CACA;gBACAH;gBACAC;gBACAC;cACA,EACA;gBACA;gBACA;kBACAlB;kBACA6B;gBACA;cACA;cAAA;cAAA;YAAA;cAAA;cAAA,OAEA,qBACA,0CACA;gBACAb;gBACAC;gBACAC;cACA,EACA;YAAA;cAPA1E;cAQA2E;YAAA;cAIA;YAAA;YAAA;cAAA;UAAA;QAAA;MAAA;IAAA;EACA,4GAEAA;IACA;IACA;IACA;MACAA;QACA;UACAC;QACA;MACA;IACA;IAEA;IAEA;MACA;IACA;MACA;IACA;EACA,8FAEAW;IACA;IACA;MACA;QACA;UACA,IACArC,iCACAA,oCACA;YACA;YACAA;YACAA;UACA;QACA;MACA;MACA;IACA;IACA;EACA,kGAEAY;IAAA;IAAA;MAAA;MAAA;QAAA;UAAA;YAAA;cACAxB;cACAkB;gBAAAU;cAAA;cACA;cACA;cACA;cACA;cACA;cACA;cACA;cACA;cACA;cAEAT;cAAA;cAAA,OACA;cACA;cACAA,KACA;gBACAe;gBACAgB;gBACAC;gBACAX;gBACAC;gBACAL;gBACA;cACA,EACA;YAAA;cAZA1E;cAaAwD;cACAN;cACAZ;cACAoD;cACApD;cACA;gBACA;kBACA;oBACAoD;kBACA;gBACA;cACA;cACApD;cACAqD;cAEA;gBACAD;kBACA;oBACAC;kBACA;gBACA;cACA;cACA;cACAzC;gBACA0C;gBACAC;cACA;cACA;gBACA;gBACAH;kBACAE;kBACAC;gBACA;cACA;cAEAC;cACAxD;cACAA;cAEA;gBACA;kBACAoD;oBACA;sBACAI;oBACA;kBACA;gBACA;cACA;cACAxD;cACAA;cAEA;gBACAwD;cACA;cAEAxD;cACAA;;cAEA;cACA2C;cACA;gBACA3C;gBACAA;gBACA;gBACAyD,sBACA;gBACAC;gBAEA9C;kBACA;oBACA,IACAC,sBACAA,kCACAA,mCACAA,iCACA;sBACAA;wBACA;0BACA4C;0BACAC;wBACA;sBACA;oBACA;kBACA;gBACA;gBACA9C;gBACAZ;gBACAA;gBACAA;gBACA,IACAwD,oBACA5C,mBACAA,iCACAA,0CACA;kBACAZ;kBACA;oBACA;sBACAiC;sBACAjC;sBAEAY;wBACA;0BACAqB;wBACA;sBACA;sBACAjC;sBAEA;wBACA2C;sBACA;wBACAA;sBACA;oBACA;sBACAA;oBACA;kBACA;oBACAA;kBACA;gBACA;gBACA3C;gBAEA;kBACA2C;oBACA;oBACA;sBACA;wBACA;0BACA9B;0BACAA;wBACA;sBACA;oBACA;oBAEA,IACAA,8BACAA,2DACA;sBACAA,iBACAA;sBACAA,mBACAA;oBACA;sBACAA;oBACA;oBACA,IACAA,8BACAA,2DACA;sBACAA,oBACAA;sBACAA,sBACAA;oBACA;sBACAA;oBACA;kBACA;gBACA;;gBAEA;gBACA8C;gBACA;kBACAP;oBACAvC;oBACAA;oBACAA;oBACAA;oBACA;oBACA;oBACA;oBACAD;sBACA;wBACAgD;wBACAf;sBACA;oBACA;oBACA;sBACAc;oBACA;sBACAA;oBACA;kBACA;gBACA;;gBAEA;gBACAE,kBACA;gBACAC;gBACA;kBACA,oBACA;kBACAH;oBACA;sBACA9C;wBACA;0BACA;0BACA;4BACAgD;4BACAC;0BACA;wBACA;sBACA;oBACA;kBACA;gBACA;gBACAH;gBACA;gBACA3D;gBAEA;gBACA;gBACA;gBACAA;gBACAA;gBAEA;cACA;gBACA;gBACA;gBACA;gBACA;cACA;cAEAA;cAEAkB;YAAA;YAAA;cAAA;UAAA;QAAA;MAAA;IAAA;EACA,8EAEAe;IACAjC;IACAkB;MACAC;IACA;EACA,8GAEAP;IAAA;IACA;IACA;IACA;IACA;IAEAA;MACA;QACA,IACAmD,2CACAA,oDACA,CACA;UACAA;QACA;QACAlD;UACA;UACA;YACA;cACA;gBACA+B;gBACAA;cACA;YACA;UACA;UAEA,IACAA,iCACAA,8DACA;YACA,4BACAA;cAAA;cADAoB;cAAAC;YAEArB;YACAA;UACA;YACAA;YACAA;UACA;UACA;UACA;YACAsB;YACA;cACAjC;gBACAkC;gBACAC;gBACAxD;cACA;cACAmD;YACA;cACA9B,OACA;gBACAkC;gBACAC;gBACAxD;cACA,EACA;cACAmD;YACA;UACA;YACA;YACA9B;cACA;gBACA;gBACArB;gBACAyD;cACA;YACA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;QACA;MACA;IACA;;IACA;IACA,kBACA;IACA;EACA,wFAEA3C;IACA;IACA;IACA1B;IACA;IACA;IACA;IACA;IACA;IACA;IACA;EACA,8EAEAyB;IAAA;IACA,kBACA;IACA;IACA;IAGAzB;IACAA;IACAA;IACAA;IAEA;MACA2C;QACA;QACA;UACA;YACA;cACA9B;cACAA;YACA;UACA;QACA;QAEA,IACAA,8BACAA,2DACA;UACAA,iBACAA;UACAA,mBACAA;QACA;UACAA;QACA;QACA,IACAA,8BACAA,2DACA;UACAA,oBACAA;UACAA,sBACAA;QACA;UACAA;QACA;MACA;IACA;IACAb;IAEA;MACA;IACA;MACA;IACA;IACA;IACA;IACA;IACA;IACA;IACAQ;MACAuC;IACA;EACA,wFAEAd;IACA;IACA,4BACA;MACAqC;IACA;IACA;IACA;IACAtE;IACA;EACA,4GAEAoE;IACApE;IACAA;IACA;MACA;MACA;MACA;MACA;IACA;IACA;EACA,kFAEAyB;IACA;MACAP;QACAU;QACAC;QACAC;UACA;YACAZ;cAAAC;YAAA;UACA;QACA;MACA;MACA;IACA;;IAEA;IACA;IAEAnB;IACAA;IAEA;MACA;MACA,6BACA;QAAA;MAAA,EACA;MACA;QACAY;UACA;YACAC;UACA;QACA;QACAmB;UACA;YACAnB;YACA;cACAA;YACA;cACAA;YACA;UACA;QACA;MACA;QACA;QACAD;UAAAV;QAAA;QACA8B;UACA;YACAnB;YACAA;UACA;QACA;MACA;MACA;IACA;MACA;QAAAX;MAAA;MACAF;MACAA;MACAgC;QACA;UACAnB;UACAA;QACA;MACA;IACA;IACA;IACA;IACA;IACA;IACA;EACA,gFAEAY;IACA;IACA;IACA;IACA;IACAb;MACA;QACAC;MACA;IACA;IACA;IACAD;MACA;QACA2D;MACA;IACA;IACA;IACAvC;MACA;QACAnB;QACA;UACAA;QACA;MACA;IACA;IACA;IACA;IACA;IACA;IACA;EACA,wFAGA;IACA;MACAK;QACAC;MACA;IACA;MACAD;QACAC;MACA;IACA;EACA,gGAEA;IAAA;IAAA;MAAA;QAAA;UAAA;YAAA;cACAD;gBAAAU;cAAA;cACA;cACA;cACA;cACA;cACA;cACA;cACA;gBAAA4C;gBAAAC;cAAA;cAAA;cAAA,OAEA;YAAA;cACAvD;YAAA;YAAA;cAAA;UAAA;QAAA;MAAA;IAAA;EACA,wGAEA;IAAA;IAAA;MAAA;MAAA;QAAA;UAAA;YAAA;cACAwD;gBACAC;gBACAzC;gBACA0C;gBACAlC;gBACAD;cACA;cAAA;cAAA,OACA;YAAA;cAAA/E;cACAkD;cAGA+B;cACA;gBACA/B;kBACA;oBACAC;sBACA8B;oBACA;kBACA;gBACA;cACA;cAEA3C;cAGA;gBACA2C;kBACA;kBACA;oBACA;sBACA;wBACA9B;wBACAA;sBACA;oBACA;kBACA;kBAEA,IACAA,8BACAA,2DACA;oBACAA,iBACAA;oBACAA,mBACAA;kBACA;oBACAA;kBACA;kBACA,IACAA,8BACAA,2DACA;oBACAA,oBACAA;oBACAA,sBACAA;kBACA;oBACAA;kBACA;gBACA;gBACA;gBACA;gBACA;cACA;YAAA;YAAA;cAAA;UAAA;QAAA;MAAA;IAAA;EACA,8FAEA;IACAK;MACAC;IACA;EACA;AAEA;AAAA,2B;;;;;;;;;;;;;ACnqDA;AAAA;AAAA;AAAA;AAAosC,CAAgB,2nCAAG,EAAC,C;;;;;;;;;;;ACAxtC;AACA,OAAO,KAAU,EAAE,kBAKd","file":"pages/shopMallPage/shopType/index.js","sourcesContent":["import 'uni-pages';\n// @ts-ignore\nwx.__webpack_require_UNI_MP_PLUGIN__ = __webpack_require__;\nimport Vue from 'vue'\nimport Page from './pages/shopMallPage/shopType/index.vue'\ncreatePage(Page)","import { render, staticRenderFns, recyclableRender, components } from \"./index.vue?vue&type=template&id=36e5d840&scoped=true&\"\nvar renderjs\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=36e5d840&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"36e5d840\",\n  null,\n  false,\n  components,\n  renderjs\n)\n\ncomponent.options.__file = \"pages/shopMallPage/shopType/index.vue\"\nexport default component.exports","export * from \"-!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--17-0!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./index.vue?vue&type=template&id=36e5d840&scoped=true&\"","var components\ntry {\n  components = {\n    uniPopup: function () {\n      return import(\n        /* webpackChunkName: \"uni_modules/uni-popup/components/uni-popup/uni-popup\" */ \"@/uni_modules/uni-popup/components/uni-popup/uni-popup.vue\"\n      )\n    },\n  }\n} catch (e) {\n  if (\n    e.message.indexOf(\"Cannot find module\") !== -1 &&\n    e.message.indexOf(\".vue\") !== -1\n  ) {\n    console.error(e.message)\n    console.error(\"1. 排查组件名称拼写是否正确\")\n    console.error(\n      \"2. 排查组件是否符合 easycom 规范，文档：https://uniapp.dcloud.net.cn/collocation/pages?id=easycom\"\n    )\n    console.error(\n      \"3. 若组件不符合 easycom 规范，需手动引入，并在 components 中注册该组件\"\n    )\n  } else {\n    throw e\n  }\n}\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  var l0 =\n    _vm.showContent && _vm.changBigTypeLoading\n      ? _vm.__map(_vm.visibleList, function (item, i) {\n          var $orig = _vm.__get_orig(item)\n          var g0 = item.IMAGE_PATH\n            ? item.IMAGE_PATH.split(\",\") &&\n              item.IMAGE_PATH.split(\",\").length > 1\n            : null\n          var g1 = item.IMAGE_PATH && g0 ? item.IMAGE_PATH.split(\",\") : null\n          var g2 = item.SKULIST && item.SKULIST.length > 0\n          return {\n            $orig: $orig,\n            g0: g0,\n            g1: g1,\n            g2: g2,\n          }\n        })\n      : null\n  var g3 =\n    _vm.showContent && _vm.changBigTypeLoading\n      ? !_vm.rightShopList || _vm.rightShopList.length === 0\n      : null\n  if (!_vm._isMounted) {\n    _vm.e0 = function (e) {\n      return (e.target.src = \"/static/images/home/defultImg.png\")\n    }\n  }\n  _vm.$mp.data = Object.assign(\n    {},\n    {\n      $root: {\n        l0: l0,\n        g3: g3,\n      },\n    }\n  )\n}\nvar recyclableRender = false\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns, recyclableRender, components }","import mod from \"-!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--13-1!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--13-1!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./index.vue?vue&type=script&lang=js&\"","<template>\r\n  <view :class=\"pageType === 'UnionMall' ? 'main newMain' : 'main newMain'\">\r\n    <div class=\"header\" :style=\"{ paddingTop: menu.top + 'px' }\">\r\n      <view class=\"headerTop\" :style=\"{ height: menu.height + 'px' }\">\r\n        <view class=\"backArrowBox\">\r\n          <image class=\"backArrow\"\r\n            :src=\"pageType === 'UnionMall' ? '/static/images/home/backArrowblack.svg' : '/static/images/home/backArrowblack.svg'\"\r\n            @click=\"handleBackHome\" />\r\n          <view class=\"line\"></view>\r\n          <!-- <image class=\"img\" src=\"/static/images/home/export.svg\" @click=\"handleShowExportBox\" /> -->\r\n          <image class=\"img\" style=\"width: 40rpx;height: 40rpx;margin-left: 8rpx;\"\r\n            src=\"https://eshangtech.com/cyy_DIB/backHomeICon.png\" @click=\"handleShowExportBox\" />\r\n        </view>\r\n\r\n\r\n        <!-- <image class=\"backArrow\"\r\n          :src=\"pageType === 'UnionMall' ? '/static/images/home/backArrowblack.svg' : '/static/images/home/backArrowblack.svg'\"\r\n          @click=\"handleBackHome\" /> -->\r\n        <view class=\"pageName\" :style=\"{ color: pageType === 'UnionMall' ? '#000' : '#000' }\">{{\r\n          pageType === \"UnionMall\" ? \"工会之家\" : \"分类\"\r\n        }}</view>\r\n        <view class=\"backArrowBox\" style=\"border:none;background: transparent;\"></view>\r\n      </view>\r\n\r\n      <!-- <div class=\"pageTitle\" :style=\"{ height: menu.height + 'px', lineHeight: menu.height + 'px' }\">分类</div> -->\r\n      <div class=\"pageSearch\" @click=\"handleGoSearchShopPage\">\r\n        <!-- <input placeholder=\"请搜索商品\" class=\"serach_input\" v-model=\"searchText\" confirm-type=\"search\"\r\n          @confirm=\"handleSearch\" /> -->\r\n        <div class=\"serach_input\">请搜索商品</div>\r\n        <div class=\"searchBtn\">搜索</div>\r\n        <!-- @click=\"handleSearch\" -->\r\n      </div>\r\n    </div>\r\n\r\n    <!-- 商品分类页面骨架屏 -->\r\n    <view class=\"shop-type-skeleton\" v-if=\"!showContent\">\r\n      <!-- 顶部分类标签骨架 -->\r\n      <view class=\"skeleton-tabs\">\r\n        <view class=\"skeleton-tab-item\" v-for=\"index in 6\" :key=\"index\">\r\n          <view class=\"skeleton skeleton-tab-icon\"></view>\r\n          <view class=\"skeleton skeleton-tab-text\"></view>\r\n        </view>\r\n      </view>\r\n\r\n      <!-- 左右分栏骨架 -->\r\n      <view class=\"skeleton-content\">\r\n        <!-- 左侧分类列表骨架 -->\r\n        <view class=\"skeleton-left\">\r\n          <view class=\"skeleton-left-item\" v-for=\"index in 8\" :key=\"index\">\r\n            <view class=\"skeleton skeleton-left-text\"></view>\r\n          </view>\r\n        </view>\r\n\r\n        <!-- 右侧商品列表骨架 -->\r\n        <view class=\"skeleton-right\">\r\n          <view class=\"skeleton-product-item\" v-for=\"index in 6\" :key=\"index\">\r\n            <view class=\"skeleton skeleton-product-image\"></view>\r\n            <view class=\"skeleton-product-info\">\r\n              <view class=\"skeleton skeleton-product-title\"></view>\r\n              <view class=\"skeleton skeleton-product-price\"></view>\r\n              <view class=\"skeleton skeleton-add-button\"></view>\r\n            </view>\r\n          </view>\r\n        </view>\r\n      </view>\r\n    </view>\r\n\r\n    <div class=\"pageContent\" v-if=\"showContent\" :style=\"{\r\n      height: `calc(100vh - 50px - ${safeHeight}px - ${menu.top + 32 + 32 + 12 + 12\r\n        }px)`,\r\n    }\">\r\n      <scroll-view class=\"bigTabBox\" scroll-x :scroll-into-view=\"bigTypeScroll\"\r\n        :style=\"{ background: pageType === 'UnionMall' ? 'transparent' : 'transparent' }\">\r\n        <div class=\"scrollBox\">\r\n          <!-- :style=\"{ width: (shopTypeList.length + 2) * 70 + 'px' }\" -->\r\n\r\n          <div class=\"bigTabItem\" @click=\"handleGoUnionMall\"\r\n            v-if=\"pageType !== 'UnionMall' && user && user.INDUSTRY_MEMBERSHIP_ID\">\r\n            <!-- && user && user.INDUSTRY_MEMBERSHIP_ID -->\r\n            <!-- style=\"width: 70px\" -->\r\n\r\n            <div class=\"itemBox\">\r\n              <div class=\"normal\">\r\n                <div class=\"imgBox\">\r\n                  <image style=\"width: 100%; height: 100%\" src=\"/static/images/home/unionMallIcon.svg\"></image>\r\n                </div>\r\n              </div>\r\n              <div class=\"tab_txt_normal\">工会之家</div>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"bigTabItem\" :id=\"'item-' + item.UserdefinedType_Id\" v-for=\"(item, index) in shopTypeList\"\r\n            :key=\"index\" @click=\"handleToggleTab(index)\">\r\n            <!-- style=\"width: 70px\" -->\r\n\r\n            <div class=\"itemBox\">\r\n              <div :class=\"activeTabs === index ? 'tab_active normal' : 'normal'\">\r\n                <div class=\"imgBox\">\r\n                  <image style=\"width: 100%; height: 100%\" :src=\"item.UserdefinedType_ICO ||\r\n                    '/static/images/home/defultImg.png'\r\n                    \"></image>\r\n                </div>\r\n              </div>\r\n              <div :class=\"activeTabs === index\r\n                ? 'tab_txt_active tab_txt_normal'\r\n                : 'tab_txt_normal'\r\n                \" class=\"tab_txt\">\r\n                {{ item.UserdefinedType_Name }}\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"bigTabItem\" @click=\"handleGoPointsMall\" v-if=\"pageType !== 'UnionMall'\">\r\n            <!-- style=\"width: 70px\" -->\r\n\r\n            <div class=\"itemBox\">\r\n              <div :class=\"activeTabs === 999999 ? 'tab_active normal' : 'normal'\">\r\n                <div class=\"imgBox\">\r\n                  <image style=\"width: 100%; height: 100%\" :src=\"'/static/images/home/markShopIcon.png'\"></image>\r\n                </div>\r\n              </div>\r\n              <div :class=\"activeTabs === 999999\r\n                ? 'tab_txt_active tab_txt_normal'\r\n                : 'tab_txt_normal'\r\n                \">积分商城</div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </scroll-view>\r\n      <!-- :style=\"{ height: `calc(100vh - 95rpx)` }\" -->\r\n      <div class=\"shopListBox\">\r\n        <!--  左侧商品种类  -->\r\n        <div class=\"smallShopList\">\r\n          <scroll-view class=\"scrollShopBox\" scroll-y scroll-with-animation=\"true\" :scroll-into-view=\"leftToView\"\r\n            :show-scrollbar=\"false\">\r\n            <div :class=\"leftToView === 'left_' + index + '_' + item.USERDEFINEDTYPE_ID\r\n              ? 'smallShopItem selectShopItem'\r\n              : 'smallShopItem'\r\n              \" v-for=\"(item, index) in leftTypeList\" :key=\"index\"\r\n              :id=\"'left_' + index + '_' + item.USERDEFINEDTYPE_ID\" @click=\"catClickFn($event, index, item)\">\r\n              <div class=\"smallItemTitle\">\r\n                {{ item.USERDEFINEDTYPE_NAME }}\r\n              </div>\r\n              <!-- {{ index + 1 }} -->\r\n              <i class=\"noticeNumber\" v-show=\"item.smallTypeCount && item.smallTypeCount > 0\">{{ item.smallTypeCount\r\n              }}</i>\r\n            </div>\r\n          </scroll-view>\r\n        </div>\r\n\r\n        <!--  右侧商品详情  -->\r\n        <div class=\"shopDetailList\" v-if=\"changBigTypeLoading\">\r\n          <scroll-view class=\"shopDetailScroll\" scroll-y :scroll-top=\"topNum\" @scroll=\"onVirtualScroll\"\r\n            :scroll-into-view='shopTopId' :style=\"{\r\n              height: `calc(100vh - 50px - ${safeHeight}px - ${menu.top + 32 + 32 + 12 + 12 + 23 + 95}px)`\r\n            }\">\r\n            <div :style=\"{ height: totalHeight + 'px', position: 'relative' }\">\r\n              <div :id=\"'shopTop'\"></div>\r\n              <div v-for=\"(item, i) in visibleList\" :key=\"item.COMMODITY_ID\" class=\"shopDetailItem\" :style=\"{\r\n                position: 'absolute',\r\n                height: itemHeight + 'px',\r\n                top: (startIndex + i) * itemHeight + 'px',\r\n                width: '100%'\r\n              }\" @click=\"showDetail(item)\">\r\n\r\n                <image class=\"leftImg\" style=\"width: 90px; height: 90px\"\r\n                  :src=\"item.IMAGE_PATH ? item.IMAGE_PATH.split(',') && item.IMAGE_PATH.split(',').length > 1 ? item.IMAGE_PATH.split(',')[0] : item.IMAGE_PATH : item.IMAGE_PATHS ? item.IMAGE_PATHS : '/static/images/home/defultImg.png'\"\r\n                  :lazy-load=\"true\" @error=\"e => e.target.src = '/static/images/home/defultImg.png'\"\r\n                  :key=\"item.COMMODITY_ID\" />\r\n\r\n                <div class=\"rightBox\">\r\n                  <p class=\"detailTitle\">{{ item.COMMODITY_NAME }}</p>\r\n                  <div class=\"bottom\">\r\n                    <div class=\"detailPrice\">\r\n                      <span class=\"priceUnit\">¥</span>\r\n                      <span class=\"number\" style=\"font-size: 20px\">\r\n                        {{ item.bigNumber || \"\" }}</span>\r\n                      <span class=\"number\" style=\"font-size: 14px\">.{{ item.smallNumber || \"00\" }}</span>\r\n                      <span class=\"unit\">/ {{ item.COMMODITY_UNIT }}</span>\r\n\r\n                      <!-- <span class=\"marketPrice\">市场价：</span> -->\r\n                      <!-- <span class=\"marketPriceValue\">XXX</span> -->\r\n                      <!-- <span class=\"unit\">/ {{ item.COMMODITY_UNIT }}</span> -->\r\n                    </div>\r\n                    <div v-if=\"item.SKULIST && item.SKULIST.length > 0\" class=\"specifications\"\r\n                      @click.stop=\"handleShowPopup(item)\">\r\n                      选规格\r\n                      <text class=\"specificationsCount\" v-if=\"item.count > 0\">{{\r\n                        item.count\r\n                      }}</text>\r\n                    </div>\r\n                    <div class=\"addReduceBox\" v-else>\r\n                      <div class=\"reduceShopCar\" @click.stop=\"touchReduce($event, item)\" v-if=\"item.showReduce\">\r\n                        <img class=\"optionBtn\"\r\n                          :src=\"pageType === 'UnionMall' ? '/static/images/home/newReduce.png' : '/static/images/home/newReduce.png'\" />\r\n                      </div>\r\n                      <span class=\"itemCount\" v-if=\"item.count && item.count > 0\">{{ item.count }}</span>\r\n                      <div v-if=\"item.COMMODITY_STOCK > 0 && activeTabs !== 999999\" class=\"addShopCar\"\r\n                        @click.stop=\"touchOnGoods($event, item)\" :id=\"'add_' +\r\n                          item.SELLERCOMMODITY_ID +\r\n                          '_' +\r\n                          item.SELLERCOMMODITYTYPE_ID\r\n                          \">\r\n                        <img class=\"optionBtn\"\r\n                          :src=\"pageType === 'UnionMall' ? '/static/images/home/newAddIcon.png' : '/static/images/home/newAddIcon.png'\" />\r\n                      </div>\r\n                      <div v-if=\"activeTabs === 999999\"></div>\r\n                      <div v-if=\"item.COMMODITY_STOCK === 0 || !item.COMMODITY_STOCK\" class=\"shopState\">已售罄</div>\r\n                    </div>\r\n                  </div>\r\n\r\n                  <div class=\"marketBottom\" v-if=\"item.COMMODITY_RETAILPRICE\">\r\n                    <span class=\"marketPrice\">市场价：¥{{ item.COMMODITY_RETAILPRICE }}/ {{ item.COMMODITY_UNIT }}</span>\r\n                  </div>\r\n                </div>\r\n\r\n              </div>\r\n            </div>\r\n            <div class=\"noDataBox\" v-if=\"!rightShopList || rightShopList.length === 0\">\r\n              <no-data text=\"暂无商品\" />\r\n            </div>\r\n          </scroll-view>\r\n        </div>\r\n\r\n      </div>\r\n    </div>\r\n\r\n    <uni-popup ref=\"shopPopup\" :safe-area=\"false\">\r\n      <view class=\"shopPopupBox\">\r\n        <div class=\"shopPopupContent\">\r\n          <div class=\"detailTop\">\r\n            <image class=\"detailImg\"\r\n              :src=\"good.DEFAULT_IMG || good.IMAGE_PATH || '/static/images/home/defultImg.png'\" />\r\n            <div class=\"box\">\r\n              <div class=\"nameTop\">\r\n                <text class=\"name\">{{ good.COMMODITY_NAME }}</text>\r\n                <image class=\"closeIcon\" @click=\"handleClosePop\"\r\n                  src=\"https://eshangtech.com/ShopICO/ahyd-BID/examine/close.svg\" />\r\n              </div>\r\n              <div class=\"priceBox\">\r\n                <text class=\"priceIcon\">￥</text>\r\n                <text class=\"price\">{{ good.COMMODITY_MEMBERPRICE }}</text>\r\n                <text class=\"unit\">/{{ good.COMMODITY_UNIT }}</text>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <scroll-view :scroll-y=\"true\" class=\"scrollDetailBox\">\r\n            <div class=\"detailMessage\">\r\n              <p class=\"detailTitle\">详细信息</p>\r\n              <text class=\"detailText\"></text>\r\n            </div>\r\n            <div class=\"orderDetail\">\r\n              <p class=\"orderTitle\">下单信息</p>\r\n              <div class=\"numBox\">\r\n                <text class=\"numTitle\">购买数量</text>\r\n                <div class=\"cartcontrol\">\r\n                  <div class=\"subtract\" @click=\"handleDetailSubtract($event, good)\">\r\n                    <image class=\"img\" src=\"/static/images/home/subtract.svg\"></image>\r\n                  </div>\r\n                  <input class=\"cart-count\" confirm-type=\"done\" type=\"digit\" :maxlength=\"inputMaxLength\"\r\n                    style=\"background: #fff; text-align: center; width: 100px\" placeholder=\"0\" :value=\"good.count\"\r\n                    @input=\"handleNumber\" />\r\n                  <div class=\"subtract\" @click=\"handleDetailAdd($event, good)\">\r\n                    <image class=\"img\" src=\"/static/images/home/addIcon.svg\"></image>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              <div class=\"sizeBox\">\r\n                <div class=\"sizeTitle\">规格</div>\r\n                <scroll-view :scroll-x=\"true\" :scroll-y=\"true\" class=\"sizeScrollBox\">\r\n                  <div class=\"sizeList\">\r\n                    <div :class=\"good.RTCOMMODITY_MULTI_ID === item.RTCOMMODITY_MULTI_ID\r\n                      ? 'sizeItem selectSizeItem'\r\n                      : 'sizeItem'\r\n                      \" :style=\"{\r\n                        background: item.COMMODITY_STOCK > 0 ? good.RTCOMMODITY_MULTI_ID === item.RTCOMMODITY_MULTI_ID ? '#e7f3ff' : '#dbdad6' : '#9c9c9a0',\r\n                        color: item.COMMODITY_STOCK > 0 ? good.RTCOMMODITY_MULTI_ID === item.RTCOMMODITY_MULTI_ID ? '#1890ff' : '#000' : '#a4a4a4'\r\n                      }\" v-for=\"(item, index) in good.SKULIST\" :key=\"index\"\r\n                      @click=\"handleChangeSelectSKULIST(item.RTCOMMODITY_MULTI_ID, item)\">\r\n                      {{ item.COMMODITY_NAME }}\r\n                    </div>\r\n                    <!-- <div class=\"sizeItem\">{{ good.COMMODITY_UNIT }}</div> -->\r\n                  </div>\r\n                </scroll-view>\r\n              </div>\r\n              <div class=\"descBox\">\r\n                <input class=\"desc\" :value=\"good.SALEDETAIL_DESC\" placeholder=\"请填写商品备注\"\r\n                  @input=\"handleDesc($event, good)\" />\r\n              </div>\r\n\r\n              <view class=\"rightBtn\">\r\n                <div class=\"addCarBtn\" @click=\"handleShowShopPopup\">\r\n                  加入购物车\r\n                </div>\r\n              </view>\r\n            </div>\r\n          </scroll-view>\r\n\r\n        </div>\r\n\r\n        <!-- <view class=\"bottomBtn\">\r\n          <view\r\n            class=\"shopCarBtn\"\r\n            v-if=\"bottomBtnType === 1\"\r\n            @click=\"handleAddShopCar\"\r\n            >加入购物车</view\r\n          >\r\n          <view\r\n            class=\"makeOrderBtn\"\r\n            v-if=\"bottomBtnType === 2\"\r\n            @click=\"handleMakeOrder\"\r\n            >立即购买</view\r\n          >\r\n        </view> -->\r\n      </view>\r\n    </uni-popup>\r\n\r\n    <shop-tabbar :page=\"'/pages/shopMallPage/shopType/index'\" :pageType=\"pageType\" :shopCarLength=\"shopCarListLength\"\r\n      :comeForm=\"comeForm\" />\r\n  </view>\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters } from \"vuex\";\r\nimport NoData from \"../../../components/noData.vue\";\r\nimport shopTabbar from \"../../../components/shopTabbar.vue\";\r\nimport CustomImage from './components/CustomImage.vue'\r\nimport { useSkeletonControl } from '../../../utils/skeletonManager.js'\r\n\r\nexport default {\r\n  components: { shopTabbar, NoData, CustomImage },\r\n  data() {\r\n    return {\r\n      showContent: false, // 是否显示内容（控制骨架屏切换）\r\n      isFirstLoad: true, // 是否是首次进入页面\r\n      skeletonControl: null, // 骨架屏控制器\r\n      menu: {}, // 手机的一些位置信息\r\n      searchText: \"\", // 搜索商品的文字\r\n      shopTypeList: [], // 商品的大类列表\r\n      activeTabs: 0, // 大类的选择项\r\n      changBigTypeLoading: false, // 是否显示商品列表\r\n      bigTypeId: \"\", // 大类商品的id\r\n      leftTypeList: [], // 左侧的小类数组\r\n      allLeftTypeObj: {}, // 左侧的小类树\r\n      leftToView: \"\", // 左侧选中的类\r\n      leftSelectIndex: 0, // 左侧选择的第几个类\r\n      shopCarList: [], // 购物车数组\r\n      shopCarListLength: 0, // 购物车长度\r\n      rightShopList: [], // 右侧商品列表\r\n      pageType: \"\", // 页面类型 是不是进来查工会之家的\r\n      leftId: \"\", //传入的左侧小类的默认位置\r\n      good: {}, // 悬浮框里面 选择规格的商品详情\r\n      systemInfo: {},\r\n      safeHeight: 0,\r\n\r\n\r\n      itemHeight: 114, // 单个商品高度(px)\r\n      virtualListHeight: 520, // 可视区高度(px)，比如显示5个\r\n      startIndex: 0,\r\n      endIndex: 0,\r\n      buffer: 50, // 前后缓冲区\r\n      visibleList: [],\r\n      visibleCount: 10,\r\n      scrollTop: 0,\r\n      // totalHeight: 0,\r\n      scrollLock: false,\r\n      imageLoadedMap: {},\r\n      lastStartIndex: 0,\r\n      hasWatched: 0,\r\n      shopTopId: '',\r\n      comeForm: \"\",// 来自\r\n    };\r\n  },\r\n  watch: {\r\n    // 深度监听数组变化\r\n    shopCarList: {\r\n      handler(newVal, oldVal) {\r\n        console.log(\"shopCarList 发生变化：\", newVal, oldVal);\r\n        if (newVal && newVal.length > 0) {\r\n          let count = 0;\r\n          newVal.forEach((item) => {\r\n            count += item.count;\r\n          });\r\n          this.shopCarListLength = count;\r\n\r\n        } else {\r\n          this.shopCarListLength = 0;\r\n        }\r\n      },\r\n      deep: true,\r\n    },\r\n    rightShopList: {\r\n      handler(newVal, oldVal) {\r\n        // // 商品变了 我要把可视区域内容的 选购了多少个 也修改掉 \r\n        // if (this.visibleList && this.visibleList.length > 0) {\r\n        //   let newVisibleList = []\r\n        //   this.visibleList.forEach((item) => {\r\n        //     if (newVal && newVal.length > 0) {\r\n        //       newVal.forEach((subItem) => {\r\n        //         if (item.COMMODITY_ID === subItem.COMMODITY_ID) {\r\n        //           console.log('subItemsubItemsubItemsubItem', subItem);\r\n\r\n        //           newVisibleList.push({\r\n        //             ...subItem,\r\n        //           })\r\n        //         } else {\r\n        //           newVisibleList.push(item)\r\n        //         }\r\n        //       })\r\n        //     }\r\n        //   })\r\n        //   this.visibleList = newVisibleList\r\n        // }\r\n      },\r\n      deep: true,\r\n    },\r\n  },\r\n  computed: {\r\n    ...mapGetters({\r\n      user: \"user\",\r\n    }),\r\n    totalHeight() {\r\n      return this.rightShopList.length * this.itemHeight;\r\n    },\r\n  },\r\n  onLoad(query) {\r\n    // 初始化骨架屏控制\r\n    this.skeletonControl = useSkeletonControl('/pages/shopMallPage/shopType/index', query.pageType)\r\n    this.showContent = this.skeletonControl.showContent\r\n    this.isFirstLoad = this.skeletonControl.showSkeleton\r\n\r\n    let systemInfo = uni.getSystemInfoSync();\r\n    this.systemInfo = systemInfo;\r\n\r\n    let height = uni.getStorageSync(\"safeHeight\");\r\n    this.safeHeight = Number(height);\r\n\r\n    console.log(\"this.systemInfo \", this.systemInfo);\r\n    console.log(\"query\", query);\r\n    if (query.selectIndex) {\r\n      this.activeTabs = Number(query.selectIndex);\r\n    }\r\n    if (query.pageType) {\r\n      this.pageType = query.pageType;\r\n    }\r\n    if (query.leftId) {\r\n      this.leftId = query.leftId;\r\n    }\r\n\r\n    if (query.comeForm) {\r\n      this.comeForm = query.comeForm;\r\n    }\r\n\r\n\r\n    let shopCarList = [];\r\n    if (this.pageType === \"UnionMall\") {\r\n      shopCarList = this.$store.state.unionMyShopCar;\r\n    } else {\r\n      shopCarList = this.$store.state.myShopCar;\r\n    }\r\n    if (shopCarList && shopCarList.length > 0) {\r\n      this.shopCarList = shopCarList;\r\n    }\r\n    if (this.pageType === \"UnionMall\") {\r\n      // 工会之家拿到的商品类型\r\n      this.handleGetUnionMallShopType();\r\n    } else {\r\n      // 拿到全部商品类型\r\n      this.handleGetShopType();\r\n      // 拿到全部的商品\r\n      // this.handleGetAllShopItem();\r\n    }\r\n    // this.onVirtualScroll = this.throttle(this.onVirtualScroll, 100); //\r\n    // 如果是首次访问，延迟显示内容并标记已访问\r\n    if (this.skeletonControl && this.skeletonControl.showSkeleton) {\r\n      setTimeout(async () => {\r\n        if (this.skeletonControl) {\r\n          await this.skeletonControl.showContentAfterLoading(0)\r\n          this.showContent = true;\r\n          this.isFirstLoad = false;\r\n        }\r\n      }, 800);\r\n    } else {\r\n      // 非首次访问直接显示内容\r\n      this.showContent = true;\r\n      this.isFirstLoad = false;\r\n    }\r\n\r\n    this.$utils.addUserBehaviorNew({\r\n      behaviorRecordDesc: this.pageType ? '进入工会商城分类页' : \"进入精选商城分类页\"\r\n    });\r\n  },\r\n  onShow() {\r\n    // onShow 中不控制骨架屏，骨架屏完全由 onLoad 中控制\r\n\r\n    this.menu = uni.getMenuButtonBoundingClientRect();\r\n    // 判断当前的购物车里面是否有东西\r\n    let shopCarList = [];\r\n    if (this.pageType === \"UnionMall\") {\r\n      shopCarList = this.$store.state.unionMyShopCar;\r\n    } else {\r\n      shopCarList = this.$store.state.myShopCar;\r\n    }\r\n\r\n    console.log(\"shopCarList22222222\", shopCarList);\r\n    console.log(\"this.shopCarList\", this.shopCarList);\r\n\r\n    // 判断购物车是否一样\r\n    if (JSON.stringify(shopCarList) === JSON.stringify(this.shopCarList)) {\r\n    } else {\r\n      if (shopCarList && shopCarList.length > 0) {\r\n        this.shopCarList = shopCarList;\r\n      } else {\r\n        this.shopCarList = [];\r\n      }\r\n\r\n      if (this.pageType === \"UnionMall\") {\r\n        // 工会之家拿到的商品类型\r\n        this.handleGetUnionMallShopType();\r\n      } else {\r\n        // 拿到全部商品类型\r\n        this.handleGetShopType();\r\n        // 拿到全部的商品\r\n        // this.handleGetAllShopItem();\r\n      }\r\n    }\r\n  },\r\n  onHide() {\r\n    if (this.shopCarList && this.shopCarList.length > 0) {\r\n      let list = JSON.parse(JSON.stringify(this.shopCarList));\r\n      list.forEach((item) => {\r\n        item.cartItemAoumt =\r\n          Number(item.COMMODITY_MEMBERPRICE) * Number(item.count);\r\n      });\r\n      console.log(\"list\", list);\r\n      // list\r\n      if (this.pageType === \"UnionMall\") {\r\n        this.$store.commit(\"unionMyShopCar\", list);\r\n      } else {\r\n        this.$store.commit(\"myShopCar\", list);\r\n      }\r\n    } else {\r\n      if (this.pageType === \"UnionMall\") {\r\n        this.$store.commit(\"unionMyShopCar\", []);\r\n      } else {\r\n        this.$store.commit(\"myShopCar\", []);\r\n      }\r\n    }\r\n    // this.searchText = \"\";\r\n  },\r\n  onUnload() {\r\n    // 页面卸载时重置首次加载标记，确保下次进入仍显示骨架屏\r\n    this.isFirstLoad = true;\r\n    if (this.shopCarList && this.shopCarList.length > 0) {\r\n      let list = JSON.parse(JSON.stringify(this.shopCarList));\r\n      list.forEach((item) => {\r\n        item.cartItemAoumt =\r\n          Number(item.COMMODITY_MEMBERPRICE) * Number(item.count);\r\n      });\r\n      console.log(\"list\", list);\r\n      // list\r\n      if (this.pageType === \"UnionMall\") {\r\n        this.$store.commit(\"unionMyShopCar\", list);\r\n      } else {\r\n        this.$store.commit(\"myShopCar\", list);\r\n      }\r\n    } else {\r\n      if (this.pageType === \"UnionMall\") {\r\n        this.$store.commit(\"unionMyShopCar\", []);\r\n      } else {\r\n        this.$store.commit(\"myShopCar\", []);\r\n      }\r\n    }\r\n    this.searchText = \"\";\r\n  },\r\n\r\n  methods: {\r\n    // 显示展开功能\r\n    handleShowExportBox(e) {\r\n      uni.switchTab({\r\n        url: \"/pages/index/index\"\r\n      })\r\n      // console.log('e', e);\r\n      // this.showExportFun = !this.showExportFun;\r\n      // this.showExportObj = e.detail\r\n    },\r\n    // 因为有增加和减少商品 所以要更新显示区域内的商品数据\r\n    handleUpDataShop(newVal) {\r\n      if (this.visibleList && this.visibleList.length > 0) {\r\n        let newVisibleList = []\r\n        console.log('this.visibleListthis.visibleListthis.visibleList', JSON.parse(JSON.stringify(this.visibleList)));\r\n        console.log('newValnewValnewValnewValnewValnewVal', JSON.parse(JSON.stringify(newVal)));\r\n\r\n        this.visibleList.forEach((item) => {\r\n          if (newVal && newVal.length > 0) {\r\n            // newVal.forEach((subItem) => {\r\n            let filter = newVal.filter(filterItem => filterItem.COMMODITY_ID === item.COMMODITY_ID)\r\n            if (filter && filter.length > 0) {\r\n              newVisibleList.push(filter[0])\r\n            } else {\r\n              newVisibleList.push(item)\r\n            }\r\n          } else {\r\n            newVisibleList.push(item)\r\n          }\r\n        })\r\n        this.visibleList = newVisibleList\r\n      }\r\n    },\r\n    onImageLoad(id) {\r\n      this.$set(this.imageLoadedMap, id, true);\r\n    },\r\n    getImgUrl(item) {\r\n      const version = `${item.COMMODITY_ID}`; // 用于防止缓存误用\r\n\r\n      if (!item) return `/static/images/home/defultImg.png?v=${version}`;\r\n\r\n\r\n      if (item.IMAGE_PATH) {\r\n        const arr = item.IMAGE_PATH.split(',');\r\n        const base = arr.length > 1 ? arr[0] : item.IMAGE_PATH;\r\n        return `${base}?v=${version}`;\r\n      } else {\r\n        return `/static/images/home/defultImg.png?v=${version}`;\r\n      }\r\n    },\r\n\r\n    onImageLoad(id) {\r\n      this.$set(this.imageLoadedMap, id, true);\r\n    },\r\n    onImageError(id) {\r\n      this.$set(this.imageLoadedMap, id, false); // 可选 fallback\r\n    },\r\n    // 跳转到搜索商品的页面\r\n    handleGoSearchShopPage() {\r\n      uni.navigateTo({ url: `/pages/shopMallPage/searchShopPage/index?pageType=${this.pageType}` });\r\n    },\r\n    handleDesc(e, item) {\r\n      this.good.SALEDETAIL_DESC = e.detail.value\r\n    },\r\n\r\n    isImageVisible(index) {\r\n      return index >= this.startIndex && index < this.startIndex + this.visibleCount + this.buffer;\r\n    },\r\n    onVirtualScroll(e) {\r\n      if (this.scrollLock) return;\r\n      this.scrollLock = true;\r\n\r\n      setTimeout(() => {\r\n        const scrollTop = e.detail.scrollTop;\r\n        const clientHeight = e.detail.clientHeight || this.visibleCount * this.itemHeight;\r\n        const centerIndex = Math.floor((scrollTop + clientHeight / 2) / this.itemHeight);\r\n\r\n        // 当前渲染的范围是 startIndex ~ startIndex + 60\r\n        const currentStart = this.startIndex;\r\n        const currentEnd = currentStart + this.buffer * 2;\r\n\r\n        const distanceToEnd = currentEnd - centerIndex;\r\n\r\n        // ✅ 触发条件：即将滚到下缓冲区末尾（最后10个）时更新\r\n        if (distanceToEnd <= 20 || centerIndex <= currentStart + 20) {\r\n          // 👇 新的以中心为基准的缓冲区域\r\n          const newStart = Math.max(0, centerIndex - this.buffer);\r\n          const newEnd = newStart + this.buffer * 2;\r\n\r\n          const newList = this.rightShopList.slice(newStart, newEnd);\r\n\r\n          if (!this.shallowEqual(this.visibleList, newList)) {\r\n            this.visibleList = newList;\r\n            this.startIndex = newStart;\r\n          }\r\n        }\r\n\r\n        this.scrollLock = false;\r\n      }, 16);\r\n    },\r\n    shallowEqual(arr1, arr2) {\r\n      if (arr1 === arr2) return true;\r\n      if (!arr1 || !arr2) return false;\r\n      if (arr1.length !== arr2.length) return false;\r\n\r\n      for (let i = 0; i < arr1.length; i++) {\r\n        // 如果是对象，可根据唯一字段判断，如 COMMODITY_ID\r\n        if (arr1[i].COMMODITY_ID !== arr2[i].COMMODITY_ID) {\r\n          console.log('arr1[i]', arr1[i]);\r\n          console.log('arr2[i]', arr2[i]);\r\n\r\n          return false;\r\n        }\r\n      }\r\n      return true;\r\n    },\r\n    // updateVisibleList() {\r\n    //   this.visibleList = newList;\r\n    // },\r\n    // 打开购物车 或 立即购买的悬浮框  1 打开购物车  2 立即购买  3售罄\r\n    handleShowShopPopup() {\r\n      if (!this.user.MEMBERSHIP_ID) {\r\n        uni.showModal({\r\n          title: \"温馨提示\",\r\n          content: \"请您授权登录后再操作。\",\r\n          success(res) {\r\n            if (res.confirm) {\r\n              uni.navigateTo({ url: \"/pages/register/index\" });\r\n            }\r\n          },\r\n        });\r\n        return;\r\n      }\r\n\r\n      console.log(\"good\", this.good);\r\n\r\n\r\n      this.good.COMMODITY_GRADE = null\r\n      this.good.LIMIT_TOTALCOUNT = this.good.LIMIT_TOTALCOUNT ? this.good.LIMIT_TOTALCOUNT.toString() : \"\"\r\n      this.good.LIMIT_DAILYCOUNT = this.good.LIMIT_DAILYCOUNT ? this.good.LIMIT_DAILYCOUNT.toString() : \"\"\r\n      this.good.REMINDER_DAY = this.good.REMINDER_DAY ? this.good.REMINDER_DAY.toString() : \"\"\r\n      this.good.SEND_MODE = this.good.SEND_MODE ? this.good.SEND_MODE.toString() : \"\"\r\n      this.good.AFTERSALE_NATRUE = this.good.AFTERSALE_NATRUE ? this.good.AFTERSALE_NATRUE.toString() : \"\"\r\n      this.good.DUTY_PARAGRAPH = this.good.DUTY_PARAGRAPH ? this.good.DUTY_PARAGRAPH.toString() : \"\"\r\n\r\n      if (this.good.RTCOMMODITY_MULTI_ID === \"默认\" || !this.good.RTCOMMODITY_MULTI_ID) {\r\n        uni.showToast({\r\n          title: \"请先选择规格！\",\r\n          icon: \"none\",\r\n        });\r\n      } else {\r\n        // 加入到购物车\r\n\r\n        // 现在的商品列表\r\n        let nowShopList = JSON.parse(JSON.stringify(this.rightShopList));\r\n        console.log(\"nowShopList\", nowShopList);\r\n        console.log(\"this.shopCarList\", this.shopCarList);\r\n\r\n        // 先将商品加到购物车里面\r\n        if (this.shopCarList && this.shopCarList.length > 0) {\r\n          let list = JSON.parse(JSON.stringify(this.shopCarList));\r\n          let filterList = list.filter(\r\n            (item) => item.COMMODITY_ID === this.good.COMMODITY_ID\r\n          );\r\n          if (filterList && filterList.length > 0) {\r\n            list.forEach((item) => {\r\n              // 先看看有没有规格id  如果选了规格 不一样规格 算不同的商品\r\n              if (this.good.RTCOMMODITY_MULTI_ID) {\r\n                let filterRuleList = list.filter(\r\n                  (item) => item.RTCOMMODITY_MULTI_ID === this.good.RTCOMMODITY_MULTI_ID\r\n                );\r\n                // 如果有一样规格的 就替换值  没有 就等于新增商品\r\n                if (filterRuleList && filterRuleList.length > 0) {\r\n                  if (item.COMMODITY_ID === this.good.COMMODITY_ID) {\r\n                    item.count = this.good.count;\r\n                  }\r\n                } else {\r\n                  list.push({ ...this.good });\r\n                  nowShopList.forEach((item) => {\r\n                    if (item.COMMODITY_ID === this.good.COMMODITY_ID) {\r\n                      item.count = this.good.count;\r\n                    }\r\n                  });\r\n                }\r\n              } else {\r\n                if (item.COMMODITY_ID === this.good.COMMODITY_ID) {\r\n                  item.count = this.good.count;\r\n                }\r\n              }\r\n            });\r\n            nowShopList.forEach((item) => {\r\n              if (item.COMMODITY_ID === this.good.COMMODITY_ID) {\r\n                item.count = this.good.count;\r\n              }\r\n            });\r\n          } else {\r\n            list.push({ ...this.good });\r\n            nowShopList.forEach((item) => {\r\n              if (item.COMMODITY_ID === this.good.COMMODITY_ID) {\r\n                item.count = this.good.count;\r\n              }\r\n            });\r\n          }\r\n          this.shopCarList = list;\r\n        } else {\r\n          this.shopCarList = [{ ...this.good }];\r\n          nowShopList.forEach((item) => {\r\n            if (item.COMMODITY_ID === this.good.COMMODITY_ID) {\r\n              item.count = this.good.count;\r\n            }\r\n          });\r\n        }\r\n\r\n        this.rightShopList = nowShopList;\r\n        this.handleUpDataShop(nowShopList)\r\n        this.leftTypeList[this.leftSelectIndex].COMMODITYLIST = nowShopList;\r\n        this.$forceUpdate();\r\n        this.handleClosePop();\r\n      }\r\n    },\r\n    // 悬浮框里面的改变商品数量\r\n    handleNumber(e) {\r\n      let obj = JSON.parse(JSON.stringify(this.good));\r\n      let count = Number(e.target.value);\r\n      obj.count = count;\r\n      this.good = obj;\r\n    },\r\n    // 悬浮框里面的添加商品数量\r\n    handleDetailAdd(e, obj) {\r\n      obj.count += 1;\r\n      this.good = obj;\r\n\r\n      this.$forceUpdate();\r\n    },\r\n    // 悬浮框里面的减少商品数量\r\n    handleDetailSubtract(e, obj) {\r\n      if (obj.count > 0) {\r\n        obj.count -= 1;\r\n        this.good = obj;\r\n        this.$forceUpdate();\r\n      }\r\n    },\r\n    handleClosePop() {\r\n      this.$refs.shopPopup.close();\r\n    },\r\n    // 工会之家拿到的商品类型\r\n    async handleGetUnionMallShopType() {\r\n      // const req = {\r\n      //   ownerUnitId: 911,\r\n      //   action_type: \"WeChat_GetMallGoodsType\",\r\n      //   appId: \"wxee018fb96955552a\",\r\n      //   commodityNature: 5070,\r\n      // };\r\n      const data = await this.$api.$javaGet(\r\n        '/third-party/getWeChatGetMallGoodsType',\r\n        {\r\n          ownerUnitId: 911,\r\n          appId: \"wxee018fb96955552a\",\r\n          commodityNature: 5070,\r\n        }\r\n      )\r\n\r\n      // const data = await this.$api.getCoop(req);\r\n      let typeList = data.Data.List;\r\n      console.log(\"typeList321\", typeList);\r\n      let resList = [];\r\n      let indexOfList = [1249, 1250, 1253, 3176];\r\n      if (typeList && typeList.length > 0) {\r\n        typeList.forEach((item) => {\r\n          if (indexOfList.indexOf(item.UserdefinedType_Id) !== -1) {\r\n            if (item.UserdefinedType_Id === 1253) {\r\n              resList.unshift(item);\r\n            } else {\r\n              resList.push(item);\r\n            }\r\n          }\r\n        });\r\n      }\r\n      console.log(\"this.shopTypeList222\", resList);\r\n      this.shopTypeList = resList;\r\n\r\n      console.log(\"this.shopTypeList222\", this.shopTypeList);\r\n      this.handleGetAllShopItem(resList[this.activeTabs].UserdefinedType_Id);\r\n    },\r\n    // 搜索商品\r\n    async handleSearch() {\r\n      if (this.searchText) {\r\n        uni.showLoading({ title: \"加载中\" });\r\n        // const data = await this.$api.getCoop({\r\n        //   action_type: \"WeChat_GetMallGoodsInfo\",\r\n        //   ownerUnitId: 911,\r\n        //   appId: \"wxee018fb96955552a\",\r\n        //   commodityName: this.searchText,\r\n        //   excludeNature: this.pageType === \"UnionMall\" ? \"\" : 5070,\r\n        //   commodityNature: this.pageType === \"UnionMall\" ? 5070 : \"\",\r\n        //   payMethod: \"1000,3000\",\r\n        //   // justCommodity: 1,\r\n        // });\r\n\r\n        let url = this.pageType === \"UnionMall\" ? '/third-party/getWeChatGetMallGoodsInfo' : '/third-party/getWeChatGetMallGoodsInfoExclude'\r\n\r\n        const data = await this.$api.$javaGet(\r\n          // '/third-party/getExcludeWeChatGetMallGoodsInfo',\r\n          url,\r\n          {\r\n            ownerUnitId: 911,\r\n            appId: \"wxee018fb96955552a\",\r\n            commodityName: this.searchText,\r\n            excludeNature: this.pageType === \"UnionMall\" ? \"\" : 5070,\r\n            commodityNature: this.pageType === \"UnionMall\" ? 5070 : \"\",\r\n            payMethod: \"1000,3000\",\r\n            // justCommodity: 1,\r\n          }\r\n        )\r\n\r\n        uni.hideLoading()\r\n\r\n        let list = data.Data.List;\r\n        console.log(\"list\", list);\r\n        let shopList = [];\r\n        if (list && list.length > 0) {\r\n          list.forEach((item) => {\r\n            if (item.COMMODITYLIST && item.COMMODITYLIST.length > 0) {\r\n              item.COMMODITYLIST.forEach((subItem) => {\r\n                // 判断当前的购物车里面 是不是已经有数据了 有数据的话 把原本的商品数量赋值进去\r\n                if (this.shopCarList && this.shopCarList.length > 0) {\r\n                  this.shopCarList.forEach((shopCarItem) => {\r\n                    if (shopCarItem.COMMODITY_ID === subItem.COMMODITY_ID) {\r\n                      subItem.count = shopCarItem.count;\r\n                      if (subItem.SKULIST && subItem.SKULIST.length > 0) {\r\n                        subItem.COMMODITY_RULE = shopCarItem.COMMODITY_RULE;\r\n                      } else {\r\n                        subItem.showReduce = true;\r\n                      }\r\n                    }\r\n                  });\r\n                }\r\n\r\n                if (\r\n                  subItem.COMMODITY_MEMBERPRICE &&\r\n                  subItem.COMMODITY_MEMBERPRICE.toString().indexOf(\".\") !== -1\r\n                ) {\r\n                  subItem.bigNumber =\r\n                    subItem.COMMODITY_MEMBERPRICE.toString().split(\".\")[0];\r\n                  subItem.smallNumber =\r\n                    subItem.COMMODITY_MEMBERPRICE.toString().split(\".\")[1];\r\n                } else {\r\n                  subItem.bigNumber = subItem.COMMODITY_MEMBERPRICE;\r\n                }\r\n                if (\r\n                  subItem.COMMODITY_RETAILPRICE &&\r\n                  subItem.COMMODITY_RETAILPRICE.toString().indexOf(\".\") !== -1\r\n                ) {\r\n                  subItem.RETbigNumber =\r\n                    subItem.COMMODITY_RETAILPRICE.toString().split(\".\")[0];\r\n                  subItem.RETsmallNumber =\r\n                    subItem.COMMODITY_RETAILPRICE.toString().split(\".\")[1];\r\n                } else {\r\n                  subItem.RETbigNumber = subItem.COMMODITY_RETAILPRICE;\r\n                }\r\n                shopList.push(subItem);\r\n              });\r\n            }\r\n          });\r\n        }\r\n        console.log(\"搜索商品\", shopList);\r\n\r\n        // 再去一下重  因为单个商品 多类别\r\n        let res = []\r\n        let shopIdList = []\r\n        if (shopList && shopList.length > 0) {\r\n          shopList.forEach((item) => {\r\n            if (shopIdList.indexOf(item.COMMODITY_ID) === -1) {\r\n              res.push(item)\r\n              shopIdList.push(item.COMMODITY_ID)\r\n            }\r\n          })\r\n        }\r\n        this.rightShopList = res;\r\n      } else {\r\n        if (this.pageType === \"UnionMall\") {\r\n          // 工会之家拿到的商品类型\r\n          this.handleGetUnionMallShopType();\r\n        } else {\r\n          // 拿到全部商品类型\r\n          this.handleGetShopType();\r\n        }\r\n      }\r\n    },\r\n    // 拿到全部商品的分类\r\n    async handleGetShopType() {\r\n      let _this = this\r\n      let typeList = []\r\n      let getWeChatGetMallGoodsType = uni.getStorageSync(\"getWeChatGetMallGoodsType\")\r\n\r\n      if (getWeChatGetMallGoodsType) {\r\n        typeList = getWeChatGetMallGoodsType\r\n        this.$api.$javaGet(\r\n          '/third-party/getWeChatGetMallGoodsType',\r\n          {\r\n            ownerUnitId: 911,\r\n            appId: \"wxee018fb96955552a\",\r\n            commodityNature: this.pageType === \"UnionMall\" ? \"\" : 5070,\r\n          }\r\n        ).then((data) => {\r\n          let newTypeList = data.Data.List;\r\n          if (JSON.stringify(newTypeList) !== JSON.stringify(typeList)) {\r\n            uni.setStorageSync(\"getWeChatGetMallGoodsType\", newTypeList)\r\n            _this.handleGetShopTypeShowData(newTypeList)\r\n          }\r\n        })\r\n      } else {\r\n        const data = await this.$api.$javaGet(\r\n          '/third-party/getWeChatGetMallGoodsType',\r\n          {\r\n            ownerUnitId: 911,\r\n            appId: \"wxee018fb96955552a\",\r\n            commodityNature: this.pageType === \"UnionMall\" ? \"\" : 5070,\r\n          }\r\n        )\r\n        typeList = data.Data.List;\r\n      }\r\n\r\n\r\n      this.handleGetShopTypeShowData(typeList)\r\n    },\r\n    // 拿到全部商品的分类显示数据的方法\r\n    handleGetShopTypeShowData(typeList) {\r\n      let resList = [];\r\n      let indexOfList = [3186, 3175, 4597];\r\n      if (typeList && typeList.length > 0) {\r\n        typeList.forEach((item) => {\r\n          if (indexOfList.indexOf(item.UserdefinedType_Id) !== -1) {\r\n            resList.push(item);\r\n          }\r\n        });\r\n      }\r\n\r\n      this.shopTypeList = resList;\r\n\r\n      if (this.activeTabs === 999999) {\r\n        this.handleGoPointsMall()\r\n      } else {\r\n        this.handleGetAllShopItem(resList[this.activeTabs].UserdefinedType_Id);\r\n      }\r\n    },\r\n    // 按照小类的  UserdefinedType_PIndex 字段 从小到大排序\r\n    handleSortLeftType(oldList) {\r\n      let list = oldList;\r\n      if (list && list.length > 0) {\r\n        for (let i = 0; i < list.length; i++) {\r\n          for (let j = 0; j < list.length - i - 1; j++) {\r\n            if (\r\n              list[j].UserdefinedType_PIndex >\r\n              list[j + 1].UserdefinedType_PIndex\r\n            ) {\r\n              const temp = list[j];\r\n              list[j] = list[j + 1];\r\n              list[j + 1] = temp;\r\n            }\r\n          }\r\n        }\r\n        return list;\r\n      }\r\n      return [];\r\n    },\r\n    // 拿到全部的商品\r\n    async handleGetAllShopItem(id) {\r\n      console.log(\"id\", id);\r\n      uni.showLoading({ title: \"加载中\" });\r\n      // const data = await this.$api.getCoop({\r\n      //   action_type: \"WeChat_GetMallGoodsInfo\",\r\n      //   ownerUnitId: 911,\r\n      //   userdefinedtypeId: this.searchText ? \"\" : id,\r\n      //   commodityName: this.searchText,\r\n      //   excludeNature: this.pageType === \"UnionMall\" ? \"\" : 5070,\r\n      //   commodityNature: this.pageType === \"UnionMall\" ? 5070 : \"\",\r\n      //   // justCommodity: 1,\r\n      // });\r\n\r\n      let url = this.pageType === \"UnionMall\" ? '/third-party/getWeChatGetMallGoodsInfo' : '/third-party/getWeChatGetMallGoodsInfoExclude'\r\n      const data = await this.$api.$javaGet(\r\n        // '/third-party/getExcludeWeChatGetMallGoodsInfo',\r\n        url,\r\n        {\r\n          ownerUnitId: 911,\r\n          userdefinedTypeId: this.searchText ? \"\" : id,\r\n          userdefinedtypeId: this.searchText ? \"\" : id,\r\n          commodityName: this.searchText,\r\n          excludeNature: this.pageType === \"UnionMall\" ? \"\" : 5070,\r\n          commodityNature: this.pageType === \"UnionMall\" ? 5070 : \"\",\r\n          // justCommodity: 1,\r\n        }\r\n      )\r\n      uni.hideLoading()\r\n      let list = data.Data.List;\r\n      console.log(\"拿到全部的商品\", list);\r\n      let thisAllType = [];\r\n      console.log(\"this.shopTypeList\", this.shopTypeList);\r\n      if (this.shopTypeList && this.shopTypeList.length > 0) {\r\n        this.shopTypeList.forEach((item) => {\r\n          if (item.UserdefinedType_Id === id) {\r\n            thisAllType = item.UserdefinedTypeList;\r\n          }\r\n        });\r\n      }\r\n      console.log(\"拿到当前的所有子类\", thisAllType);\r\n      let haveAll = false;\r\n\r\n      if (thisAllType && thisAllType.length > 0) {\r\n        thisAllType.forEach((item) => {\r\n          if (item.USERDEFINEDTYPE_NAME === \"全部\") {\r\n            haveAll = true;\r\n          }\r\n        });\r\n      }\r\n      // 添加一个子类的全部\r\n      list.unshift({\r\n        UserdefinedType_Name: \"全部\",\r\n        UserdefinedType_Id: -1,\r\n      });\r\n      if (!haveAll) {\r\n        // 添加一个子类的全部\r\n        thisAllType.unshift({\r\n          UserdefinedType_Name: \"全部\",\r\n          UserdefinedType_Id: -1,\r\n        });\r\n      }\r\n\r\n      let leftIndex = -1;\r\n      console.log(\"this.pageType\", this.pageType);\r\n      console.log(\"this.leftId\", this.leftId);\r\n\r\n      if (this.pageType === \"UnionMall\" && this.leftId) {\r\n        if (thisAllType && thisAllType.length > 0) {\r\n          thisAllType.forEach((item, index) => {\r\n            if (item.UserdefinedType_Id === Number(this.leftId)) {\r\n              leftIndex = index;\r\n            }\r\n          });\r\n        }\r\n      }\r\n      console.log(\"list\", list);\r\n      console.log(\"thisAllType\", thisAllType);\r\n\r\n      if (leftIndex === -1) {\r\n        leftIndex = this.leftSelectIndex;\r\n      }\r\n\r\n      console.log(\"this.leftSelectIndex23\", this.leftSelectIndex);\r\n      console.log(\"this.thisAllType31\", thisAllType);\r\n\r\n      // 当前选中的商品列表\r\n      let shopList = [];\r\n      if (list && list.length > 0) {\r\n        console.log(\"list\", list);\r\n        console.log(\"list[leftIndex]\", list[leftIndex]);\r\n        // 这一大类的全部商品\r\n        let thisTypeAllShop = [];\r\n        // 当前的全部商品id\r\n        let allShopID = []\r\n\r\n        list.forEach((item) => {\r\n          if (item.UserdefinedType_Name !== \"全部\") {\r\n            if (\r\n              item.COMMODITYLIST &&\r\n              item.COMMODITYLIST.length > 0 &&\r\n              (item.USERDEFINEDTYPE_PID === id ||\r\n                item.USERDEFINEDTYPE_ID === id)\r\n            ) {\r\n              item.COMMODITYLIST.forEach((subItem) => {\r\n                if (allShopID.indexOf(subItem.COMMODITY_ID) === -1) {\r\n                  thisTypeAllShop.push(subItem);\r\n                  allShopID.push(subItem.COMMODITY_ID)\r\n                }\r\n              });\r\n            }\r\n          }\r\n        });\r\n        list[0].COMMODITYLIST = thisTypeAllShop;\r\n        console.log(\"thisTypeAllShop\", thisTypeAllShop);\r\n        console.log(\"list\", list);\r\n        console.log(\"leftIndex\", leftIndex);\r\n        if (\r\n          leftIndex !== -1 &&\r\n          list[leftIndex] &&\r\n          list[leftIndex].COMMODITYLIST &&\r\n          list[leftIndex].COMMODITYLIST.length > 0\r\n        ) {\r\n          console.log(\"this.leftId\", this.leftId);\r\n          if (this.pageType === \"UnionMall\" && this.leftId) {\r\n            if (this.leftId) {\r\n              let obj = {};\r\n              console.log('dsdhasjdhasld', list);\r\n\r\n              list.forEach((item) => {\r\n                if ((Number(item.USERDEFINEDTYPE_ID) === Number(this.leftId)) || (Number(item.UserdefinedType_Id) === Number(this.leftId)) || Number(item.UserdefinedType_Id) === -1) {\r\n                  obj = item;\r\n                }\r\n              });\r\n              console.log('objobjobjobjobj', obj);\r\n\r\n              if (obj.USERDEFINEDTYPE_ID || obj.UserdefinedType_Id) {\r\n                shopList = obj.COMMODITYLIST;\r\n              } else {\r\n                shopList = [];\r\n              }\r\n            } else {\r\n              shopList = list[leftIndex - 1].COMMODITYLIST;\r\n            }\r\n          } else {\r\n            shopList = list[leftIndex].COMMODITYLIST;\r\n          }\r\n        }\r\n        console.log('vshopListshopListshopListshopList', shopList);\r\n\r\n        if (shopList && shopList.length > 0) {\r\n          shopList.forEach((item) => {\r\n            // 判断当前的购物车里面 是不是已经有数据了 有数据的话 把原本的商品数量赋值进去\r\n            if (this.shopCarList && this.shopCarList.length > 0) {\r\n              this.shopCarList.forEach((shopCarItem) => {\r\n                if (shopCarItem.COMMODITY_ID === item.COMMODITY_ID) {\r\n                  item.count = shopCarItem.count;\r\n                  item.showReduce = true;\r\n                }\r\n              });\r\n            }\r\n\r\n            if (\r\n              item.COMMODITY_MEMBERPRICE &&\r\n              item.COMMODITY_MEMBERPRICE.toString().indexOf(\".\") !== -1\r\n            ) {\r\n              item.bigNumber =\r\n                item.COMMODITY_MEMBERPRICE.toString().split(\".\")[0];\r\n              item.smallNumber =\r\n                item.COMMODITY_MEMBERPRICE.toString().split(\".\")[1];\r\n            } else {\r\n              item.bigNumber = item.COMMODITY_MEMBERPRICE;\r\n            }\r\n            if (\r\n              item.COMMODITY_RETAILPRICE &&\r\n              item.COMMODITY_RETAILPRICE.toString().indexOf(\".\") !== -1\r\n            ) {\r\n              item.RETbigNumber =\r\n                item.COMMODITY_RETAILPRICE.toString().split(\".\")[0];\r\n              item.RETsmallNumber =\r\n                item.COMMODITY_RETAILPRICE.toString().split(\".\")[1];\r\n            } else {\r\n              item.RETbigNumber = item.COMMODITY_RETAILPRICE;\r\n            }\r\n          });\r\n        }\r\n\r\n        // 拿到本身的小类排序 如果这里请求出来 有一样的小类 就用这里的 不然就用全部的小类的那一份\r\n        let newList = [];\r\n        if (thisAllType && thisAllType.length > 0) {\r\n          thisAllType.forEach((item) => {\r\n            item.USERDEFINEDTYPE_ID = [];\r\n            item.USERDEFINEDTYPE_ID = item.UserdefinedType_Id;\r\n            item.USERDEFINEDTYPE_NAME = item.UserdefinedType_Name;\r\n            item.USERDEFINEDTYPE_PID = item.UserdefinedType_PId;\r\n            // 判断这一项找到没\r\n            let isFound = false;\r\n            let res = {};\r\n            list.forEach((subItem) => {\r\n              if (item.UserdefinedType_Id === subItem.USERDEFINEDTYPE_ID) {\r\n                isFound = true;\r\n                res = subItem;\r\n              }\r\n            });\r\n            if (isFound) {\r\n              newList.push(res);\r\n            } else {\r\n              newList.push(item);\r\n            }\r\n          });\r\n        }\r\n\r\n        // 小类里面的全部商品类型\r\n        let allShopList = [];\r\n        // 当前的全部商品id\r\n        let allShopID2 = []\r\n        if (newList && newList.length > 0) {\r\n          this.leftToView =\r\n            \"left_\" + leftIndex + \"_\" + newList[leftIndex].USERDEFINEDTYPE_ID;\r\n          newList.forEach((item) => {\r\n            if (item.COMMODITYLIST && item.COMMODITYLIST.length > 0) {\r\n              item.COMMODITYLIST.forEach((subItem) => {\r\n                if (subItem.USERDEFINEDTYPE_NAME !== \"全部\") {\r\n                  // allShopList.push(subItem);\r\n                  if (allShopID2.indexOf(subItem.COMMODITY_ID) === -1) {\r\n                    allShopList.push(subItem);\r\n                    allShopID2.push(subItem.COMMODITY_ID)\r\n                  }\r\n                }\r\n              });\r\n            }\r\n          });\r\n        }\r\n        newList[0].COMMODITYLIST = allShopList;\r\n        this.leftTypeList = newList;\r\n        console.log(\"this.leftTypeList\", this.leftTypeList);\r\n\r\n        this.leftSelectIndex = leftIndex;\r\n        this.rightShopList = shopList;\r\n        this.visibleList = shopList.slice(0, this.visibleCount + this.buffer * 2);\r\n        console.log('this.rightShopListthis.rightShopListthis.rightShopList', this.rightShopList);\r\n        console.log('this.visibleListthis.visibleList', this.visibleList);\r\n\r\n        this.changBigTypeLoading = true;\r\n      } else {\r\n        this.leftTypeList = [];\r\n        this.leftToView = \"\";\r\n        this.leftSelectIndex = 0;\r\n        this.rightShopList = [];\r\n      }\r\n\r\n      console.log(\"现在的小类\", this.leftTypeList);\r\n\r\n      uni.hideLoading()\r\n    },\r\n    // 商品列表\r\n    showDetail(obj) {\r\n      console.log(\"obj\", obj);\r\n      uni.navigateTo({\r\n        url: `/pages/shopPages/shopDetail/index?id=${obj.COMMODITY_ID}&pageType=${this.pageType}`,\r\n      });\r\n    },\r\n    // 更新 leftAllTypeObj 数据\r\n    handleUpdateLeftAllTypeObj(list) {\r\n      // 最终要输出的对象\r\n      let leftAllTypeObj = {};\r\n      // 存储一下出现过的商品小类\r\n      let smallTypeList = [];\r\n\r\n      list.forEach((item) => {\r\n        if (item.COMMODITYLIST && item.COMMODITYLIST.length > 0) {\r\n          if (\r\n            leftAllTypeObj[item.USERDEFINEDTYPE_ID] &&\r\n            leftAllTypeObj[item.USERDEFINEDTYPE_ID].length > 0\r\n          ) {\r\n          } else {\r\n            leftAllTypeObj[item.USERDEFINEDTYPE_ID] = [];\r\n          }\r\n          item.COMMODITYLIST.forEach((subItem) => {\r\n            // 判断当前的购物车里面 是不是已经有数据了 有数据的话 把原本的商品数量赋值进去\r\n            if (this.shopCarList && this.shopCarList.length > 0) {\r\n              this.shopCarList.forEach((shopCarItem) => {\r\n                if (shopCarItem.COMMODITY_ID === subItem.COMMODITY_ID) {\r\n                  subItem.count = shopCarItem.count;\r\n                  subItem.showReduce = true;\r\n                }\r\n              });\r\n            }\r\n\r\n            if (\r\n              subItem.COMMODITY_MEMBERPRICE &&\r\n              subItem.COMMODITY_MEMBERPRICE.toString().indexOf(\".\") !== -1\r\n            ) {\r\n              let [big, small] =\r\n                subItem.COMMODITY_MEMBERPRICE.toString().split(\".\");\r\n              subItem.COMMODITY_INYEGER = big;\r\n              subItem.COMMODITY_DECIMAL = small;\r\n            } else {\r\n              subItem.COMMODITY_INYEGER = subItem.COMMODITY_MEMBERPRICE;\r\n              subItem.COMMODITY_DECIMAL = 0;\r\n            }\r\n            let obj = leftAllTypeObj[item.USERDEFINEDTYPE_ID];\r\n            if (smallTypeList.indexOf(subItem.COMMODITYTYPE_ID) === -1) {\r\n              smallTypeList.push(subItem.COMMODITYTYPE_ID);\r\n              if (obj && obj.length > 0) {\r\n                obj.push({\r\n                  name: subItem.COMMODITYTYPE_NAME,\r\n                  value: subItem.COMMODITYTYPE_ID,\r\n                  list: [subItem],\r\n                });\r\n                leftAllTypeObj[item.USERDEFINEDTYPE_ID] = obj;\r\n              } else {\r\n                obj = [\r\n                  {\r\n                    name: subItem.COMMODITYTYPE_NAME,\r\n                    value: subItem.COMMODITYTYPE_ID,\r\n                    list: [subItem],\r\n                  },\r\n                ];\r\n                leftAllTypeObj[item.USERDEFINEDTYPE_ID] = obj;\r\n              }\r\n            } else {\r\n              // 已经出现过了小类 那么就在它的list上添加就好\r\n              obj.forEach((thirdItem) => {\r\n                if (thirdItem.value === subItem.COMMODITYTYPE_ID) {\r\n                  let list = thirdItem.list;\r\n                  list.push(subItem);\r\n                  thirdItem.list = list;\r\n                }\r\n              });\r\n            }\r\n\r\n            // if (obj[subItem.COMMODITYTYPE_ID]) {\r\n            //   let list = obj[subItem.COMMODITYTYPE_ID]\r\n            //   list.push(subItem)\r\n            //   obj[subItem.COMMODITYTYPE_ID].list = list\r\n            // } else {\r\n            //   let list = []\r\n            //   list.push(subItem)\r\n            //   obj[subItem.COMMODITYTYPE_ID] = {\r\n            //     name: subItem.COMMODITYTYPE_NAME,\r\n            //     list: list\r\n            //   }\r\n            // }\r\n          });\r\n        }\r\n      });\r\n      this.allLeftTypeObj = leftAllTypeObj;\r\n      this.leftToView =\r\n        \"left_0_\" + this.allLeftTypeObj[this.bigTypeId][0].value;\r\n      this.leftSelectIndex = 0;\r\n    },\r\n    // 改变商品大类\r\n    handleToggleTab(index) {\r\n      this.activeTabs = index;\r\n      this.leftSelectIndex = 0;\r\n      console.log(\"index\", index);\r\n      // if (this.shopTypeList[index].UserdefinedType_Name === \"工会活动\") {\r\n      //   uni.navigateTo({\r\n      //     url: `/pages/allFunPage/unionActivities`,\r\n      //   });\r\n      // } else {\r\n      this.handleGetAllShopItem(this.shopTypeList[index].UserdefinedType_Id);\r\n      // }\r\n    },\r\n    // 改变商品小类\r\n    catClickFn(e, index, obj) {\r\n      this.leftToView =\r\n        `left_${index}_` + this.leftTypeList[index].USERDEFINEDTYPE_ID;\r\n      this.leftSelectIndex = index;\r\n      let shopList = this.leftTypeList[index].COMMODITYLIST;\r\n\r\n\r\n      console.log(\"e\", e);\r\n      console.log(\"obj\", obj);\r\n      console.log(\"this.leftTypeList\", this.leftTypeList);\r\n      console.log(\"shopList\", shopList);\r\n\r\n      if (shopList && shopList.length > 0) {\r\n        shopList.forEach((item) => {\r\n          // 判断当前的购物车里面 是不是已经有数据了 有数据的话 把原本的商品数量赋值进去\r\n          if (this.shopCarList && this.shopCarList.length > 0) {\r\n            this.shopCarList.forEach((shopCarItem) => {\r\n              if (shopCarItem.COMMODITY_ID === item.COMMODITY_ID) {\r\n                item.count = shopCarItem.count;\r\n                item.showReduce = true;\r\n              }\r\n            });\r\n          }\r\n\r\n          if (\r\n            item.COMMODITY_MEMBERPRICE &&\r\n            item.COMMODITY_MEMBERPRICE.toString().indexOf(\".\") !== -1\r\n          ) {\r\n            item.bigNumber =\r\n              item.COMMODITY_MEMBERPRICE.toString().split(\".\")[0];\r\n            item.smallNumber =\r\n              item.COMMODITY_MEMBERPRICE.toString().split(\".\")[1];\r\n          } else {\r\n            item.bigNumber = item.COMMODITY_MEMBERPRICE;\r\n          }\r\n          if (\r\n            item.COMMODITY_RETAILPRICE &&\r\n            item.COMMODITY_RETAILPRICE.toString().indexOf(\".\") !== -1\r\n          ) {\r\n            item.RETbigNumber =\r\n              item.COMMODITY_RETAILPRICE.toString().split(\".\")[0];\r\n            item.RETsmallNumber =\r\n              item.COMMODITY_RETAILPRICE.toString().split(\".\")[1];\r\n          } else {\r\n            item.RETbigNumber = item.COMMODITY_RETAILPRICE;\r\n          }\r\n        });\r\n      }\r\n      console.log(\"shopList\", shopList);\r\n\r\n      if (shopList && shopList.length > 0) {\r\n        this.rightShopList = shopList;\r\n      } else {\r\n        this.rightShopList = [];\r\n      }\r\n      this.visibleList = shopList\r\n      this.startIndex = 0;\r\n      this.shopTopId = 'shopTop'\r\n      this.$forceUpdate()\r\n      let _this = this\r\n      setTimeout(() => {\r\n        _this.shopTopId = ''\r\n      }, 1000)\r\n    },\r\n    // 选规格的悬浮框\r\n    handleShowPopup(obj) {\r\n      let currentShop = JSON.parse(JSON.stringify(obj));\r\n      if (currentShop.count > 0) {\r\n      } else {\r\n        currentShop.count = 1;\r\n      }\r\n      // currentShop.SKULIST[0].COMMODITY_STOCK = 0\r\n      this.good = currentShop;\r\n      console.log(\"this.good\", this.good);\r\n      this.$refs.shopPopup.open(\"bottom\");\r\n    },\r\n    // 改变当前选中的规格\r\n    handleChangeSelectSKULIST(value, obj) {\r\n      console.log('valuevaluevaluevalue', value);\r\n      console.log('objobjobjobjobj', obj);\r\n      if (obj.COMMODITY_STOCK > 0) {\r\n        this.good.COMMODITY_RULE = obj.COMMODITY_NAME;\r\n        this.good.RTCOMMODITY_MULTI_ID = value;\r\n        this.good.COMMODITY_MEMBERPRICE = obj.COMMODITY_MEMBERPRICE\r\n        this.good.COMMODITY_PURCHASEPRICE = obj.COMMODITY_PURCHASEPRICE\r\n      }\r\n      this.$forceUpdate()\r\n    },\r\n    // 添加商品到购物车\r\n    touchOnGoods(e, obj) {\r\n      if (!this.user.MEMBERSHIP_ID) {\r\n        uni.showModal({\r\n          title: \"温馨提示\",\r\n          content: \"请您授权登录后再操作。\",\r\n          success(res) {\r\n            if (res.confirm) {\r\n              uni.navigateTo({ url: \"/pages/register/index\" });\r\n            }\r\n          },\r\n        });\r\n        return;\r\n      }\r\n\r\n      // 现在的商品列表\r\n      let nowShopList = JSON.parse(JSON.stringify(this.rightShopList));\r\n\r\n      console.log(\"nowShopList\", nowShopList);\r\n      console.log(\"this.shopCarList\", this.shopCarList);\r\n\r\n      if (this.shopCarList && this.shopCarList.length > 0) {\r\n        let list = JSON.parse(JSON.stringify(this.shopCarList));\r\n        let filterList = list.filter(\r\n          (item) => item.COMMODITY_ID === obj.COMMODITY_ID\r\n        );\r\n        if (filterList && filterList.length > 0) {\r\n          list.forEach((item) => {\r\n            if (item.COMMODITY_ID === obj.COMMODITY_ID) {\r\n              item.count = Number(item.count) + 1;\r\n            }\r\n          });\r\n          nowShopList.forEach((item) => {\r\n            if (item.COMMODITY_ID === obj.COMMODITY_ID) {\r\n              item.count = Number(item.count) + 1;\r\n              if (item.count && item.count > 0) {\r\n                item.showReduce = true;\r\n              } else {\r\n                item.showReduce = false;\r\n              }\r\n            }\r\n          });\r\n        } else {\r\n          // list.push({ ...obj, count: 1 });\r\n          list.unshift({ ...obj, count: 1 });\r\n          nowShopList.forEach((item) => {\r\n            if (item.COMMODITY_ID === obj.COMMODITY_ID) {\r\n              item.count = 1;\r\n              item.showReduce = true;\r\n            }\r\n          });\r\n        }\r\n        this.shopCarList = list;\r\n      } else {\r\n        this.shopCarList = [{ ...obj, count: 1 }];\r\n        console.log(\"this.shopCarList\", this.shopCarList);\r\n        console.log(\"shopTypeList\", this.shopTypeList);\r\n        nowShopList.forEach((item) => {\r\n          if (item.COMMODITY_ID === obj.COMMODITY_ID) {\r\n            item.count = 1;\r\n            item.showReduce = true;\r\n          }\r\n        });\r\n      }\r\n      // 这里只改变了 右侧的商品列表 需要把左侧类型里面包含的商品列表也给改掉\r\n      this.rightShopList = nowShopList;\r\n      this.handleUpDataShop(nowShopList)\r\n      this.leftTypeList[this.leftSelectIndex].COMMODITYLIST = nowShopList;\r\n      this.$forceUpdate();\r\n    },\r\n    // 从购物车移除\r\n    touchReduce(e, obj) {\r\n      // 现在的商品列表\r\n      let nowShopList = JSON.parse(JSON.stringify(this.rightShopList));\r\n      // 现在的购物车列表\r\n      let list = JSON.parse(JSON.stringify(this.shopCarList));\r\n      list.forEach((item) => {\r\n        if (item.COMMODITY_ID === obj.COMMODITY_ID) {\r\n          item.count = Number(item.count - 1);\r\n        }\r\n      });\r\n      let newShopCarList = [];\r\n      list.forEach((item) => {\r\n        if (item.count && item.count > 0) {\r\n          newShopCarList.push(item);\r\n        }\r\n      });\r\n      this.shopCarList = newShopCarList;\r\n      nowShopList.forEach((item) => {\r\n        if (item.COMMODITY_ID === obj.COMMODITY_ID) {\r\n          item.count = Number(item.count - 1);\r\n          if (item.count === 0) {\r\n            item.showReduce = false;\r\n          }\r\n        }\r\n      });\r\n      // 这里只改变了 右侧的商品列表 需要把左侧类型里面包含的商品列表也给改掉\r\n      this.rightShopList = nowShopList;\r\n      this.handleUpDataShop(nowShopList)\r\n      this.leftTypeList[this.leftSelectIndex].COMMODITYLIST = nowShopList;\r\n      this.$forceUpdate();\r\n    },\r\n\r\n    // 返回首页\r\n    handleBackHome() {\r\n      if (this.pageType === \"UnionMall\") {\r\n        uni.redirectTo({\r\n          url: `/pages/shopMallPage/index/index?pageType=UnionMall`,\r\n        });\r\n      } else {\r\n        uni.redirectTo({\r\n          url: \"/pages/shopMallPage/index/index\",\r\n        });\r\n      }\r\n    },\r\n    // 跳转商品列表\r\n    async handleGoPointsMall() {\r\n      uni.showLoading({ title: \"加载中\" });\r\n      // uni.navigateTo({\r\n      //   url: `/pages/shopPages/shopList/index?pageType=pointsMall`,\r\n      // });\r\n      this.activeTabs = 999999\r\n      this.leftSelectIndex = 999999;\r\n      this.leftToView = `left_0_999999`\r\n      this.leftTypeList = [{ USERDEFINEDTYPE_NAME: \"积分商城\", USERDEFINEDTYPE_ID: 999999 }]\r\n\r\n      await this.handleGetPointMallShop()\r\n      uni.hideLoading()\r\n    },\r\n    // 拿到积分商城的商品\r\n    async handleGetPointMallShop() {\r\n      let req = {\r\n        action_type: \"WeChat_GetMallGoodsInfo\",\r\n        ownerUnitId: 911,\r\n        justCommodity: 1,\r\n        payMethod: \"2000,3000\",\r\n        excludeNature: this.user.INDUSTRY_MEMBERSHIP_ID ? '' : 5070,\r\n      };\r\n      const data = await this.$api.getCoop(req);\r\n      let list = data.Data.List\r\n\r\n\r\n      let shopList = []\r\n      if (list && list.length > 0) {\r\n        list.forEach((item) => {\r\n          if (item.COMMODITYLIST && item.COMMODITYLIST.length > 0) {\r\n            item.COMMODITYLIST.forEach((subItem) => {\r\n              shopList.push(subItem)\r\n            })\r\n          }\r\n        })\r\n      }\r\n\r\n      console.log('shopListshopListshopList', shopList);\r\n\r\n\r\n      if (shopList && shopList.length > 0) {\r\n        shopList.forEach((item) => {\r\n          // 判断当前的购物车里面 是不是已经有数据了 有数据的话 把原本的商品数量赋值进去\r\n          if (this.shopCarList && this.shopCarList.length > 0) {\r\n            this.shopCarList.forEach((shopCarItem) => {\r\n              if (shopCarItem.COMMODITY_ID === item.COMMODITY_ID) {\r\n                item.count = shopCarItem.count;\r\n                item.showReduce = true;\r\n              }\r\n            });\r\n          }\r\n\r\n          if (\r\n            item.COMMODITY_MEMBERPRICE &&\r\n            item.COMMODITY_MEMBERPRICE.toString().indexOf(\".\") !== -1\r\n          ) {\r\n            item.bigNumber =\r\n              item.COMMODITY_MEMBERPRICE.toString().split(\".\")[0];\r\n            item.smallNumber =\r\n              item.COMMODITY_MEMBERPRICE.toString().split(\".\")[1];\r\n          } else {\r\n            item.bigNumber = item.COMMODITY_MEMBERPRICE;\r\n          }\r\n          if (\r\n            item.COMMODITY_RETAILPRICE &&\r\n            item.COMMODITY_RETAILPRICE.toString().indexOf(\".\") !== -1\r\n          ) {\r\n            item.RETbigNumber =\r\n              item.COMMODITY_RETAILPRICE.toString().split(\".\")[0];\r\n            item.RETsmallNumber =\r\n              item.COMMODITY_RETAILPRICE.toString().split(\".\")[1];\r\n          } else {\r\n            item.RETbigNumber = item.COMMODITY_RETAILPRICE;\r\n          }\r\n        });\r\n        this.changBigTypeLoading = true;\r\n        this.rightShopList = shopList;\r\n        this.visibleList = shopList.slice(0, this.visibleCount + this.buffer * 2);\r\n      }\r\n    },\r\n    // 跳转工会之家\r\n    handleGoUnionMall() {\r\n      uni.navigateTo({\r\n        url: `/pages/shopMallPage/index/index?pageType=UnionMall`,\r\n      });\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.main {\r\n  width: 100vw;\r\n  height: 100vh;\r\n\r\n  background-image: url('https://eshangtech.com/minTestImg/unionMallBg.png');\r\n  background-size: 100% 100vh;\r\n  background-repeat: no-repeat;\r\n\r\n  .header {\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    // background: linear-gradient(180deg, #DD3D26 0%, #EFAEAB 100%);\r\n    // background: transparent;\r\n    padding-bottom: 72rpx;\r\n\r\n    .headerTop {\r\n      width: 100%;\r\n      display: flex;\r\n      align-items: center;\r\n      box-sizing: border-box;\r\n      padding: 0 32rpx;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n\r\n      .backArrowBox {\r\n        width: 120rpx;\r\n        background: rgba(255, 255, 255, 0.6);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 32rpx;\r\n        border: 1px solid #d9d5cc;\r\n        padding: 4rpx 16rpx;\r\n\r\n        .backArrow {\r\n          width: 48rpx;\r\n          height: 48rpx;\r\n        }\r\n\r\n        .line {\r\n          width: 2rpx;\r\n          height: 32rpx;\r\n          background: #bbbbba;\r\n          margin: 0 8rpx;\r\n        }\r\n\r\n        .img {\r\n          width: 48rpx;\r\n          height: 48rpx;\r\n        }\r\n      }\r\n\r\n      .backArrow {\r\n        width: 48rpx;\r\n        height: 48rpx;\r\n      }\r\n\r\n      .pageName {\r\n        font-size: 32rpx;\r\n        font-weight: 600;\r\n        color: #fff;\r\n      }\r\n    }\r\n\r\n    .pageTitle {\r\n      font-family: PingFangSC, PingFang SC;\r\n      font-weight: 400;\r\n      font-size: 34rpx;\r\n      color: #ffffff;\r\n      line-height: 48rpx;\r\n      text-align: center;\r\n      font-style: normal;\r\n    }\r\n\r\n    .pageSearch {\r\n      width: calc(100% - 48rpx);\r\n      margin-top: 28rpx;\r\n      margin-left: 24rpx;\r\n      box-sizing: border-box;\r\n      height: 38px;\r\n      background: #fff;\r\n      border-radius: 19px;\r\n      box-sizing: border-box;\r\n      padding: 2px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n\r\n      .areaSelect {\r\n        font-size: 14px;\r\n        font-family: PingFangSC-Regular, PingFang SC;\r\n        font-weight: 400;\r\n        color: #160304;\r\n        line-height: 20px;\r\n        padding-left: 12px;\r\n        position: relative;\r\n\r\n        .areaIcon {\r\n          width: 12px;\r\n          height: 12px;\r\n        }\r\n      }\r\n\r\n      .areaSelect:after {\r\n        content: \"\";\r\n        width: 2px;\r\n        height: 14px;\r\n        position: absolute;\r\n        top: 3px;\r\n        right: -12px;\r\n        background: #e7e5e5;\r\n        display: block;\r\n      }\r\n\r\n      .serach_input {\r\n        width: 80%;\r\n        border: none;\r\n        height: 20px;\r\n        font-size: 14px;\r\n        box-sizing: border-box;\r\n        padding: 0 12px;\r\n      }\r\n\r\n      .searchBtn {\r\n        font-size: 14px;\r\n        font-family: PingFangSC-Semibold, PingFang SC;\r\n        font-weight: 600;\r\n        color: #fdfdfd;\r\n        line-height: 20px;\r\n        padding: 7px 16px;\r\n        // background: #1890ff;\r\n        background: linear-gradient(270deg, #FB6C6C 0%, #FF4545 100%);\r\n        border-radius: 17px;\r\n      }\r\n    }\r\n\r\n    .search {\r\n      position: absolute;\r\n      left: 32rpx;\r\n      width: 480rpx;\r\n      height: 72rpx;\r\n      background: #f2f4f5;\r\n      display: flex;\r\n      flex-direction: row;\r\n      align-items: center;\r\n      border-radius: 36rpx;\r\n      opacity: 0.8;\r\n\r\n      .search_icon {\r\n        width: 36rpx;\r\n        height: 36rpx;\r\n        margin: auto 16rpx auto 24rpx;\r\n      }\r\n    }\r\n\r\n    .shop_info {\r\n      position: absolute;\r\n      left: 32rpx;\r\n      display: flex;\r\n      flex-direction: row;\r\n      align-items: center;\r\n\r\n      .shop_img {\r\n        width: 120rpx;\r\n        height: 120rpx;\r\n        margin-right: 16rpx;\r\n        border-radius: 16rpx;\r\n      }\r\n\r\n      .shop_box {\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: flex-end;\r\n\r\n        .shop_title {\r\n          font-size: 34rpx;\r\n          font-weight: 500;\r\n          color: #ffffff;\r\n          line-height: 56rpx;\r\n        }\r\n\r\n        .shop_txt {\r\n          font-size: 24rpx;\r\n          font-family: PingFangSC-Regular, PingFang SC;\r\n          font-weight: 400;\r\n          color: #ecf1f6;\r\n          line-height: 40rpx;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .pageContent {\r\n    width: 100%;\r\n    //height: calc(100vh - 214px);\r\n    border-radius: 12px 12px 0 0;\r\n    transform: translateY(-24px);\r\n\r\n    .bigTabBox {\r\n      width: 100%;\r\n      height: 95px;\r\n      border-radius: 12px 12px 0 0;\r\n      box-sizing: border-box;\r\n      padding: 12px 16px;\r\n      background: linear-gradient(315deg, #f1f5f9 0%, #f4f7fa 100%);\r\n\r\n      .scrollBox {\r\n        width: 100%;\r\n\r\n        .bigTabItem {\r\n          width: 20%;\r\n          box-sizing: border-box;\r\n          display: inline-block;\r\n\r\n          .itemBox {\r\n            width: 100%;\r\n            height: 100%;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n\r\n            .normal {\r\n              background: #fff;\r\n              border-radius: 50%;\r\n              width: 46px;\r\n              height: 46px;\r\n              display: flex;\r\n              align-items: center;\r\n              justify-content: center;\r\n              overflow: hidden;\r\n\r\n              .imgBox {\r\n                width: 42px;\r\n                height: 42px;\r\n                border: 2px solid #fff;\r\n                border-radius: 50%;\r\n                overflow: hidden;\r\n              }\r\n            }\r\n\r\n            .tab_active {\r\n              border: 1px solid #E43C3D;\r\n            }\r\n\r\n            .tab_txt_active {\r\n              padding: 0 5px;\r\n              // background: #1890ff;\r\n              background: #E43C3D;\r\n              border-radius: 8px;\r\n              color: #fff !important;\r\n            }\r\n\r\n            .tab_txt_normal {\r\n              font-size: 24rpx;\r\n              font-family: PingFangSC-Regular, PingFang SC;\r\n              font-weight: 400;\r\n              color: #6c737a;\r\n              line-height: 36rpx;\r\n              text-align: center;\r\n              margin-top: 4px;\r\n              display: inline-block;\r\n              white-space: nowrap;\r\n              overflow: hidden;\r\n              text-overflow: ellipsis;\r\n              width: 80%;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .bigTabBox ::-webkit-scrollbar {\r\n      display: none;\r\n    }\r\n\r\n    .shopListBox {\r\n      width: 100%;\r\n      height: calc(100% - 95px);\r\n      display: flex;\r\n\r\n      .smallShopList {\r\n        width: 84px;\r\n        height: 100%;\r\n        background: #f2f4f5;\r\n\r\n        .scrollShopBox {\r\n          height: calc(100% - 23px);\r\n          -webkit-overflow-scrolling: touch;\r\n\r\n          .smallShopItem {\r\n            width: 100%;\r\n            //height: 48px;\r\n            position: relative;\r\n            padding: 16px 0;\r\n\r\n            .smallItemTitle {\r\n              width: 100%;\r\n              display: block;\r\n              font-size: 12px;\r\n              font-family: PingFangSC-Regular, PingFang SC;\r\n              font-weight: 400;\r\n              color: #020e1a;\r\n              text-align: center;\r\n            }\r\n\r\n            .noticeNumber {\r\n              position: absolute;\r\n              top: 0;\r\n              right: 4rpx;\r\n              width: 36rpx;\r\n              height: 32rpx;\r\n              line-height: 32rpx;\r\n              text-align: center;\r\n              border-radius: 32rpx;\r\n              font-size: 18rpx;\r\n              font-weight: 700;\r\n              color: #fff;\r\n              background: rgba(240, 20, 20, 0.808);\r\n              /*box-shadow: 0 4rpx 8rpx 0 rgba(0, 0, 0, 0.4);*/\r\n            }\r\n          }\r\n\r\n          .selectShopItem {\r\n            background: #fff;\r\n\r\n            .smallItemTitle {\r\n              color: #E43C3D;\r\n            }\r\n          }\r\n\r\n          .selectShopItem:before {\r\n            content: \"\";\r\n            position: absolute;\r\n            left: 0;\r\n            width: 4px;\r\n            height: 24px;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            background: #E43C3D;\r\n          }\r\n        }\r\n\r\n        .scrollShopBox ::-webkit-scrollbar {\r\n          display: none;\r\n        }\r\n      }\r\n\r\n      .smallShopList::-webkit-scrollbar {\r\n        display: none;\r\n      }\r\n\r\n      .shopDetailList {\r\n        width: calc(100% - 24px);\r\n        background: #fff;\r\n\r\n        .shopDetailScroll {\r\n          width: 100%;\r\n          height: 100%;\r\n          -webkit-overflow-scrolling: touch;\r\n\r\n          .noDataBox {\r\n            width: 100%;\r\n            height: 100%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n          }\r\n        }\r\n\r\n        .shopDetailScroll ::-webkit-scrollbar {\r\n          display: none;\r\n        }\r\n\r\n        .shopDetailItem {\r\n          width: 100%;\r\n          height: 104px;\r\n          box-sizing: border-box;\r\n          padding: 8px 16px;\r\n          display: flex;\r\n          border-bottom: 1px solid #f5f7f7;\r\n\r\n          .leftImg {\r\n            width: 180rpx;\r\n            height: 180rpx;\r\n            border-radius: 16rpx;\r\n          }\r\n\r\n          .rightBox {\r\n            margin-left: 12px;\r\n            width: calc(100% - 92px);\r\n            height: 80px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: space-between;\r\n\r\n            .detailTitle {\r\n              display: -webkit-box;\r\n              height: 40px;\r\n              width: 100%;\r\n              font-size: 14px;\r\n              font-family: PingFangSC-Semibold, PingFang SC;\r\n              font-weight: 600;\r\n              color: #020e1a;\r\n              line-height: 20px;\r\n              overflow: hidden;\r\n              text-overflow: ellipsis;\r\n              -webkit-line-clamp: 2;\r\n              -webkit-box-orient: vertical;\r\n            }\r\n\r\n            .bottom {\r\n              display: flex;\r\n              //margin-top: 12px;\r\n              align-items: flex-end;\r\n              justify-content: space-between;\r\n\r\n              .detailPrice {\r\n                width: calc(100% - 160rpx);\r\n                white-space: nowrap;\r\n                text-overflow: ellipsis;\r\n                overflow: hidden;\r\n\r\n                .priceUnit {\r\n                  color: #ff6219;\r\n                }\r\n\r\n                .number {\r\n                  font-size: 16px;\r\n                  color: #ff6219;\r\n                  font-family: PingFangSC-Semibold, PingFang SC;\r\n                  font-weight: 600;\r\n                  line-height: 20px;\r\n                }\r\n\r\n                .unit {\r\n                  display: inline-block;\r\n                  width: 30%;\r\n                  white-space: nowrap;\r\n                  text-overflow: ellipsis;\r\n                  overflow: hidden;\r\n                  font-size: 12px;\r\n                  line-height: 12px;\r\n                  font-family: PingFangSC-Regular, PingFang SC;\r\n                  font-weight: 400;\r\n                  color: #9fa3a8;\r\n                }\r\n\r\n                .marketPrice {\r\n                  font-size: 12px;\r\n                  line-height: 12px;\r\n                  font-family: PingFangSC-Regular, PingFang SC;\r\n                  font-weight: 400;\r\n                  color: #9fa3a8;\r\n                  text-decoration: line-through;\r\n                }\r\n\r\n                .marketPriceValue {\r\n                  font-size: 12px;\r\n                  line-height: 12px;\r\n                  font-family: PingFangSC-Regular, PingFang SC;\r\n                  font-weight: 400;\r\n                  color: #9fa3a8;\r\n                  text-decoration: line-through;\r\n                }\r\n\r\n              }\r\n\r\n              .addReduceBox {\r\n                width: 80px;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: flex-end;\r\n\r\n                .reduceShopCar {\r\n                  width: 25px;\r\n                  height: 25px;\r\n                  border-radius: 50%;\r\n                  overflow: hidden;\r\n\r\n                  .optionBtn {\r\n                    width: 100%;\r\n                    height: 100%;\r\n                  }\r\n                }\r\n\r\n                .itemCount {\r\n                  width: 60rpx;\r\n                  font-family: PingFangSC, PingFang SC;\r\n                  font-weight: 400;\r\n                  font-size: 28rpx;\r\n                  color: #020e1a;\r\n                  line-height: 36rpx;\r\n                  text-align: center;\r\n                  font-style: normal;\r\n                  display: inline-block;\r\n                }\r\n\r\n                .addShopCar {\r\n                  width: 25px;\r\n                  height: 25px;\r\n                  border-radius: 50%;\r\n                  overflow: hidden;\r\n\r\n                  .optionBtn {\r\n                    width: 100%;\r\n                    height: 100%;\r\n                  }\r\n                }\r\n\r\n                .shopState {\r\n                  font-size: 24rpx;\r\n                  color: #fff;\r\n                  background: #bbbbbb;\r\n                  padding: 4rpx 16rpx;\r\n                  border-radius: 8rpx;\r\n                }\r\n              }\r\n\r\n              .specifications {\r\n                background: linear-gradient(270deg, #fb6c6c 0%, #fd4a4a 100%);\r\n                border-radius: 20rpx;\r\n                font-family: PingFangSC, PingFang SC;\r\n                font-weight: 400;\r\n                font-size: 28rpx;\r\n                color: #fff;\r\n                line-height: 32rpx;\r\n                text-align: justify;\r\n                font-style: normal;\r\n                padding: 8rpx 16rpx;\r\n                position: relative;\r\n\r\n                .specificationsCount {\r\n                  border: 1px solid #fd4a4a;\r\n                  border-radius: 16rpx;\r\n                  color: #fd4a4a;\r\n                  font-size: 20rpx;\r\n                  line-height: 20rpx;\r\n                  padding: 4rpx 8rpx;\r\n                  position: absolute;\r\n                  top: 0;\r\n                  right: 0;\r\n                  transform: translate(40%, -80%);\r\n                  background: #fff;\r\n                }\r\n              }\r\n\r\n              .cartcontrol {\r\n                width: 80px;\r\n                height: 24px;\r\n                line-height: 24px;\r\n                display: flex;\r\n                justify-content: flex-start;\r\n                border: 2rpx solid rgba(2, 14, 26, 0.06);\r\n                border-radius: 4rpx;\r\n\r\n                .subtract {\r\n                  width: 24px;\r\n                  height: 24px;\r\n                  background: #f2f4f5;\r\n                  display: flex;\r\n                  justify-content: center;\r\n                  align-items: center;\r\n                  border-radius: 4rpx 0rpx 0rpx 4rpx;\r\n                  font-size: 16rpx;\r\n                  color: #9fa3a8;\r\n\r\n                  .img {\r\n                    width: 16px;\r\n                    height: 16px;\r\n                  }\r\n                }\r\n\r\n                .cart-count {\r\n                  font-size: 24rpx;\r\n                  flex: 1;\r\n                }\r\n              }\r\n            }\r\n\r\n            .marketBottom {\r\n              height: 12px;\r\n\r\n              .marketPrice {\r\n                font-size: 10px;\r\n                line-height: 12px;\r\n                font-family: PingFangSC-Regular, PingFang SC;\r\n                font-weight: 400;\r\n                color: #9fa3a8;\r\n                text-decoration: line-through;\r\n              }\r\n\r\n              .marketPriceValue {\r\n                font-size: 10px;\r\n                line-height: 12px;\r\n                font-family: PingFangSC-Regular, PingFang SC;\r\n                font-weight: 400;\r\n                color: #9fa3a8;\r\n                text-decoration: line-through;\r\n              }\r\n\r\n              .unit {\r\n                font-size: 10px;\r\n                line-height: 12px;\r\n                font-family: PingFangSC-Regular, PingFang SC;\r\n                font-weight: 400;\r\n                color: #9fa3a8;\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .shopPopupBox {\r\n    width: 100%;\r\n    height: 80vh;\r\n    background: #fff;\r\n    border-radius: 16rpx 16rpx 0 0;\r\n    box-sizing: border-box;\r\n    padding: 16px;\r\n\r\n    .shopPopupContent {\r\n      width: 100%;\r\n      height: calc(80vh - 80px - 32px + 12rpx);\r\n      margin-bottom: 12rpx;\r\n      box-sizing: border-box;\r\n\r\n      .detailTop {\r\n        display: flex;\r\n        border-bottom: 1px solid #f2f4f5;\r\n\r\n        .detailImg {\r\n          width: 80px;\r\n          height: 80px;\r\n        }\r\n\r\n        .box {\r\n          width: calc(100% - 92px);\r\n          padding-bottom: 16px;\r\n          margin-left: 12px;\r\n\r\n          .nameTop {\r\n            width: 100%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n\r\n            .name {\r\n              font-size: 14px;\r\n              font-family: PingFangSC-Semibold, PingFang SC;\r\n              font-weight: 600;\r\n              color: #020e1a;\r\n              line-height: 18px;\r\n              display: block;\r\n              width: calc(100% - 56rpx);\r\n              overflow: hidden;\r\n              text-overflow: ellipsis;\r\n              display: -webkit-box;\r\n              -webkit-line-clamp: 2;\r\n              -webkit-box-orient: vertical;\r\n            }\r\n\r\n            .closeIcon {\r\n              width: 20px;\r\n              height: 20px;\r\n            }\r\n          }\r\n\r\n          .priceBox {\r\n            margin-top: 32px;\r\n\r\n            .priceIcon {\r\n              font-size: 16px;\r\n              font-family: PingFangSC-Semibold, PingFang SC;\r\n              font-weight: 600;\r\n              color: #ff6219;\r\n              line-height: 20px;\r\n            }\r\n\r\n            .price {\r\n              font-size: 20px;\r\n              font-family: PingFangSC-Semibold, PingFang SC;\r\n              font-weight: 600;\r\n              color: #ff6219;\r\n              line-height: 20px;\r\n            }\r\n\r\n            .unit {\r\n              font-size: 12px;\r\n              font-family: PingFangSC-Regular, PingFang SC;\r\n              font-weight: 400;\r\n              color: #9fa3a8;\r\n              line-height: 18px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      .scrollDetailBox {\r\n        width: 100%;\r\n        height: calc(80vh - 80px - 32px + 12rpx - 80px);\r\n\r\n\r\n        .detailMessage {\r\n          margin-top: 16px;\r\n          border-bottom: 1px solid #f2f4f5;\r\n          padding-bottom: 16px;\r\n\r\n          .detailTitle {\r\n            font-size: 14px;\r\n            font-family: PingFangSC-Semibold, PingFang SC;\r\n            font-weight: 600;\r\n            color: #020e1a;\r\n            line-height: 20px;\r\n            margin-bottom: 8px;\r\n          }\r\n\r\n          .detailText {\r\n            font-size: 14px;\r\n            font-family: PingFangSC-Regular, PingFang SC;\r\n            font-weight: 400;\r\n            color: #6c737a;\r\n            line-height: 18px;\r\n          }\r\n        }\r\n\r\n        .orderDetail {\r\n          margin-top: 16px;\r\n          padding-bottom: 32rpx;\r\n\r\n          .orderTitle {\r\n            font-size: 14px;\r\n            font-family: PingFangSC-Semibold, PingFang SC;\r\n            font-weight: 600;\r\n            color: #020e1a;\r\n            line-height: 20px;\r\n          }\r\n\r\n          .numBox {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            margin-top: 12px;\r\n\r\n            .numTitle {\r\n              font-size: 14px;\r\n              font-family: PingFangSC-Regular, PingFang SC;\r\n              font-weight: 400;\r\n              color: #020e1a;\r\n              line-height: 20px;\r\n            }\r\n\r\n            .cartcontrol {\r\n              width: 150px;\r\n              height: 30px;\r\n              line-height: 24px;\r\n              display: flex;\r\n              justify-content: flex-start;\r\n              border: 1px solid rgba(2, 14, 26, 0.06);\r\n              border-radius: 2px;\r\n\r\n              .subtract {\r\n                width: 30px;\r\n                height: 30px;\r\n                background: #f2f4f5;\r\n                display: flex;\r\n                justify-content: center;\r\n                align-items: center;\r\n                border-radius: 2px 0 0 2px;\r\n                font-size: 8px;\r\n                color: #9fa3a8;\r\n\r\n                .img {\r\n                  width: 16px;\r\n                  height: 16px;\r\n                }\r\n              }\r\n\r\n              .cart-count {\r\n                height: 30px !important;\r\n                font-size: 16px;\r\n                line-height: 30px;\r\n                flex: 1;\r\n              }\r\n            }\r\n          }\r\n\r\n          .sizeBox {\r\n            width: 100%;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            margin-top: 12px;\r\n\r\n            .sizeTitle {\r\n              display: inline-block;\r\n              font-size: 14px;\r\n              font-family: PingFangSC-Regular, PingFang SC;\r\n              font-weight: 400;\r\n              color: #020e1a;\r\n              line-height: 20px;\r\n              width: 100rpx;\r\n            }\r\n\r\n            .sizeScrollBox {\r\n              width: calc(100% - 112rpx);\r\n              flex: 1;\r\n\r\n              .sizeList {\r\n                // display: flex;\r\n                width: 100%;\r\n\r\n                .sizeItem {\r\n                  font-size: 12px;\r\n                  font-family: PingFangSC-Regular, PingFang SC;\r\n                  font-weight: 400;\r\n                  color: #000;\r\n                  line-height: 18px;\r\n                  padding: 4px 16px;\r\n                  background: #dbdad6;\r\n                  border-radius: 4px;\r\n                  margin-left: 8px;\r\n                  display: inline-block;\r\n                  margin-bottom: 16rpx;\r\n                }\r\n\r\n                .selectSizeItem {\r\n                  display: inline-block;\r\n                  font-size: 12px;\r\n                  font-family: PingFangSC-Regular, PingFang SC;\r\n                  font-weight: 400;\r\n                  color: #1890ff;\r\n                  line-height: 18px;\r\n                  padding: 4px 16px;\r\n                  background: #e7f3ff;\r\n                  border-radius: 4px;\r\n                  margin-left: 8px;\r\n                  margin-bottom: 16rpx;\r\n                }\r\n              }\r\n\r\n            }\r\n          }\r\n\r\n          .descBox {\r\n            width: 100%;\r\n            height: 76px;\r\n            background: #f2f4f5;\r\n            border-radius: 4px;\r\n            box-sizing: border-box;\r\n            padding: 8px 12px;\r\n            margin-top: 19px;\r\n          }\r\n\r\n          .rightBtn {\r\n            margin-top: 32rpx;\r\n            width: 100%;\r\n            height: 100rpx;\r\n            background: #fff;\r\n            box-sizing: border-box;\r\n            padding: 12rpx;\r\n            display: flex;\r\n\r\n            .addCarBtn {\r\n              width: 100%;\r\n              font-size: 28rpx;\r\n              display: flex;\r\n              align-items: center;\r\n              justify-content: center;\r\n              color: #fff;\r\n              background: linear-gradient(90deg, #ffc500 0%, #ff8d00 100%);\r\n              border-radius: 16rpx;\r\n            }\r\n\r\n            .addOrder {\r\n              width: 50%;\r\n              font-size: 28rpx;\r\n              display: flex;\r\n              align-items: center;\r\n              justify-content: center;\r\n              color: #fff;\r\n              background: linear-gradient(90deg, #ff6d00 0%, #ff3a00 100%);\r\n              border-radius: 0 16rpx 16rpx 0;\r\n            }\r\n\r\n            .sellOut {\r\n              width: 50%;\r\n              font-size: 28rpx;\r\n              display: flex;\r\n              align-items: center;\r\n              justify-content: center;\r\n              color: #fff;\r\n              background: #bbbbbb;\r\n              border-radius: 0 16rpx 16rpx 0;\r\n            }\r\n          }\r\n\r\n          .submitBtn {\r\n            font-size: 16px;\r\n            font-family: PingFangSC-Medium, PingFang SC;\r\n            font-weight: 500;\r\n            color: #ffffff;\r\n            line-height: 22px;\r\n            width: 100%;\r\n            height: 40px;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            background: #1890ff;\r\n            border-radius: 4px;\r\n            margin-top: 24px;\r\n          }\r\n        }\r\n      }\r\n\r\n\r\n    }\r\n\r\n    .bottomBtn {\r\n      width: 100%;\r\n      height: 80rpx;\r\n      box-sizing: border-box;\r\n\r\n      .shopCarBtn {\r\n        width: 100%;\r\n        height: 76rpx;\r\n        font-size: 28rpx;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        color: #fff;\r\n        background: linear-gradient(90deg, #ffc500 0%, #ff8d00 100%);\r\n        border-radius: 16rpx;\r\n      }\r\n\r\n      .makeOrderBtn {\r\n        width: 100%;\r\n        height: 76rpx;\r\n        font-size: 28rpx;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        color: #fff;\r\n        background: linear-gradient(90deg, #ff6d00 0%, #ff3a00 100%);\r\n        border-radius: 16rpx;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.newMain {\r\n  background-image: url('https://eshangtech.com/minTestImg/pageBg.png');\r\n  background-size: 100% 100vh;\r\n  background-repeat: no-repeat;\r\n\r\n  .header {\r\n    // background: linear-gradient(270deg, #2fa4ff 0%, #197aff 100%);\r\n    background: transparent !important;\r\n\r\n    .pageSearch {\r\n      .searchBtn {\r\n        background: #4BCB7E !important;\r\n\r\n      }\r\n    }\r\n  }\r\n\r\n  .pageContent {\r\n    .bigTabBox {\r\n      .scrollBox {\r\n        .bigTabItem {\r\n          .itemBox {\r\n            .tab_active {\r\n              border: 1px solid #4BCB7E;\r\n            }\r\n\r\n            .tab_txt_active {\r\n              padding: 0 5px;\r\n              // background: #1890ff;\r\n              background: #4BCB7E;\r\n              border-radius: 8px;\r\n              color: #fff !important;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .shopListBox {\r\n      .smallShopList {\r\n        .scrollShopBox {\r\n\r\n          .selectShopItem {\r\n            background: #fff;\r\n\r\n            .smallItemTitle {\r\n              color: #4BCB7E;\r\n            }\r\n          }\r\n\r\n          .selectShopItem:before {\r\n            content: \"\";\r\n            position: absolute;\r\n            left: 0;\r\n            width: 4px;\r\n            height: 24px;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            background: #4BCB7E;\r\n          }\r\n\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n/* 商品分类页面骨架屏样式 */\r\n.shop-type-skeleton {\r\n  padding: 20rpx 0;\r\n  background: #f7f8fa;\r\n  height: calc(100vh - 200rpx);\r\n}\r\n\r\n/* 基础骨架屏动画 */\r\n.skeleton {\r\n  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 50%, #f2f2f2 75%);\r\n  background-size: 200% 100%;\r\n  animation: loading 1.5s infinite;\r\n}\r\n\r\n@keyframes loading {\r\n  0% {\r\n    background-position: 200% 0;\r\n  }\r\n\r\n  100% {\r\n    background-position: -200% 0;\r\n  }\r\n}\r\n\r\n/* 顶部分类标签骨架 */\r\n.skeleton-tabs {\r\n  background: #ffffff;\r\n  padding: 20rpx;\r\n  margin: 0 20rpx 20rpx;\r\n  border-radius: 20rpx;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  overflow-x: auto;\r\n\r\n  .skeleton-tab-item {\r\n    flex-shrink: 0;\r\n    text-align: center;\r\n    margin-right: 32rpx;\r\n\r\n    &:last-child {\r\n      margin-right: 0;\r\n    }\r\n\r\n    .skeleton-tab-icon {\r\n      width: 80rpx;\r\n      height: 80rpx;\r\n      border-radius: 50%;\r\n      margin: 0 auto 12rpx;\r\n    }\r\n\r\n    .skeleton-tab-text {\r\n      width: 60rpx;\r\n      height: 24rpx;\r\n      border-radius: 12rpx;\r\n      margin: 0 auto;\r\n    }\r\n  }\r\n}\r\n\r\n/* 左右分栏内容区域 */\r\n.skeleton-content {\r\n  display: flex;\r\n  height: calc(100vh - 300rpx);\r\n  margin: 0 20rpx;\r\n  background: #ffffff;\r\n  border-radius: 20rpx;\r\n  overflow: hidden;\r\n}\r\n\r\n/* 左侧分类列表骨架 */\r\n.skeleton-left {\r\n  width: 200rpx;\r\n  background: #f8f9fa;\r\n  border-right: 1px solid #f0f0f0;\r\n\r\n  .skeleton-left-item {\r\n    padding: 32rpx 24rpx;\r\n    border-bottom: 1px solid #f0f0f0;\r\n\r\n    .skeleton-left-text {\r\n      width: 120rpx;\r\n      height: 28rpx;\r\n      border-radius: 14rpx;\r\n    }\r\n  }\r\n}\r\n\r\n/* 右侧商品列表骨架 */\r\n.skeleton-right {\r\n  flex: 1;\r\n  padding: 20rpx;\r\n\r\n  .skeleton-product-item {\r\n    display: flex;\r\n    align-items: center;\r\n    padding: 20rpx 0;\r\n    border-bottom: 1px solid #f0f0f0;\r\n\r\n    .skeleton-product-image {\r\n      width: 180rpx;\r\n      height: 180rpx;\r\n      border-radius: 16rpx;\r\n      margin-right: 24rpx;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .skeleton-product-info {\r\n      flex: 1;\r\n\r\n      .skeleton-product-title {\r\n        width: 80%;\r\n        height: 32rpx;\r\n        border-radius: 16rpx;\r\n        margin-bottom: 16rpx;\r\n      }\r\n\r\n      .skeleton-product-price {\r\n        width: 60%;\r\n        height: 28rpx;\r\n        border-radius: 14rpx;\r\n        margin-bottom: 20rpx;\r\n      }\r\n\r\n      .skeleton-add-button {\r\n        width: 120rpx;\r\n        height: 60rpx;\r\n        border-radius: 30rpx;\r\n        margin-left: auto;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--10-oneOf-1-2!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-3!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-4!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--10-oneOf-1-5!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./index.vue?vue&type=style&index=0&id=36e5d840&lang=less&scoped=true&\"; export default mod; export * from \"-!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--10-oneOf-1-2!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-3!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-4!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--10-oneOf-1-5!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./index.vue?vue&type=style&index=0&id=36e5d840&lang=less&scoped=true&\"","// extracted by mini-css-extract-plugin\n    if(module.hot) {\n      // 1758276870464\n      var cssReload = require(\"E:/workfile/HBuilderX4.45/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/hmr/hotModuleReplacement.js\")(module.id, {\"hmr\":true,\"publicPath\":\"/\",\"locals\":false});\n      module.hot.dispose(cssReload);\n      module.hot.accept(undefined, cssReload);\n    }\n  "],"sourceRoot":""}
\ No newline at end of file
diff --git a/unpackage/dist/dev/.sourcemap/mp-weixin/pages/shopPages/shopDetail/index.js.map b/unpackage/dist/dev/.sourcemap/mp-weixin/pages/shopPages/shopDetail/index.js.map
index 214f92c4..44a94a99 100644
--- a/unpackage/dist/dev/.sourcemap/mp-weixin/pages/shopPages/shopDetail/index.js.map
+++ b/unpackage/dist/dev/.sourcemap/mp-weixin/pages/shopPages/shopDetail/index.js.map
@@ -1 +1 @@
-{"version":3,"sources":["uni-app:///main.js","webpack:///E:/workfile/minprogram/caiyunyi/pages/shopPages/shopDetail/index.vue?1941","webpack:///E:/workfile/minprogram/caiyunyi/pages/shopPages/shopDetail/index.vue?50d8","webpack:///E:/workfile/minprogram/caiyunyi/pages/shopPages/shopDetail/index.vue?7f14","webpack:///E:/workfile/minprogram/caiyunyi/pages/shopPages/shopDetail/index.vue?8fce","uni-app:///pages/shopPages/shopDetail/index.vue","webpack:///E:/workfile/minprogram/caiyunyi/pages/shopPages/shopDetail/index.vue?9dfc","webpack:///E:/workfile/minprogram/caiyunyi/pages/shopPages/shopDetail/index.vue?2cdd"],"names":["wx","__webpack_require_UNI_MP_PLUGIN__","__webpack_require__","createPage","Page","data","isPageLoading","safeHeight","pageMsg","current","imgeCount","goodId","buyCount","rateTotal","memberPoint","money","isShowCount","showSharePro","showShareBox","good","rateList","detailImgList","windowMsg","width","height","ratio","scale","menu","top","bottom","inputMaxLength","bottomBtnType","shopCarList","funList","label","value","src","showExportFun","showTopFixed","pageTab","scrollView","pageType","countdown","isCountdown","panicBuying","timer","isCollect","shopId","offShop","components","computed","totalNum","methods","addGood","addCate","setOrder","handleDesc","handleCollect","_this","uni","title","content","success","url","console","req","COLLECTIONId","type","icon","COLLECTION_ID","COLLECTION_TYPE","MEMBERSHIP_ID","TABLE_ID","TABLE_NAME","APP_GUID","COLLECTION_STATE","PROVINCE_CODE","OWNERUNIT_ID","STAFF_NAME","OPERATE_DATE","startCountdown","clearInterval","haveFocus","number","item","handleClosePop","handleChangeSelectSKULIST","handleChangePageTab","handlePreviewSwiper","imgList","urls","handlePreviewDetailImg","handlePageScroll","handleShowExportBox","handleExpentGo","handleBackIndex","delta","handleShowShopCar","handleAddShopCar","list","isSame","nowShopList","duration","setTimeout","handleMakeOrder","userInfo","action_type","WechatUserId","userData","orderList","noSelectList","big","small","id","Math","JSON","handleDetailSubtract","obj","handleDetailAdd","handleShowShopPopup","handleShowPopup","handleClosePopup","handleCloseShopPopup","swiperChange","goShop","decodeHTML","replace","getDetail","getCoop","commodityId","res","desArr","name","children","text","getRate","pageIndex","pageSize","then","goRate","seePhoto","u","addGoodToCartFn","USERDEFINEDTYPE_NAME","USERDEFINEDTYPE_ID","buyNow","s","COMMODITY_ID","COMMODITY_CODE","COMMODITY_NAME","COMMODITY_BARCODE","COMMODITY_UNIT","COMMODITY_RULE","COMMODITY_POINT","ORDER_COUNT","AVERAGE_PRICE","ORDER_AMOUNT","DISCOUNT_AMOUNT","SUPPLIER_ID","SUPPLIER_NAME","DEFAULT_IMG","PAY_TYPE","el","loadDetailImg","getMemberPoint","confirmText","confirmColor","creatPageQR","page","scene","productPath","productW","productH","codePath","codeW","fail","drawImage","clipHeight","clipWidth","imgLeft","canv","paddL","paddT","canvasTextAutoLine","str","ctx","initX","initY","lineHeight","maxWidth","row","lineWidth","currentRow","newStr","lastSubStrIndex","saveImage","scope","saveImageToPhotos","destWidth","destHeight","canvasId","filePath","handleGetIsCollect","collectGoodList","haveSame","onShareAppMessage","path","onShareTimeline","onUnload","onLoad","systemInfo","behaviorRecordDesc"],"mappings":";;;;;;;;;;;;;AAAA;AAGA;AACA;AAHA;AACAA,EAAE,CAACC,iCAAiC,GAAGC,mBAAmB;AAG1DC,UAAU,CAACC,cAAI,CAAC,C;;;;;;;;;;;;;ACLhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAA8H;AAC9H;AACyD;AACL;AACsC;;;AAG1F;AAC0K;AAC1K,gBAAgB,iLAAU;AAC1B,EAAE,2EAAM;AACR,EAAE,4FAAM;AACR,EAAE,qGAAe;AACjB;AACA;AACA;AACA;AACA;AACA,EAAE,gGAAU;AACZ;AACA;;AAEA;AACe,gF;;;;;;;;;;;;ACvBf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA,aAAa,gQAEN;AACP,KAAK;AACL;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;ACpGA;AAAA;AAAA;AAAA;AAAqoB,CAAgB,moBAAG,EAAC,C;;;;;;;;;;;;;;;;;;;;;;;AC8gBzpB;AAAA;AAAA;AAAA,eACA;EACAC;IACA;IACA;MACAC;MACAC;MACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;MACA;MACAC;MACAC;MAAA;MACAC;MAAA;MACAC;MACAC;MAAA;MACAC;MACAC;QACAC;QACAC;QACAC;QACAC;MACA;MACAC;QACAC;QACAC;QACAL;MACA;MACAM;MACAC;MACAC;MAAA;MACAC,UACA;QAAAC;QAAAC;QAAAC;MAAA,GACA;QACAF;QACAC;QACAC;MACA,GACA;QACAF;QACAC;QACAC;MACA,EACA;MAAA;MACAC;MAAA;MACAC;MAAA;MACAC;MAAA;MACAC;MAAA;MACAC;MAAA;MACAC;MAAA;MACAC;MAAA;MACAC;MAAA;MACAC;MAAA;MACAC;MACAC;MAAA;MACAC;IACA;EACA;;EACAC;IACA;IACA;EAAA,CACA;EACAC,0CACA;IACAC;EACA,KACA,gCACA;EACAC,qEACA;IACAC;IACAC;EACA,KACA;IACAC;EACA,KACA;IACA;IACAC;MACA;IACA;IACA;IAEA;IACAC;MAAA;MAAA;QAAA;QAAA;UAAA;YAAA;cAAA;gBAAA,MAIA;kBAAA;kBAAA;gBAAA;gBACAC;gBACAC;kBACAC;kBACAC;kBACAC;oBACA;sBACAH;wBAAAI;sBAAA;oBACA;kBACA;gBACA;gBAAA;cAAA;gBAAA,KAGA;kBAAA;kBAAA;gBAAA;gBACAC;gBACAA;gBAEAC;kBACAC;kBACAC;gBACA,GACA;gBACAH;gBAAA;gBAAA,OACA,0BACA,4BACAC,IACA;cAAA;gBAHA5D;gBAIA2D;gBACA;kBACAL;oBACAC;oBACAQ;kBACA;kBACA;gBACA;kBACAT;oBACAC;oBACAQ;kBACA;gBACA;gBAAA;gBAAA;cAAA;gBAAA,KAEA;kBAAA;kBAAA;gBAAA;gBAAA;cAAA;gBAIAH;kBACAI;kBACAC;kBACAC;kBACAC;kBACAC;kBACAC;kBACAC;kBACAC;kBACAC;kBACAV;kBACAW;kBACAC;gBACA,GACA;gBACAf;gBAAA;gBAAA,OAEA,0BACA,6BACAC,KACA;cAAA;gBAHA5D;gBAIA2D;gBAAA,MACA3D;kBAAA;kBAAA;gBAAA;gBACAsD;kBACAC;kBACAQ;gBACA;gBACA;gBAAA;gBAAA,OACA;cAAA;gBACA;gBAAA;gBAAA;cAAA;gBAEAT;kBACAC;kBACAQ;gBACA;cAAA;cAAA;gBAAA;YAAA;UAAA;QAAA;MAAA;IAqCA;IACA;IACAY;MAAA;MACAhB;MAEA;MACA;MAEA;QACA;QACA;;QAEA;UACAiB;UACAvB;UACAA;UACAA;UAEA,IACA,kEACA;YACAA;YACAA;UACA;YACAA;YACA;cACAA;cACAA;YACA;cACAA;YACA;UACA;QACA;UACA;UACA;UACA;UACA;;UAEA;UACAA;QACA;MACA;IACA;IACA;IACAwB;MACAlB;MACA;MACA;MACA;QACAmB;MACA;QACA;QACAA;MACA;MACAnB;MAEA;QACAoB;MACA;QACAA;MACA;MAEApB;MACA;MACAA;MACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACAqB;MACA;MACA;IACA;IACA;IACAC;MACA;QACAtB;QACA;QACA;QACA;QACA;UACA;QACA;QACA;UACA;QACA;QACAA;QACA;MACA;QACAL;UACAC;UACAQ;QACA;MACA;IACA;IACA;IACAmB;MACA;MACA;QACA;MACA;QACA;MACA;IACA;IACA;IACAC;MACAxB;MACA;MACA;QACA;UACAyB;QACA;MACA;MACA9B;QACAlD;QAAA;QACAiF;MACA;IACA;IACA;IACAC;MACA3B;MACA;MACA;QACAyB;MACA;QACA;UACA;YACAA;UACA;QACA;MACA;MAEA9B;QACAlD;QAAA;QACAiF;MACA;IACA;IACAE;MACA;MACA;MACA;QACA;QACA;MACA;QACA;MACA;MACA;QACA;QACA;MACA;QACA;QACA;MACA;MAEA;IACA;IACA;IACAC;MACA;IACA;IACA;IACAC;MACA;QACAnC;UACAI;QACA;MACA;QACAJ;UACAI;QACA;MACA;QACAJ;UACAI;QACA;MACA;IACA;IACA;IACAgC;MACApC;QACAqC;MACA;IACA;IACA;IACAC;MACA;QACA;QACAtC;UACAC;UACAC;UACAC;YACA;cACAH;gBAAAI;cAAA;YACA;UACA;QACA;QACA;MACA;MACAJ;QACAI;MACA;IACA;IACA;IACAmC;MAAA;MACAlC;MAEA,IACA,qBACA;MACA;MACA,iCACA;QACAL;UACAC;UACAQ;QACA;QACA;MACA;;MAEA;MACA;QACAT;UACAC;UACAQ;QACA;QACA;MACA;MAEA;QACAT;UACAC;UACAQ;QACA;QACA;MACA;MAEA;QACAT;UACAC;UACAQ;QACA;QACA;MACA;MAIAJ;MACAA;MACA;MACA;QACA;QACA;QACA;QACA;QACAA;QACAmC;UACA;UACA;YACA;YACA,iCACA;cAAA;YAAA,EACA;YACAnC;;YAEA;YACA;YACA;cACA;gBACAoB;gBACAA;cACA;cACAgB;YACA;cACA;cACA;YAAA;UAEA;YACA;YACA;cACA;cACAhB;cACAA;cACAgB;YACA;cACA;cACA;cACA;YAAA;UAEA;QACA;QACA;QACA;QACA;UACA;UACAC;QACA;UACA;UACA;UACAF;;UAEA;UACAE;QACA;QAEArC;QACA;;QAEA;QACA;UACA;QACA;UACA;QACA;MACA;QACA;QACA;QACA;QACAqC;QACA;QACArC;QACA;UACA;QACA;UACA;QACA;MACA;MAEAL;QACAC;QACA0C;MACA;MACA;MACAC;QACA7C;QACA;MACA;IACA;IACA;IACA8C;MAAA;MAAA;QAAA;QAAA;UAAA;YAAA;cAAA;gBACAC;gBAAA,MACA;kBAAA;kBAAA;gBAAA;gBACA;gBACA9C;kBACAC;gBACA;gBAAA;gBAAA,OACA;kBACA8C;kBACAC;gBACA;cAAA;gBAHAC;gBAIAH;gBACAzC;gBACAL;gBAAA,IACA8C;kBAAA;kBAAA;gBAAA;gBACA9C;kBACAC;kBACAQ;gBACA;gBAAA;cAAA;gBAAA,MAMA,uBACA,mCACA;kBAAA;kBAAA;gBAAA;gBAEAJ;gBAEAL;kBACAC;kBACAQ;gBACA;gBAAA;cAAA;gBAAA,MAIA;kBAAA;kBAAA;gBAAA;gBACAT;kBACAC;kBACAQ;gBACA;gBAAA;cAAA;gBAAA,MAIA;kBAAA;kBAAA;gBAAA;gBACAT;kBACAC;kBACAQ;gBACA;gBAAA;cAAA;gBAIAJ;gBACAqC;gBAEA;kBACA;kBACAQ;kBACAC;kBACAT;oBACAjB;oBACAA;oBACAA,4BACA,mDACA;oBACAA,2BACA,mDACA;oBACAA;oBACAyB;kBACA;kBACA;kBACA;kBACA;oBACAA;sBACA;wBAAA;wBAAAE;wBAAAC;sBACA5B;sBACAA;sBACA;oBACA;kBACA;;kBACApB;kBACAA;kBACAiD,YACAC,mDACA;kBACA;oBACAvD;sBACAI,mGACAoD;oBACA;kBACA;oBACAxD;sBAAAC;sBAAAQ;oBAAA;kBACA;gBACA;cAAA;cAAA;gBAAA;YAAA;UAAA;QAAA;MAAA;IACA;IACA;IACAgD;MACA;QACA;UACAC;QACA;UACAA;QACA;QACA;QACA;MACA;IACA;IACA;IACAC;MACAD;MACA;MACA;IACA;IACA;IACAE;MACA;QACA;QACA5D;UACAC;UACAC;UACAC;YACA;cACAH;gBAAAI;cAAA;YACA;UACA;QACA;QACA;MACA;MACA;QACAJ;UACAC;UACAQ;QACA;MACA;QACAT;UACAC;UACAQ;QACA;MACA;QACA;UACAT;YACAC;YACAC;YACAC;cACA;gBACAH;kBAAAI;gBAAA;cACA;YACA;UACA;QACA;UACA;UACA;QACA;MACA;IACA;IACAyD;MACA;MACA;IACA;IACA;IACAC;MACA;MACA;IACA;IACA;IACAC;MACA;MACA;MACA;MACA;MACA;MACA;IACA;IACAC;MACA;IACA;IACAC;MACAjE;QAAAI;MAAA;IACA;IACA8D;MACA,WACAC,sBACAA,sBACAA,uBACAA,wBACAA;IACA;IACAC;MAAA;MAAA;QAAA;QAAA;UAAA;YAAA;cAAA;gBACArE;gBAAA;gBAAA,OACA,YACAsE;kBACAtB;kBACAuB;gBACA;cAAA;gBAJAC;gBAOAlE;gBACAkE;gBACAA;gBACAA;gBACAA;gBACAA;gBACAA;gBACAA;gBAGA;kBACAxE;gBACA;gBAEAA;gBACA;gBACA;kBACAA;gBACA;gBAEAA;gBACAA;gBACAA;gBACAA;gBACAA,8CACAwE,yBACA;gBACA;;gBAEA,IACAxE,oCACAA,iEACA;kBACAA,uBACAA;kBACAA,yBACAA;gBACA;kBACAA;gBACA;gBAEA,IACAA,oCACAA,iEACA;kBACAA,0BACAA;kBACAA,4BACAA;gBACA;kBACAA;gBACA;gBACAM;gBAEA;kBACAmE;kBACAzE;kBACAyE;oBACAzE;sBACA0E;sBACAC;wBAAAlE;wBAAAmE;sBAAA;oBACA;kBACA;gBACA;gBAEA5E;kBACAA;oBAAAnC;oBAAAC;kBAAA;gBACA;gBAEA,IACA,kEACA;kBACAkC;kBACAA;gBACA;kBACAA;kBACA;oBACAA;oBACAA;kBACA;oBACAA;kBACA;gBACA;cAAA;cAAA;gBAAA;YAAA;UAAA;QAAA;MAAA;IAEA;IACA6E;MACA;MACA;MACA7E,WACAsE;QACAtB;QACAuB;QACAO;QACAC;MACA,GACAC;QACAhF;QACAA;MACA;IACA;IACAiF;MACAhF;QAAAI;MAAA;IACA;IACA6E;MACA;MAEAzC;QACA0C;MACA;MACAlF;QACAlD;QAAA;QACAiF;MACA;IACA;;IACAoD;MACA;MACA;QACAC;QACAC;MACA;MACA;MACA;MACA;IACA;IAEAC;MACA;MACA;MACA;MAEA,IACAvF,2BACAA,wEACA;QACAC;UACAC;UACAQ;QACA;QACA;MACA;MACA8E;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;MACA;;MACAvG;MACAA;MACAC;QACAI,KACA,qDACAmG;MACA;IACA;IACAC;MACA;MACA;MACA;MACA;MACA;QACA5I;QACAC;MACA;MACA;IACA;IACA4I;MACA;MACA;MACA;QACA,UACApC;UACAtB;QACA,GACAgC;UACAhF;UACAA;UACAA;QACA;MACA;QACAC;UACAC;UACAC;UACAwG;UACAC;UACAxG;YACA;cACAH;gBAAAI;cAAA;YACA;UACA;QACA;MACA;IACA;IACAwG;MACA;MACA;MACA7G;MACAC;QAAAC;MAAA;MACAF,WACAsE;QACAtB;QACA8D;QACAC;QAAA;QACAlJ;MACA,GACAmH;QACA1E;QACA;QACA;QACA;;QAEA;QACA;QACA;QACA;QACA;QACAL;UACAvB;UACA0B;YACA;YACA;YAEAH;cACAvB;cAAA;cACA0B;gBACA;gBACA;gBACA;gBACAJ;gBACAA,gBACAgH,aACAC,UACAC,UACAC,UACAC,MACA;cACA;YACA;UACA;UACAC;YACA/G;UACA;QACA;QACA;QACA;QACA;QACA;MACA;IACA;IACAgH;MACA;MACA;MAEA;MACA;MACA;MACA;MACA;MAEA;MACA;MACA;MACA;MACA;MAEA;QACA;QACAC;QACAC;QACAC;MACA;;MAEA;MACAC;MACAA;MACA;;MAEA;MACAA;MACAA;MACA;MACA1H,yBACAA,2BACA0H,MACAC,OACAC,OACA,IACAJ,gBACA,EACA;MACA;;MAEA;MACA,YACAxH,iCACAA,6BACAA;MACA0H;MACAA;MACAA;MAEA;MACAA;MACAA;MACAA;MAEAA;MACAA;MACAA,cACA,YACA,iBACA,0BACA;MACAA;MAEAA;MACA;MACAA,eACAV,aACA,aACAY,oBACAJ,WACAD,WACA;;MAEA;;MAEAG;MACAA;MACA;MACAzH;IACA;IACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACA4H,gDACAC,KACAC,KACAC,OACAC,OACAC,YACAC,UAEA;MAAA,IADAC;MAEA;MACA;MACA;MACA;QACAC;QACA;UACAC;UACA;UACA;YACAC;UACA;UACAR;UACAE;UACAI;UACAG;UAEA;YACA;UACA;QACA;QACA;UACAT;QACA;MACA;IACA;IACAU;MACA;MACA;MACAxI;QACAG;UACA;YACAH;cACAyI;cAEAtI;gBACA;;gBAEAJ;cACA;cAEAqH;gBACA/K;kBACA8D;gBACA;cACA;YACA;UACA;YACA;;YAEAJ;UACA;QACA;MACA;IACA;IACA2I;MACA;MACA1I;QAAAC;MAAA;MACAD,yBACA;QACApC;QAAA;QACAC;QAAA;QACA8K;QAAA;QACAC;QAAA;;QAEAC;QACA1I;UACAH;YACA8I;YACA3I;cACAH;cACAA;gBACAC;gBACAQ;gBACAkC;cACA;cACA5C;YACA;YACAqH;cACApH;gBACAC;gBACAQ;gBACAkC;cACA;YACA;UACA;QACA;QACAyE;UACA/K;YACA4D;YACAQ;YACAkC;UACA;QACA;MACA,GACA5C,MACA;IACA;IAEAgJ;MAAA;MACA;MACA;QACA;QACAC;UACA;YACAC;UACA;QACA;QAEA;MACA;IACA;EAAA,EACA;EACAC;IACA;IAEA;MACAjJ;MACAkJ;IACA;EACA;EACAC;IACA;IACA;MACAnJ;MACAkJ;IACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACAE;IACA;IACA;IACA;IACA/H;EACA;EACAgI;IAAA;IAAA;MAAA;MAAA;QAAA;UAAA;YAAA;cACAjJ;cACAkJ;cACA1L;cACA;cACA;cACAwC;cACAA;cACA;gBACA;cACA;cAEA;gBACA;cACA;;cAEA;cACAhC;cACA;gBACAA;cACA;gBACAA;cACA;cACAgC;cACA;gBACA;cACA;cAAA;cAAA,OAEA;YAAA;cAEA;cAEA;gBACAmJ;cACA;;cAEA;cACAnJ;cACA;cACA;cACA;cACA;cACA;cACA;cACA;cACA;cACA;cACA;;cAEA;cACA;cACA;cACA;;cAEA;YAAA;YAAA;cAAA;UAAA;QAAA;MAAA;IAAA;EACA;AACA;AAAA,2B;;;;;;;;;;;;;AC3zDA;AAAA;AAAA;AAAA;AAAosC,CAAgB,2nCAAG,EAAC,C;;;;;;;;;;;ACAxtC;AACA,OAAO,KAAU,EAAE,kBAKd","file":"pages/shopPages/shopDetail/index.js","sourcesContent":["import 'uni-pages';\n// @ts-ignore\nwx.__webpack_require_UNI_MP_PLUGIN__ = __webpack_require__;\nimport Vue from 'vue'\nimport Page from './pages/shopPages/shopDetail/index.vue'\ncreatePage(Page)","import { render, staticRenderFns, recyclableRender, components } from \"./index.vue?vue&type=template&id=0dc4ca38&scoped=true&\"\nvar renderjs\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=0dc4ca38&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0dc4ca38\",\n  null,\n  false,\n  components,\n  renderjs\n)\n\ncomponent.options.__file = \"pages/shopPages/shopDetail/index.vue\"\nexport default component.exports","export * from \"-!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--17-0!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./index.vue?vue&type=template&id=0dc4ca38&scoped=true&\"","var components\ntry {\n  components = {\n    uniPopup: function () {\n      return import(\n        /* webpackChunkName: \"uni_modules/uni-popup/components/uni-popup/uni-popup\" */ \"@/uni_modules/uni-popup/components/uni-popup/uni-popup.vue\"\n      )\n    },\n  }\n} catch (e) {\n  if (\n    e.message.indexOf(\"Cannot find module\") !== -1 &&\n    e.message.indexOf(\".vue\") !== -1\n  ) {\n    console.error(e.message)\n    console.error(\"1. 排查组件名称拼写是否正确\")\n    console.error(\n      \"2. 排查组件是否符合 easycom 规范，文档：https://uniapp.dcloud.net.cn/collocation/pages?id=easycom\"\n    )\n    console.error(\n      \"3. 若组件不符合 easycom 规范，需手动引入，并在 components 中注册该组件\"\n    )\n  } else {\n    throw e\n  }\n}\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  var l0 =\n    !_vm.isPageLoading && _vm.showExportFun\n      ? _vm.__map(_vm.funList, function (item, index) {\n          var $orig = _vm.__get_orig(item)\n          var g0 = _vm.funList.length\n          return {\n            $orig: $orig,\n            g0: g0,\n          }\n        })\n      : null\n  var g1 = !_vm.isPageLoading ? _vm.good.List && _vm.good.List.length > 0 : null\n  var g2 = !_vm.isPageLoading\n    ? new Date(_vm.good.UPPER_DATE).getTime() > new Date().getTime() ||\n      _vm.good.SEND_MODE > 0 ||\n      _vm.good.DELIVER_AREA ||\n      _vm.good.LIMIT_TOTALCOUNT > 0\n    : null\n  var g3 =\n    !_vm.isPageLoading && g2 ? new Date(_vm.good.UPPER_DATE).getTime() : null\n  var g4 = !_vm.isPageLoading && g2 ? new Date().getTime() : null\n  var g5 = !_vm.isPageLoading\n    ? _vm.good.ContentImgList && _vm.good.ContentImgList.length > 0\n    : null\n  var g6 = !_vm.isPageLoading\n    ? _vm.good.ContentImgList && _vm.good.ContentImgList.length > 0\n    : null\n  var g7 =\n    _vm.good.PAY_METHOD !== 2000 &&\n    _vm.pageType !== \"pointsMall\" &&\n    !_vm.offShop &&\n    _vm.good.OFF_DATE &&\n    !_vm.isCountdown\n      ? new Date().getTime()\n      : null\n  var g8 =\n    _vm.good.PAY_METHOD !== 2000 &&\n    _vm.pageType !== \"pointsMall\" &&\n    !_vm.offShop &&\n    _vm.good.OFF_DATE &&\n    !_vm.isCountdown\n      ? new Date(_vm.good.OFF_DATE).getTime()\n      : null\n  var g9 =\n    _vm.good.PAY_METHOD !== 2000 &&\n    _vm.pageType !== \"pointsMall\" &&\n    !_vm.offShop\n      ? new Date().getTime() > new Date(_vm.good.OFF_DATE).getTime() &&\n        !(_vm.good.OFF_DATE && !_vm.isCountdown)\n      : null\n  _vm.$mp.data = Object.assign(\n    {},\n    {\n      $root: {\n        l0: l0,\n        g1: g1,\n        g2: g2,\n        g3: g3,\n        g4: g4,\n        g5: g5,\n        g6: g6,\n        g7: g7,\n        g8: g8,\n        g9: g9,\n      },\n    }\n  )\n}\nvar recyclableRender = false\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns, recyclableRender, components }","import mod from \"-!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--13-1!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--13-1!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./index.vue?vue&type=script&lang=js&\"","<template>\r\n  <div>\r\n    <!-- 骨架屏 -->\r\n    <view v-if=\"isPageLoading\" class=\"skeleton-container\">\r\n      <!-- 头部导航骨架 -->\r\n      <view class=\"skeleton-header\" :style=\"{\r\n        height: (menu.bottom || 88) + 8 + 'px',\r\n        paddingTop: (menu.top || 44) + 'px'\r\n      }\">\r\n        <view class=\"skeleton-nav\">\r\n          <view class=\"skeleton-back-btn skeleton-animate\"></view>\r\n          <view class=\"skeleton-title skeleton-animate\"></view>\r\n          <view class=\"skeleton-share-btn skeleton-animate\"></view>\r\n        </view>\r\n      </view>\r\n\r\n      <!-- 商品图片骨架 -->\r\n      <view class=\"skeleton-product-image\" :style=\"{\r\n        marginTop: (menu.bottom || 88) + 8 + 'px',\r\n        width: '100vw',\r\n        height: '100vw'\r\n      }\">\r\n        <view class=\"skeleton-swiper skeleton-animate\"></view>\r\n      </view>\r\n\r\n      <!-- 商品信息骨架 -->\r\n      <view class=\"skeleton-product-info\">\r\n        <!-- 价格区域 -->\r\n        <view class=\"skeleton-price-section\">\r\n          <view class=\"skeleton-price skeleton-animate\"></view>\r\n          <view class=\"skeleton-original-price skeleton-animate\"></view>\r\n        </view>\r\n\r\n        <!-- 标题和描述 -->\r\n        <view class=\"skeleton-title-section\">\r\n          <view class=\"skeleton-product-title skeleton-animate\"></view>\r\n          <view class=\"skeleton-product-subtitle skeleton-animate\"></view>\r\n        </view>\r\n\r\n        <!-- 规格选择 -->\r\n        <view class=\"skeleton-spec-section\">\r\n          <view class=\"skeleton-spec-title skeleton-animate\"></view>\r\n          <view class=\"skeleton-spec-options\">\r\n            <view class=\"skeleton-spec-item skeleton-animate\" v-for=\"item in 3\" :key=\"item\"></view>\r\n          </view>\r\n        </view>\r\n      </view>\r\n\r\n      <!-- 商品详情骨架 -->\r\n      <view class=\"skeleton-detail-section\">\r\n        <view class=\"skeleton-detail-tabs\">\r\n          <view class=\"skeleton-tab-item skeleton-animate\" v-for=\"item in 2\" :key=\"item\"></view>\r\n        </view>\r\n        <view class=\"skeleton-detail-content\">\r\n          <view class=\"skeleton-detail-line skeleton-animate\" v-for=\"item in 5\" :key=\"item\"></view>\r\n        </view>\r\n      </view>\r\n\r\n      <!-- 底部按钮骨架 -->\r\n      <view class=\"skeleton-bottom-bar\">\r\n        <view class=\"skeleton-bottom-left\">\r\n          <view class=\"skeleton-cart-btn skeleton-animate\"></view>\r\n          <view class=\"skeleton-collect-btn skeleton-animate\"></view>\r\n        </view>\r\n        <view class=\"skeleton-bottom-right\">\r\n          <view class=\"skeleton-buy-btn skeleton-animate\"></view>\r\n        </view>\r\n      </view>\r\n    </view>\r\n\r\n    <!-- scroll-y=\"true\" @scroll=\"handlePageScroll\" :scroll-into-view=\"scrollView\" -->\r\n    <view v-else class=\"page-body\" :style=\"{ paddingBottom: `${134 + (isCountdown || panicBuying ? 64 : 0)}rpx` }\">\r\n      <div class=\"product-image\" :style=\"{\r\n        // marginTop: menu.top - 4 + 'px',\r\n        marginTop: menu.bottom + 8 + 'px',\r\n        width: '100vw',\r\n        height: '100vw',\r\n      }\">\r\n        <view class=\"header\" :style=\"{\r\n          height: menu.bottom + 8 + 'px',\r\n          // background: showTopFixed ? '#fff' : '',\r\n          background: '#fff'\r\n        }\">\r\n          <view class=\"headerBottom\" :style=\"{ bottom: 0, height: menu.height + 'px' }\">\r\n            <view class=\"backArrowBox\">\r\n              <image class=\"img\" @click=\"handleBackIndex\" src=\"/static/images/home/backArrowblack.svg\" />\r\n              <view class=\"line\"></view>\r\n              <image class=\"img\" src=\"/static/images/home/export.svg\" @click=\"handleShowExportBox\" />\r\n            </view>\r\n\r\n            <view class=\"tabBox\" v-if=\"showTopFixed\">\r\n              <view @click=\"handleChangePageTab(1)\" :class=\"pageTab === 1 ? 'tabItem selectTabItem' : 'tabItem'\">商品\r\n              </view>\r\n              <view @click=\"handleChangePageTab(2)\" :class=\"pageTab === 2 ? 'tabItem selectTabItem' : 'tabItem'\">详情\r\n              </view>\r\n            </view>\r\n            <view class=\"rightContent\"></view>\r\n\r\n            <view class=\"moreFunBox\" :style=\"{ top: menu.top + 'px' }\" v-if=\"showExportFun\">\r\n              <view class=\"triangle\"></view>\r\n              <view class=\"funList\">\r\n                <view class=\"funItem\" v-for=\"(item, index) in funList\" :key=\"index\" @click=\"handleExpentGo(item)\">\r\n                  <image class=\"funItemIcon\" :src=\"item.src\" />\r\n                  <text class=\"funItemText\" :style=\"{\r\n                    border: index + 1 === funList.length ? 'none' : '',\r\n                  }\">{{ item.label }}</text>\r\n                </view>\r\n              </view>\r\n            </view>\r\n          </view>\r\n        </view>\r\n\r\n        <block v-if=\"good.List && good.List.length > 0\">\r\n          <!-- interval=\"3000\" -->\r\n          <swiper scroll-x=\"true\" class=\"banner\" circular :indicator-dots=\"true\" indicator-active-color=\"#ff6d00\"\r\n            :autoplay=\"true\" id=\"banner\">\r\n            <swiper-item v-for=\"(img, i) in good.List\" :key=\"i\">\r\n              <!-- <view\r\n              :style=\"{\r\n                width: '100%',\r\n                height: '100%',\r\n                backgroundImage: `url(${img.IMAGE_URL})`,\r\n                backgroundSize: '100% 100%',\r\n              }\"\r\n            ></view> -->\r\n              <image mode=\"aspectFit\" :lazy-load=\"true\" :src=\"img.IMAGE_URL\" @click=\"handlePreviewSwiper(img, i)\">\r\n              </image>\r\n            </swiper-item>\r\n          </swiper>\r\n          <!-- <div class=\"swiper-dots\" v-if=\"pageMsg.imgeCount > 0\">\r\n          <div class=\"dot\">\r\n            {{ pageMsg.current + 1 }}/{{ pageMsg.imgeCount }}\r\n          </div>\r\n        </div> -->\r\n        </block>\r\n        <block v-else>\r\n          <view class=\"defaultImgBox\">\r\n            <image mode=\"aspectFit\" :lazy-load=\"true\" :src=\"good.DEFAULT_IMG\"></image>\r\n          </view>\r\n        </block>\r\n      </div>\r\n\r\n      <hr />\r\n      <div class=\"product-info\">\r\n        <div style=\"\r\n          display: flex;\r\n          box-sizing: border-box;\r\n          padding: 16rpx 32rpx 16rpx 32rpx;\r\n          justify-content: space-between;\r\n        \">\r\n          <!-- align-items: center;\r\n          justify-content: space-between; -->\r\n          <view style=\"display: flex\">\r\n            <div class=\"price-box\">\r\n              <div class=\"vip-price\">\r\n                <span class=\"unit\">¥</span>\r\n                <span style=\"font-weight: bold\">\r\n                  {{ good.bigNumber || \"\" }}.{{ good.smallNumber || \"00\" }}\r\n                  <!-- {{ good.COMMODITY_MEMBERPRICE || \"-\" }} -->\r\n                </span>\r\n              </div>\r\n\r\n              <!-- <div class=\"originalPrice\" v-if=\"pageType === 'UnionMall'\">\r\n              <span class=\"unit\">¥</span>\r\n              <span class=\"oldPrice\">\r\n                {{ good.RETbigNumber || \"\" }}.{{ good.RETsmallNumber || \"00\" }}\r\n              </span>\r\n            </div> -->\r\n            </div>\r\n\r\n\r\n            <div class=\"marketBottom\" v-if=\"good.COMMODITY_RETAILPRICE\">\r\n              <span class=\"marketPrice\">市场价：¥{{ good.COMMODITY_RETAILPRICE }}</span>\r\n            </div>\r\n          </view>\r\n\r\n\r\n          <div>\r\n            <view class=\"inventory\">销量：{{ good.COMMODITY_EN || \"0\" }}</view>\r\n            <!-- <span class=\"sale-count\">\r\n            {{\r\n              good.COMMODITY_STOCK > 0 ? \"库存 \" + good.COMMODITY_STOCK : \"售罄\"\r\n            }}</span\r\n          >\r\n          <span class=\"sale-count\">已售 {{ good.SALE_COUNT }}</span> -->\r\n          </div>\r\n        </div>\r\n\r\n\r\n\r\n\r\n        <div class=\"product-title\">\r\n          {{ good.COMMODITY_NAME || \"-\" }}\r\n        </div>\r\n        <div class=\"product-brand\" style=\"align-items: flex-end\">\r\n          <!-- <view class=\"oldPrice\"\r\n          >原价：¥ {{ good.RETbigNumber || \"\" }}.{{\r\n            good.RETsmallNumber || \"00\"\r\n          }}</view\r\n        > -->\r\n          <view class=\"inventory\">库存：{{ good.COMMODITY_STOCK || \"0\" }}</view>\r\n          <view class=\"inventory\" style=\"max-width: 50%;\">规格：{{ good.COMMODITY_RULE || \"\" }}</view>\r\n\r\n          <button class=\"share-btn\" @tap=\"handleShowPopup\">\r\n            <!-- <van-icon name=\"share\" color=\"#ea3323\" size=\"20px\" /> -->\r\n            <div style=\"width: 16px; height: 16px\">\r\n              <image style=\"width: 16px; height: 16px\" src=\"/static/images/home/share.svg\" />\r\n            </div>\r\n            <div>分享</div>\r\n          </button>\r\n        </div>\r\n\r\n        <div class=\"product-brand\" v-if=\"good.REMINDER_DAY\">\r\n          <view class=\"inventory\">{{ `平均${good.REMINDER_DAY}天内发货` }}</view>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"product-detail\" style=\"background: #fff; padding: 0\" v-if=\"\r\n        new Date(good.UPPER_DATE).getTime() > new Date().getTime() ||\r\n        good.SEND_MODE > 0 ||\r\n        good.DELIVER_AREA ||\r\n        good.LIMIT_TOTALCOUNT > 0\r\n      \">\r\n        <view class=\"detail-right\" style=\"width: 100%; box-sizing: border-box; padding: 0 32rpx\">\r\n          <view v-if=\"new Date(good.UPPER_DATE).getTime() > new Date().getTime()\">预售时间：{{\r\n            good.UPPER_DATE && good.OFF_DATE\r\n              ? `${good.UPPER_DATE || \"-\"}-${good.OFF_DATE || \"-\"}`\r\n              : good.UPPER_DATE && !good.OFF_DATE\r\n                ? `${good.UPPER_DATE || \"-\"}起`\r\n                : \"\"\r\n          }}</view>\r\n          <!-- 预售时间：{{ good.UPPER_DATE || \"-\" }}-{{\r\n            good.OFF_DATE || \"-\"\r\n          }} -->\r\n          <view>{{\r\n            good.SEND_MODE === 1000\r\n              ? \"发货模式：自提\"\r\n              : good.SEND_MODE === 2000\r\n                ? \"发货模式：邮寄\"\r\n                : good.SEND_MODE === 3000\r\n                  ? \"发货模式：免发货\"\r\n                  : \"\"\r\n          }}</view>\r\n\r\n          <view>{{\r\n            good.DELIVER_AREA\r\n              ? `配送区域：${good.DELIVER_AREA || \"仅限云南省即江浙沪包邮区购买\"}`\r\n              : \"\"\r\n          }}</view>\r\n          <view>{{\r\n            good.LIMIT_TOTALCOUNT\r\n              ? `限购数量：每人限购${good.LIMIT_TOTALCOUNT}件`\r\n              : \"\"\r\n          }}</view>\r\n          <view>{{\r\n            good.LIMIT_TOTALCOUNT\r\n              ? `每日限购：每人每日限购${good.LIMIT_TOTALCOUNT}件`\r\n              : \"\"\r\n          }}</view>\r\n        </view>\r\n      </div>\r\n\r\n      <div class=\"product-detail\" style=\"background: #fff; padding:  0\" v-if=\"good.AFTERSALE_NATRUE\">\r\n        <view class=\"detail-right\" style=\"width: 100%; box-sizing: border-box; padding: 16rpx 32rpx\">\r\n          <view>{{\r\n            good.AFTERSALE_NATRUE\r\n              ? `${good.AFTERSALE_NATRUE == 1000\r\n                ? \"仅支持退货\"\r\n                : good.AFTERSALE_NATRUE == 2000\r\n                  ? \"仅支持换货\"\r\n                  : good.AFTERSALE_NATRUE == 3000\r\n                    ? \"支持退货和换货\"\r\n                    : \"\"\r\n              }`\r\n              : \"\"\r\n          }}</view>\r\n        </view>\r\n      </div>\r\n\r\n      <div class=\"product-detail\" style=\"padding-bottom: 16rpx\" v-if=\"good.COMMODITY_DESC\">\r\n        <div class=\"detail-unit\" style=\"flex-direction: column\" id=\"detail\">\r\n          <div class=\"detail-title desc-ico\" style=\"margin-bottom: 32rpx; box-sizing: border-box; padding: 0 32rpx\">\r\n            商品备注\r\n          </div>\r\n          <div class=\"detail-right\" style=\"width: 100%; box-sizing: border-box; padding: 0 32rpx\">\r\n            {{ good.COMMODITY_DESC || \"暂无\" }}\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"product-detail\" v-if=\"!(good.ContentImgList && good.ContentImgList.length > 0)\">\r\n        <div class=\"detail-unit\" style=\"flex-direction: column\" id=\"detail\">\r\n          <div class=\"detail-title desc-ico\" style=\"margin-bottom: 32rpx; box-sizing: border-box; padding: 0 32rpx\">\r\n            商品简介\r\n          </div>\r\n          <div class=\"detail-right\">\r\n            <rich-text :nodes=\"good.COMMODITY_INTRO\"></rich-text>\r\n            <!-- {{ good.COMMODITY_DESC || \"暂无\" }} -->\r\n          </div>\r\n        </div>\r\n        <!-- <div class=\"\">\r\n        <div class=\"detail-unit rate-title\">\r\n          <div class=\"detail-title desc-ico\">\r\n            评价\r\n          </div>\r\n          <div class=\"rate-desc\" @click=\"goRate\" v-show=\"pageMsg.rateTotal > 0\">\r\n            <span>共{{ pageMsg.rateTotal }}条评论</span>\r\n            <van-icon\r\n              name=\"arrow\"\r\n              size=\"20rpx\"\r\n              color=\"#262626\"\r\n              custom-style=\"margin-left: 8rpx;\"\r\n            />\r\n          </div>\r\n        </div>\r\n      </div> -->\r\n\r\n      </div>\r\n      <block v-if=\"good.ContentImgList && good.ContentImgList.length > 0\" id=\"detail\">\r\n        <!-- ContentImgList -->\r\n        <div class=\"detail-unit\">\r\n          <span class=\"detail-title desc-ico\">产品介绍</span>\r\n        </div>\r\n        <div class=\"detail-image-box\">\r\n          <block v-for=\"(img, i) in good.ContentImgList\" :key=\"i\" v-show=\"detailImgList[i]\">\r\n            <image mode=\"widthFix\" class=\"img\" :lazy-load=\"true\" :src=\"img.IMAGE_URL\" @load=\"loadDetailImg($event, i)\"\r\n              @click=\"handlePreviewDetailImg(img, good.ContentImgList)\"></image>\r\n            <!-- :style=\"\r\n                'width:' +\r\n                detailImgList[i].width +\r\n                'rpx; height:' +\r\n                detailImgList[i].height +\r\n                'rpx;'\r\n              \" -->\r\n          </block>\r\n        </div>\r\n      </block>\r\n\r\n\r\n\r\n      <uni-popup :show=\"showShareBox\" position=\"bottom\" overlay=\"false\" @close=\"handleClosePopup\" ref=\"popup\"\r\n        :safe-area=\"false\">\r\n        <view class=\"share-popup\" style=\"background-color: #fff\">\r\n          <view class=\"share-divider\">\r\n            <text>分享</text>\r\n          </view>\r\n          <!-- <van-divider contentPosition=\"center\">分享</van-divider> -->\r\n          <view class=\"share-pop-btn\">\r\n            <button open-type=\"share\" @tap=\"handleClosePopup\">\r\n              <image src=\"https://eshangtech.com/ShopICO/icos/fxhy.png\" act></image>\r\n              <text>分享给好友</text>\r\n            </button>\r\n            <!-- <button  @tap=\"creatPageQR\">\r\n            <image src=\"https://eshangtech.com/ShopICO/icos/fxpyq.png\"></image>\r\n            <text>生成分享海报</text>\r\n          </button> -->\r\n          </view>\r\n        </view>\r\n      </uni-popup>\r\n\r\n      <uni-popup ref=\"shopPopup\" :safe-area=\"false\">\r\n        <view class=\"shopPopupBox\">\r\n          <view class=\"shopPopupContent\">\r\n            <div class=\"detailTop\">\r\n              <image class=\"detailImg\" :src=\"good.DEFAULT_IMG || '/static/images/home/defultImg.png'\" />\r\n              <div class=\"box\">\r\n                <div class=\"nameTop\">\r\n                  <text class=\"name\">{{ good.COMMODITY_NAME }}</text>\r\n                  <image class=\"closeIcon\" @click=\"handleClosePop\"\r\n                    src=\"https://eshangtech.com/ShopICO/ahyd-BID/examine/close.svg\" />\r\n                </div>\r\n                <div class=\"priceBox\">\r\n                  <text class=\"priceIcon\">￥</text>\r\n                  <text class=\"price\">{{ good.COMMODITY_MEMBERPRICE }}</text>\r\n                  <text class=\"unit\">/{{ good.COMMODITY_UNIT }}</text>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <scroll-view :scroll-y=\"true\" class=\"scrollDetailBox\">\r\n              <div class=\"detailMessage\">\r\n                <p class=\"detailTitle\">详细信息</p>\r\n                <text class=\"detailText\"></text>\r\n              </div>\r\n              <div class=\"orderDetail\">\r\n                <p class=\"orderTitle\">下单信息</p>\r\n                <div class=\"numBox\">\r\n                  <text class=\"numTitle\">购买数量</text>\r\n                  <div class=\"cartcontrol\">\r\n                    <div class=\"subtract\" @click=\"handleDetailSubtract($event, good)\">\r\n                      <image class=\"img\" src=\"/static/images/home/subtract.svg\"></image>\r\n                    </div>\r\n                    <input class=\"cart-count\" confirm-type=\"done\" type=\"digit\" :maxlength=\"7\"\r\n                      style=\"background: #fff; text-align: center; width: 100px\" placeholder=\"0\"\r\n                      @blur=\"haveFocus($event, good)\" @focus=\"haveFocus($event, good)\" v-model=\"good.count\" />\r\n                    <!-- @input=\"handleNumber\" -->\r\n\r\n                    <div class=\"subtract\" @click=\"handleDetailAdd($event, good)\">\r\n                      <image class=\"img\" src=\"/static/images/home/addIcon.svg\"></image>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div class=\"sizeBox\">\r\n                  <div class=\"sizeTitle\">规格</div>\r\n\r\n                  <scroll-view :scroll-x=\"true\" :scroll-y=\"true\" class=\"sizeScrollBox\">\r\n                    <div class=\"sizeList\">\r\n                      <div :class=\"good.RTCOMMODITY_MULTI_ID === item.RTCOMMODITY_MULTI_ID\r\n                        ? 'sizeItem selectSizeItem'\r\n                        : 'sizeItem'\r\n                        \" :style=\"{\r\n                          background: item.COMMODITY_STOCK > 0 ? good.RTCOMMODITY_MULTI_ID === item.RTCOMMODITY_MULTI_ID ? '#e7f3ff' : '#dbdad6' : '#9c9c9a0',\r\n                          color: item.COMMODITY_STOCK > 0 ? good.RTCOMMODITY_MULTI_ID === item.RTCOMMODITY_MULTI_ID ? '#1890ff' : '#000' : '#a4a4a4'\r\n                        }\" v-for=\"(item, index) in good.SKULIST\" :key=\"index\"\r\n                        @click=\"handleChangeSelectSKULIST(item.RTCOMMODITY_MULTI_ID, item)\">\r\n                        {{ item.COMMODITY_NAME }}\r\n                      </div>\r\n                      <!-- <div class=\"sizeItem\">{{ good.COMMODITY_UNIT }}</div> -->\r\n                    </div>\r\n                  </scroll-view>\r\n                </div>\r\n                <!-- <div class=\"sizeBox\">\r\n              <text class=\"sizeTitle\">规格</text>\r\n              <div class=\"sizeList\">\r\n                <div :class=\"good.COMMODITY_RULE === item.COMMODITY_MULTI_ID\r\n                  ? 'sizeItem selectSizeItem'\r\n                  : 'sizeItem'\r\n                  \" v-for=\"(item, index) in good.SKULIST\" :key=\"index\"\r\n                  @click=\"handleChangeSelectSKULIST(item.COMMODITY_MULTI_ID)\">\r\n                  {{ item.COMMODITY_NAME }}\r\n                </div>\r\n              </div>\r\n            </div> -->\r\n                <div class=\"descBox\">\r\n                  <input class=\"desc\" :value=\"good.SALEDETAIL_DESC\" placeholder=\"请填写商品备注\"\r\n                    @input=\"handleDesc($event, good)\" />\r\n                </div>\r\n              </div>\r\n            </scroll-view>\r\n          </view>\r\n\r\n          <view class=\"bottomBtn\">\r\n            <view class=\"shopCarBtn\" v-if=\"bottomBtnType === 1\" @click=\"handleAddShopCar\">加入购物车</view>\r\n            <view class=\"makeOrderBtn\" v-if=\"bottomBtnType === 2\" @click=\"handleMakeOrder\">立即购买</view>\r\n          </view>\r\n        </view>\r\n      </uni-popup>\r\n    </view>\r\n\r\n    <div class=\"product-btn-box\">\r\n      <view class=\"leftBtn\">\r\n        <view class=\"btnItem\" @click=\"handleBackIndex\">\r\n          <image class=\"btnItemImg\" src=\"https://eshangtech.com/ShopICO/shoppingMall/home.png\" />\r\n          <text class=\"btnItemText\">首页</text>\r\n        </view>\r\n        <view class=\"btnItem\" @click=\"handleCollect\">\r\n          <image class=\"btnItemImg\"\r\n            :src=\"isCollect ? '/static/images/home/collected.svg' : '/static/images/home/collect.svg'\" />\r\n          <text class=\"btnItemText\">收藏</text>\r\n        </view>\r\n        <view class=\"btnItem\" @click=\"handleShowShopCar\">\r\n          <image class=\"btnItemImg\" src=\"/static/images/home/shopCarIcon.svg\" />\r\n          <text class=\"btnItemText\">购物车</text>\r\n        </view>\r\n      </view>\r\n      <!-- <view class=\"home-btn\" url=\"/pages/home/index\" open-type=\"switchTab\"\r\n        >首页</view\r\n      > -->\r\n\r\n      <!-- 积分暂时没有规定 所以 -->\r\n      <view class=\"rightBtn\" v-if=\"good.PAY_METHOD !== 2000 && pageType !== 'pointsMall' && !offShop\">\r\n        <div class=\"addCarBtn\" @click=\"handleShowShopPopup(1)\">加入购物车</div>\r\n        <div class=\"sellOut presale\" @click=\"handleShowShopPopup(4)\" v-if=\"isCountdown\">\r\n          预售中\r\n        </div>\r\n        <div class=\"addOrder\" @click=\"handleShowShopPopup(2)\"\r\n          v-if=\"good.OFF_DATE && !isCountdown ? new Date().getTime() < new Date(good.OFF_DATE).getTime() : (good.COMMODITY_STOCK > 0 && !isCountdown)\">\r\n          立即购买\r\n        </div>\r\n        <div class=\"sellOut\" @click=\"handleShowShopPopup(3)\" v-if=\"good.COMMODITY_STOCK === 0 && !isCountdown\">\r\n          已售罄\r\n        </div>\r\n        <div class=\"sellOut\" @click=\"handleShowShopPopup(3)\"\r\n          v-if=\"new Date().getTime() > new Date(good.OFF_DATE).getTime() && !(good.OFF_DATE && !isCountdown)\">\r\n          已结束\r\n        </div>\r\n      </view>\r\n\r\n      <view class=\"rightBtn\" v-if=\"(good.PAY_METHOD === 2000 || pageType === 'pointsMall') && !offShop\">\r\n        <div class=\"sellOut\" style=\"width: 100%;border-radius: 16rpx;\">\r\n          积分不足\r\n        </div>\r\n      </view>\r\n      <!-- <div\r\n        class=\"buynow-btn\"\r\n        @click=\"getMemberPoint(1)\"\r\n        v-if=\"good.COMMODITY_STOCK > 0 && good.PAY_METHOD !== 1000\"\r\n      >\r\n        立即兑换\r\n      </div>\r\n      <div\r\n        class=\"join-shopCart\"\r\n        @click=\"getMemberPoint(2)\"\r\n        v-if=\"good.COMMODITY_STOCK > 0 && good.PAY_METHOD !== 2000\"\r\n      >\r\n        立即购买\r\n      </div>\r\n      <div\r\n        class=\"buynow-btn\"\r\n        style=\"background: #eee; color: #999\"\r\n        v-if=\"good.COMMODITY_STOCK < 1\"\r\n      >\r\n        已售罄\r\n      </div> -->\r\n    </div>\r\n\r\n    <!-- 预售倒计时 -->\r\n    <div class=\"countdown\" v-if=\"isCountdown || panicBuying\">\r\n      此商品为{{ panicBuying ? '热销' : '预售' }}商品，{{ panicBuying ? '抢购' : '起售' }}倒计时 {{ countdown || \"\" }}\r\n    </div>\r\n\r\n    <!-- 商品下架显示 -->\r\n    <div class=\"offShopDown\" v-if=\"offShop\">商品已下架！</div>\r\n  </div>\r\n</template>\r\n<script>\r\n// import rateItem from \"../../rate/components/rateItem\";\r\nimport { mapGetters, mapActions, mapMutations } from \"vuex\";\r\nexport default {\r\n  data() {\r\n    const windows = uni.getSystemInfoSync();\r\n    return {\r\n      isPageLoading: true,\r\n      safeHeight: 0,\r\n      pageMsg: {\r\n        current: 0,\r\n        imgeCount: 0,\r\n        goodId: \"\",\r\n        buyCount: 1,\r\n        rateTotal: 0,\r\n        memberPoint: 0,\r\n        money: 0,\r\n      },\r\n      isShowCount: 0,\r\n      showSharePro: false, // 是否生成分享海报\r\n      showShareBox: false, // 是否展示分享选项\r\n      good: {},\r\n      rateList: [], // 评价列表\r\n      detailImgList: [],\r\n      windowMsg: {\r\n        width: 375,\r\n        height: 667,\r\n        ratio: 0.5,\r\n        scale: windows.pixelRatio,\r\n      },\r\n      menu: {\r\n        top: 44,\r\n        bottom: 88,\r\n        height: 32\r\n      },\r\n      inputMaxLength: -1,\r\n      bottomBtnType: 0,\r\n      shopCarList: [], // 当前的购物车\r\n      funList: [\r\n        { label: \"首页\", value: 1, src: \"/static/images/shopTabbar/home.png\" },\r\n        {\r\n          label: \"分类\",\r\n          value: 2,\r\n          src: \"/static/images/shopTabbar/classification.png\",\r\n        },\r\n        {\r\n          label: \"购物车\",\r\n          value: 3,\r\n          src: \"/static/images/shopTabbar/shopCar.png\",\r\n        },\r\n      ], // 展开来的方法列表\r\n      showExportFun: false, // 显示展开的悬浮框\r\n      showTopFixed: false, // 顶部显示的锚点tab\r\n      pageTab: 1, // 锚点tab的选中\r\n      scrollView: \"\", // 滚动的锚点\r\n      pageType: \"\", // 页面类型 UnionMall 为工会之家\r\n      countdown: \"\", // 存储倒计时的显示内容\r\n      isCountdown: false, // 判断是否进入到倒计时\r\n      panicBuying: false,//判断是否是抢购的倒计时\r\n      timer: null, // 定时器\r\n      isCollect: false,\r\n      shopId: \"\",// 商品id\r\n      offShop: false,// 判断商品是否下架了\r\n    };\r\n  },\r\n  components: {\r\n    // rateItem,\r\n    // UniPopup,\r\n  },\r\n  computed: {\r\n    ...mapGetters(\"shoppingCart\", {\r\n      totalNum: \"goodNum\",\r\n    }),\r\n    ...mapGetters([\"user\"]),\r\n  },\r\n  methods: {\r\n    ...mapActions(\"shoppingCart\", {\r\n      addGood: \"ADDGOOD\",\r\n      addCate: \"ADDCATE\",\r\n    }),\r\n    ...mapMutations(\"shoppingCart\", {\r\n      setOrder: \"ORDERGOOD\",\r\n    }),\r\n    ...mapMutations([\"setInvitedCode\"]),\r\n    // 备注的输入框\r\n    handleDesc(e, item) {\r\n      this.good.SALEDETAIL_DESC = e.detail.value\r\n    },\r\n    // 查一下 当前商品有没有被收藏\r\n\r\n    // 收藏\r\n    async handleCollect() {\r\n\r\n\r\n\r\n      if (this.user && !this.user.MEMBERSHIP_ID || (!this.user && !this.user.MEMBERSHIP_ID)) {\r\n        let _this = this;\r\n        uni.showModal({\r\n          title: \"温馨提示\",\r\n          content: \"请您授权登录后再操作。\",\r\n          success(res) {\r\n            if (res.confirm) {\r\n              uni.navigateTo({ url: \"/pages/register/index\" });\r\n            }\r\n          },\r\n        });\r\n        return;\r\n      }\r\n      if (this.isCollect) {\r\n        console.log('this.isCollectthis.isCollect', this.isCollect);\r\n        console.log('this.good', this.good);\r\n\r\n        let req = {\r\n          COLLECTIONId: this.good.COLLECTION_ID,\r\n          type: \"encryption\",\r\n        }\r\n        // 同步收藏\r\n        console.log('reqreqreq', req);\r\n        const data = await this.$api.$zzyLocalPost(\r\n          \"/Member/DeleteCOLLECTION\",\r\n          req\r\n        );\r\n        console.log('data', data);\r\n        if (data.Result_Code === 100) {\r\n          uni.showToast({\r\n            title: '取消成功！',\r\n            icon: 'none'\r\n          })\r\n          this.isCollect = false\r\n        } else {\r\n          uni.showToast({\r\n            title: data.Result_Desc,\r\n            icon: 'none'\r\n          })\r\n        }\r\n      } else {\r\n        if (this.offShop) {\r\n          return\r\n        }\r\n\r\n        let req = {\r\n          COLLECTION_ID: this.good.COLLECTION_ID || \"\",\r\n          COLLECTION_TYPE: 2000,\r\n          MEMBERSHIP_ID: this.user.MEMBERSHIP_ID,\r\n          TABLE_ID: this.good.COMMODITY_ID,\r\n          TABLE_NAME: \"COOP_MERCHANT.T_COMMODITY\",\r\n          APP_GUID: \"wxee018fb96955552a\",\r\n          COLLECTION_STATE: 1,\r\n          PROVINCE_CODE: this.user.PROVINCE_CODE,\r\n          OWNERUNIT_ID: 911,\r\n          type: \"encryption\",\r\n          STAFF_NAME: this.user.MEMBERSHIP_NAME,\r\n          OPERATE_DATE: this.$moment.now().format(\"YYYY-MM-DD\")\r\n        }\r\n        // 同步收藏\r\n        console.log('reqreqreq', req);\r\n\r\n        const data = await this.$api.$zzyLocalPost(\r\n          \"/Member/SynchroCOLLECTION\",\r\n          req\r\n        );\r\n        console.log('data', data);\r\n        if (data.Result_Code === 100) {\r\n          uni.showToast({\r\n            title: '已添加至收藏夹',\r\n            icon: 'none'\r\n          })\r\n          this.isCollect = true\r\n          await this.getDetail(this.good.COMMODITY_ID);\r\n          this.$forceUpdate()\r\n        } else {\r\n          uni.showToast({\r\n            title: data.Result_Desc,\r\n            icon: 'none'\r\n          })\r\n        }\r\n      }\r\n\r\n\r\n\r\n      // if (this.isCollect) {\r\n      //   let collectGoodList = uni.getStorageSync('collectGood')\r\n      //   let newList = []\r\n      //   if (collectGoodList && collectGoodList.length > 0) {\r\n      //     collectGoodList.forEach((item) => {\r\n      //       if (item.COMMODITY_ID !== this.shopId) {\r\n      //         newList.push(item)\r\n      //       }\r\n      //     })\r\n      //   }\r\n      //   uni.setStorageSync('collectGood', newList)\r\n      //   uni.showToast({\r\n      //     title: '取消收藏',\r\n      //     icon: 'none'\r\n      //   })\r\n      //   this.isCollect = false\r\n      // } else {\r\n      //   let collectGoodList = uni.getStorageSync('collectGood')\r\n      //   if (collectGoodList && collectGoodList.length > 0) {\r\n      //     collectGoodList.push(this.good)\r\n      //   } else {\r\n      //     collectGoodList = [this.good]\r\n      //   }\r\n      //   uni.setStorageSync('collectGood', collectGoodList)\r\n      //   uni.showToast({\r\n      //     title: '已添加至收藏夹',\r\n      //     icon: 'none'\r\n      //   })\r\n      //   this.isCollect = true\r\n      // }\r\n\r\n    },\r\n    // 倒计时方法\r\n    startCountdown(targetTime) {\r\n      console.log(\"targetTime\", targetTime);\r\n\r\n      let target = new Date(targetTime); // 目标时间\r\n      let _this = this;\r\n\r\n      this.timer = setInterval(() => {\r\n        let now = new Date(); // 当前时间\r\n        let timeDiff = target - now; // 目标时间与当前时间的差值（毫秒）\r\n\r\n        if (timeDiff <= 0) {\r\n          clearInterval(this.timer); // 倒计时结束，停止定时器\r\n          _this.isCountdown = false;\r\n          _this.panicBuying = false;\r\n          _this.countdown = \"\";\r\n\r\n          if (\r\n            new Date(_this.good.UPPER_DATE).getTime() > new Date().getTime()\r\n          ) {\r\n            _this.isCountdown = true;\r\n            _this.startCountdown(_this.good.UPPER_DATE);\r\n          } else {\r\n            _this.isCountdown = false;\r\n            if (new Date(_this.good.OFF_DATE).getTime() > new Date().getTime()) {\r\n              _this.panicBuying = true;\r\n              _this.startCountdown(_this.good.OFF_DATE);\r\n            } else {\r\n              _this.panicBuying = false;\r\n            }\r\n          }\r\n        } else {\r\n          // 计算剩余时间的小时、分钟和秒数\r\n          let hours = Math.floor(timeDiff / (1000 * 60 * 60)); // 小时\r\n          let minutes = Math.floor((timeDiff % (1000 * 60 * 60)) / (1000 * 60)); // 分钟\r\n          let seconds = Math.floor((timeDiff % (1000 * 60)) / 1000); // 秒\r\n\r\n          // 格式化为“时:分:秒”\r\n          _this.countdown = ` ${hours}时${minutes}分${seconds}秒`;\r\n        }\r\n      }, 1000); // 每秒更新一次\r\n    },\r\n    // 输入框里面的数量\r\n    haveFocus(e, item) {\r\n      console.log(\"e\", e);\r\n      let value = e.detail.value.toString();\r\n      let number = 0;\r\n      if (value.indexOf(\".\") === -1) {\r\n        number = Number(value);\r\n      } else {\r\n        let bigNumber = value.split(\".\")[0];\r\n        number = Number(bigNumber);\r\n      }\r\n      console.log(\"number\", number);\r\n\r\n      if (number < 0) {\r\n        item.count = 1;\r\n      } else {\r\n        item.count = Number(number);\r\n      }\r\n\r\n      console.log(\"item\", item);\r\n      this.good = item;\r\n      console.log(\"this.good\", this.good);\r\n      this.$forceUpdate();\r\n    },\r\n    // 输入框输入的触发方法\r\n    // handleNumber(e) {\r\n    //   console.log(\"e\", e);\r\n    //   if (e.detail.value.indexOf(\".\") !== -1) {\r\n    //     const flag = e.detail.value.indexOf(\".\");\r\n    //     console.log(\"flag\", flag);\r\n    //     if (flag === 0) {\r\n    //       this.inputMaxLength = flag + 4;\r\n    //     } else {\r\n    //       this.inputMaxLength = flag + 3;\r\n    //     }\r\n    //   } else {\r\n    //     // if (e.mp.detail.value === '') {\r\n    //     //   this.currentRow.count = 0\r\n    //     // }\r\n    //     this.inputMaxLength = -1;\r\n    //   }\r\n    //   console.log(\"inputMaxLength\", this.inputMaxLength);\r\n    // },\r\n    handleClosePop() {\r\n      // this.good.COMMODITY_RULE = undefined;\r\n      this.$refs.shopPopup.close();\r\n    },\r\n    // 改变当前选中的规格\r\n    handleChangeSelectSKULIST(value, obj) {\r\n      if (obj.COMMODITY_STOCK > 0) {\r\n        console.log(\"value\", value);\r\n        // this.good.COMMODITY_RULE = value; \r\n        this.good.COMMODITY_RULE = obj.COMMODITY_NAME;\r\n        this.good.RTCOMMODITY_MULTI_ID = value;\r\n        if (obj.COMMODITY_MEMBERPRICE) {\r\n          this.good.COMMODITY_MEMBERPRICE = obj.COMMODITY_MEMBERPRICE\r\n        }\r\n        if (obj.COMMODITY_PURCHASEPRICE) {\r\n          this.good.COMMODITY_PURCHASEPRICE = obj.COMMODITY_PURCHASEPRICE\r\n        }\r\n        console.log(\"this.good\", this.good);\r\n        this.$forceUpdate()\r\n      } else {\r\n        uni.showToast({\r\n          title: \"已售罄\",\r\n          icon: 'error'\r\n        })\r\n      }\r\n    },\r\n    // 点击的锚点\r\n    handleChangePageTab(value) {\r\n      this.pageTab = value;\r\n      if (value === 1) {\r\n        this.scrollView = \"banner\";\r\n      } else {\r\n        this.scrollView = \"detail\";\r\n      }\r\n    },\r\n    // 预览轮播图\r\n    handlePreviewSwiper(obj) {\r\n      console.log(\"obj\", obj);\r\n      let imgList = [];\r\n      if (this.good.List && this.good.List.length > 0) {\r\n        this.good.List.forEach((item) => {\r\n          imgList.push(item.IMAGE_URL);\r\n        });\r\n      }\r\n      uni.previewImage({\r\n        current: obj.IMAGE_URL, // 当前显示图片的http链接\r\n        urls: imgList, // 需要预览的图片http链接列表\r\n      });\r\n    },\r\n    // 预览详情图片\r\n    handlePreviewDetailImg(obj, list) {\r\n      console.log(\"obj\", obj);\r\n      let imgList = [];\r\n      if (list && list.length > 0) {\r\n        imgList = list\r\n      } else {\r\n        if (this.good.List && this.good.List.length > 0) {\r\n          this.good.List.forEach((item) => {\r\n            imgList.push(item.IMAGE_URL);\r\n          });\r\n        }\r\n      }\r\n\r\n      uni.previewImage({\r\n        current: obj.IMAGE_URL, // 当前显示图片的http链接\r\n        urls: imgList, // 需要预览的图片http链接列表\r\n      });\r\n    },\r\n    handlePageScroll(e) {\r\n      // console.log(\"handlePageScroll\", e.detail.scrollTop);\r\n      let scrollTop = e.detail.scrollTop;\r\n      if (scrollTop < 80) {\r\n        this.showTopFixed = false;\r\n        this.scrollView = \"\";\r\n      } else {\r\n        this.showTopFixed = true;\r\n      }\r\n      if (scrollTop < 300) {\r\n        this.scrollView = \"banner\";\r\n        this.pageTab = 1;\r\n      } else {\r\n        this.scrollView = \"detail\";\r\n        this.pageTab = 2;\r\n      }\r\n\r\n      this.showExportFun = false;\r\n    },\r\n    // 显示展开功能\r\n    handleShowExportBox() {\r\n      this.showExportFun = !this.showExportFun;\r\n    },\r\n    // 跳转对应的\r\n    handleExpentGo(obj) {\r\n      if (obj.value === 1) {\r\n        uni.redirectTo({\r\n          url: `/pages/shopMallPage/index/index?pageType=${this.pageType}`,\r\n        });\r\n      } else if (obj.value === 2) {\r\n        uni.redirectTo({\r\n          url: `/pages/shopMallPage/shopType/index?pageType=${this.pageType}`,\r\n        });\r\n      } else if (obj.value === 3) {\r\n        uni.redirectTo({\r\n          url: `/pages/shopMallPage/shopCar/index?pageType=${this.pageType}`,\r\n        });\r\n      }\r\n    },\r\n    // 返回首页\r\n    handleBackIndex() {\r\n      uni.navigateBack({\r\n        delta: 1,\r\n      });\r\n    },\r\n    // 显示购物车\r\n    handleShowShopCar() {\r\n      if (this.user && !this.user.MEMBERSHIP_ID || (!this.user && !this.user.MEMBERSHIP_ID)) {\r\n        let _this = this;\r\n        uni.showModal({\r\n          title: \"温馨提示\",\r\n          content: \"请您授权登录后再操作。\",\r\n          success(res) {\r\n            if (res.confirm) {\r\n              uni.navigateTo({ url: \"/pages/register/index\" });\r\n            }\r\n          },\r\n        });\r\n        return;\r\n      }\r\n      uni.redirectTo({\r\n        url: `/pages/shopMallPage/shopCar/index?pageType=${this.pageType}`,\r\n      });\r\n    },\r\n    // 加入购物车方法\r\n    handleAddShopCar() {\r\n      console.log('this.good', this.good);\r\n\r\n      if (\r\n        this.good.SKULIST &&\r\n        this.good.SKULIST.length > 0 &&\r\n        // (this.good.COMMODITY_RULE === \"默认\" || !this.good.COMMODITY_RULE)\r\n        (!this.good.RTCOMMODITY_MULTI_ID)\r\n      ) {\r\n        uni.showToast({\r\n          title: \"请先选择规格！\",\r\n          icon: \"none\",\r\n        });\r\n        return;\r\n      }\r\n\r\n      // 是否为已售罄\r\n      if (this.good.COMMODITY_STOCK === 0) {\r\n        uni.showToast({\r\n          title: \"商品已售罄！\",\r\n          icon: \"none\",\r\n        });\r\n        return;\r\n      }\r\n\r\n      if (this.good.COMMODITY_STOCK < this.good.count) {\r\n        uni.showToast({\r\n          title: \"商品库存不足！\",\r\n          icon: \"none\",\r\n        });\r\n        return;\r\n      }\r\n\r\n      if (!this.good.COMMODITY_MEMBERPRICE) {\r\n        uni.showToast({\r\n          title: \"商品信息有误，无法添加购物车！\",\r\n          icon: \"none\",\r\n        });\r\n        return;\r\n      }\r\n\r\n\r\n\r\n      console.log(\"this.good\", this.good);\r\n      console.log('this.shopCarList', JSON.parse(JSON.stringify(this.shopCarList)));\r\n      // 当前购物车的数据\r\n      if (this.shopCarList && this.shopCarList.length > 0) {\r\n        let nowShopList = [];\r\n        // 判断有没有一样的\r\n        let isSame = false;\r\n        let list = JSON.parse(JSON.stringify(this.shopCarList));\r\n        console.log('listlistlistlist', list);\r\n        list.forEach((item) => {\r\n          // 先看看有没有规格id  如果选了规格 不一样规格 算不同的商品\r\n          if (this.good.RTCOMMODITY_MULTI_ID) {\r\n            // 是多规格 看一下 当前购物车中 是否已经有了 这个规格的商品  \r\n            let filterRuleList = list.filter(\r\n              (item) => item.RTCOMMODITY_MULTI_ID === this.good.RTCOMMODITY_MULTI_ID\r\n            );\r\n            console.log('filterRuleList', JSON.parse(JSON.stringify(filterRuleList)));\r\n\r\n            // 如果有一样规格的 就替换值  没有 就等于新增商品\r\n            // 如果原本已经有了 那么就是当前购物车的数量  + 本次的数量\r\n            if (filterRuleList && filterRuleList.length > 0) {\r\n              if (item.COMMODITY_ID === this.good.COMMODITY_ID) {\r\n                item.count = this.good.count + item.count;\r\n                item.SALEDETAIL_DESC = this.good.SALEDETAIL_DESC\r\n              }\r\n              isSame = true;\r\n            } else {\r\n              // 同商品 但是不同规格的添加\r\n              // list.push({ ...this.good });\r\n            }\r\n          } else {\r\n            // 没有多规格 购物车中又已经有了该商品 那么就数量就加上这次添加到购物车的数量\r\n            if (item.COMMODITY_ID === this.good.COMMODITY_ID) {\r\n              // item.count = this.good.count;\r\n              item.count = this.good.count + item.count\r\n              item.SALEDETAIL_DESC = this.good.SALEDETAIL_DESC\r\n              isSame = true;\r\n            } else {\r\n              // 当前购物车中找不到同样的商品 说明是新商品 那么直接添加到购物车中\r\n              // list.push({ ...this.good });\r\n              // isSame = false\r\n            }\r\n          }\r\n        });\r\n        // nowShopList = list\r\n        // 判断是否是一样的商品\r\n        if (isSame) {\r\n          // nowShopList = this.shopCarList;\r\n          nowShopList = JSON.parse(JSON.stringify(list));\r\n        } else {\r\n          // this.shopCarList.push(this.good);\r\n          // list.push(this.good);\r\n          list.unshift(this.good);\r\n\r\n          // nowShopList = this.shopCarList;\r\n          nowShopList = JSON.parse(JSON.stringify(list));\r\n        }\r\n\r\n        console.log('nowShopListnowShopListnowShopList', nowShopList);\r\n        this.shopCarList = nowShopList\r\n\r\n        // 区分一下 这个是工会商城的购物车 还是外面商城的购物车\r\n        if (this.pageType === \"UnionMall\") {\r\n          this.$store.commit(\"unionMyShopCar\", nowShopList);\r\n        } else {\r\n          this.$store.commit(\"myShopCar\", nowShopList);\r\n        }\r\n      } else {\r\n        // 这是当前购物车为空的情况 那么就直接把当前商品 添加进去即可\r\n        let nowShopList = [];\r\n        let good = JSON.parse(JSON.stringify(this.good))\r\n        nowShopList.push(good);\r\n        this.shopCarList = [good]\r\n        console.log('nowShopListnowShopListnowShopList', this.shopCarList);\r\n        if (this.pageType === \"UnionMall\") {\r\n          this.$store.commit(\"unionMyShopCar\", nowShopList);\r\n        } else {\r\n          this.$store.commit(\"myShopCar\", nowShopList);\r\n        }\r\n      }\r\n\r\n      uni.showToast({\r\n        title: \"加入成功！\",\r\n        duration: 2000,\r\n      });\r\n      let _this = this\r\n      setTimeout(() => {\r\n        _this.handleCloseShopPopup()\r\n        // this.$refs.shopPopup.close();\r\n      }, 1000);\r\n    },\r\n    // 立即购买方法\r\n    async handleMakeOrder() {\r\n      let userInfo = {};\r\n      if (this.pageType === \"UnionMall\") {\r\n        // 获取最新的用户余额\r\n        uni.showLoading({\r\n          title: \"获取用户余额...\",\r\n        });\r\n        const userData = await this.$api.getCoop({\r\n          action_type: \"GetMembershipInfo\",\r\n          WechatUserId: this.user.WechatUserId,\r\n        });\r\n        userInfo = userData.Data;\r\n        console.log(\"this.userInfo\", this.userInfo);\r\n        uni.hideLoading();\r\n        if (!(userInfo && userInfo.ACCOUNT_BALANCE > 0)) {\r\n          uni.showToast({\r\n            title: \"您未被纳入工会会员采购名录，如有疑问，请联系工会咨询\",\r\n            icon: \"none\",\r\n          });\r\n          return;\r\n        }\r\n      }\r\n\r\n      if (\r\n        this.good.SKULIST &&\r\n        this.good.SKULIST.length > 0 &&\r\n        (this.good.COMMODITY_RULE === \"默认\" || !this.good.COMMODITY_RULE)\r\n      ) {\r\n        console.log('this.goodthis.good', this.good);\r\n\r\n        uni.showToast({\r\n          title: \"请先选择规格！\",\r\n          icon: \"none\",\r\n        });\r\n        return;\r\n      }\r\n      // 是否为已售罄\r\n      if (this.good.COMMODITY_STOCK === 0) {\r\n        uni.showToast({\r\n          title: \"商品已售罄！\",\r\n          icon: \"none\",\r\n        });\r\n        return;\r\n      }\r\n\r\n      if (this.good.COMMODITY_STOCK < this.good.count) {\r\n        uni.showToast({\r\n          title: \"商品库存不足！\",\r\n          icon: \"none\",\r\n        });\r\n        return;\r\n      }\r\n\r\n      console.log(\"this.good\", this.good);\r\n      let nowShopList = [this.good];\r\n\r\n      if (nowShopList && nowShopList.length > 0) {\r\n        this.pageOut = true;\r\n        let orderList = [];\r\n        let noSelectList = [];\r\n        nowShopList.forEach((item) => {\r\n          item.ORDER_COUNT = item.count;\r\n          item.AVERAGE_PRICE = item.COMMODITY_MEMBERPRICE;\r\n          item.cartItemAoumt = Number(\r\n            (item.AVERAGE_PRICE * item.ORDER_COUNT).toFixed(2)\r\n          );\r\n          item.ORDER_AMOUNT = Number(\r\n            (item.AVERAGE_PRICE * item.ORDER_COUNT).toFixed(2)\r\n          );\r\n          item.COMMODITY_INTRO = \"\";\r\n          orderList.push(item);\r\n        });\r\n        // this.$store.commit('shopcartOrder', orderList)\r\n        // 购物车改了后有些id不一样了 统一一下\r\n        if (orderList && orderList.length > 0) {\r\n          orderList.forEach((item) => {\r\n            let [big, small] = item.COMMODITY_MEMBERPRICE.toString().split(\".\");\r\n            item.COMMODITY_INYEGER = big;\r\n            item.COMMODITY_DECIMAL = small;\r\n            // item.COMMODITY_ID = item.SELLERCOMMODITY_ID\r\n          });\r\n        }\r\n        console.log(\"noSelectList\", noSelectList);\r\n        console.log(\"orderList\", orderList);\r\n        let id = Number(\r\n          Math.random().toString().substr(3, 5) + Date.now()\r\n        ).toString(36);\r\n        if (orderList.length > 0) {\r\n          uni.navigateTo({\r\n            url: `/pages/shopPages/settlement/index?pageType=${this.pageType\r\n              }&shopCarList=${JSON.stringify(orderList)}`,\r\n          });\r\n        } else {\r\n          uni.showToast({ title: \"购物车内无勾选商品\", icon: \"none\" });\r\n        }\r\n      }\r\n    },\r\n    // 减少当前商品\r\n    handleDetailSubtract(e, obj) {\r\n      if (obj.count > 0) {\r\n        if (obj.count - 1 === 0) {\r\n          obj.count = 1;\r\n        } else {\r\n          obj.count -= 1;\r\n        }\r\n        this.good = obj;\r\n        this.$forceUpdate();\r\n      }\r\n    },\r\n    // 增加当前商品的数量\r\n    handleDetailAdd(e, obj) {\r\n      obj.count += 1;\r\n      this.good = obj;\r\n      this.$forceUpdate();\r\n    },\r\n    // 打开购物车 或 立即购买的悬浮框  1 打开购物车  2 立即购买  3售罄  4预售\r\n    handleShowShopPopup(type) {\r\n      if (this.user && !this.user.MEMBERSHIP_ID || (!this.user && !this.user.MEMBERSHIP_ID)) {\r\n        let _this = this;\r\n        uni.showModal({\r\n          title: \"温馨提示\",\r\n          content: \"请您授权登录后再操作。\",\r\n          success(res) {\r\n            if (res.confirm) {\r\n              uni.navigateTo({ url: \"/pages/register/index\" });\r\n            }\r\n          },\r\n        });\r\n        return;\r\n      }\r\n      if (type === 4) {\r\n        uni.showToast({\r\n          title: \"商品预售中\",\r\n          icon: \"none\",\r\n        });\r\n      } else if (type === 3) {\r\n        uni.showToast({\r\n          title: \"商品已售罄\",\r\n          icon: \"none\",\r\n        });\r\n      } else {\r\n        if (!this.user.MEMBERSHIP_ID) {\r\n          uni.showModal({\r\n            title: \"温馨提示\",\r\n            content: \"请您授权登录后再操作。\",\r\n            success(res) {\r\n              if (res.confirm) {\r\n                uni.navigateTo({ url: \"/pages/register/index\" });\r\n              }\r\n            },\r\n          });\r\n        } else {\r\n          this.bottomBtnType = type;\r\n          this.$refs.shopPopup.open(\"bottom\");\r\n        }\r\n      }\r\n    },\r\n    handleShowPopup() {\r\n      this.$refs.popup.open(\"bottom\");\r\n      this.showShareBox = true;\r\n    },\r\n    // 关闭分享框的事件\r\n    handleClosePopup() {\r\n      this.$refs.popup.close();\r\n      this.showShareBox = false;\r\n    },\r\n    // 关闭商品弹出框 触发的事件\r\n    handleCloseShopPopup() {\r\n      this.$refs.shopPopup.close();\r\n      // this.showShareBox = false;\r\n      // 关闭详情 在多规格的时候  把商品数量变为1  选择的规格 清空\r\n      this.good.count = 1\r\n      this.good.RTCOMMODITY_MULTI_ID = null\r\n      this.$forceUpdate()\r\n    },\r\n    swiperChange(e) {\r\n      this.pageMsg.current = e.mp.detail.current;\r\n    },\r\n    goShop() {\r\n      uni.navigateTo({ url: \"/pages/product/shopCart/index\" });\r\n    },\r\n    decodeHTML(str) {\r\n      return str\r\n        .replace(/&lt;/g, \"<\")\r\n        .replace(/&gt;/g, \">\")\r\n        .replace(/&amp;/g, \"&\")\r\n        .replace(/&quot;/g, '\"')\r\n        .replace(/&nbsp;/g, \" \");\r\n    },\r\n    async getDetail(id) {\r\n      let _this = this;\r\n      const res = await this.$api\r\n        .getCoop({\r\n          action_type: \"GetGoodsDetail\",\r\n          commodityId: id,\r\n        })\r\n\r\n\r\n      console.log(\"detail\", res);\r\n      res.Data.COMMODITY_GRADE = null\r\n      res.Data.LIMIT_TOTALCOUNT = res.Data.LIMIT_TOTALCOUNT.toString()\r\n      res.Data.LIMIT_DAILYCOUNT = res.Data.LIMIT_DAILYCOUNT.toString()\r\n      res.Data.REMINDER_DAY = res.Data.REMINDER_DAY.toString()\r\n      res.Data.SEND_MODE = res.Data.SEND_MODE.toString()\r\n      res.Data.AFTERSALE_NATRUE = res.Data.AFTERSALE_NATRUE.toString()\r\n      res.Data.DUTY_PARAGRAPH = res.Data.DUTY_PARAGRAPH.toString()\r\n\r\n\r\n      if (res.Data.COLLECTION_STATE === '1') {\r\n        _this.isCollect = true\r\n      }\r\n\r\n      _this.good = res.Data;\r\n      // 判断商品是否已经下架了 若当前时间大于 下架时间 就代表 已经下架了\r\n      if (_this.good.OFF_DATE && new Date().getTime() > new Date(_this.good.OFF_DATE).getTime()) {\r\n        _this.offShop = true\r\n      }\r\n\r\n      _this.good.COMMODITY_CURRPRICE = _this.good.COMMODITY_MEMBERPRICE;\r\n      _this.good.count = 1;\r\n      _this.pageMsg.current = 0;\r\n      _this.pageMsg.imgeCount = res.Data.List.length || 0;\r\n      _this.good.COMMODITY_INTRO = _this.decodeHTML(\r\n        res.Data.COMMODITY_INTRO\r\n      );\r\n      // _this.good.COMMODITY_DESC = _this.decodeHTML(res.Data.COMMODITY_DESC);\r\n\r\n      if (\r\n        _this.good.COMMODITY_MEMBERPRICE &&\r\n        _this.good.COMMODITY_MEMBERPRICE.toString().indexOf(\".\") !== -1\r\n      ) {\r\n        _this.good.bigNumber =\r\n          _this.good.COMMODITY_MEMBERPRICE.toString().split(\".\")[0];\r\n        _this.good.smallNumber =\r\n          _this.good.COMMODITY_MEMBERPRICE.toString().split(\".\")[1];\r\n      } else {\r\n        _this.good.bigNumber = _this.good.COMMODITY_MEMBERPRICE;\r\n      }\r\n\r\n      if (\r\n        _this.good.COMMODITY_RETAILPRICE &&\r\n        _this.good.COMMODITY_RETAILPRICE.toString().indexOf(\".\") !== -1\r\n      ) {\r\n        _this.good.RETbigNumber =\r\n          _this.good.COMMODITY_RETAILPRICE.toString().split(\".\")[0];\r\n        _this.good.RETsmallNumber =\r\n          _this.good.COMMODITY_RETAILPRICE.toString().split(\".\")[1];\r\n      } else {\r\n        _this.good.RETbigNumber = _this.good.COMMODITY_RETAILPRICE;\r\n      }\r\n      console.log(\"_this.good\", _this.good);\r\n\r\n      if (_this.good.COMMODITY_INTRO.indexOf(\"</br>\") > -1) {\r\n        let desArr = _this.good.COMMODITY_INTRO.split(\"</br>\");\r\n        _this.good.COMMODITY_INTRO = [];\r\n        desArr.forEach((element) => {\r\n          _this.good.COMMODITY_INTRO.push({\r\n            name: \"p\",\r\n            children: [{ type: \"text\", text: element }],\r\n          });\r\n        });\r\n      }\r\n\r\n      _this.good.ContentImgList.map((n) => {\r\n        _this.detailImgList.push({ width: 750, height: 400 });\r\n      });\r\n\r\n      if (\r\n        new Date(_this.good.UPPER_DATE).getTime() > new Date().getTime()\r\n      ) {\r\n        _this.isCountdown = true;\r\n        _this.startCountdown(_this.good.UPPER_DATE);\r\n      } else {\r\n        _this.isCountdown = false;\r\n        if (new Date(_this.good.OFF_DATE).getTime() > new Date().getTime()) {\r\n          _this.panicBuying = true;\r\n          _this.startCountdown(_this.good.OFF_DATE);\r\n        } else {\r\n          _this.panicBuying = false;\r\n        }\r\n      }\r\n\r\n    },\r\n    getRate() {\r\n      // 获取商品评价\r\n      let _this = this;\r\n      _this.$api\r\n        .getCoop({\r\n          action_type: \"getMallCommentList\",\r\n          commodityId: this.pageMsg.goodId,\r\n          pageIndex: 1,\r\n          pageSize: 3,\r\n        })\r\n        .then((res) => {\r\n          _this.rateList = res.Data.List;\r\n          _this.pageMsg.rateTotal = res.Data.TotalCount;\r\n        });\r\n    },\r\n    goRate() {\r\n      uni.navigateTo({ url: \"/pages/rate/index?id=\" + this.pageMsg.goodId });\r\n    },\r\n    seePhoto(item, list) {\r\n      let u = [];\r\n\r\n      list.map((n) => {\r\n        u.push(n.IMAGE_URL);\r\n      });\r\n      uni.previewImage({\r\n        current: item, // 当前显示图片的http链接\r\n        urls: u, // 需要预览的图片http链接列表\r\n      });\r\n    },\r\n    addGoodToCartFn: function () {\r\n      // 添加商品到购物车\r\n      let cate = {\r\n        USERDEFINEDTYPE_NAME: this.good.USERDEFINEDTYPE_NAME,\r\n        USERDEFINEDTYPE_ID: this.good.USERDEFINEDTYPE_ID,\r\n      };\r\n      this.addGood(this.good);\r\n      this.addCate(cate);\r\n      this.$forceUpdate();\r\n    },\r\n\r\n    buyNow() {\r\n      let s = [];\r\n      let _this = this;\r\n      let el = this.good;\r\n\r\n      if (\r\n        _this.isShowCount === 1 &&\r\n        _this.pageMsg.memberPoint < this.pageMsg.buyCount * el.COMMODITY_POINT\r\n      ) {\r\n        uni.showToast({\r\n          title: \"您的积分不足\",\r\n          icon: \"none\",\r\n        });\r\n        return;\r\n      }\r\n      s.push({\r\n        COMMODITY_ID: el.COMMODITY_ID,\r\n        COMMODITY_CODE: el.COMMODITY_CODE,\r\n        COMMODITY_NAME: el.COMMODITY_NAME,\r\n        COMMODITY_BARCODE: el.COMMODITY_BARCODE,\r\n        COMMODITY_UNIT: el.COMMODITY_UNIT,\r\n        COMMODITY_RULE: el.COMMODITY_RULE,\r\n        COMMODITY_POINT: el.COMMODITY_POINT,\r\n        ORDER_COUNT: this.pageMsg.buyCount,\r\n        AVERAGE_PRICE: el.COMMODITY_MEMBERPRICE,\r\n        ORDER_AMOUNT: this.pageMsg.buyCount * el.COMMODITY_MEMBERPRICE,\r\n        DISCOUNT_AMOUNT: 0,\r\n        SUPPLIER_ID: el.SUPPLIER_ID,\r\n        SUPPLIER_NAME: el.SUPPLIER_NAME,\r\n        DEFAULT_IMG: el.DEFAULT_IMG,\r\n        PAY_TYPE: _this.isShowCount === 1 ? 3000 : 1000, // 支付方式 3000 积分支付\r\n      });\r\n      _this.isShowCount = 0;\r\n      _this.setOrder(s);\r\n      uni.navigateTo({\r\n        url:\r\n          \"/pages/product/confirmOrder/index?type=1&nature=\" +\r\n          el.COMMODITY_NATURE,\r\n      });\r\n    },\r\n    loadDetailImg(e, i) {\r\n      // 加载商品介绍图片指定原尺寸宽高\r\n      let $width = e.mp.detail.width; // 获取图片真实宽度\r\n      let $height = e.mp.detail.height;\r\n      // 将图片的datadata-index作为image对象的key,然后存储图片的宽高值\r\n      this.detailImgList[i] = {\r\n        width: $width,\r\n        height: $height,\r\n      };\r\n      this.$forceUpdate();\r\n    },\r\n    getMemberPoint(type) {\r\n      // 获取会员积分\r\n      let _this = this;\r\n      if (this.user.MEMBERSHIP_ID) {\r\n        this.$api\r\n          .getCoop({\r\n            action_type: \"GetMemberPoint\",\r\n          })\r\n          .then(function (rs) {\r\n            _this.pageMsg.memberPoint = rs.Data.MEMBERSHIP_POINT;\r\n            _this.pageMsg.money = rs.Data.MEMBERSHIP_POINT;\r\n            _this.isShowCount = type;\r\n          });\r\n      } else {\r\n        uni.showModal({\r\n          title: \"温馨提示\",\r\n          content: \"您还没有登录，快去登录吧\",\r\n          confirmText: \"一键登录\",\r\n          confirmColor: \"#498fe2\",\r\n          success: (res) => {\r\n            if (res.confirm) {\r\n              uni.navigateTo({ url: \"/pages/register/index\" });\r\n            }\r\n          },\r\n        });\r\n      }\r\n    },\r\n    creatPageQR() {\r\n      // 生成当前页面小程序二维码\r\n      let _this = this;\r\n      _this.showShareBox = false;\r\n      uni.showLoading({ title: \"正在加载\" });\r\n      _this.$api\r\n        .getCoop({\r\n          action_type: \"CreateWxCode\",\r\n          page: \"pages/product/productDetail/index\",\r\n          scene: _this.pageMsg.goodId + \"&\" + _this.user.InviteCode, // 商品id & 当前用户邀请码\r\n          width: 280,\r\n        })\r\n        .then((res) => {\r\n          console.log(\"creatPageQR\", res);\r\n          // let bin64 = res.Data.imgUrl\r\n          // 生成的base64二维码\r\n          // let fs = uni.getFileSystemManager()\r\n\r\n          // fs.writeFile({\r\n          //   filePath: `${uni.env.USER_DATA_PATH}/` + _this.pageMsg.goodId + `pro.png`,\r\n          //   data: bin64,\r\n          //   encoding: 'base64',\r\n          //   success (res) {\r\n          uni.getImageInfo({\r\n            src: res.Data.imgUrl,\r\n            success(res) {\r\n              let codePath = res.path;\r\n              let codeW = res.width;\r\n\r\n              uni.getImageInfo({\r\n                src: _this.good.DEFAULT_IMG, // _this.good.DEFAULT_IMG,\r\n                success: (rs) => {\r\n                  let productPath = rs.path;\r\n                  let productW = rs.width;\r\n                  let productH = rs.height;\r\n                  _this.showSharePro = true;\r\n                  _this.drawImage(\r\n                    productPath,\r\n                    productW,\r\n                    productH,\r\n                    codePath,\r\n                    codeW\r\n                  );\r\n                },\r\n              });\r\n            },\r\n            fail(err) {\r\n              console.error(err);\r\n            },\r\n          });\r\n          // },\r\n          // fail (err) {\r\n          //   console.error(err)\r\n          // }})\r\n        });\r\n    },\r\n    drawImage(productPath, productW, productH, codePath, codeW) {\r\n      // 才canvas上画海报\r\n      let _this = this;\r\n\r\n      let canv = uni.createCanvasContext(\"pro\", this);\r\n      let ratio = uni.getSystemInfoSync().windowWidth / 750; // 适配不同机型的图片比例\r\n      let imgMaxW = _this.windowMsg.width;\r\n      // let imgMaxH = _this.windowMsg.width\r\n      let canvHeight = _this.windowMsg.height;\r\n\r\n      let paddL = 24 * ratio;\r\n      let paddT = 24;\r\n      let clipWidth = imgMaxW * ratio;\r\n      let clipHeight = ((productH * imgMaxW) / productW) * ratio;\r\n      let imgLeft = 0;\r\n\r\n      if (productH / productW > 1.5 || clipHeight > clipWidth) {\r\n        // 如果图片原图比例1：1.5则需要根据商品的高度调整适配\r\n        clipHeight = imgMaxW * ratio;\r\n        clipWidth = (clipHeight * productW) / productH;\r\n        imgLeft = (imgMaxW * ratio - clipWidth) / 2;\r\n      }\r\n\r\n      // 设置一个背景色\r\n      canv.fillStyle = \"#fff\";\r\n      canv.fillRect(0, 0, imgMaxW * ratio, canvHeight);\r\n      // canv.draw()\r\n\r\n      // 设置字体大小、文本颜色 （如果不先写文字 则图片无法写入）\r\n      canv.setFontSize(20 * ratio);\r\n      canv.setFillStyle(\"#454545\");\r\n      // 简易绘制两行文本，多余...\r\n      _this.canvasTextAutoLine(\r\n        _this.good.COMMODITY_NAME,\r\n        canv,\r\n        paddL,\r\n        paddT,\r\n        28,\r\n        clipWidth - 24,\r\n        1\r\n      ); // 标题\r\n      // 绘制价格\r\n\r\n      let text = _this.good.PAY_METHOD === 2000 ? \"积分\" : \"元\";\r\n      let price =\r\n        _this.good.PAY_METHOD === 2000\r\n          ? _this.good.COMMODITY_POINT\r\n          : _this.good.COMMODITY_MEMBERPRICE;\r\n      canv.setFontSize(30 * ratio);\r\n      canv.setFillStyle(\"#EA3323\");\r\n      canv.fillText(price, paddL, paddT + 28 * ratio + 8);\r\n\r\n      let priceWidth = canv.measureText(price + \"\").width;\r\n      canv.setFontSize(16 * ratio);\r\n      canv.setFillStyle(\"#EA3323\");\r\n      canv.fillText(text, paddL + priceWidth + 1, paddT + 28 * ratio + 8);\r\n\r\n      canv.setFontSize(16 * ratio);\r\n      canv.setFillStyle(\"#999\");\r\n      canv.fillText(\r\n        \"长按识别·去逛逛\",\r\n        60 * ratio + 80,\r\n        (canvHeight - 92) * ratio\r\n      );\r\n      canv.draw();\r\n\r\n      canv.save();\r\n      // 绘制商品图片\r\n      canv.drawImage(\r\n        productPath,\r\n        0 + imgLeft,\r\n        paddT + 58 * ratio,\r\n        clipWidth,\r\n        clipHeight\r\n      );\r\n\r\n      // 绘制小程序二维码图片\r\n\r\n      canv.drawImage(codePath, 60 * ratio, (canvHeight - 164) * ratio, 72, 72);\r\n      canv.draw(true);\r\n      // canv.scale(ratio, ratio)\r\n      uni.hideLoading();\r\n    },\r\n    /*\r\n      *  绘制多行文本，自动换行，超出添加...\r\n      *\r\n      str:要绘制的字符串\r\n      canvas:canvas对象\r\n      initX:绘制字符串起始x坐标\r\n      initY:绘制字符串起始y坐标\r\n      lineHeight:字行高，自己定义个值即可\r\n      maxWidth: 文本最大宽度\r\n      row: 最大行数\r\n      */\r\n    canvasTextAutoLine: function (\r\n      str,\r\n      ctx,\r\n      initX,\r\n      initY,\r\n      lineHeight,\r\n      maxWidth,\r\n      row = 1\r\n    ) {\r\n      var lineWidth = 0;\r\n      var lastSubStrIndex = 0;\r\n      var currentRow = 1;\r\n      for (let i = 0; i < str.length; i++) {\r\n        lineWidth += ctx.measureText(str[i]).width;\r\n        if (lineWidth > maxWidth) {\r\n          currentRow++;\r\n          let newStr = str.substring(lastSubStrIndex, i);\r\n          if (currentRow > row && str.length > i) {\r\n            newStr = str.substring(lastSubStrIndex, i - 2) + \"...\";\r\n          }\r\n          ctx.fillText(newStr, initX, initY);\r\n          initY += lineHeight;\r\n          lineWidth = 0;\r\n          lastSubStrIndex = i;\r\n\r\n          if (currentRow > row) {\r\n            break;\r\n          }\r\n        }\r\n        if (i === str.length - 1) {\r\n          ctx.fillText(str.substring(lastSubStrIndex, i + 1), initX, initY);\r\n        }\r\n      }\r\n    },\r\n    saveImage() {\r\n      // 将海报保存图片到\r\n      let _this = this;\r\n      uni.getSetting({\r\n        success(res) {\r\n          if (!res.authSetting[\"scope.writePhotosAlbum\"]) {\r\n            uni.authorize({\r\n              scope: \"scope.writePhotosAlbum\",\r\n\r\n              success() {\r\n                // 用户已经同意小程序使用相册\r\n\r\n                _this.saveImageToPhotos();\r\n              },\r\n\r\n              fail() {\r\n                wx.openSetting({\r\n                  success: (res) => { },\r\n                });\r\n              },\r\n            });\r\n          } else {\r\n            // 用户已经同意小程序使用相册\r\n\r\n            _this.saveImageToPhotos();\r\n          }\r\n        },\r\n      });\r\n    },\r\n    saveImageToPhotos(tempFilePath) {\r\n      let _this = this;\r\n      uni.showLoading({ title: \"正在生成图片\" });\r\n      uni.canvasToTempFilePath(\r\n        {\r\n          width: _this.windowMsg.width, // 导出图片的宽\r\n          height: _this.windowMsg.height, // 导出图片的高\r\n          destWidth: _this.windowMsg.width * _this.windowMsg.scale * 4, // 导出图片的宽\r\n          destHeight: _this.windowMsg.height * _this.windowMsg.scale * 4, // 导出图片的高\r\n\r\n          canvasId: \"pro\",\r\n          success: function (res) {\r\n            uni.saveImageToPhotosAlbum({\r\n              filePath: res.tempFilePath,\r\n              success(result) {\r\n                uni.hideLoading();\r\n                uni.showToast({\r\n                  title: \"保存成功，从相册中分享到朋友圈吧\",\r\n                  icon: \"none\",\r\n                  duration: 4000,\r\n                });\r\n                _this.showSharePro = false;\r\n              },\r\n              fail: function (res) {\r\n                uni.showToast({\r\n                  title: \"图片保存失败\",\r\n                  icon: \"none\",\r\n                  duration: 2000,\r\n                });\r\n              },\r\n            });\r\n          },\r\n          fail: function (res) {\r\n            wx.showToast({\r\n              title: \"图片生成失败\",\r\n              icon: \"none\",\r\n              duration: 2000,\r\n            });\r\n          },\r\n        },\r\n        _this\r\n      );\r\n    },\r\n\r\n    handleGetIsCollect() {\r\n      let collectGoodList = uni.getStorageSync('collectGood')\r\n      if (collectGoodList && collectGoodList.length > 0) {\r\n        let haveSame = false\r\n        collectGoodList.forEach(item => {\r\n          if (item.COMMODITY_ID === this.shopId) {\r\n            haveSame = true\r\n          }\r\n        })\r\n\r\n        this.isCollect = haveSame\r\n      }\r\n    }\r\n  },\r\n  onShareAppMessage() {\r\n    let _this = this;\r\n\r\n    return {\r\n      title: _this.good.COMMODITY_NAME,\r\n      path: `/pages/shopPages/shopDetail/index?pageType=${_this.pageType}&id=${_this.good.COMMODITY_ID}`,\r\n    };\r\n  },\r\n  onShareTimeline() {\r\n    let _this = this;\r\n    return {\r\n      title: _this.good.COMMODITY_NAME,\r\n      path: `/pages/shopPages/shopDetail/index?pageType=${_this.pageType}&id=${_this.good.COMMODITY_ID}`,\r\n    };\r\n  },\r\n  // onShareAppMessage() {\r\n  //   let _this = this;\r\n\r\n  //   return {\r\n  //     title: _this.good.COMMODITY_NAME,\r\n  //     path:\r\n  //       \"/pages/product/productDetail/index?invite=\" +\r\n  //       _this.user.InviteCode +\r\n  //       \"&id=\" +\r\n  //       _this.pageMsg.goodId,\r\n  //     imageUrl: _this.good.DEFAULT_IMG,\r\n  //   };\r\n  // },\r\n  onUnload() {\r\n    this.isShowCount = false;\r\n    this.showSharePro = false;\r\n    this.good = {};\r\n    clearInterval(this.timer);\r\n  },\r\n  async onLoad(option) {\r\n    console.log('页面开始加载，骨架屏状态:', this.isPageLoading);\r\n    let systemInfo = uni.getSystemInfoSync();\r\n    let height = systemInfo.safeAreaInsets.bottom;\r\n    this.safeHeight = Number(height);\r\n    this.menu = uni.getMenuButtonBoundingClientRect();\r\n    console.log(\"option\", option);\r\n    console.log(\"user\", this.user);\r\n    if (option.pageType) {\r\n      this.pageType = option.pageType;\r\n    }\r\n\r\n    if (option.id) {\r\n      this.shopId = Number(option.id)\r\n    }\r\n\r\n    // 判断当前的购物车里面是否有东西\r\n    let shopCarList = [];\r\n    if (this.pageType === \"UnionMall\") {\r\n      shopCarList = this.$store.state.unionMyShopCar;\r\n    } else {\r\n      shopCarList = this.$store.state.myShopCar;\r\n    }\r\n    console.log(\"shopCarList\", shopCarList);\r\n    if (shopCarList && shopCarList.length > 0) {\r\n      this.shopCarList = shopCarList;\r\n    }\r\n\r\n    await this.getDetail(option.id);\r\n\r\n    this.handleGetIsCollect()\r\n\r\n    this.$utils.addUserBehaviorNew({\r\n      behaviorRecordDesc: `查看商品【${this.good.COMMODITY_NAME}】详情`\r\n    });\r\n\r\n    // 数据加载完成，立即隐藏骨架屏\r\n    console.log('数据加载完成，隐藏骨架屏');\r\n    this.isPageLoading = false;\r\n    // if (option.scene) {\r\n    //   // 是否是商品分享码扫入的 带有他人的邀请码\r\n    //   let scene = decodeURIComponent(option.scene);\r\n    //   scene = scene.split(\"&\");\r\n    //   this.pageMsg.goodId = scene[0];\r\n    //   this.setInvitedCode(scene[1]);\r\n    // } else {\r\n    //   this.pageMsg.goodId = option.id;\r\n    // }\r\n\r\n    // if (option.invite) {\r\n    //   this.setInvitedCode(option.invite);\r\n    // }\r\n    // this.pageMsg.buyCount = 1;\r\n\r\n    // this.getRate();\r\n  },\r\n};\r\n</script>\r\n\r\n\r\n<style lang=\"less\" scoped>\r\n// 骨架屏样式\r\n.skeleton-container {\r\n  min-height: 100vh;\r\n  background: #f5f5f5;\r\n  position: relative;\r\n  z-index: 999;\r\n}\r\n\r\n.skeleton-animate {\r\n  background: linear-gradient(90deg, #f0f0f0 25%, #e6e6e6 50%, #f0f0f0 75%);\r\n  background-size: 200% 100%;\r\n  animation: skeleton-loading 1.5s infinite;\r\n}\r\n\r\n@keyframes skeleton-loading {\r\n  0% {\r\n    background-position: 200% 0;\r\n  }\r\n\r\n  100% {\r\n    background-position: -200% 0;\r\n  }\r\n}\r\n\r\n// 头部导航骨架\r\n.skeleton-header {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  background: #fff;\r\n  z-index: 999;\r\n  box-sizing: border-box;\r\n  padding: 0 32rpx;\r\n\r\n  .skeleton-nav {\r\n    height: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    .skeleton-back-btn,\r\n    .skeleton-share-btn {\r\n      width: 60rpx;\r\n      height: 60rpx;\r\n      border-radius: 50%;\r\n    }\r\n\r\n    .skeleton-title {\r\n      width: 200rpx;\r\n      height: 40rpx;\r\n      border-radius: 8rpx;\r\n    }\r\n  }\r\n}\r\n\r\n// 商品图片骨架\r\n.skeleton-product-image {\r\n  .skeleton-swiper {\r\n    width: 100%;\r\n    height: 100%;\r\n    border-radius: 0;\r\n  }\r\n}\r\n\r\n// 商品信息骨架\r\n.skeleton-product-info {\r\n  background: #fff;\r\n  padding: 32rpx;\r\n  margin-top: 20rpx;\r\n\r\n  .skeleton-price-section {\r\n    margin-bottom: 32rpx;\r\n\r\n    .skeleton-price {\r\n      width: 200rpx;\r\n      height: 60rpx;\r\n      border-radius: 8rpx;\r\n      margin-bottom: 16rpx;\r\n    }\r\n\r\n    .skeleton-original-price {\r\n      width: 120rpx;\r\n      height: 32rpx;\r\n      border-radius: 6rpx;\r\n    }\r\n  }\r\n\r\n  .skeleton-title-section {\r\n    margin-bottom: 32rpx;\r\n\r\n    .skeleton-product-title {\r\n      width: 100%;\r\n      height: 48rpx;\r\n      border-radius: 8rpx;\r\n      margin-bottom: 16rpx;\r\n    }\r\n\r\n    .skeleton-product-subtitle {\r\n      width: 80%;\r\n      height: 32rpx;\r\n      border-radius: 6rpx;\r\n    }\r\n  }\r\n\r\n  .skeleton-spec-section {\r\n    .skeleton-spec-title {\r\n      width: 120rpx;\r\n      height: 40rpx;\r\n      border-radius: 6rpx;\r\n      margin-bottom: 20rpx;\r\n    }\r\n\r\n    .skeleton-spec-options {\r\n      display: flex;\r\n      gap: 20rpx;\r\n\r\n      .skeleton-spec-item {\r\n        width: 120rpx;\r\n        height: 60rpx;\r\n        border-radius: 8rpx;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// 商品详情骨架\r\n.skeleton-detail-section {\r\n  background: #fff;\r\n  margin-top: 20rpx;\r\n  padding: 32rpx;\r\n\r\n  .skeleton-detail-tabs {\r\n    display: flex;\r\n    margin-bottom: 32rpx;\r\n    border-bottom: 1px solid #f0f0f0;\r\n    padding-bottom: 20rpx;\r\n\r\n    .skeleton-tab-item {\r\n      width: 120rpx;\r\n      height: 40rpx;\r\n      border-radius: 6rpx;\r\n      margin-right: 40rpx;\r\n    }\r\n  }\r\n\r\n  .skeleton-detail-content {\r\n    .skeleton-detail-line {\r\n      width: 100%;\r\n      height: 32rpx;\r\n      border-radius: 6rpx;\r\n      margin-bottom: 20rpx;\r\n\r\n      &:nth-child(2) {\r\n        width: 85%;\r\n      }\r\n\r\n      &:nth-child(3) {\r\n        width: 92%;\r\n      }\r\n\r\n      &:nth-child(4) {\r\n        width: 78%;\r\n      }\r\n\r\n      &:last-child {\r\n        width: 65%;\r\n        margin-bottom: 0;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// 底部操作栏骨架\r\n.skeleton-bottom-bar {\r\n  position: fixed;\r\n  bottom: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 134rpx;\r\n  background: #fff;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 0 32rpx;\r\n  box-sizing: border-box;\r\n  border-top: 1px solid #f0f0f0;\r\n\r\n  .skeleton-bottom-left {\r\n    display: flex;\r\n    gap: 32rpx;\r\n\r\n    .skeleton-cart-btn,\r\n    .skeleton-collect-btn {\r\n      width: 80rpx;\r\n      height: 80rpx;\r\n      border-radius: 50%;\r\n    }\r\n  }\r\n\r\n  .skeleton-bottom-right {\r\n    .skeleton-buy-btn {\r\n      width: 240rpx;\r\n      height: 80rpx;\r\n      border-radius: 40rpx;\r\n    }\r\n  }\r\n}\r\n\r\n.page-body {\r\n  width: 100vw;\r\n  min-height: 100vh;\r\n  // overflow-x: hidden;\r\n  // overflow-y: scroll;\r\n}\r\n\r\n* {\r\n  box-sizing: border-box;\r\n}\r\n\r\nhr {\r\n  color: #e9e9e9;\r\n  height: 2rpx;\r\n}\r\n\r\n.product-image {\r\n  height: 55vh;\r\n  width: 100%;\r\n  // padding-top 20rpx\r\n  background: #fff;\r\n  // position: relative;\r\n\r\n  .header {\r\n    width: 100%;\r\n    position: fixed;\r\n    z-index: 10;\r\n    top: 0;\r\n\r\n    .headerBottom {\r\n      width: calc(100% - 64rpx);\r\n      position: absolute;\r\n      left: 32rpx;\r\n      z-index: 10;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n\r\n      .backArrowBox {\r\n        width: 120rpx;\r\n        background: rgba(255, 255, 255, 0.6);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 32rpx;\r\n        border: 1px solid #d9d5cc;\r\n        padding: 4rpx 16rpx;\r\n        margin-bottom: 8px;\r\n\r\n        .img {\r\n          width: 48rpx;\r\n          height: 48rpx;\r\n        }\r\n\r\n        .line {\r\n          width: 2rpx;\r\n          height: 32rpx;\r\n          background: #bbbbba;\r\n          margin: 0 8rpx;\r\n        }\r\n      }\r\n\r\n      .tabBox {\r\n        display: flex;\r\n        align-items: center;\r\n\r\n        .tabItem {\r\n          padding: 0 16rpx;\r\n          line-height: 40rpx;\r\n        }\r\n\r\n        .selectTabItem {\r\n          position: relative;\r\n        }\r\n\r\n        .selectTabItem:after {\r\n          content: \"\";\r\n          position: absolute;\r\n          bottom: -6rpx;\r\n          left: 50%;\r\n          transform: translateX(-50%);\r\n          width: 2rem;\r\n          height: 4rpx;\r\n          background: #ff8000;\r\n        }\r\n      }\r\n\r\n      .rightContent {\r\n        width: 120rpx;\r\n      }\r\n\r\n      .moreFunBox {\r\n        width: 220rpx;\r\n        height: 220rpx;\r\n        background: #fff;\r\n        border-radius: 16rpx;\r\n        position: absolute;\r\n        z-index: 10;\r\n        left: 50rpx;\r\n        box-sizing: border-box;\r\n        padding: 12rpx 0 12rpx 16rpx;\r\n\r\n        .triangle {\r\n          position: absolute;\r\n          width: 0;\r\n          height: 0;\r\n          border-left: 5px solid transparent;\r\n          /* 左边透明 */\r\n          border-right: 5px solid transparent;\r\n          /* 右边透明 */\r\n          border-bottom: 10px solid #fff;\r\n          /* 底边颜色 */\r\n          top: -10px;\r\n          left: 40px;\r\n        }\r\n\r\n        .funList {\r\n          width: 100%;\r\n          height: 100%;\r\n\r\n          .funItem {\r\n            width: 100%;\r\n            height: 70rpx;\r\n            display: flex;\r\n            align-items: center;\r\n\r\n            .funItemIcon {\r\n              width: 30rpx;\r\n              height: 30rpx;\r\n              margin-right: 20rpx;\r\n            }\r\n\r\n            .funItemText {\r\n              width: calc(100% - 50rpx);\r\n              height: 100%;\r\n              display: inline-block;\r\n              font-size: 26rpx;\r\n              display: flex;\r\n              align-items: center;\r\n              border-bottom: 1px solid #dad6cb;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .banner {\r\n    height: 100%;\r\n    width: 100%;\r\n    margin: 0 auto;\r\n\r\n    image {\r\n      height: 100%;\r\n      width: 100%;\r\n    }\r\n  }\r\n\r\n  .defaultImgBox {\r\n    height: 100%;\r\n    width: 100%;\r\n    margin: 0 auto;\r\n\r\n    image {\r\n      height: 100%;\r\n      width: 100%;\r\n    }\r\n  }\r\n}\r\n\r\n.swiper-dots {\r\n  width: 100%;\r\n  height: 30rpx;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  position: relative;\r\n  bottom: 70rpx;\r\n  // flex-direction row\r\n  // position absolute\r\n  // left 50%\r\n  // transform translateX(-50%)\r\n  // bottom 100rpx\r\n}\r\n\r\n.dot {\r\n  width: 70rpx;\r\n  height: 32rpx;\r\n  border-radius: 32rpx;\r\n  line-height: 32rpx;\r\n  background-color: rgba(0, 0, 0, 0.3);\r\n  // opacity .3\r\n  font-size: 26rpx;\r\n  color: #fff;\r\n  text-align: center;\r\n}\r\n\r\n.product-info {\r\n  background: #fff;\r\n}\r\n\r\n.price-box {\r\n  color: #ea3323;\r\n  font-size: 40rpx;\r\n  // height: 75rpx;\r\n  // padding-bottom: 25rpx;\r\n  line-height: 1;\r\n  // padding-left: 32rpx;\r\n  display: flex;\r\n  align-items: flex-end;\r\n  position: relative;\r\n}\r\n\r\n.marketBottom {\r\n  margin-left: 12px;\r\n\r\n  .marketPrice {\r\n    font-size: 12px;\r\n    font-family: PingFangSC-Regular, PingFang SC;\r\n    font-weight: 400;\r\n    color: #9fa3a8;\r\n    text-decoration: line-through;\r\n  }\r\n\r\n  .marketPriceValue {\r\n    font-size: 12px;\r\n    font-family: PingFangSC-Regular, PingFang SC;\r\n    font-weight: 400;\r\n    color: #9fa3a8;\r\n    text-decoration: line-through;\r\n  }\r\n\r\n  .unit {\r\n    font-size: 12px;\r\n    font-family: PingFangSC-Regular, PingFang SC;\r\n    font-weight: 400;\r\n    color: #9fa3a8;\r\n  }\r\n}\r\n\r\n.sale-count {\r\n  font-size: 24rpx;\r\n  color: #333;\r\n  padding-right: 32rpx;\r\n}\r\n\r\n\r\n.inventory {\r\n  display: inline-block;\r\n  white-space: nowrap;\r\n  text-overflow: ellipsis;\r\n  overflow: hidden;\r\n  color: #999999;\r\n  font-size: 24rpx;\r\n}\r\n\r\n.vip-price {\r\n  font-size: 42rpx;\r\n  color: #ea3323;\r\n\r\n  .unit {\r\n    font-size: 28rpx;\r\n  }\r\n\r\n  // display flex\r\n  // align-items flex-end\r\n  // margin-left 24rpx\r\n  // justify-content center\r\n\r\n  // line-height 1\r\n  // padding-bottom 4rpx\r\n  .vip-card-ico {\r\n    background: url(\"https://eshangtech.com/ShopICO/shoppingMall/vip-text.png\") no-repeat center; // eshangtech.com/ShopICO/shoppingMall/vip-text.png) no-repeat center\r\n    background-size: contain;\r\n    font-size: 18rpx;\r\n    color: #e6e1cf;\r\n    height: 26rpx;\r\n    line-height: 26rpx;\r\n    width: 52rpx;\r\n    text-align: right;\r\n    padding-right: 10rpx;\r\n    margin-bottom: 2rpx;\r\n    display: inline-block;\r\n  }\r\n}\r\n\r\n.originalPrice {\r\n  display: inline-block;\r\n  margin-left: 16rpx;\r\n\r\n  .unit {\r\n    font-size: 24rpx;\r\n    color: #999999;\r\n  }\r\n\r\n  .oldPrice {\r\n    font-size: 28rpx;\r\n    color: #999999;\r\n    text-decoration: line-through;\r\n  }\r\n}\r\n\r\n// .share-btn:before\r\n// content ''\r\n// height 31rpx\r\n// width 32rpx\r\n// background url(https://eshangtech.com/ShopICO/shoppingMall/share-btn.png) no-repeat center\r\n// background-size contain\r\n.share-btn {\r\n  position: relative;\r\n  background: #fff;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  color: #ea3323;\r\n  font-size: 20rpx;\r\n  // height 100rpx\r\n  width: 100rpx;\r\n  justify-content: center;\r\n  margin: 0;\r\n  padding: 0;\r\n  line-height: 1.2;\r\n}\r\n\r\nbutton:after {\r\n  border: none;\r\n}\r\n\r\n.colorRed {\r\n  color: #ea3323;\r\n  font-size: 24rpx;\r\n  margin-right: 32rpx;\r\n}\r\n\r\n.join-vip {\r\n  height: 120rpx;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  font-size: 26rpx;\r\n  border: 1rpx solid #ebebeb;\r\n\r\n  .vip-left {\r\n    background: #f7f7f7;\r\n    flex: 1;\r\n    height: 120rpx;\r\n    padding-left: 32rpx;\r\n    padding-top: 16rpx;\r\n    box-sizing: border-box;\r\n\r\n    .vip-card-ico:before {\r\n      content: \"\";\r\n      background: url(\"https://eshangtech.com/ShopICO/shoppingMall/vip-ico.png\") no-repeat center; // eshangtech.com/ShopICO/shoppingMall/vip-ico.png) no-repeat center\r\n      width: 13rpx;\r\n      height: 12rpx;\r\n      margin-right: 4rpx;\r\n      background-size: contain;\r\n    }\r\n\r\n    .vip-card-ico {\r\n      font-size: 20rpx;\r\n      color: #e6e1cf;\r\n      border-radius: 20rpx;\r\n      height: 30rpx;\r\n      display: flex;\r\n      align-items: center;\r\n      line-height: 30rpx;\r\n      background: #362f14;\r\n      width: 90rpx;\r\n      justify-content: center;\r\n      margin-right: 8rpx;\r\n    }\r\n\r\n    .vip-title {\r\n      color: #333;\r\n      line-height: 1.5;\r\n      display: flex;\r\n      align-items: center;\r\n    }\r\n\r\n    .vip-des {\r\n      color: #999;\r\n      line-height: 2;\r\n    }\r\n  }\r\n\r\n  .vip-right {\r\n    height: 120rpx;\r\n    display: flex;\r\n    align-items: center;\r\n    background: #f4eee0;\r\n    width: 140rpx;\r\n    line-height: 1.5;\r\n    padding: 20rpx 20rpx 20rpx 36rpx;\r\n    color: #000;\r\n    box-sizing: border-box;\r\n  }\r\n}\r\n\r\n.product-title {\r\n  color: #333333;\r\n  line-height: 1.5;\r\n  font-weight: bolder;\r\n  font-size: 30rpx;\r\n  padding: 12rpx 24rpx;\r\n}\r\n\r\n.product-brand {\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 8rpx 16rpx 16rpx 32rpx;\r\n  justify-content: space-between;\r\n\r\n  .oldPrice {\r\n    color: #999999;\r\n    font-size: 24rpx;\r\n    text-decoration-line: line-through;\r\n  }\r\n\r\n  .inventory {\r\n    color: #999999;\r\n    font-size: 24rpx;\r\n  }\r\n}\r\n\r\n.product-detail {\r\n  margin-top: 32rpx;\r\n  font-size: 26rpx;\r\n  // padding-bottom: 150rpx;\r\n}\r\n\r\n.detail-unit {\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  padding: 16rpx 0;\r\n  display: flex;\r\n  align-items: top;\r\n  justify-content: space-between;\r\n  background: #ffffff;\r\n  margin-top: 32rpx;\r\n  border-radius: 16rpx 16rpx 0 0;\r\n\r\n  .detail-title {\r\n    width: 240rpx;\r\n    font-size: 28rpx;\r\n  }\r\n\r\n  .detail-right {\r\n    // width: calc(100% - 240rpx);\r\n  }\r\n}\r\n\r\n.detail-unit+.detail-unit {\r\n  border-top: 2rpx solid #e9e9e9;\r\n}\r\n\r\n.detail-title .small-title {\r\n  font-size: 24rpx;\r\n  color: #ea3a3c;\r\n  margin-left: 16rpx;\r\n}\r\n\r\n.rate-desc {\r\n  color: #b2b2b2;\r\n  font-size: 24rpx;\r\n}\r\n\r\n.rate-title {\r\n  align-items: center;\r\n}\r\n\r\n.rate-box {\r\n  background: #fff;\r\n  padding: 16rpx 32rpx;\r\n}\r\n\r\n.detail-image-box {\r\n  width: 100%;\r\n  overflow-x: hidden;\r\n  display: flex;\r\n  flex-direction: column;\r\n  text-align: center;\r\n\r\n  .img {\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n.product-btn-box {\r\n  height: 124rpx;\r\n  width: 100%;\r\n  position: fixed;\r\n  bottom: 0rpx;\r\n  left: 0;\r\n  display: flex;\r\n  align-items: center;\r\n  text-align: center;\r\n  justify-content: space-between;\r\n  z-index: 2;\r\n  box-sizing: border-box;\r\n  padding-bottom: 24rpx;\r\n  background: #fff;\r\n\r\n  .leftBtn {\r\n    width: 38%;\r\n    height: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-around;\r\n    box-sizing: border-box;\r\n    padding: 0 0 0 12rpx;\r\n\r\n    .btnItem {\r\n      width: calc(100% / 2);\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: center;\r\n      align-items: center;\r\n\r\n      .btnItemImg {\r\n        height: 46rpx;\r\n        width: 46rpx;\r\n      }\r\n\r\n      .btnItemText {\r\n        color: #c6a773;\r\n        font-size: 20rpx;\r\n      }\r\n    }\r\n  }\r\n\r\n  // .home-btn:before {\r\n  //   content: \"\";\r\n  //   height: 45rpx;\r\n  //   width: 47rpx;\r\n  //   background: url(\"https://eshangtech.com/ShopICO/shoppingMall/home.png\")\r\n  //     no-repeat center; // eshangtech.com/ShopICO/shoppingMall/home.png) no-repeat center\r\n  //   background-size: contain;\r\n  // }\r\n\r\n  // .home-btn {\r\n  //   flex: 1;\r\n  //   background: #fff;\r\n  //   border-top: 2rpx solid #e9e9e9;\r\n  //   display: flex;\r\n  //   flex-direction: column;\r\n  //   align-items: center;\r\n  //   color: #c6a773;\r\n  //   font-size: 20rpx;\r\n  //   height: 100rpx;\r\n  //   justify-content: center;\r\n  //   position: relative;\r\n  // }\r\n\r\n  .rightBtn {\r\n    width: 58%;\r\n    height: 100%;\r\n    background: #fff;\r\n    box-sizing: border-box;\r\n    padding: 12rpx;\r\n    display: flex;\r\n\r\n    .addCarBtn {\r\n      width: 50%;\r\n      font-size: 28rpx;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: #fff;\r\n      background: linear-gradient(90deg, #ffc500 0%, #ff8d00 100%);\r\n      border-radius: 16rpx 0 0 16rpx;\r\n    }\r\n\r\n    .addOrder {\r\n      width: 50%;\r\n      font-size: 28rpx;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: #fff;\r\n      background: linear-gradient(90deg, #ff6d00 0%, #ff3a00 100%);\r\n      border-radius: 0 16rpx 16rpx 0;\r\n    }\r\n\r\n    .sellOut {\r\n      width: 50%;\r\n      font-size: 28rpx;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: #fff;\r\n      background: #bbbbbb;\r\n      border-radius: 0 16rpx 16rpx 0;\r\n    }\r\n\r\n    .presale {\r\n      background: #ffae00;\r\n    }\r\n  }\r\n\r\n  .shopcart-btn:before {\r\n    content: \"\";\r\n    height: 45rpx;\r\n    width: 47rpx;\r\n    background: url(\"https://eshangtech.com/ShopICO/shoppingMall/shopcart.png\") no-repeat center; // eshangtech.com/ShopICO/shoppingMall/shopcart.png) no-repeat center\r\n    background-size: contain;\r\n  }\r\n\r\n  .shopcart-btn {\r\n    flex: 1;\r\n    background: #fff;\r\n    border-top: 2rpx solid #e9e9e9;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    color: #c6a773;\r\n    font-size: 20rpx;\r\n    height: 100rpx;\r\n    justify-content: center;\r\n    position: relative;\r\n  }\r\n\r\n  .shopcart-count {\r\n    position: absolute;\r\n    top: 10rpx;\r\n    right: 66rpx;\r\n    width: 42rpx;\r\n    height: 32rpx;\r\n    line-height: 32rpx;\r\n    text-align: center;\r\n    border-radius: 32rpx;\r\n    font-size: 18rpx;\r\n    font-weight: 700;\r\n    color: #fff;\r\n    background: rgba(240, 20, 20, 0.808);\r\n    // box-shadow 0 0rpx 4rpx 0 rgba(0, 0, 0, 0.4)\r\n  }\r\n\r\n  .join-shopCart {\r\n    flex: 2;\r\n    background: #404040;\r\n    font-size: 30rpx;\r\n    line-height: 100rpx;\r\n    color: #fff;\r\n  }\r\n\r\n  .buynow-btn {\r\n    flex: 2;\r\n    font-size: 30rpx;\r\n    line-height: 100rpx;\r\n    color: #fff;\r\n    background: linear-gradient(to right, #c5a671, #dcc194);\r\n  }\r\n}\r\n\r\n.countdown {\r\n  width: 100%;\r\n  height: 64rpx;\r\n  background: #fff2e7;\r\n  position: fixed;\r\n  z-index: 2;\r\n  left: 0;\r\n  bottom: 124rpx;\r\n  font-family: PingFangSC, PingFang SC;\r\n  font-weight: 400;\r\n  font-size: 28rpx;\r\n  color: #ff8417;\r\n  line-height: 32rpx;\r\n  text-align: justify;\r\n  font-style: normal;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.offShopDown {\r\n  width: 100%;\r\n  height: 64rpx;\r\n  background: #F5F6F7;\r\n  position: fixed;\r\n  z-index: 2;\r\n  left: 0;\r\n  bottom: 124rpx;\r\n  font-family: PingFangSC, PingFang SC;\r\n  font-weight: 400;\r\n  font-size: 28rpx;\r\n  color: #716F69;\r\n  line-height: 32rpx;\r\n  text-align: justify;\r\n  font-style: normal;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.popup-box {\r\n  padding: 50rpx 40rpx 32rpx;\r\n  font-size: 28rpx;\r\n}\r\n\r\n.shopPopupBox {\r\n  width: 100%;\r\n  height: 80vh;\r\n  background: #fff;\r\n  border-radius: 16rpx 16rpx 0 0;\r\n  box-sizing: border-box;\r\n  padding: 16px;\r\n\r\n  .shopPopupContent {\r\n    width: 100%;\r\n    height: calc(80vh - 80px - 32px + 12rpx);\r\n    margin-bottom: 12rpx;\r\n\r\n    .detailTop {\r\n      display: flex;\r\n      border-bottom: 1px solid #f2f4f5;\r\n\r\n      .detailImg {\r\n        width: 80px;\r\n        height: 80px;\r\n      }\r\n\r\n      .box {\r\n        width: calc(100% - 92px);\r\n        padding-bottom: 16px;\r\n        margin-left: 12px;\r\n\r\n        .nameTop {\r\n          width: 100%;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: space-between;\r\n\r\n          .name {\r\n            font-size: 14px;\r\n            font-family: PingFangSC-Semibold, PingFang SC;\r\n            font-weight: 600;\r\n            color: #020e1a;\r\n            line-height: 18px;\r\n            display: block;\r\n            width: calc(100% - 56rpx);\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n            display: -webkit-box;\r\n            -webkit-line-clamp: 2;\r\n            -webkit-box-orient: vertical;\r\n          }\r\n\r\n          .closeIcon {\r\n            width: 20px;\r\n            height: 20px;\r\n          }\r\n        }\r\n\r\n        .priceBox {\r\n          margin-top: 32px;\r\n\r\n          .priceIcon {\r\n            font-size: 16px;\r\n            font-family: PingFangSC-Semibold, PingFang SC;\r\n            font-weight: 600;\r\n            color: #ff6219;\r\n            line-height: 20px;\r\n          }\r\n\r\n          .price {\r\n            font-size: 20px;\r\n            font-family: PingFangSC-Semibold, PingFang SC;\r\n            font-weight: 600;\r\n            color: #ff6219;\r\n            line-height: 20px;\r\n          }\r\n\r\n          .unit {\r\n            font-size: 12px;\r\n            font-family: PingFangSC-Regular, PingFang SC;\r\n            font-weight: 400;\r\n            color: #9fa3a8;\r\n            line-height: 18px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .scrollDetailBox {\r\n      width: 100%;\r\n      height: calc(80vh - 80px - 32px + 12rpx - 80px);\r\n\r\n      .detailMessage {\r\n        margin-top: 16px;\r\n        border-bottom: 1px solid #f2f4f5;\r\n        padding-bottom: 16px;\r\n\r\n        .detailTitle {\r\n          font-size: 14px;\r\n          font-family: PingFangSC-Semibold, PingFang SC;\r\n          font-weight: 600;\r\n          color: #020e1a;\r\n          line-height: 20px;\r\n          margin-bottom: 8px;\r\n        }\r\n\r\n        .detailText {\r\n          font-size: 14px;\r\n          font-family: PingFangSC-Regular, PingFang SC;\r\n          font-weight: 400;\r\n          color: #6c737a;\r\n          line-height: 18px;\r\n        }\r\n      }\r\n\r\n      .orderDetail {\r\n        margin-top: 16px;\r\n\r\n        .orderTitle {\r\n          font-size: 14px;\r\n          font-family: PingFangSC-Semibold, PingFang SC;\r\n          font-weight: 600;\r\n          color: #020e1a;\r\n          line-height: 20px;\r\n        }\r\n\r\n        .numBox {\r\n          display: flex;\r\n          justify-content: space-between;\r\n          align-items: center;\r\n          margin-top: 12px;\r\n\r\n          .numTitle {\r\n            font-size: 14px;\r\n            font-family: PingFangSC-Regular, PingFang SC;\r\n            font-weight: 400;\r\n            color: #020e1a;\r\n            line-height: 20px;\r\n          }\r\n\r\n          .cartcontrol {\r\n            width: 150px;\r\n            height: 30px;\r\n            line-height: 24px;\r\n            display: flex;\r\n            justify-content: flex-start;\r\n            border: 1px solid rgba(2, 14, 26, 0.06);\r\n            border-radius: 2px;\r\n\r\n            .subtract {\r\n              width: 30px;\r\n              height: 30px;\r\n              background: #f2f4f5;\r\n              display: flex;\r\n              justify-content: center;\r\n              align-items: center;\r\n              border-radius: 2px 0 0 2px;\r\n              font-size: 8px;\r\n              color: #9fa3a8;\r\n\r\n              .img {\r\n                width: 16px;\r\n                height: 16px;\r\n              }\r\n            }\r\n\r\n            .cart-count {\r\n              height: 30px !important;\r\n              font-size: 16px;\r\n              line-height: 30px;\r\n              flex: 1;\r\n            }\r\n          }\r\n        }\r\n\r\n        .sizeBox {\r\n          width: 100%;\r\n          display: flex;\r\n          justify-content: space-between;\r\n          align-items: center;\r\n          margin-top: 12px;\r\n\r\n          .sizeTitle {\r\n            display: inline-block;\r\n            font-size: 14px;\r\n            font-family: PingFangSC-Regular, PingFang SC;\r\n            font-weight: 400;\r\n            color: #020e1a;\r\n            line-height: 20px;\r\n            width: 100rpx;\r\n          }\r\n\r\n          .sizeScrollBox {\r\n            width: calc(100% - 112rpx);\r\n            flex: 1;\r\n\r\n            .sizeList {\r\n              // display: flex;\r\n              width: 100%;\r\n\r\n              .sizeItem {\r\n                font-size: 12px;\r\n                font-family: PingFangSC-Regular, PingFang SC;\r\n                font-weight: 400;\r\n                color: #000;\r\n                line-height: 18px;\r\n                padding: 4px 16px;\r\n                background: #dbdad6;\r\n                border-radius: 4px;\r\n                margin-left: 8px;\r\n                display: inline-block;\r\n                margin-bottom: 16rpx;\r\n              }\r\n\r\n              .selectSizeItem {\r\n                display: inline-block;\r\n                font-size: 12px;\r\n                font-family: PingFangSC-Regular, PingFang SC;\r\n                font-weight: 400;\r\n                color: #1890ff;\r\n                line-height: 18px;\r\n                padding: 4px 16px;\r\n                background: #e7f3ff;\r\n                border-radius: 4px;\r\n                margin-left: 8px;\r\n                margin-bottom: 16rpx;\r\n              }\r\n            }\r\n\r\n          }\r\n        }\r\n\r\n        .descBox {\r\n          width: 100%;\r\n          height: 76px;\r\n          background: #f2f4f5;\r\n          border-radius: 4px;\r\n          box-sizing: border-box;\r\n          padding: 8px 12px;\r\n          margin-top: 19px;\r\n        }\r\n\r\n        .submitBtn {\r\n          font-size: 16px;\r\n          font-family: PingFangSC-Medium, PingFang SC;\r\n          font-weight: 500;\r\n          color: #ffffff;\r\n          line-height: 22px;\r\n          width: 100%;\r\n          height: 40px;\r\n          display: flex;\r\n          justify-content: center;\r\n          align-items: center;\r\n          background: #1890ff;\r\n          border-radius: 4px;\r\n          margin-top: 24px;\r\n        }\r\n      }\r\n\r\n    }\r\n  }\r\n\r\n  .bottomBtn {\r\n    width: 100%;\r\n    height: 80rpx;\r\n    box-sizing: border-box;\r\n    position: relative;\r\n    z-index: 9;\r\n\r\n    .shopCarBtn {\r\n      width: 100%;\r\n      height: 76rpx;\r\n      font-size: 28rpx;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: #fff;\r\n      background: linear-gradient(90deg, #ffc500 0%, #ff8d00 100%);\r\n      border-radius: 16rpx;\r\n    }\r\n\r\n    .makeOrderBtn {\r\n      width: 100%;\r\n      height: 76rpx;\r\n      font-size: 28rpx;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: #fff;\r\n      background: linear-gradient(90deg, #ff6d00 0%, #ff3a00 100%);\r\n      border-radius: 16rpx;\r\n    }\r\n  }\r\n}\r\n\r\n.cart-count {\r\n  width: 80rpx;\r\n  line-height: 40rpx;\r\n  text-align: center;\r\n  font-size: 20rpx;\r\n  color: #333;\r\n  height: 40rpx;\r\n  font-size: 28rpx;\r\n}\r\n\r\n.buy-it-btn {\r\n  text-align: center;\r\n  width: 674rpx;\r\n  height: 88rpx;\r\n  line-height: 88rpx;\r\n  border-radius: 6rpx;\r\n  font-size: 32rpx;\r\n  color: #fff;\r\n  margin-top: 100rpx;\r\n  background: linear-gradient(to right, #1f1f1f, #62605f);\r\n}\r\n\r\n.cartcontrol {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: flex-end;\r\n  margin-left: 45rpx;\r\n}\r\n\r\n.cart-decrease {\r\n  width: 48rpx;\r\n  height: 48rpx;\r\n  border: 2rpx solid #eee;\r\n  position: relative;\r\n  border-radius: 50%;\r\n}\r\n\r\n.cart-decrease:before {\r\n  content: \"\";\r\n  height: 4rpx;\r\n  width: 25rpx;\r\n  background: #4d4d4d;\r\n  display: block;\r\n  position: absolute;\r\n  left: 12rpx;\r\n  top: 21rpx;\r\n  border-radius: 4rpx;\r\n}\r\n\r\n.cart-add {\r\n  width: 48rpx;\r\n  height: 48rpx;\r\n  border: 2rpx solid #e6e6e6;\r\n  position: relative;\r\n  border-radius: 50%;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.cart-add:before {\r\n  content: \"\";\r\n  height: 4rpx;\r\n  width: 25rpx;\r\n  background: #4d4d4d;\r\n  display: block;\r\n  position: absolute;\r\n  left: 11rpx;\r\n  top: 21rpx;\r\n  border-radius: 4rpx;\r\n}\r\n\r\n.cart-add:after {\r\n  content: \"\";\r\n  height: 25rpx;\r\n  width: 4rpx;\r\n  background: #4d4d4d;\r\n  display: block;\r\n  position: absolute;\r\n  top: 11rpx;\r\n  left: 21rpx;\r\n  border-radius: 4rpx;\r\n}\r\n\r\n.desc-ico:before {\r\n  content: \"\";\r\n  height: 30rpx;\r\n  width: 6rpx;\r\n  background: linear-gradient(#dcb97e, #faefdd);\r\n  display: inline-block;\r\n  vertical-align: middle;\r\n  margin-right: 16rpx;\r\n}\r\n\r\n// 分享商品页弹出窗口\r\n.share-pop-body {\r\n  width: 100%;\r\n  background: #f9f9f9;\r\n  overflow: hidden;\r\n  height: 100%;\r\n  position: relative;\r\n  padding-top: 80rpx;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.down-img-btn {\r\n  text-align: center;\r\n  padding: 32rpx 0;\r\n  background: #fff;\r\n  position: absolute;\r\n  bottom: 0;\r\n  width: 100%;\r\n  left: 0;\r\n}\r\n\r\n.canvas-content {\r\n  margin: auto;\r\n  display: hidden;\r\n}\r\n\r\n//\r\n.share-pop-btn {\r\n  display: flex;\r\n  align-items: center;\r\n  padding-bottom: 40rpx;\r\n}\r\n\r\n.share-pop-btn button {\r\n  display: flex;\r\n  align-items: center;\r\n  flex-direction: column;\r\n  background: #fff;\r\n  font-size: 24rpx;\r\n}\r\n\r\n.share-pop-btn image {\r\n  width: 80rpx;\r\n  height: 80rpx;\r\n}\r\n\r\n.share-popup {\r\n  padding: 16px;\r\n  border-radius: 12px 12px 0 0;\r\n  /* 圆角设置 */\r\n  box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.share-divider {\r\n  text-align: center;\r\n  font-size: 16px;\r\n  font-weight: bold;\r\n  margin-bottom: 16px;\r\n  color: #333;\r\n}\r\n\r\n.share-pop-btn {\r\n  display: flex;\r\n  justify-content: space-around;\r\n  align-items: center;\r\n}\r\n\r\n.share-btn {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  background: none;\r\n  border: none;\r\n}\r\n\r\n.share-icon {\r\n  width: 50px;\r\n  height: 50px;\r\n  margin-bottom: 8px;\r\n}\r\n</style>\r\n","import mod from \"-!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--10-oneOf-1-2!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-3!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-4!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--10-oneOf-1-5!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./index.vue?vue&type=style&index=0&id=0dc4ca38&lang=less&scoped=true&\"; export default mod; export * from \"-!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--10-oneOf-1-2!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-3!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-4!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--10-oneOf-1-5!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./index.vue?vue&type=style&index=0&id=0dc4ca38&lang=less&scoped=true&\"","// extracted by mini-css-extract-plugin\n    if(module.hot) {\n      // 1758261115333\n      var cssReload = require(\"E:/workfile/HBuilderX4.45/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/hmr/hotModuleReplacement.js\")(module.id, {\"hmr\":true,\"publicPath\":\"/\",\"locals\":false});\n      module.hot.dispose(cssReload);\n      module.hot.accept(undefined, cssReload);\n    }\n  "],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"sources":["uni-app:///main.js",null,"webpack:///E:/workfile/minprogram/caiyunyi/pages/shopPages/shopDetail/index.vue?50d8","webpack:///E:/workfile/minprogram/caiyunyi/pages/shopPages/shopDetail/index.vue?7f14","webpack:///E:/workfile/minprogram/caiyunyi/pages/shopPages/shopDetail/index.vue?8fce","uni-app:///pages/shopPages/shopDetail/index.vue","webpack:///E:/workfile/minprogram/caiyunyi/pages/shopPages/shopDetail/index.vue?9dfc","webpack:///E:/workfile/minprogram/caiyunyi/pages/shopPages/shopDetail/index.vue?2cdd"],"names":["wx","__webpack_require_UNI_MP_PLUGIN__","__webpack_require__","createPage","Page","data","isPageLoading","safeHeight","pageMsg","current","imgeCount","goodId","buyCount","rateTotal","memberPoint","money","isShowCount","showSharePro","showShareBox","good","rateList","detailImgList","windowMsg","width","height","ratio","scale","menu","top","bottom","inputMaxLength","bottomBtnType","shopCarList","funList","label","value","src","showExportFun","showTopFixed","pageTab","scrollView","pageType","countdown","isCountdown","panicBuying","timer","isCollect","shopId","offShop","components","computed","totalNum","methods","addGood","addCate","setOrder","handleDesc","handleCollect","_this","uni","title","content","success","url","console","req","COLLECTIONId","type","icon","COLLECTION_ID","COLLECTION_TYPE","MEMBERSHIP_ID","TABLE_ID","TABLE_NAME","APP_GUID","COLLECTION_STATE","PROVINCE_CODE","OWNERUNIT_ID","STAFF_NAME","OPERATE_DATE","startCountdown","clearInterval","haveFocus","number","item","handleClosePop","handleChangeSelectSKULIST","handleChangePageTab","handlePreviewSwiper","imgList","urls","handlePreviewDetailImg","list","handlePageScroll","handleShowExportBox","handleExpentGo","handleBackIndex","delta","handleShowShopCar","handleAddShopCar","isSame","nowShopList","duration","setTimeout","handleMakeOrder","userInfo","action_type","WechatUserId","userData","orderList","noSelectList","big","small","id","Math","JSON","handleDetailSubtract","obj","handleDetailAdd","handleShowShopPopup","handleShowPopup","handleClosePopup","handleCloseShopPopup","swiperChange","goShop","decodeHTML","replace","getDetail","getCoop","commodityId","res","desArr","name","children","text","getRate","pageIndex","pageSize","then","goRate","seePhoto","u","addGoodToCartFn","USERDEFINEDTYPE_NAME","USERDEFINEDTYPE_ID","buyNow","s","COMMODITY_ID","COMMODITY_CODE","COMMODITY_NAME","COMMODITY_BARCODE","COMMODITY_UNIT","COMMODITY_RULE","COMMODITY_POINT","ORDER_COUNT","AVERAGE_PRICE","ORDER_AMOUNT","DISCOUNT_AMOUNT","SUPPLIER_ID","SUPPLIER_NAME","DEFAULT_IMG","PAY_TYPE","el","loadDetailImg","getMemberPoint","confirmText","confirmColor","creatPageQR","page","scene","productPath","productW","productH","codePath","codeW","fail","drawImage","clipHeight","clipWidth","imgLeft","canv","paddL","paddT","canvasTextAutoLine","str","ctx","initX","initY","lineHeight","maxWidth","row","lineWidth","currentRow","newStr","lastSubStrIndex","saveImage","scope","saveImageToPhotos","destWidth","destHeight","canvasId","filePath","handleGetIsCollect","collectGoodList","haveSame","onShareAppMessage","path","onShareTimeline","onUnload","onLoad","systemInfo","behaviorRecordDesc"],"mappings":";;;;;;;;;;;;;AAAA;AAGA;AACA;AAHA;AACAA,EAAE,CAACC,iCAAiC,GAAGC,mBAAmB;AAG1DC,UAAU,CAACC,cAAI,CAAC,C;;;;;;;;;;;;;ACLhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAA8H;AAC9H;AACyD;AACL;AACsC;;;AAG1F;AAC0K;AAC1K,gBAAgB,iLAAU;AAC1B,EAAE,2EAAM;AACR,EAAE,4FAAM;AACR,EAAE,qGAAe;AACjB;AACA;AACA;AACA;AACA;AACA,EAAE,gGAAU;AACZ;AACA;;AAEA;AACe,gF;;;;;;;;;;;;ACvBf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA,aAAa,gQAEN;AACP,KAAK;AACL;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;ACpGA;AAAA;AAAA;AAAA;AAAqoB,CAAgB,moBAAG,EAAC,C;;;;;;;;;;;;;;;;;;;;;;;AC8gBzpB;AAAA;AAAA;AAAA,eACA;EACAC;IACA;IACA;MACAC;MACAC;MACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;MACA;MACAC;MACAC;MAAA;MACAC;MAAA;MACAC;MACAC;MAAA;MACAC;MACAC;QACAC;QACAC;QACAC;QACAC;MACA;MACAC;QACAC;QACAC;QACAL;MACA;MACAM;MACAC;MACAC;MAAA;MACAC,UACA;QAAAC;QAAAC;QAAAC;MAAA,GACA;QACAF;QACAC;QACAC;MACA,GACA;QACAF;QACAC;QACAC;MACA,EACA;MAAA;MACAC;MAAA;MACAC;MAAA;MACAC;MAAA;MACAC;MAAA;MACAC;MAAA;MACAC;MAAA;MACAC;MAAA;MACAC;MAAA;MACAC;MAAA;MACAC;MACAC;MAAA;MACAC;IACA;EACA;;EACAC;IACA;IACA;EAAA,CACA;EACAC,0CACA;IACAC;EACA,KACA,gCACA;EACAC,qEACA;IACAC;IACAC;EACA,KACA;IACAC;EACA,KACA;IACA;IACAC;MACA;IACA;IACA;IAEA;IACAC;MAAA;MAAA;QAAA;QAAA;UAAA;YAAA;cAAA;gBAAA,MACA;kBAAA;kBAAA;gBAAA;gBACAC;gBACAC;kBACAC;kBACAC;kBACAC;oBACA;sBACAH;wBAAAI;sBAAA;oBACA;kBACA;gBACA;gBAAA;cAAA;gBAAA,KAGA;kBAAA;kBAAA;gBAAA;gBACAC;gBACAA;gBAEAC;kBACAC;kBACAC;gBACA,GACA;gBACAH;gBAAA;gBAAA,OACA,0BACA,4BACAC,IACA;cAAA;gBAHA5D;gBAIA2D;gBACA;kBACAL;oBACAC;oBACAQ;kBACA;kBACA;gBACA;kBACAT;oBACAC;oBACAQ;kBACA;gBACA;gBAAA;gBAAA;cAAA;gBAAA,KAEA;kBAAA;kBAAA;gBAAA;gBAAA;cAAA;gBAIAH;kBACAI;kBACAC;kBACAC;kBACAC;kBACAC;kBACAC;kBACAC;kBACAC;kBACAC;kBACAV;kBACAW;kBACAC;gBACA,GACA;gBACAf;gBAAA;gBAAA,OAEA,0BACA,6BACAC,KACA;cAAA;gBAHA5D;gBAIA2D;gBAAA,MACA3D;kBAAA;kBAAA;gBAAA;gBACAsD;kBACAC;kBACAQ;gBACA;gBACA;gBAAA;gBAAA,OACA;cAAA;gBACA;gBAAA;gBAAA;cAAA;gBAEAT;kBACAC;kBACAQ;gBACA;cAAA;cAAA;gBAAA;YAAA;UAAA;QAAA;MAAA;IAqCA;IACA;IACAY;MAAA;MACAhB;MAEA;MACA;MAEA;QACA;QACA;;QAEA;UACAiB;UACAvB;UACAA;UACAA;UAEA,IACA,kEACA;YACAA;YACAA;UACA;YACAA;YACA;cACAA;cACAA;YACA;cACAA;YACA;UACA;QACA;UACA;UACA;UACA;UACA;;UAEA;UACAA;QACA;MACA;IACA;IACA;IACAwB;MACAlB;MACA;MACA;MACA;QACAmB;MACA;QACA;QACAA;MACA;MACAnB;MAEA;QACAoB;MACA;QACAA;MACA;MAEApB;MACA;MACAA;MACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACAqB;MACA;MACA;IACA;IACA;IACAC;MACA;QACAtB;QACA;QACA;QACA;QACA;UACA;QACA;QACA;UACA;QACA;QACAA;QACA;MACA;QACAL;UACAC;UACAQ;QACA;MACA;IACA;IACA;IACAmB;MACA;MACA;QACA;MACA;QACA;MACA;IACA;IACA;IACAC;MACAxB;MACA;MACA;QACA;UACAyB;QACA;MACA;MACA9B;QACAlD;QAAA;QACAiF;MACA;IACA;IACA;IACAC;MACA3B;MACAA;MACA;MACA;QACA;QACA4B;UACAH;QACA;MACA;QACA;UACA;YACAA;UACA;QACA;MACA;MAEA9B;QACAlD;QAAA;QACAiF;MACA;IACA;IACAG;MACA;MACA;MACA;QACA;QACA;MACA;QACA;MACA;MACA;QACA;QACA;MACA;QACA;QACA;MACA;MAEA;IACA;IACA;IACAC;MACA;IACA;IACA;IACAC;MACA;QACApC;UACAI;QACA;MACA;QACAJ;UACAI;QACA;MACA;QACAJ;UACAI;QACA;MACA;IACA;IACA;IACAiC;MACArC;QACAsC;MACA;IACA;IACA;IACAC;MACA;QACA;QACAvC;UACAC;UACAC;UACAC;YACA;cACAH;gBAAAI;cAAA;YACA;UACA;QACA;QACA;MACA;MACAJ;QACAI;MACA;IACA;IACA;IACAoC;MAAA;MACAnC;MAEA,IACA,qBACA;MACA;MACA,iCACA;QACAL;UACAC;UACAQ;QACA;QACA;MACA;;MAEA;MACA;QACAT;UACAC;UACAQ;QACA;QACA;MACA;MAEA;QACAT;UACAC;UACAQ;QACA;QACA;MACA;MAEA;QACAT;UACAC;UACAQ;QACA;QACA;MACA;MAIAJ;MACAA;MACA;MACA;QACA;QACA;QACA;QACA;QACAA;QACA4B;UACA;UACA;YACA;YACA,iCACA;cAAA;YAAA,EACA;YACA5B;;YAEA;YACA;YACA;cACA;gBACAoB;gBACAA;cACA;cACAgB;YACA;cACA;cACA;YAAA;UAEA;YACA;YACA;cACA;cACAhB;cACAA;cACAgB;YACA;cACA;cACA;cACA;YAAA;UAEA;QACA;QACA;QACA;QACA;UACA;UACAC;QACA;UACA;UACA;UACAT;;UAEA;UACAS;QACA;QAEArC;QACA;;QAEA;QACA;UACA;QACA;UACA;QACA;MACA;QACA;QACA;QACA;QACAqC;QACA;QACArC;QACA;UACA;QACA;UACA;QACA;MACA;MAEAL;QACAC;QACA0C;MACA;MACA;MACAC;QACA7C;QACA;MACA;IACA;IACA;IACA8C;MAAA;MAAA;QAAA;QAAA;UAAA;YAAA;cAAA;gBACAC;gBAAA,MACA;kBAAA;kBAAA;gBAAA;gBACA;gBACA9C;kBACAC;gBACA;gBAAA;gBAAA,OACA;kBACA8C;kBACAC;gBACA;cAAA;gBAHAC;gBAIAH;gBACAzC;gBACAL;gBAAA,IACA8C;kBAAA;kBAAA;gBAAA;gBACA9C;kBACAC;kBACAQ;gBACA;gBAAA;cAAA;gBAAA,MAMA,uBACA,mCACA;kBAAA;kBAAA;gBAAA;gBAEAJ;gBAEAL;kBACAC;kBACAQ;gBACA;gBAAA;cAAA;gBAAA,MAIA;kBAAA;kBAAA;gBAAA;gBACAT;kBACAC;kBACAQ;gBACA;gBAAA;cAAA;gBAAA,MAIA;kBAAA;kBAAA;gBAAA;gBACAT;kBACAC;kBACAQ;gBACA;gBAAA;cAAA;gBAIAJ;gBACAqC;gBAEA;kBACA;kBACAQ;kBACAC;kBACAT;oBACAjB;oBACAA;oBACAA,4BACA,mDACA;oBACAA,2BACA,mDACA;oBACAA;oBACAyB;kBACA;kBACA;kBACA;kBACA;oBACAA;sBACA;wBAAA;wBAAAE;wBAAAC;sBACA5B;sBACAA;sBACA;oBACA;kBACA;;kBACApB;kBACAA;kBACAiD,YACAC,mDACA;kBACA;oBACAvD;sBACAI,mGACAoD;oBACA;kBACA;oBACAxD;sBAAAC;sBAAAQ;oBAAA;kBACA;gBACA;cAAA;cAAA;gBAAA;YAAA;UAAA;QAAA;MAAA;IACA;IACA;IACAgD;MACA;QACA;UACAC;QACA;UACAA;QACA;QACA;QACA;MACA;IACA;IACA;IACAC;MACAD;MACA;MACA;IACA;IACA;IACAE;MACA;QACA;QACA5D;UACAC;UACAC;UACAC;YACA;cACAH;gBAAAI;cAAA;YACA;UACA;QACA;QACA;MACA;MACA;QACAJ;UACAC;UACAQ;QACA;MACA;QACAT;UACAC;UACAQ;QACA;MACA;QACA;UACAT;YACAC;YACAC;YACAC;cACA;gBACAH;kBAAAI;gBAAA;cACA;YACA;UACA;QACA;UACA;UACA;QACA;MACA;IACA;IACAyD;MACA;MACA;IACA;IACA;IACAC;MACA;MACA;IACA;IACA;IACAC;MACA;MACA;MACA;MACA;MACA;MACA;IACA;IACAC;MACA;IACA;IACAC;MACAjE;QAAAI;MAAA;IACA;IACA8D;MACA,WACAC,sBACAA,sBACAA,uBACAA,wBACAA;IACA;IACAC;MAAA;MAAA;QAAA;QAAA;UAAA;YAAA;cAAA;gBACArE;gBAAA;gBAAA,OACA,YACAsE;kBACAtB;kBACAuB;gBACA;cAAA;gBAJAC;gBAOAlE;gBACAkE;gBACAA;gBACAA;gBACAA;gBACAA;gBACAA;gBACAA;gBAGA;kBACAxE;gBACA;gBAEAA;gBACA;gBACA;kBACAA;gBACA;gBAEAA;gBACAA;gBACAA;gBACAA;gBACAA,8CACAwE,yBACA;gBACA;;gBAEA,IACAxE,oCACAA,iEACA;kBACAA,uBACAA;kBACAA,yBACAA;gBACA;kBACAA;gBACA;gBAEA,IACAA,oCACAA,iEACA;kBACAA,0BACAA;kBACAA,4BACAA;gBACA;kBACAA;gBACA;gBACAM;gBAEA;kBACAmE;kBACAzE;kBACAyE;oBACAzE;sBACA0E;sBACAC;wBAAAlE;wBAAAmE;sBAAA;oBACA;kBACA;gBACA;gBAEA5E;kBACAA;oBAAAnC;oBAAAC;kBAAA;gBACA;gBAEA,IACA,kEACA;kBACAkC;kBACAA;gBACA;kBACAA;kBACA;oBACAA;oBACAA;kBACA;oBACAA;kBACA;gBACA;cAAA;cAAA;gBAAA;YAAA;UAAA;QAAA;MAAA;IAEA;IACA6E;MACA;MACA;MACA7E,WACAsE;QACAtB;QACAuB;QACAO;QACAC;MACA,GACAC;QACAhF;QACAA;MACA;IACA;IACAiF;MACAhF;QAAAI;MAAA;IACA;IACA6E;MACA;MAEAhD;QACAiD;MACA;MACAlF;QACAlD;QAAA;QACAiF;MACA;IACA;;IACAoD;MACA;MACA;QACAC;QACAC;MACA;MACA;MACA;MACA;IACA;IAEAC;MACA;MACA;MACA;MAEA,IACAvF,2BACAA,wEACA;QACAC;UACAC;UACAQ;QACA;QACA;MACA;MACA8E;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;MACA;;MACAvG;MACAA;MACAC;QACAI,KACA,qDACAmG;MACA;IACA;IACAC;MACA;MACA;MACA;MACA;MACA;QACA5I;QACAC;MACA;MACA;IACA;IACA4I;MACA;MACA;MACA;QACA,UACApC;UACAtB;QACA,GACAgC;UACAhF;UACAA;UACAA;QACA;MACA;QACAC;UACAC;UACAC;UACAwG;UACAC;UACAxG;YACA;cACAH;gBAAAI;cAAA;YACA;UACA;QACA;MACA;IACA;IACAwG;MACA;MACA;MACA7G;MACAC;QAAAC;MAAA;MACAF,WACAsE;QACAtB;QACA8D;QACAC;QAAA;QACAlJ;MACA,GACAmH;QACA1E;QACA;QACA;QACA;;QAEA;QACA;QACA;QACA;QACA;QACAL;UACAvB;UACA0B;YACA;YACA;YAEAH;cACAvB;cAAA;cACA0B;gBACA;gBACA;gBACA;gBACAJ;gBACAA,gBACAgH,aACAC,UACAC,UACAC,UACAC,MACA;cACA;YACA;UACA;UACAC;YACA/G;UACA;QACA;QACA;QACA;QACA;QACA;MACA;IACA;IACAgH;MACA;MACA;MAEA;MACA;MACA;MACA;MACA;MAEA;MACA;MACA;MACA;MACA;MAEA;QACA;QACAC;QACAC;QACAC;MACA;;MAEA;MACAC;MACAA;MACA;;MAEA;MACAA;MACAA;MACA;MACA1H,yBACAA,2BACA0H,MACAC,OACAC,OACA,IACAJ,gBACA,EACA;MACA;;MAEA;MACA,YACAxH,iCACAA,6BACAA;MACA0H;MACAA;MACAA;MAEA;MACAA;MACAA;MACAA;MAEAA;MACAA;MACAA,cACA,YACA,iBACA,0BACA;MACAA;MAEAA;MACA;MACAA,eACAV,aACA,aACAY,oBACAJ,WACAD,WACA;;MAEA;;MAEAG;MACAA;MACA;MACAzH;IACA;IACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACA4H,gDACAC,KACAC,KACAC,OACAC,OACAC,YACAC,UAEA;MAAA,IADAC;MAEA;MACA;MACA;MACA;QACAC;QACA;UACAC;UACA;UACA;YACAC;UACA;UACAR;UACAE;UACAI;UACAG;UAEA;YACA;UACA;QACA;QACA;UACAT;QACA;MACA;IACA;IACAU;MACA;MACA;MACAxI;QACAG;UACA;YACAH;cACAyI;cAEAtI;gBACA;;gBAEAJ;cACA;cAEAqH;gBACA/K;kBACA8D;gBACA;cACA;YACA;UACA;YACA;;YAEAJ;UACA;QACA;MACA;IACA;IACA2I;MACA;MACA1I;QAAAC;MAAA;MACAD,yBACA;QACApC;QAAA;QACAC;QAAA;QACA8K;QAAA;QACAC;QAAA;;QAEAC;QACA1I;UACAH;YACA8I;YACA3I;cACAH;cACAA;gBACAC;gBACAQ;gBACAkC;cACA;cACA5C;YACA;YACAqH;cACApH;gBACAC;gBACAQ;gBACAkC;cACA;YACA;UACA;QACA;QACAyE;UACA/K;YACA4D;YACAQ;YACAkC;UACA;QACA;MACA,GACA5C,MACA;IACA;IAEAgJ;MAAA;MACA;MACA;QACA;QACAC;UACA;YACAC;UACA;QACA;QAEA;MACA;IACA;EAAA,EACA;EACAC;IACA;IAEA;MACAjJ;MACAkJ;IACA;EACA;EACAC;IACA;IACA;MACAnJ;MACAkJ;IACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACAE;IACA;IACA;IACA;IACA/H;EACA;EACAgI;IAAA;IAAA;MAAA;MAAA;QAAA;UAAA;YAAA;cACAjJ;cACAkJ;cACA1L;cACA;cACA;cACAwC;cACAA;cACA;gBACA;cACA;cAEA;gBACA;cACA;;cAEA;cACAhC;cACA;gBACAA;cACA;gBACAA;cACA;cACAgC;cACA;gBACA;cACA;cAAA;cAAA,OAEA;YAAA;cAEA;cAEA;gBACAmJ;cACA;;cAEA;cACAnJ;cACA;cACA;cACA;cACA;cACA;cACA;cACA;cACA;cACA;cACA;;cAEA;cACA;cACA;cACA;;cAEA;YAAA;YAAA;cAAA;UAAA;QAAA;MAAA;IAAA;EACA;AACA;AAAA,2B;;;;;;;;;;;;;AC5zDA;AAAA;AAAA;AAAA;AAAosC,CAAgB,2nCAAG,EAAC,C;;;;;;;;;;;ACAxtC;AACA,OAAO,KAAU,EAAE,kBAKd","file":"pages/shopPages/shopDetail/index.js","sourcesContent":["import 'uni-pages';\n// @ts-ignore\nwx.__webpack_require_UNI_MP_PLUGIN__ = __webpack_require__;\nimport Vue from 'vue'\nimport Page from './pages/shopPages/shopDetail/index.vue'\ncreatePage(Page)","import { render, staticRenderFns, recyclableRender, components } from \"./index.vue?vue&type=template&id=0dc4ca38&scoped=true&\"\nvar renderjs\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=0dc4ca38&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0dc4ca38\",\n  null,\n  false,\n  components,\n  renderjs\n)\n\ncomponent.options.__file = \"pages/shopPages/shopDetail/index.vue\"\nexport default component.exports","export * from \"-!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--17-0!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./index.vue?vue&type=template&id=0dc4ca38&scoped=true&\"","var components\ntry {\n  components = {\n    uniPopup: function () {\n      return import(\n        /* webpackChunkName: \"uni_modules/uni-popup/components/uni-popup/uni-popup\" */ \"@/uni_modules/uni-popup/components/uni-popup/uni-popup.vue\"\n      )\n    },\n  }\n} catch (e) {\n  if (\n    e.message.indexOf(\"Cannot find module\") !== -1 &&\n    e.message.indexOf(\".vue\") !== -1\n  ) {\n    console.error(e.message)\n    console.error(\"1. 排查组件名称拼写是否正确\")\n    console.error(\n      \"2. 排查组件是否符合 easycom 规范，文档：https://uniapp.dcloud.net.cn/collocation/pages?id=easycom\"\n    )\n    console.error(\n      \"3. 若组件不符合 easycom 规范，需手动引入，并在 components 中注册该组件\"\n    )\n  } else {\n    throw e\n  }\n}\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  var l0 =\n    !_vm.isPageLoading && _vm.showExportFun\n      ? _vm.__map(_vm.funList, function (item, index) {\n          var $orig = _vm.__get_orig(item)\n          var g0 = _vm.funList.length\n          return {\n            $orig: $orig,\n            g0: g0,\n          }\n        })\n      : null\n  var g1 = !_vm.isPageLoading ? _vm.good.List && _vm.good.List.length > 0 : null\n  var g2 = !_vm.isPageLoading\n    ? new Date(_vm.good.UPPER_DATE).getTime() > new Date().getTime() ||\n      _vm.good.SEND_MODE > 0 ||\n      _vm.good.DELIVER_AREA ||\n      _vm.good.LIMIT_TOTALCOUNT > 0\n    : null\n  var g3 =\n    !_vm.isPageLoading && g2 ? new Date(_vm.good.UPPER_DATE).getTime() : null\n  var g4 = !_vm.isPageLoading && g2 ? new Date().getTime() : null\n  var g5 = !_vm.isPageLoading\n    ? _vm.good.ContentImgList && _vm.good.ContentImgList.length > 0\n    : null\n  var g6 = !_vm.isPageLoading\n    ? _vm.good.ContentImgList && _vm.good.ContentImgList.length > 0\n    : null\n  var g7 =\n    _vm.good.PAY_METHOD !== 2000 &&\n    _vm.pageType !== \"pointsMall\" &&\n    !_vm.offShop &&\n    _vm.good.OFF_DATE &&\n    !_vm.isCountdown\n      ? new Date().getTime()\n      : null\n  var g8 =\n    _vm.good.PAY_METHOD !== 2000 &&\n    _vm.pageType !== \"pointsMall\" &&\n    !_vm.offShop &&\n    _vm.good.OFF_DATE &&\n    !_vm.isCountdown\n      ? new Date(_vm.good.OFF_DATE).getTime()\n      : null\n  var g9 =\n    _vm.good.PAY_METHOD !== 2000 &&\n    _vm.pageType !== \"pointsMall\" &&\n    !_vm.offShop\n      ? new Date().getTime() > new Date(_vm.good.OFF_DATE).getTime() &&\n        !(_vm.good.OFF_DATE && !_vm.isCountdown)\n      : null\n  _vm.$mp.data = Object.assign(\n    {},\n    {\n      $root: {\n        l0: l0,\n        g1: g1,\n        g2: g2,\n        g3: g3,\n        g4: g4,\n        g5: g5,\n        g6: g6,\n        g7: g7,\n        g8: g8,\n        g9: g9,\n      },\n    }\n  )\n}\nvar recyclableRender = false\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns, recyclableRender, components }","import mod from \"-!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--13-1!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--13-1!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./index.vue?vue&type=script&lang=js&\"","<template>\r\n  <div>\r\n    <!-- 骨架屏 -->\r\n    <view v-if=\"isPageLoading\" class=\"skeleton-container\">\r\n      <!-- 头部导航骨架 -->\r\n      <view class=\"skeleton-header\" :style=\"{\r\n        height: (menu.bottom || 88) + 8 + 'px',\r\n        paddingTop: (menu.top || 44) + 'px'\r\n      }\">\r\n        <view class=\"skeleton-nav\">\r\n          <view class=\"skeleton-back-btn skeleton-animate\"></view>\r\n          <view class=\"skeleton-title skeleton-animate\"></view>\r\n          <view class=\"skeleton-share-btn skeleton-animate\"></view>\r\n        </view>\r\n      </view>\r\n\r\n      <!-- 商品图片骨架 -->\r\n      <view class=\"skeleton-product-image\" :style=\"{\r\n        marginTop: (menu.bottom || 88) + 8 + 'px',\r\n        width: '100vw',\r\n        height: '100vw'\r\n      }\">\r\n        <view class=\"skeleton-swiper skeleton-animate\"></view>\r\n      </view>\r\n\r\n      <!-- 商品信息骨架 -->\r\n      <view class=\"skeleton-product-info\">\r\n        <!-- 价格区域 -->\r\n        <view class=\"skeleton-price-section\">\r\n          <view class=\"skeleton-price skeleton-animate\"></view>\r\n          <view class=\"skeleton-original-price skeleton-animate\"></view>\r\n        </view>\r\n\r\n        <!-- 标题和描述 -->\r\n        <view class=\"skeleton-title-section\">\r\n          <view class=\"skeleton-product-title skeleton-animate\"></view>\r\n          <view class=\"skeleton-product-subtitle skeleton-animate\"></view>\r\n        </view>\r\n\r\n        <!-- 规格选择 -->\r\n        <view class=\"skeleton-spec-section\">\r\n          <view class=\"skeleton-spec-title skeleton-animate\"></view>\r\n          <view class=\"skeleton-spec-options\">\r\n            <view class=\"skeleton-spec-item skeleton-animate\" v-for=\"item in 3\" :key=\"item\"></view>\r\n          </view>\r\n        </view>\r\n      </view>\r\n\r\n      <!-- 商品详情骨架 -->\r\n      <view class=\"skeleton-detail-section\">\r\n        <view class=\"skeleton-detail-tabs\">\r\n          <view class=\"skeleton-tab-item skeleton-animate\" v-for=\"item in 2\" :key=\"item\"></view>\r\n        </view>\r\n        <view class=\"skeleton-detail-content\">\r\n          <view class=\"skeleton-detail-line skeleton-animate\" v-for=\"item in 5\" :key=\"item\"></view>\r\n        </view>\r\n      </view>\r\n\r\n      <!-- 底部按钮骨架 -->\r\n      <view class=\"skeleton-bottom-bar\">\r\n        <view class=\"skeleton-bottom-left\">\r\n          <view class=\"skeleton-cart-btn skeleton-animate\"></view>\r\n          <view class=\"skeleton-collect-btn skeleton-animate\"></view>\r\n        </view>\r\n        <view class=\"skeleton-bottom-right\">\r\n          <view class=\"skeleton-buy-btn skeleton-animate\"></view>\r\n        </view>\r\n      </view>\r\n    </view>\r\n\r\n    <!-- scroll-y=\"true\" @scroll=\"handlePageScroll\" :scroll-into-view=\"scrollView\" -->\r\n    <view v-else class=\"page-body\" :style=\"{ paddingBottom: `${134 + (isCountdown || panicBuying ? 64 : 0)}rpx` }\">\r\n      <div class=\"product-image\" :style=\"{\r\n        // marginTop: menu.top - 4 + 'px',\r\n        marginTop: menu.bottom + 8 + 'px',\r\n        width: '100vw',\r\n        height: '100vw',\r\n      }\">\r\n        <view class=\"header\" :style=\"{\r\n          height: menu.bottom + 8 + 'px',\r\n          // background: showTopFixed ? '#fff' : '',\r\n          background: '#fff'\r\n        }\">\r\n          <view class=\"headerBottom\" :style=\"{ bottom: 0, height: menu.height + 'px' }\">\r\n            <view class=\"backArrowBox\">\r\n              <image class=\"img\" @click=\"handleBackIndex\" src=\"/static/images/home/backArrowblack.svg\" />\r\n              <view class=\"line\"></view>\r\n              <image class=\"img\" src=\"/static/images/home/export.svg\" @click=\"handleShowExportBox\" />\r\n            </view>\r\n\r\n            <view class=\"tabBox\" v-if=\"showTopFixed\">\r\n              <view @click=\"handleChangePageTab(1)\" :class=\"pageTab === 1 ? 'tabItem selectTabItem' : 'tabItem'\">商品\r\n              </view>\r\n              <view @click=\"handleChangePageTab(2)\" :class=\"pageTab === 2 ? 'tabItem selectTabItem' : 'tabItem'\">详情\r\n              </view>\r\n            </view>\r\n            <view class=\"rightContent\"></view>\r\n\r\n            <view class=\"moreFunBox\" :style=\"{ top: menu.top + 'px' }\" v-if=\"showExportFun\">\r\n              <view class=\"triangle\"></view>\r\n              <view class=\"funList\">\r\n                <view class=\"funItem\" v-for=\"(item, index) in funList\" :key=\"index\" @click=\"handleExpentGo(item)\">\r\n                  <image class=\"funItemIcon\" :src=\"item.src\" />\r\n                  <text class=\"funItemText\" :style=\"{\r\n                    border: index + 1 === funList.length ? 'none' : '',\r\n                  }\">{{ item.label }}</text>\r\n                </view>\r\n              </view>\r\n            </view>\r\n          </view>\r\n        </view>\r\n\r\n        <block v-if=\"good.List && good.List.length > 0\">\r\n          <!-- interval=\"3000\" -->\r\n          <swiper scroll-x=\"true\" class=\"banner\" circular :indicator-dots=\"true\" indicator-active-color=\"#ff6d00\"\r\n            :autoplay=\"true\" id=\"banner\">\r\n            <swiper-item v-for=\"(img, i) in good.List\" :key=\"i\">\r\n              <!-- <view\r\n              :style=\"{\r\n                width: '100%',\r\n                height: '100%',\r\n                backgroundImage: `url(${img.IMAGE_URL})`,\r\n                backgroundSize: '100% 100%',\r\n              }\"\r\n            ></view> -->\r\n              <image mode=\"aspectFit\" :lazy-load=\"true\" :src=\"img.IMAGE_URL\" @click=\"handlePreviewSwiper(img, i)\">\r\n              </image>\r\n            </swiper-item>\r\n          </swiper>\r\n          <!-- <div class=\"swiper-dots\" v-if=\"pageMsg.imgeCount > 0\">\r\n          <div class=\"dot\">\r\n            {{ pageMsg.current + 1 }}/{{ pageMsg.imgeCount }}\r\n          </div>\r\n        </div> -->\r\n        </block>\r\n        <block v-else>\r\n          <view class=\"defaultImgBox\">\r\n            <image mode=\"aspectFit\" :lazy-load=\"true\" :src=\"good.DEFAULT_IMG\"></image>\r\n          </view>\r\n        </block>\r\n      </div>\r\n\r\n      <hr />\r\n      <div class=\"product-info\">\r\n        <div style=\"\r\n          display: flex;\r\n          box-sizing: border-box;\r\n          padding: 16rpx 32rpx 16rpx 32rpx;\r\n          justify-content: space-between;\r\n        \">\r\n          <!-- align-items: center;\r\n          justify-content: space-between; -->\r\n          <view style=\"display: flex\">\r\n            <div class=\"price-box\">\r\n              <div class=\"vip-price\">\r\n                <span class=\"unit\">¥</span>\r\n                <span style=\"font-weight: bold\">\r\n                  {{ good.bigNumber || \"\" }}.{{ good.smallNumber || \"00\" }}\r\n                  <!-- {{ good.COMMODITY_MEMBERPRICE || \"-\" }} -->\r\n                </span>\r\n              </div>\r\n\r\n              <!-- <div class=\"originalPrice\" v-if=\"pageType === 'UnionMall'\">\r\n              <span class=\"unit\">¥</span>\r\n              <span class=\"oldPrice\">\r\n                {{ good.RETbigNumber || \"\" }}.{{ good.RETsmallNumber || \"00\" }}\r\n              </span>\r\n            </div> -->\r\n            </div>\r\n\r\n\r\n            <div class=\"marketBottom\" v-if=\"good.COMMODITY_RETAILPRICE\">\r\n              <span class=\"marketPrice\">市场价：¥{{ good.COMMODITY_RETAILPRICE }}</span>\r\n            </div>\r\n          </view>\r\n\r\n\r\n          <div>\r\n            <view class=\"inventory\">销量：{{ good.COMMODITY_EN || \"0\" }}</view>\r\n            <!-- <span class=\"sale-count\">\r\n            {{\r\n              good.COMMODITY_STOCK > 0 ? \"库存 \" + good.COMMODITY_STOCK : \"售罄\"\r\n            }}</span\r\n          >\r\n          <span class=\"sale-count\">已售 {{ good.SALE_COUNT }}</span> -->\r\n          </div>\r\n        </div>\r\n\r\n\r\n\r\n\r\n        <div class=\"product-title\">\r\n          {{ good.COMMODITY_NAME || \"-\" }}\r\n        </div>\r\n        <div class=\"product-brand\" style=\"align-items: flex-end\">\r\n          <!-- <view class=\"oldPrice\"\r\n          >原价：¥ {{ good.RETbigNumber || \"\" }}.{{\r\n            good.RETsmallNumber || \"00\"\r\n          }}</view\r\n        > -->\r\n          <view class=\"inventory\">库存：{{ good.COMMODITY_STOCK || \"0\" }}</view>\r\n          <view class=\"inventory\" style=\"max-width: 50%;\">规格：{{ good.COMMODITY_RULE || \"\" }}</view>\r\n\r\n          <button class=\"share-btn\" @tap=\"handleShowPopup\">\r\n            <!-- <van-icon name=\"share\" color=\"#ea3323\" size=\"20px\" /> -->\r\n            <div style=\"width: 16px; height: 16px\">\r\n              <image style=\"width: 16px; height: 16px\" src=\"/static/images/home/share.svg\" />\r\n            </div>\r\n            <div>分享</div>\r\n          </button>\r\n        </div>\r\n\r\n        <div class=\"product-brand\" v-if=\"good.REMINDER_DAY\">\r\n          <view class=\"inventory\">{{ `平均${good.REMINDER_DAY}天内发货` }}</view>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"product-detail\" style=\"background: #fff; padding: 0\" v-if=\"\r\n        new Date(good.UPPER_DATE).getTime() > new Date().getTime() ||\r\n        good.SEND_MODE > 0 ||\r\n        good.DELIVER_AREA ||\r\n        good.LIMIT_TOTALCOUNT > 0\r\n      \">\r\n        <view class=\"detail-right\" style=\"width: 100%; box-sizing: border-box; padding: 0 32rpx\">\r\n          <view v-if=\"new Date(good.UPPER_DATE).getTime() > new Date().getTime()\">预售时间：{{\r\n            good.UPPER_DATE && good.OFF_DATE\r\n              ? `${good.UPPER_DATE || \"-\"}-${good.OFF_DATE || \"-\"}`\r\n              : good.UPPER_DATE && !good.OFF_DATE\r\n                ? `${good.UPPER_DATE || \"-\"}起`\r\n                : \"\"\r\n          }}</view>\r\n          <!-- 预售时间：{{ good.UPPER_DATE || \"-\" }}-{{\r\n            good.OFF_DATE || \"-\"\r\n          }} -->\r\n          <view>{{\r\n            good.SEND_MODE === 1000\r\n              ? \"发货模式：自提\"\r\n              : good.SEND_MODE === 2000\r\n                ? \"发货模式：邮寄\"\r\n                : good.SEND_MODE === 3000\r\n                  ? \"发货模式：免发货\"\r\n                  : \"\"\r\n          }}</view>\r\n\r\n          <view>{{\r\n            good.DELIVER_AREA\r\n              ? `配送区域：${good.DELIVER_AREA || \"仅限云南省即江浙沪包邮区购买\"}`\r\n              : \"\"\r\n          }}</view>\r\n          <view>{{\r\n            good.LIMIT_TOTALCOUNT\r\n              ? `限购数量：每人限购${good.LIMIT_TOTALCOUNT}件`\r\n              : \"\"\r\n          }}</view>\r\n          <view>{{\r\n            good.LIMIT_TOTALCOUNT\r\n              ? `每日限购：每人每日限购${good.LIMIT_TOTALCOUNT}件`\r\n              : \"\"\r\n          }}</view>\r\n        </view>\r\n      </div>\r\n\r\n      <div class=\"product-detail\" style=\"background: #fff; padding:  0\" v-if=\"good.AFTERSALE_NATRUE\">\r\n        <view class=\"detail-right\" style=\"width: 100%; box-sizing: border-box; padding: 16rpx 32rpx\">\r\n          <view>{{\r\n            good.AFTERSALE_NATRUE\r\n              ? `${good.AFTERSALE_NATRUE == 1000\r\n                ? \"仅支持退货\"\r\n                : good.AFTERSALE_NATRUE == 2000\r\n                  ? \"仅支持换货\"\r\n                  : good.AFTERSALE_NATRUE == 3000\r\n                    ? \"支持退货和换货\"\r\n                    : \"\"\r\n              }`\r\n              : \"\"\r\n          }}</view>\r\n        </view>\r\n      </div>\r\n\r\n      <div class=\"product-detail\" style=\"padding-bottom: 16rpx\" v-if=\"good.COMMODITY_DESC\">\r\n        <div class=\"detail-unit\" style=\"flex-direction: column\" id=\"detail\">\r\n          <div class=\"detail-title desc-ico\" style=\"margin-bottom: 32rpx; box-sizing: border-box; padding: 0 32rpx\">\r\n            商品备注\r\n          </div>\r\n          <div class=\"detail-right\" style=\"width: 100%; box-sizing: border-box; padding: 0 32rpx\">\r\n            {{ good.COMMODITY_DESC || \"暂无\" }}\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"product-detail\" v-if=\"!(good.ContentImgList && good.ContentImgList.length > 0)\">\r\n        <div class=\"detail-unit\" style=\"flex-direction: column\" id=\"detail\">\r\n          <div class=\"detail-title desc-ico\" style=\"margin-bottom: 32rpx; box-sizing: border-box; padding: 0 32rpx\">\r\n            商品简介\r\n          </div>\r\n          <div class=\"detail-right\">\r\n            <rich-text :nodes=\"good.COMMODITY_INTRO\"></rich-text>\r\n            <!-- {{ good.COMMODITY_DESC || \"暂无\" }} -->\r\n          </div>\r\n        </div>\r\n        <!-- <div class=\"\">\r\n        <div class=\"detail-unit rate-title\">\r\n          <div class=\"detail-title desc-ico\">\r\n            评价\r\n          </div>\r\n          <div class=\"rate-desc\" @click=\"goRate\" v-show=\"pageMsg.rateTotal > 0\">\r\n            <span>共{{ pageMsg.rateTotal }}条评论</span>\r\n            <van-icon\r\n              name=\"arrow\"\r\n              size=\"20rpx\"\r\n              color=\"#262626\"\r\n              custom-style=\"margin-left: 8rpx;\"\r\n            />\r\n          </div>\r\n        </div>\r\n      </div> -->\r\n\r\n      </div>\r\n      <block v-if=\"good.ContentImgList && good.ContentImgList.length > 0\" id=\"detail\">\r\n        <!-- ContentImgList -->\r\n        <div class=\"detail-unit\">\r\n          <span class=\"detail-title desc-ico\">产品介绍</span>\r\n        </div>\r\n        <div class=\"detail-image-box\">\r\n          <block v-for=\"(img, i) in good.ContentImgList\" :key=\"i\" v-show=\"detailImgList[i]\">\r\n            <image mode=\"widthFix\" class=\"img\" :lazy-load=\"true\" :src=\"img.IMAGE_URL\" @load=\"loadDetailImg($event, i)\"\r\n              @click=\"handlePreviewDetailImg(img, good.ContentImgList)\"></image>\r\n            <!-- :style=\"\r\n                'width:' +\r\n                detailImgList[i].width +\r\n                'rpx; height:' +\r\n                detailImgList[i].height +\r\n                'rpx;'\r\n              \" -->\r\n          </block>\r\n        </div>\r\n      </block>\r\n\r\n\r\n\r\n      <uni-popup :show=\"showShareBox\" position=\"bottom\" overlay=\"false\" @close=\"handleClosePopup\" ref=\"popup\"\r\n        :safe-area=\"false\">\r\n        <view class=\"share-popup\" style=\"background-color: #fff\">\r\n          <view class=\"share-divider\">\r\n            <text>分享</text>\r\n          </view>\r\n          <!-- <van-divider contentPosition=\"center\">分享</van-divider> -->\r\n          <view class=\"share-pop-btn\">\r\n            <button open-type=\"share\" @tap=\"handleClosePopup\">\r\n              <image src=\"https://eshangtech.com/ShopICO/icos/fxhy.png\" act></image>\r\n              <text>分享给好友</text>\r\n            </button>\r\n            <!-- <button  @tap=\"creatPageQR\">\r\n            <image src=\"https://eshangtech.com/ShopICO/icos/fxpyq.png\"></image>\r\n            <text>生成分享海报</text>\r\n          </button> -->\r\n          </view>\r\n        </view>\r\n      </uni-popup>\r\n\r\n      <uni-popup ref=\"shopPopup\" :safe-area=\"false\">\r\n        <view class=\"shopPopupBox\">\r\n          <view class=\"shopPopupContent\">\r\n            <div class=\"detailTop\">\r\n              <image class=\"detailImg\" :src=\"good.DEFAULT_IMG || '/static/images/home/defultImg.png'\" />\r\n              <div class=\"box\">\r\n                <div class=\"nameTop\">\r\n                  <text class=\"name\">{{ good.COMMODITY_NAME }}</text>\r\n                  <image class=\"closeIcon\" @click=\"handleClosePop\"\r\n                    src=\"https://eshangtech.com/ShopICO/ahyd-BID/examine/close.svg\" />\r\n                </div>\r\n                <div class=\"priceBox\">\r\n                  <text class=\"priceIcon\">￥</text>\r\n                  <text class=\"price\">{{ good.COMMODITY_MEMBERPRICE }}</text>\r\n                  <text class=\"unit\">/{{ good.COMMODITY_UNIT }}</text>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <scroll-view :scroll-y=\"true\" class=\"scrollDetailBox\">\r\n              <div class=\"detailMessage\">\r\n                <p class=\"detailTitle\">详细信息</p>\r\n                <text class=\"detailText\"></text>\r\n              </div>\r\n              <div class=\"orderDetail\">\r\n                <p class=\"orderTitle\">下单信息</p>\r\n                <div class=\"numBox\">\r\n                  <text class=\"numTitle\">购买数量</text>\r\n                  <div class=\"cartcontrol\">\r\n                    <div class=\"subtract\" @click=\"handleDetailSubtract($event, good)\">\r\n                      <image class=\"img\" src=\"/static/images/home/subtract.svg\"></image>\r\n                    </div>\r\n                    <input class=\"cart-count\" confirm-type=\"done\" type=\"digit\" :maxlength=\"7\"\r\n                      style=\"background: #fff; text-align: center; width: 100px\" placeholder=\"0\"\r\n                      @blur=\"haveFocus($event, good)\" @focus=\"haveFocus($event, good)\" v-model=\"good.count\" />\r\n                    <!-- @input=\"handleNumber\" -->\r\n\r\n                    <div class=\"subtract\" @click=\"handleDetailAdd($event, good)\">\r\n                      <image class=\"img\" src=\"/static/images/home/addIcon.svg\"></image>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div class=\"sizeBox\">\r\n                  <div class=\"sizeTitle\">规格</div>\r\n\r\n                  <scroll-view :scroll-x=\"true\" :scroll-y=\"true\" class=\"sizeScrollBox\">\r\n                    <div class=\"sizeList\">\r\n                      <div :class=\"good.RTCOMMODITY_MULTI_ID === item.RTCOMMODITY_MULTI_ID\r\n                        ? 'sizeItem selectSizeItem'\r\n                        : 'sizeItem'\r\n                        \" :style=\"{\r\n                          background: item.COMMODITY_STOCK > 0 ? good.RTCOMMODITY_MULTI_ID === item.RTCOMMODITY_MULTI_ID ? '#e7f3ff' : '#dbdad6' : '#9c9c9a0',\r\n                          color: item.COMMODITY_STOCK > 0 ? good.RTCOMMODITY_MULTI_ID === item.RTCOMMODITY_MULTI_ID ? '#1890ff' : '#000' : '#a4a4a4'\r\n                        }\" v-for=\"(item, index) in good.SKULIST\" :key=\"index\"\r\n                        @click=\"handleChangeSelectSKULIST(item.RTCOMMODITY_MULTI_ID, item)\">\r\n                        {{ item.COMMODITY_NAME }}\r\n                      </div>\r\n                      <!-- <div class=\"sizeItem\">{{ good.COMMODITY_UNIT }}</div> -->\r\n                    </div>\r\n                  </scroll-view>\r\n                </div>\r\n                <!-- <div class=\"sizeBox\">\r\n              <text class=\"sizeTitle\">规格</text>\r\n              <div class=\"sizeList\">\r\n                <div :class=\"good.COMMODITY_RULE === item.COMMODITY_MULTI_ID\r\n                  ? 'sizeItem selectSizeItem'\r\n                  : 'sizeItem'\r\n                  \" v-for=\"(item, index) in good.SKULIST\" :key=\"index\"\r\n                  @click=\"handleChangeSelectSKULIST(item.COMMODITY_MULTI_ID)\">\r\n                  {{ item.COMMODITY_NAME }}\r\n                </div>\r\n              </div>\r\n            </div> -->\r\n                <div class=\"descBox\">\r\n                  <input class=\"desc\" :value=\"good.SALEDETAIL_DESC\" placeholder=\"请填写商品备注\"\r\n                    @input=\"handleDesc($event, good)\" />\r\n                </div>\r\n              </div>\r\n            </scroll-view>\r\n          </view>\r\n\r\n          <view class=\"bottomBtn\">\r\n            <view class=\"shopCarBtn\" v-if=\"bottomBtnType === 1\" @click=\"handleAddShopCar\">加入购物车</view>\r\n            <view class=\"makeOrderBtn\" v-if=\"bottomBtnType === 2\" @click=\"handleMakeOrder\">立即购买</view>\r\n          </view>\r\n        </view>\r\n      </uni-popup>\r\n    </view>\r\n\r\n    <div class=\"product-btn-box\">\r\n      <view class=\"leftBtn\">\r\n        <view class=\"btnItem\" @click=\"handleBackIndex\">\r\n          <image class=\"btnItemImg\" src=\"https://eshangtech.com/ShopICO/shoppingMall/home.png\" />\r\n          <text class=\"btnItemText\">首页</text>\r\n        </view>\r\n        <view class=\"btnItem\" @click=\"handleCollect\">\r\n          <image class=\"btnItemImg\"\r\n            :src=\"isCollect ? '/static/images/home/collected.svg' : '/static/images/home/collect.svg'\" />\r\n          <text class=\"btnItemText\">收藏</text>\r\n        </view>\r\n        <view class=\"btnItem\" @click=\"handleShowShopCar\">\r\n          <image class=\"btnItemImg\" src=\"/static/images/home/shopCarIcon.svg\" />\r\n          <text class=\"btnItemText\">购物车</text>\r\n        </view>\r\n      </view>\r\n      <!-- <view class=\"home-btn\" url=\"/pages/home/index\" open-type=\"switchTab\"\r\n        >首页</view\r\n      > -->\r\n\r\n      <!-- 积分暂时没有规定 所以 -->\r\n      <view class=\"rightBtn\" v-if=\"good.PAY_METHOD !== 2000 && pageType !== 'pointsMall' && !offShop\">\r\n        <div class=\"addCarBtn\" @click=\"handleShowShopPopup(1)\">加入购物车</div>\r\n        <div class=\"sellOut presale\" @click=\"handleShowShopPopup(4)\" v-if=\"isCountdown\">\r\n          预售中\r\n        </div>\r\n        <div class=\"addOrder\" @click=\"handleShowShopPopup(2)\"\r\n          v-if=\"good.OFF_DATE && !isCountdown ? new Date().getTime() < new Date(good.OFF_DATE).getTime() : (good.COMMODITY_STOCK > 0 && !isCountdown)\">\r\n          立即购买\r\n        </div>\r\n        <div class=\"sellOut\" @click=\"handleShowShopPopup(3)\" v-if=\"good.COMMODITY_STOCK === 0 && !isCountdown\">\r\n          已售罄\r\n        </div>\r\n        <div class=\"sellOut\" @click=\"handleShowShopPopup(3)\"\r\n          v-if=\"new Date().getTime() > new Date(good.OFF_DATE).getTime() && !(good.OFF_DATE && !isCountdown)\">\r\n          已结束\r\n        </div>\r\n      </view>\r\n\r\n      <view class=\"rightBtn\" v-if=\"(good.PAY_METHOD === 2000 || pageType === 'pointsMall') && !offShop\">\r\n        <div class=\"sellOut\" style=\"width: 100%;border-radius: 16rpx;\">\r\n          积分不足\r\n        </div>\r\n      </view>\r\n      <!-- <div\r\n        class=\"buynow-btn\"\r\n        @click=\"getMemberPoint(1)\"\r\n        v-if=\"good.COMMODITY_STOCK > 0 && good.PAY_METHOD !== 1000\"\r\n      >\r\n        立即兑换\r\n      </div>\r\n      <div\r\n        class=\"join-shopCart\"\r\n        @click=\"getMemberPoint(2)\"\r\n        v-if=\"good.COMMODITY_STOCK > 0 && good.PAY_METHOD !== 2000\"\r\n      >\r\n        立即购买\r\n      </div>\r\n      <div\r\n        class=\"buynow-btn\"\r\n        style=\"background: #eee; color: #999\"\r\n        v-if=\"good.COMMODITY_STOCK < 1\"\r\n      >\r\n        已售罄\r\n      </div> -->\r\n    </div>\r\n\r\n    <!-- 预售倒计时 -->\r\n    <div class=\"countdown\" v-if=\"isCountdown || panicBuying\">\r\n      此商品为{{ panicBuying ? '热销' : '预售' }}商品，{{ panicBuying ? '抢购' : '起售' }}倒计时 {{ countdown || \"\" }}\r\n    </div>\r\n\r\n    <!-- 商品下架显示 -->\r\n    <div class=\"offShopDown\" v-if=\"offShop\">商品已下架！</div>\r\n  </div>\r\n</template>\r\n<script>\r\n// import rateItem from \"../../rate/components/rateItem\";\r\nimport { mapGetters, mapActions, mapMutations } from \"vuex\";\r\nexport default {\r\n  data() {\r\n    const windows = uni.getSystemInfoSync();\r\n    return {\r\n      isPageLoading: true,\r\n      safeHeight: 0,\r\n      pageMsg: {\r\n        current: 0,\r\n        imgeCount: 0,\r\n        goodId: \"\",\r\n        buyCount: 1,\r\n        rateTotal: 0,\r\n        memberPoint: 0,\r\n        money: 0,\r\n      },\r\n      isShowCount: 0,\r\n      showSharePro: false, // 是否生成分享海报\r\n      showShareBox: false, // 是否展示分享选项\r\n      good: {},\r\n      rateList: [], // 评价列表\r\n      detailImgList: [],\r\n      windowMsg: {\r\n        width: 375,\r\n        height: 667,\r\n        ratio: 0.5,\r\n        scale: windows.pixelRatio,\r\n      },\r\n      menu: {\r\n        top: 44,\r\n        bottom: 88,\r\n        height: 32\r\n      },\r\n      inputMaxLength: -1,\r\n      bottomBtnType: 0,\r\n      shopCarList: [], // 当前的购物车\r\n      funList: [\r\n        { label: \"首页\", value: 1, src: \"/static/images/shopTabbar/home.png\" },\r\n        {\r\n          label: \"分类\",\r\n          value: 2,\r\n          src: \"/static/images/shopTabbar/classification.png\",\r\n        },\r\n        {\r\n          label: \"购物车\",\r\n          value: 3,\r\n          src: \"/static/images/shopTabbar/shopCar.png\",\r\n        },\r\n      ], // 展开来的方法列表\r\n      showExportFun: false, // 显示展开的悬浮框\r\n      showTopFixed: false, // 顶部显示的锚点tab\r\n      pageTab: 1, // 锚点tab的选中\r\n      scrollView: \"\", // 滚动的锚点\r\n      pageType: \"\", // 页面类型 UnionMall 为工会之家\r\n      countdown: \"\", // 存储倒计时的显示内容\r\n      isCountdown: false, // 判断是否进入到倒计时\r\n      panicBuying: false,//判断是否是抢购的倒计时\r\n      timer: null, // 定时器\r\n      isCollect: false,\r\n      shopId: \"\",// 商品id\r\n      offShop: false,// 判断商品是否下架了\r\n    };\r\n  },\r\n  components: {\r\n    // rateItem,\r\n    // UniPopup,\r\n  },\r\n  computed: {\r\n    ...mapGetters(\"shoppingCart\", {\r\n      totalNum: \"goodNum\",\r\n    }),\r\n    ...mapGetters([\"user\"]),\r\n  },\r\n  methods: {\r\n    ...mapActions(\"shoppingCart\", {\r\n      addGood: \"ADDGOOD\",\r\n      addCate: \"ADDCATE\",\r\n    }),\r\n    ...mapMutations(\"shoppingCart\", {\r\n      setOrder: \"ORDERGOOD\",\r\n    }),\r\n    ...mapMutations([\"setInvitedCode\"]),\r\n    // 备注的输入框\r\n    handleDesc(e, item) {\r\n      this.good.SALEDETAIL_DESC = e.detail.value\r\n    },\r\n    // 查一下 当前商品有没有被收藏\r\n\r\n    // 收藏\r\n    async handleCollect() {\r\n      if (this.user && !this.user.MEMBERSHIP_ID || (!this.user && !this.user.MEMBERSHIP_ID)) {\r\n        let _this = this;\r\n        uni.showModal({\r\n          title: \"温馨提示\",\r\n          content: \"请您授权登录后再操作。\",\r\n          success(res) {\r\n            if (res.confirm) {\r\n              uni.navigateTo({ url: \"/pages/register/index\" });\r\n            }\r\n          },\r\n        });\r\n        return;\r\n      }\r\n      if (this.isCollect) {\r\n        console.log('this.isCollectthis.isCollect', this.isCollect);\r\n        console.log('this.good', this.good);\r\n\r\n        let req = {\r\n          COLLECTIONId: this.good.COLLECTION_ID,\r\n          type: \"encryption\",\r\n        }\r\n        // 同步收藏\r\n        console.log('reqreqreq', req);\r\n        const data = await this.$api.$zzyLocalPost(\r\n          \"/Member/DeleteCOLLECTION\",\r\n          req\r\n        );\r\n        console.log('data', data);\r\n        if (data.Result_Code === 100) {\r\n          uni.showToast({\r\n            title: '取消成功！',\r\n            icon: 'none'\r\n          })\r\n          this.isCollect = false\r\n        } else {\r\n          uni.showToast({\r\n            title: data.Result_Desc,\r\n            icon: 'none'\r\n          })\r\n        }\r\n      } else {\r\n        if (this.offShop) {\r\n          return\r\n        }\r\n\r\n        let req = {\r\n          COLLECTION_ID: this.good.COLLECTION_ID || \"\",\r\n          COLLECTION_TYPE: 2000,\r\n          MEMBERSHIP_ID: this.user.MEMBERSHIP_ID,\r\n          TABLE_ID: this.good.COMMODITY_ID,\r\n          TABLE_NAME: \"COOP_MERCHANT.T_COMMODITY\",\r\n          APP_GUID: \"wxee018fb96955552a\",\r\n          COLLECTION_STATE: 1,\r\n          PROVINCE_CODE: this.user.PROVINCE_CODE,\r\n          OWNERUNIT_ID: 911,\r\n          type: \"encryption\",\r\n          STAFF_NAME: this.user.MEMBERSHIP_NAME,\r\n          OPERATE_DATE: this.$moment.now().format(\"YYYY-MM-DD\")\r\n        }\r\n        // 同步收藏\r\n        console.log('reqreqreq', req);\r\n\r\n        const data = await this.$api.$zzyLocalPost(\r\n          \"/Member/SynchroCOLLECTION\",\r\n          req\r\n        );\r\n        console.log('data', data);\r\n        if (data.Result_Code === 100) {\r\n          uni.showToast({\r\n            title: '已添加至收藏夹',\r\n            icon: 'none'\r\n          })\r\n          this.isCollect = true\r\n          await this.getDetail(this.good.COMMODITY_ID);\r\n          this.$forceUpdate()\r\n        } else {\r\n          uni.showToast({\r\n            title: data.Result_Desc,\r\n            icon: 'none'\r\n          })\r\n        }\r\n      }\r\n\r\n\r\n\r\n      // if (this.isCollect) {\r\n      //   let collectGoodList = uni.getStorageSync('collectGood')\r\n      //   let newList = []\r\n      //   if (collectGoodList && collectGoodList.length > 0) {\r\n      //     collectGoodList.forEach((item) => {\r\n      //       if (item.COMMODITY_ID !== this.shopId) {\r\n      //         newList.push(item)\r\n      //       }\r\n      //     })\r\n      //   }\r\n      //   uni.setStorageSync('collectGood', newList)\r\n      //   uni.showToast({\r\n      //     title: '取消收藏',\r\n      //     icon: 'none'\r\n      //   })\r\n      //   this.isCollect = false\r\n      // } else {\r\n      //   let collectGoodList = uni.getStorageSync('collectGood')\r\n      //   if (collectGoodList && collectGoodList.length > 0) {\r\n      //     collectGoodList.push(this.good)\r\n      //   } else {\r\n      //     collectGoodList = [this.good]\r\n      //   }\r\n      //   uni.setStorageSync('collectGood', collectGoodList)\r\n      //   uni.showToast({\r\n      //     title: '已添加至收藏夹',\r\n      //     icon: 'none'\r\n      //   })\r\n      //   this.isCollect = true\r\n      // }\r\n\r\n    },\r\n    // 倒计时方法\r\n    startCountdown(targetTime) {\r\n      console.log(\"targetTime\", targetTime);\r\n\r\n      let target = new Date(targetTime); // 目标时间\r\n      let _this = this;\r\n\r\n      this.timer = setInterval(() => {\r\n        let now = new Date(); // 当前时间\r\n        let timeDiff = target - now; // 目标时间与当前时间的差值（毫秒）\r\n\r\n        if (timeDiff <= 0) {\r\n          clearInterval(this.timer); // 倒计时结束，停止定时器\r\n          _this.isCountdown = false;\r\n          _this.panicBuying = false;\r\n          _this.countdown = \"\";\r\n\r\n          if (\r\n            new Date(_this.good.UPPER_DATE).getTime() > new Date().getTime()\r\n          ) {\r\n            _this.isCountdown = true;\r\n            _this.startCountdown(_this.good.UPPER_DATE);\r\n          } else {\r\n            _this.isCountdown = false;\r\n            if (new Date(_this.good.OFF_DATE).getTime() > new Date().getTime()) {\r\n              _this.panicBuying = true;\r\n              _this.startCountdown(_this.good.OFF_DATE);\r\n            } else {\r\n              _this.panicBuying = false;\r\n            }\r\n          }\r\n        } else {\r\n          // 计算剩余时间的小时、分钟和秒数\r\n          let hours = Math.floor(timeDiff / (1000 * 60 * 60)); // 小时\r\n          let minutes = Math.floor((timeDiff % (1000 * 60 * 60)) / (1000 * 60)); // 分钟\r\n          let seconds = Math.floor((timeDiff % (1000 * 60)) / 1000); // 秒\r\n\r\n          // 格式化为“时:分:秒”\r\n          _this.countdown = ` ${hours}时${minutes}分${seconds}秒`;\r\n        }\r\n      }, 1000); // 每秒更新一次\r\n    },\r\n    // 输入框里面的数量\r\n    haveFocus(e, item) {\r\n      console.log(\"e\", e);\r\n      let value = e.detail.value.toString();\r\n      let number = 0;\r\n      if (value.indexOf(\".\") === -1) {\r\n        number = Number(value);\r\n      } else {\r\n        let bigNumber = value.split(\".\")[0];\r\n        number = Number(bigNumber);\r\n      }\r\n      console.log(\"number\", number);\r\n\r\n      if (number < 0) {\r\n        item.count = 1;\r\n      } else {\r\n        item.count = Number(number);\r\n      }\r\n\r\n      console.log(\"item\", item);\r\n      this.good = item;\r\n      console.log(\"this.good\", this.good);\r\n      this.$forceUpdate();\r\n    },\r\n    // 输入框输入的触发方法\r\n    // handleNumber(e) {\r\n    //   console.log(\"e\", e);\r\n    //   if (e.detail.value.indexOf(\".\") !== -1) {\r\n    //     const flag = e.detail.value.indexOf(\".\");\r\n    //     console.log(\"flag\", flag);\r\n    //     if (flag === 0) {\r\n    //       this.inputMaxLength = flag + 4;\r\n    //     } else {\r\n    //       this.inputMaxLength = flag + 3;\r\n    //     }\r\n    //   } else {\r\n    //     // if (e.mp.detail.value === '') {\r\n    //     //   this.currentRow.count = 0\r\n    //     // }\r\n    //     this.inputMaxLength = -1;\r\n    //   }\r\n    //   console.log(\"inputMaxLength\", this.inputMaxLength);\r\n    // },\r\n    handleClosePop() {\r\n      // this.good.COMMODITY_RULE = undefined;\r\n      this.$refs.shopPopup.close();\r\n    },\r\n    // 改变当前选中的规格\r\n    handleChangeSelectSKULIST(value, obj) {\r\n      if (obj.COMMODITY_STOCK > 0) {\r\n        console.log(\"value\", value);\r\n        // this.good.COMMODITY_RULE = value; \r\n        this.good.COMMODITY_RULE = obj.COMMODITY_NAME;\r\n        this.good.RTCOMMODITY_MULTI_ID = value;\r\n        if (obj.COMMODITY_MEMBERPRICE) {\r\n          this.good.COMMODITY_MEMBERPRICE = obj.COMMODITY_MEMBERPRICE\r\n        }\r\n        if (obj.COMMODITY_PURCHASEPRICE) {\r\n          this.good.COMMODITY_PURCHASEPRICE = obj.COMMODITY_PURCHASEPRICE\r\n        }\r\n        console.log(\"this.good\", this.good);\r\n        this.$forceUpdate()\r\n      } else {\r\n        uni.showToast({\r\n          title: \"已售罄\",\r\n          icon: 'error'\r\n        })\r\n      }\r\n    },\r\n    // 点击的锚点\r\n    handleChangePageTab(value) {\r\n      this.pageTab = value;\r\n      if (value === 1) {\r\n        this.scrollView = \"banner\";\r\n      } else {\r\n        this.scrollView = \"detail\";\r\n      }\r\n    },\r\n    // 预览轮播图\r\n    handlePreviewSwiper(obj) {\r\n      console.log(\"obj\", obj);\r\n      let imgList = [];\r\n      if (this.good.List && this.good.List.length > 0) {\r\n        this.good.List.forEach((item) => {\r\n          imgList.push(item.IMAGE_URL);\r\n        });\r\n      }\r\n      uni.previewImage({\r\n        current: obj.IMAGE_URL, // 当前显示图片的http链接\r\n        urls: imgList, // 需要预览的图片http链接列表\r\n      });\r\n    },\r\n    // 预览详情图片\r\n    handlePreviewDetailImg(obj, list) {\r\n      console.log(\"obj\", obj);\r\n      console.log(\"listlistlistlist\", list);\r\n      let imgList = [];\r\n      if (list && list.length > 0) {\r\n        // imgList = list\r\n        list.forEach((item) => {\r\n          imgList.push(item.IMAGE_URL)\r\n        })\r\n      } else {\r\n        if (this.good.List && this.good.List.length > 0) {\r\n          this.good.List.forEach((item) => {\r\n            imgList.push(item.IMAGE_URL);\r\n          });\r\n        }\r\n      }\r\n\r\n      uni.previewImage({\r\n        current: obj.IMAGE_URL, // 当前显示图片的http链接\r\n        urls: imgList, // 需要预览的图片http链接列表\r\n      });\r\n    },\r\n    handlePageScroll(e) {\r\n      // console.log(\"handlePageScroll\", e.detail.scrollTop);\r\n      let scrollTop = e.detail.scrollTop;\r\n      if (scrollTop < 80) {\r\n        this.showTopFixed = false;\r\n        this.scrollView = \"\";\r\n      } else {\r\n        this.showTopFixed = true;\r\n      }\r\n      if (scrollTop < 300) {\r\n        this.scrollView = \"banner\";\r\n        this.pageTab = 1;\r\n      } else {\r\n        this.scrollView = \"detail\";\r\n        this.pageTab = 2;\r\n      }\r\n\r\n      this.showExportFun = false;\r\n    },\r\n    // 显示展开功能\r\n    handleShowExportBox() {\r\n      this.showExportFun = !this.showExportFun;\r\n    },\r\n    // 跳转对应的\r\n    handleExpentGo(obj) {\r\n      if (obj.value === 1) {\r\n        uni.redirectTo({\r\n          url: `/pages/shopMallPage/index/index?pageType=${this.pageType}`,\r\n        });\r\n      } else if (obj.value === 2) {\r\n        uni.redirectTo({\r\n          url: `/pages/shopMallPage/shopType/index?pageType=${this.pageType}`,\r\n        });\r\n      } else if (obj.value === 3) {\r\n        uni.redirectTo({\r\n          url: `/pages/shopMallPage/shopCar/index?pageType=${this.pageType}`,\r\n        });\r\n      }\r\n    },\r\n    // 返回首页\r\n    handleBackIndex() {\r\n      uni.navigateBack({\r\n        delta: 1,\r\n      });\r\n    },\r\n    // 显示购物车\r\n    handleShowShopCar() {\r\n      if (this.user && !this.user.MEMBERSHIP_ID || (!this.user && !this.user.MEMBERSHIP_ID)) {\r\n        let _this = this;\r\n        uni.showModal({\r\n          title: \"温馨提示\",\r\n          content: \"请您授权登录后再操作。\",\r\n          success(res) {\r\n            if (res.confirm) {\r\n              uni.navigateTo({ url: \"/pages/register/index\" });\r\n            }\r\n          },\r\n        });\r\n        return;\r\n      }\r\n      uni.redirectTo({\r\n        url: `/pages/shopMallPage/shopCar/index?pageType=${this.pageType}`,\r\n      });\r\n    },\r\n    // 加入购物车方法\r\n    handleAddShopCar() {\r\n      console.log('this.good', this.good);\r\n\r\n      if (\r\n        this.good.SKULIST &&\r\n        this.good.SKULIST.length > 0 &&\r\n        // (this.good.COMMODITY_RULE === \"默认\" || !this.good.COMMODITY_RULE)\r\n        (!this.good.RTCOMMODITY_MULTI_ID)\r\n      ) {\r\n        uni.showToast({\r\n          title: \"请先选择规格！\",\r\n          icon: \"none\",\r\n        });\r\n        return;\r\n      }\r\n\r\n      // 是否为已售罄\r\n      if (this.good.COMMODITY_STOCK === 0) {\r\n        uni.showToast({\r\n          title: \"商品已售罄！\",\r\n          icon: \"none\",\r\n        });\r\n        return;\r\n      }\r\n\r\n      if (this.good.COMMODITY_STOCK < this.good.count) {\r\n        uni.showToast({\r\n          title: \"商品库存不足！\",\r\n          icon: \"none\",\r\n        });\r\n        return;\r\n      }\r\n\r\n      if (!this.good.COMMODITY_MEMBERPRICE) {\r\n        uni.showToast({\r\n          title: \"商品信息有误，无法添加购物车！\",\r\n          icon: \"none\",\r\n        });\r\n        return;\r\n      }\r\n\r\n\r\n\r\n      console.log(\"this.good\", this.good);\r\n      console.log('this.shopCarList', JSON.parse(JSON.stringify(this.shopCarList)));\r\n      // 当前购物车的数据\r\n      if (this.shopCarList && this.shopCarList.length > 0) {\r\n        let nowShopList = [];\r\n        // 判断有没有一样的\r\n        let isSame = false;\r\n        let list = JSON.parse(JSON.stringify(this.shopCarList));\r\n        console.log('listlistlistlist', list);\r\n        list.forEach((item) => {\r\n          // 先看看有没有规格id  如果选了规格 不一样规格 算不同的商品\r\n          if (this.good.RTCOMMODITY_MULTI_ID) {\r\n            // 是多规格 看一下 当前购物车中 是否已经有了 这个规格的商品  \r\n            let filterRuleList = list.filter(\r\n              (item) => item.RTCOMMODITY_MULTI_ID === this.good.RTCOMMODITY_MULTI_ID\r\n            );\r\n            console.log('filterRuleList', JSON.parse(JSON.stringify(filterRuleList)));\r\n\r\n            // 如果有一样规格的 就替换值  没有 就等于新增商品\r\n            // 如果原本已经有了 那么就是当前购物车的数量  + 本次的数量\r\n            if (filterRuleList && filterRuleList.length > 0) {\r\n              if (item.COMMODITY_ID === this.good.COMMODITY_ID) {\r\n                item.count = this.good.count + item.count;\r\n                item.SALEDETAIL_DESC = this.good.SALEDETAIL_DESC\r\n              }\r\n              isSame = true;\r\n            } else {\r\n              // 同商品 但是不同规格的添加\r\n              // list.push({ ...this.good });\r\n            }\r\n          } else {\r\n            // 没有多规格 购物车中又已经有了该商品 那么就数量就加上这次添加到购物车的数量\r\n            if (item.COMMODITY_ID === this.good.COMMODITY_ID) {\r\n              // item.count = this.good.count;\r\n              item.count = this.good.count + item.count\r\n              item.SALEDETAIL_DESC = this.good.SALEDETAIL_DESC\r\n              isSame = true;\r\n            } else {\r\n              // 当前购物车中找不到同样的商品 说明是新商品 那么直接添加到购物车中\r\n              // list.push({ ...this.good });\r\n              // isSame = false\r\n            }\r\n          }\r\n        });\r\n        // nowShopList = list\r\n        // 判断是否是一样的商品\r\n        if (isSame) {\r\n          // nowShopList = this.shopCarList;\r\n          nowShopList = JSON.parse(JSON.stringify(list));\r\n        } else {\r\n          // this.shopCarList.push(this.good);\r\n          // list.push(this.good);\r\n          list.unshift(this.good);\r\n\r\n          // nowShopList = this.shopCarList;\r\n          nowShopList = JSON.parse(JSON.stringify(list));\r\n        }\r\n\r\n        console.log('nowShopListnowShopListnowShopList', nowShopList);\r\n        this.shopCarList = nowShopList\r\n\r\n        // 区分一下 这个是工会商城的购物车 还是外面商城的购物车\r\n        if (this.pageType === \"UnionMall\") {\r\n          this.$store.commit(\"unionMyShopCar\", nowShopList);\r\n        } else {\r\n          this.$store.commit(\"myShopCar\", nowShopList);\r\n        }\r\n      } else {\r\n        // 这是当前购物车为空的情况 那么就直接把当前商品 添加进去即可\r\n        let nowShopList = [];\r\n        let good = JSON.parse(JSON.stringify(this.good))\r\n        nowShopList.push(good);\r\n        this.shopCarList = [good]\r\n        console.log('nowShopListnowShopListnowShopList', this.shopCarList);\r\n        if (this.pageType === \"UnionMall\") {\r\n          this.$store.commit(\"unionMyShopCar\", nowShopList);\r\n        } else {\r\n          this.$store.commit(\"myShopCar\", nowShopList);\r\n        }\r\n      }\r\n\r\n      uni.showToast({\r\n        title: \"加入成功！\",\r\n        duration: 2000,\r\n      });\r\n      let _this = this\r\n      setTimeout(() => {\r\n        _this.handleCloseShopPopup()\r\n        // this.$refs.shopPopup.close();\r\n      }, 1000);\r\n    },\r\n    // 立即购买方法\r\n    async handleMakeOrder() {\r\n      let userInfo = {};\r\n      if (this.pageType === \"UnionMall\") {\r\n        // 获取最新的用户余额\r\n        uni.showLoading({\r\n          title: \"获取用户余额...\",\r\n        });\r\n        const userData = await this.$api.getCoop({\r\n          action_type: \"GetMembershipInfo\",\r\n          WechatUserId: this.user.WechatUserId,\r\n        });\r\n        userInfo = userData.Data;\r\n        console.log(\"this.userInfo\", this.userInfo);\r\n        uni.hideLoading();\r\n        if (!(userInfo && userInfo.ACCOUNT_BALANCE > 0)) {\r\n          uni.showToast({\r\n            title: \"您未被纳入工会会员采购名录，如有疑问，请联系工会咨询\",\r\n            icon: \"none\",\r\n          });\r\n          return;\r\n        }\r\n      }\r\n\r\n      if (\r\n        this.good.SKULIST &&\r\n        this.good.SKULIST.length > 0 &&\r\n        (this.good.COMMODITY_RULE === \"默认\" || !this.good.COMMODITY_RULE)\r\n      ) {\r\n        console.log('this.goodthis.good', this.good);\r\n\r\n        uni.showToast({\r\n          title: \"请先选择规格！\",\r\n          icon: \"none\",\r\n        });\r\n        return;\r\n      }\r\n      // 是否为已售罄\r\n      if (this.good.COMMODITY_STOCK === 0) {\r\n        uni.showToast({\r\n          title: \"商品已售罄！\",\r\n          icon: \"none\",\r\n        });\r\n        return;\r\n      }\r\n\r\n      if (this.good.COMMODITY_STOCK < this.good.count) {\r\n        uni.showToast({\r\n          title: \"商品库存不足！\",\r\n          icon: \"none\",\r\n        });\r\n        return;\r\n      }\r\n\r\n      console.log(\"this.good\", this.good);\r\n      let nowShopList = [this.good];\r\n\r\n      if (nowShopList && nowShopList.length > 0) {\r\n        this.pageOut = true;\r\n        let orderList = [];\r\n        let noSelectList = [];\r\n        nowShopList.forEach((item) => {\r\n          item.ORDER_COUNT = item.count;\r\n          item.AVERAGE_PRICE = item.COMMODITY_MEMBERPRICE;\r\n          item.cartItemAoumt = Number(\r\n            (item.AVERAGE_PRICE * item.ORDER_COUNT).toFixed(2)\r\n          );\r\n          item.ORDER_AMOUNT = Number(\r\n            (item.AVERAGE_PRICE * item.ORDER_COUNT).toFixed(2)\r\n          );\r\n          item.COMMODITY_INTRO = \"\";\r\n          orderList.push(item);\r\n        });\r\n        // this.$store.commit('shopcartOrder', orderList)\r\n        // 购物车改了后有些id不一样了 统一一下\r\n        if (orderList && orderList.length > 0) {\r\n          orderList.forEach((item) => {\r\n            let [big, small] = item.COMMODITY_MEMBERPRICE.toString().split(\".\");\r\n            item.COMMODITY_INYEGER = big;\r\n            item.COMMODITY_DECIMAL = small;\r\n            // item.COMMODITY_ID = item.SELLERCOMMODITY_ID\r\n          });\r\n        }\r\n        console.log(\"noSelectList\", noSelectList);\r\n        console.log(\"orderList\", orderList);\r\n        let id = Number(\r\n          Math.random().toString().substr(3, 5) + Date.now()\r\n        ).toString(36);\r\n        if (orderList.length > 0) {\r\n          uni.navigateTo({\r\n            url: `/pages/shopPages/settlement/index?pageType=${this.pageType\r\n              }&shopCarList=${JSON.stringify(orderList)}`,\r\n          });\r\n        } else {\r\n          uni.showToast({ title: \"购物车内无勾选商品\", icon: \"none\" });\r\n        }\r\n      }\r\n    },\r\n    // 减少当前商品\r\n    handleDetailSubtract(e, obj) {\r\n      if (obj.count > 0) {\r\n        if (obj.count - 1 === 0) {\r\n          obj.count = 1;\r\n        } else {\r\n          obj.count -= 1;\r\n        }\r\n        this.good = obj;\r\n        this.$forceUpdate();\r\n      }\r\n    },\r\n    // 增加当前商品的数量\r\n    handleDetailAdd(e, obj) {\r\n      obj.count += 1;\r\n      this.good = obj;\r\n      this.$forceUpdate();\r\n    },\r\n    // 打开购物车 或 立即购买的悬浮框  1 打开购物车  2 立即购买  3售罄  4预售\r\n    handleShowShopPopup(type) {\r\n      if (this.user && !this.user.MEMBERSHIP_ID || (!this.user && !this.user.MEMBERSHIP_ID)) {\r\n        let _this = this;\r\n        uni.showModal({\r\n          title: \"温馨提示\",\r\n          content: \"请您授权登录后再操作。\",\r\n          success(res) {\r\n            if (res.confirm) {\r\n              uni.navigateTo({ url: \"/pages/register/index\" });\r\n            }\r\n          },\r\n        });\r\n        return;\r\n      }\r\n      if (type === 4) {\r\n        uni.showToast({\r\n          title: \"商品预售中\",\r\n          icon: \"none\",\r\n        });\r\n      } else if (type === 3) {\r\n        uni.showToast({\r\n          title: \"商品已售罄\",\r\n          icon: \"none\",\r\n        });\r\n      } else {\r\n        if (!this.user.MEMBERSHIP_ID) {\r\n          uni.showModal({\r\n            title: \"温馨提示\",\r\n            content: \"请您授权登录后再操作。\",\r\n            success(res) {\r\n              if (res.confirm) {\r\n                uni.navigateTo({ url: \"/pages/register/index\" });\r\n              }\r\n            },\r\n          });\r\n        } else {\r\n          this.bottomBtnType = type;\r\n          this.$refs.shopPopup.open(\"bottom\");\r\n        }\r\n      }\r\n    },\r\n    handleShowPopup() {\r\n      this.$refs.popup.open(\"bottom\");\r\n      this.showShareBox = true;\r\n    },\r\n    // 关闭分享框的事件\r\n    handleClosePopup() {\r\n      this.$refs.popup.close();\r\n      this.showShareBox = false;\r\n    },\r\n    // 关闭商品弹出框 触发的事件\r\n    handleCloseShopPopup() {\r\n      this.$refs.shopPopup.close();\r\n      // this.showShareBox = false;\r\n      // 关闭详情 在多规格的时候  把商品数量变为1  选择的规格 清空\r\n      this.good.count = 1\r\n      this.good.RTCOMMODITY_MULTI_ID = null\r\n      this.$forceUpdate()\r\n    },\r\n    swiperChange(e) {\r\n      this.pageMsg.current = e.mp.detail.current;\r\n    },\r\n    goShop() {\r\n      uni.navigateTo({ url: \"/pages/product/shopCart/index\" });\r\n    },\r\n    decodeHTML(str) {\r\n      return str\r\n        .replace(/&lt;/g, \"<\")\r\n        .replace(/&gt;/g, \">\")\r\n        .replace(/&amp;/g, \"&\")\r\n        .replace(/&quot;/g, '\"')\r\n        .replace(/&nbsp;/g, \" \");\r\n    },\r\n    async getDetail(id) {\r\n      let _this = this;\r\n      const res = await this.$api\r\n        .getCoop({\r\n          action_type: \"GetGoodsDetail\",\r\n          commodityId: id,\r\n        })\r\n\r\n\r\n      console.log(\"detail\", res);\r\n      res.Data.COMMODITY_GRADE = null\r\n      res.Data.LIMIT_TOTALCOUNT = res.Data.LIMIT_TOTALCOUNT.toString()\r\n      res.Data.LIMIT_DAILYCOUNT = res.Data.LIMIT_DAILYCOUNT.toString()\r\n      res.Data.REMINDER_DAY = res.Data.REMINDER_DAY.toString()\r\n      res.Data.SEND_MODE = res.Data.SEND_MODE.toString()\r\n      res.Data.AFTERSALE_NATRUE = res.Data.AFTERSALE_NATRUE.toString()\r\n      res.Data.DUTY_PARAGRAPH = res.Data.DUTY_PARAGRAPH.toString()\r\n\r\n\r\n      if (res.Data.COLLECTION_STATE === '1') {\r\n        _this.isCollect = true\r\n      }\r\n\r\n      _this.good = res.Data;\r\n      // 判断商品是否已经下架了 若当前时间大于 下架时间 就代表 已经下架了\r\n      if (_this.good.OFF_DATE && new Date().getTime() > new Date(_this.good.OFF_DATE).getTime()) {\r\n        _this.offShop = true\r\n      }\r\n\r\n      _this.good.COMMODITY_CURRPRICE = _this.good.COMMODITY_MEMBERPRICE;\r\n      _this.good.count = 1;\r\n      _this.pageMsg.current = 0;\r\n      _this.pageMsg.imgeCount = res.Data.List.length || 0;\r\n      _this.good.COMMODITY_INTRO = _this.decodeHTML(\r\n        res.Data.COMMODITY_INTRO\r\n      );\r\n      // _this.good.COMMODITY_DESC = _this.decodeHTML(res.Data.COMMODITY_DESC);\r\n\r\n      if (\r\n        _this.good.COMMODITY_MEMBERPRICE &&\r\n        _this.good.COMMODITY_MEMBERPRICE.toString().indexOf(\".\") !== -1\r\n      ) {\r\n        _this.good.bigNumber =\r\n          _this.good.COMMODITY_MEMBERPRICE.toString().split(\".\")[0];\r\n        _this.good.smallNumber =\r\n          _this.good.COMMODITY_MEMBERPRICE.toString().split(\".\")[1];\r\n      } else {\r\n        _this.good.bigNumber = _this.good.COMMODITY_MEMBERPRICE;\r\n      }\r\n\r\n      if (\r\n        _this.good.COMMODITY_RETAILPRICE &&\r\n        _this.good.COMMODITY_RETAILPRICE.toString().indexOf(\".\") !== -1\r\n      ) {\r\n        _this.good.RETbigNumber =\r\n          _this.good.COMMODITY_RETAILPRICE.toString().split(\".\")[0];\r\n        _this.good.RETsmallNumber =\r\n          _this.good.COMMODITY_RETAILPRICE.toString().split(\".\")[1];\r\n      } else {\r\n        _this.good.RETbigNumber = _this.good.COMMODITY_RETAILPRICE;\r\n      }\r\n      console.log(\"_this.good\", _this.good);\r\n\r\n      if (_this.good.COMMODITY_INTRO.indexOf(\"</br>\") > -1) {\r\n        let desArr = _this.good.COMMODITY_INTRO.split(\"</br>\");\r\n        _this.good.COMMODITY_INTRO = [];\r\n        desArr.forEach((element) => {\r\n          _this.good.COMMODITY_INTRO.push({\r\n            name: \"p\",\r\n            children: [{ type: \"text\", text: element }],\r\n          });\r\n        });\r\n      }\r\n\r\n      _this.good.ContentImgList.map((n) => {\r\n        _this.detailImgList.push({ width: 750, height: 400 });\r\n      });\r\n\r\n      if (\r\n        new Date(_this.good.UPPER_DATE).getTime() > new Date().getTime()\r\n      ) {\r\n        _this.isCountdown = true;\r\n        _this.startCountdown(_this.good.UPPER_DATE);\r\n      } else {\r\n        _this.isCountdown = false;\r\n        if (new Date(_this.good.OFF_DATE).getTime() > new Date().getTime()) {\r\n          _this.panicBuying = true;\r\n          _this.startCountdown(_this.good.OFF_DATE);\r\n        } else {\r\n          _this.panicBuying = false;\r\n        }\r\n      }\r\n\r\n    },\r\n    getRate() {\r\n      // 获取商品评价\r\n      let _this = this;\r\n      _this.$api\r\n        .getCoop({\r\n          action_type: \"getMallCommentList\",\r\n          commodityId: this.pageMsg.goodId,\r\n          pageIndex: 1,\r\n          pageSize: 3,\r\n        })\r\n        .then((res) => {\r\n          _this.rateList = res.Data.List;\r\n          _this.pageMsg.rateTotal = res.Data.TotalCount;\r\n        });\r\n    },\r\n    goRate() {\r\n      uni.navigateTo({ url: \"/pages/rate/index?id=\" + this.pageMsg.goodId });\r\n    },\r\n    seePhoto(item, list) {\r\n      let u = [];\r\n\r\n      list.map((n) => {\r\n        u.push(n.IMAGE_URL);\r\n      });\r\n      uni.previewImage({\r\n        current: item, // 当前显示图片的http链接\r\n        urls: u, // 需要预览的图片http链接列表\r\n      });\r\n    },\r\n    addGoodToCartFn: function () {\r\n      // 添加商品到购物车\r\n      let cate = {\r\n        USERDEFINEDTYPE_NAME: this.good.USERDEFINEDTYPE_NAME,\r\n        USERDEFINEDTYPE_ID: this.good.USERDEFINEDTYPE_ID,\r\n      };\r\n      this.addGood(this.good);\r\n      this.addCate(cate);\r\n      this.$forceUpdate();\r\n    },\r\n\r\n    buyNow() {\r\n      let s = [];\r\n      let _this = this;\r\n      let el = this.good;\r\n\r\n      if (\r\n        _this.isShowCount === 1 &&\r\n        _this.pageMsg.memberPoint < this.pageMsg.buyCount * el.COMMODITY_POINT\r\n      ) {\r\n        uni.showToast({\r\n          title: \"您的积分不足\",\r\n          icon: \"none\",\r\n        });\r\n        return;\r\n      }\r\n      s.push({\r\n        COMMODITY_ID: el.COMMODITY_ID,\r\n        COMMODITY_CODE: el.COMMODITY_CODE,\r\n        COMMODITY_NAME: el.COMMODITY_NAME,\r\n        COMMODITY_BARCODE: el.COMMODITY_BARCODE,\r\n        COMMODITY_UNIT: el.COMMODITY_UNIT,\r\n        COMMODITY_RULE: el.COMMODITY_RULE,\r\n        COMMODITY_POINT: el.COMMODITY_POINT,\r\n        ORDER_COUNT: this.pageMsg.buyCount,\r\n        AVERAGE_PRICE: el.COMMODITY_MEMBERPRICE,\r\n        ORDER_AMOUNT: this.pageMsg.buyCount * el.COMMODITY_MEMBERPRICE,\r\n        DISCOUNT_AMOUNT: 0,\r\n        SUPPLIER_ID: el.SUPPLIER_ID,\r\n        SUPPLIER_NAME: el.SUPPLIER_NAME,\r\n        DEFAULT_IMG: el.DEFAULT_IMG,\r\n        PAY_TYPE: _this.isShowCount === 1 ? 3000 : 1000, // 支付方式 3000 积分支付\r\n      });\r\n      _this.isShowCount = 0;\r\n      _this.setOrder(s);\r\n      uni.navigateTo({\r\n        url:\r\n          \"/pages/product/confirmOrder/index?type=1&nature=\" +\r\n          el.COMMODITY_NATURE,\r\n      });\r\n    },\r\n    loadDetailImg(e, i) {\r\n      // 加载商品介绍图片指定原尺寸宽高\r\n      let $width = e.mp.detail.width; // 获取图片真实宽度\r\n      let $height = e.mp.detail.height;\r\n      // 将图片的datadata-index作为image对象的key,然后存储图片的宽高值\r\n      this.detailImgList[i] = {\r\n        width: $width,\r\n        height: $height,\r\n      };\r\n      this.$forceUpdate();\r\n    },\r\n    getMemberPoint(type) {\r\n      // 获取会员积分\r\n      let _this = this;\r\n      if (this.user.MEMBERSHIP_ID) {\r\n        this.$api\r\n          .getCoop({\r\n            action_type: \"GetMemberPoint\",\r\n          })\r\n          .then(function (rs) {\r\n            _this.pageMsg.memberPoint = rs.Data.MEMBERSHIP_POINT;\r\n            _this.pageMsg.money = rs.Data.MEMBERSHIP_POINT;\r\n            _this.isShowCount = type;\r\n          });\r\n      } else {\r\n        uni.showModal({\r\n          title: \"温馨提示\",\r\n          content: \"您还没有登录，快去登录吧\",\r\n          confirmText: \"一键登录\",\r\n          confirmColor: \"#498fe2\",\r\n          success: (res) => {\r\n            if (res.confirm) {\r\n              uni.navigateTo({ url: \"/pages/register/index\" });\r\n            }\r\n          },\r\n        });\r\n      }\r\n    },\r\n    creatPageQR() {\r\n      // 生成当前页面小程序二维码\r\n      let _this = this;\r\n      _this.showShareBox = false;\r\n      uni.showLoading({ title: \"正在加载\" });\r\n      _this.$api\r\n        .getCoop({\r\n          action_type: \"CreateWxCode\",\r\n          page: \"pages/product/productDetail/index\",\r\n          scene: _this.pageMsg.goodId + \"&\" + _this.user.InviteCode, // 商品id & 当前用户邀请码\r\n          width: 280,\r\n        })\r\n        .then((res) => {\r\n          console.log(\"creatPageQR\", res);\r\n          // let bin64 = res.Data.imgUrl\r\n          // 生成的base64二维码\r\n          // let fs = uni.getFileSystemManager()\r\n\r\n          // fs.writeFile({\r\n          //   filePath: `${uni.env.USER_DATA_PATH}/` + _this.pageMsg.goodId + `pro.png`,\r\n          //   data: bin64,\r\n          //   encoding: 'base64',\r\n          //   success (res) {\r\n          uni.getImageInfo({\r\n            src: res.Data.imgUrl,\r\n            success(res) {\r\n              let codePath = res.path;\r\n              let codeW = res.width;\r\n\r\n              uni.getImageInfo({\r\n                src: _this.good.DEFAULT_IMG, // _this.good.DEFAULT_IMG,\r\n                success: (rs) => {\r\n                  let productPath = rs.path;\r\n                  let productW = rs.width;\r\n                  let productH = rs.height;\r\n                  _this.showSharePro = true;\r\n                  _this.drawImage(\r\n                    productPath,\r\n                    productW,\r\n                    productH,\r\n                    codePath,\r\n                    codeW\r\n                  );\r\n                },\r\n              });\r\n            },\r\n            fail(err) {\r\n              console.error(err);\r\n            },\r\n          });\r\n          // },\r\n          // fail (err) {\r\n          //   console.error(err)\r\n          // }})\r\n        });\r\n    },\r\n    drawImage(productPath, productW, productH, codePath, codeW) {\r\n      // 才canvas上画海报\r\n      let _this = this;\r\n\r\n      let canv = uni.createCanvasContext(\"pro\", this);\r\n      let ratio = uni.getSystemInfoSync().windowWidth / 750; // 适配不同机型的图片比例\r\n      let imgMaxW = _this.windowMsg.width;\r\n      // let imgMaxH = _this.windowMsg.width\r\n      let canvHeight = _this.windowMsg.height;\r\n\r\n      let paddL = 24 * ratio;\r\n      let paddT = 24;\r\n      let clipWidth = imgMaxW * ratio;\r\n      let clipHeight = ((productH * imgMaxW) / productW) * ratio;\r\n      let imgLeft = 0;\r\n\r\n      if (productH / productW > 1.5 || clipHeight > clipWidth) {\r\n        // 如果图片原图比例1：1.5则需要根据商品的高度调整适配\r\n        clipHeight = imgMaxW * ratio;\r\n        clipWidth = (clipHeight * productW) / productH;\r\n        imgLeft = (imgMaxW * ratio - clipWidth) / 2;\r\n      }\r\n\r\n      // 设置一个背景色\r\n      canv.fillStyle = \"#fff\";\r\n      canv.fillRect(0, 0, imgMaxW * ratio, canvHeight);\r\n      // canv.draw()\r\n\r\n      // 设置字体大小、文本颜色 （如果不先写文字 则图片无法写入）\r\n      canv.setFontSize(20 * ratio);\r\n      canv.setFillStyle(\"#454545\");\r\n      // 简易绘制两行文本，多余...\r\n      _this.canvasTextAutoLine(\r\n        _this.good.COMMODITY_NAME,\r\n        canv,\r\n        paddL,\r\n        paddT,\r\n        28,\r\n        clipWidth - 24,\r\n        1\r\n      ); // 标题\r\n      // 绘制价格\r\n\r\n      let text = _this.good.PAY_METHOD === 2000 ? \"积分\" : \"元\";\r\n      let price =\r\n        _this.good.PAY_METHOD === 2000\r\n          ? _this.good.COMMODITY_POINT\r\n          : _this.good.COMMODITY_MEMBERPRICE;\r\n      canv.setFontSize(30 * ratio);\r\n      canv.setFillStyle(\"#EA3323\");\r\n      canv.fillText(price, paddL, paddT + 28 * ratio + 8);\r\n\r\n      let priceWidth = canv.measureText(price + \"\").width;\r\n      canv.setFontSize(16 * ratio);\r\n      canv.setFillStyle(\"#EA3323\");\r\n      canv.fillText(text, paddL + priceWidth + 1, paddT + 28 * ratio + 8);\r\n\r\n      canv.setFontSize(16 * ratio);\r\n      canv.setFillStyle(\"#999\");\r\n      canv.fillText(\r\n        \"长按识别·去逛逛\",\r\n        60 * ratio + 80,\r\n        (canvHeight - 92) * ratio\r\n      );\r\n      canv.draw();\r\n\r\n      canv.save();\r\n      // 绘制商品图片\r\n      canv.drawImage(\r\n        productPath,\r\n        0 + imgLeft,\r\n        paddT + 58 * ratio,\r\n        clipWidth,\r\n        clipHeight\r\n      );\r\n\r\n      // 绘制小程序二维码图片\r\n\r\n      canv.drawImage(codePath, 60 * ratio, (canvHeight - 164) * ratio, 72, 72);\r\n      canv.draw(true);\r\n      // canv.scale(ratio, ratio)\r\n      uni.hideLoading();\r\n    },\r\n    /*\r\n      *  绘制多行文本，自动换行，超出添加...\r\n      *\r\n      str:要绘制的字符串\r\n      canvas:canvas对象\r\n      initX:绘制字符串起始x坐标\r\n      initY:绘制字符串起始y坐标\r\n      lineHeight:字行高，自己定义个值即可\r\n      maxWidth: 文本最大宽度\r\n      row: 最大行数\r\n      */\r\n    canvasTextAutoLine: function (\r\n      str,\r\n      ctx,\r\n      initX,\r\n      initY,\r\n      lineHeight,\r\n      maxWidth,\r\n      row = 1\r\n    ) {\r\n      var lineWidth = 0;\r\n      var lastSubStrIndex = 0;\r\n      var currentRow = 1;\r\n      for (let i = 0; i < str.length; i++) {\r\n        lineWidth += ctx.measureText(str[i]).width;\r\n        if (lineWidth > maxWidth) {\r\n          currentRow++;\r\n          let newStr = str.substring(lastSubStrIndex, i);\r\n          if (currentRow > row && str.length > i) {\r\n            newStr = str.substring(lastSubStrIndex, i - 2) + \"...\";\r\n          }\r\n          ctx.fillText(newStr, initX, initY);\r\n          initY += lineHeight;\r\n          lineWidth = 0;\r\n          lastSubStrIndex = i;\r\n\r\n          if (currentRow > row) {\r\n            break;\r\n          }\r\n        }\r\n        if (i === str.length - 1) {\r\n          ctx.fillText(str.substring(lastSubStrIndex, i + 1), initX, initY);\r\n        }\r\n      }\r\n    },\r\n    saveImage() {\r\n      // 将海报保存图片到\r\n      let _this = this;\r\n      uni.getSetting({\r\n        success(res) {\r\n          if (!res.authSetting[\"scope.writePhotosAlbum\"]) {\r\n            uni.authorize({\r\n              scope: \"scope.writePhotosAlbum\",\r\n\r\n              success() {\r\n                // 用户已经同意小程序使用相册\r\n\r\n                _this.saveImageToPhotos();\r\n              },\r\n\r\n              fail() {\r\n                wx.openSetting({\r\n                  success: (res) => { },\r\n                });\r\n              },\r\n            });\r\n          } else {\r\n            // 用户已经同意小程序使用相册\r\n\r\n            _this.saveImageToPhotos();\r\n          }\r\n        },\r\n      });\r\n    },\r\n    saveImageToPhotos(tempFilePath) {\r\n      let _this = this;\r\n      uni.showLoading({ title: \"正在生成图片\" });\r\n      uni.canvasToTempFilePath(\r\n        {\r\n          width: _this.windowMsg.width, // 导出图片的宽\r\n          height: _this.windowMsg.height, // 导出图片的高\r\n          destWidth: _this.windowMsg.width * _this.windowMsg.scale * 4, // 导出图片的宽\r\n          destHeight: _this.windowMsg.height * _this.windowMsg.scale * 4, // 导出图片的高\r\n\r\n          canvasId: \"pro\",\r\n          success: function (res) {\r\n            uni.saveImageToPhotosAlbum({\r\n              filePath: res.tempFilePath,\r\n              success(result) {\r\n                uni.hideLoading();\r\n                uni.showToast({\r\n                  title: \"保存成功，从相册中分享到朋友圈吧\",\r\n                  icon: \"none\",\r\n                  duration: 4000,\r\n                });\r\n                _this.showSharePro = false;\r\n              },\r\n              fail: function (res) {\r\n                uni.showToast({\r\n                  title: \"图片保存失败\",\r\n                  icon: \"none\",\r\n                  duration: 2000,\r\n                });\r\n              },\r\n            });\r\n          },\r\n          fail: function (res) {\r\n            wx.showToast({\r\n              title: \"图片生成失败\",\r\n              icon: \"none\",\r\n              duration: 2000,\r\n            });\r\n          },\r\n        },\r\n        _this\r\n      );\r\n    },\r\n\r\n    handleGetIsCollect() {\r\n      let collectGoodList = uni.getStorageSync('collectGood')\r\n      if (collectGoodList && collectGoodList.length > 0) {\r\n        let haveSame = false\r\n        collectGoodList.forEach(item => {\r\n          if (item.COMMODITY_ID === this.shopId) {\r\n            haveSame = true\r\n          }\r\n        })\r\n\r\n        this.isCollect = haveSame\r\n      }\r\n    }\r\n  },\r\n  onShareAppMessage() {\r\n    let _this = this;\r\n\r\n    return {\r\n      title: _this.good.COMMODITY_NAME,\r\n      path: `/pages/shopPages/shopDetail/index?pageType=${_this.pageType}&id=${_this.good.COMMODITY_ID}`,\r\n    };\r\n  },\r\n  onShareTimeline() {\r\n    let _this = this;\r\n    return {\r\n      title: _this.good.COMMODITY_NAME,\r\n      path: `/pages/shopPages/shopDetail/index?pageType=${_this.pageType}&id=${_this.good.COMMODITY_ID}`,\r\n    };\r\n  },\r\n  // onShareAppMessage() {\r\n  //   let _this = this;\r\n\r\n  //   return {\r\n  //     title: _this.good.COMMODITY_NAME,\r\n  //     path:\r\n  //       \"/pages/product/productDetail/index?invite=\" +\r\n  //       _this.user.InviteCode +\r\n  //       \"&id=\" +\r\n  //       _this.pageMsg.goodId,\r\n  //     imageUrl: _this.good.DEFAULT_IMG,\r\n  //   };\r\n  // },\r\n  onUnload() {\r\n    this.isShowCount = false;\r\n    this.showSharePro = false;\r\n    this.good = {};\r\n    clearInterval(this.timer);\r\n  },\r\n  async onLoad(option) {\r\n    console.log('页面开始加载，骨架屏状态:', this.isPageLoading);\r\n    let systemInfo = uni.getSystemInfoSync();\r\n    let height = systemInfo.safeAreaInsets.bottom;\r\n    this.safeHeight = Number(height);\r\n    this.menu = uni.getMenuButtonBoundingClientRect();\r\n    console.log(\"option\", option);\r\n    console.log(\"user\", this.user);\r\n    if (option.pageType) {\r\n      this.pageType = option.pageType;\r\n    }\r\n\r\n    if (option.id) {\r\n      this.shopId = Number(option.id)\r\n    }\r\n\r\n    // 判断当前的购物车里面是否有东西\r\n    let shopCarList = [];\r\n    if (this.pageType === \"UnionMall\") {\r\n      shopCarList = this.$store.state.unionMyShopCar;\r\n    } else {\r\n      shopCarList = this.$store.state.myShopCar;\r\n    }\r\n    console.log(\"shopCarList\", shopCarList);\r\n    if (shopCarList && shopCarList.length > 0) {\r\n      this.shopCarList = shopCarList;\r\n    }\r\n\r\n    await this.getDetail(option.id);\r\n\r\n    this.handleGetIsCollect()\r\n\r\n    this.$utils.addUserBehaviorNew({\r\n      behaviorRecordDesc: `查看商品【${this.good.COMMODITY_NAME}】详情`\r\n    });\r\n\r\n    // 数据加载完成，立即隐藏骨架屏\r\n    console.log('数据加载完成，隐藏骨架屏');\r\n    this.isPageLoading = false;\r\n    // if (option.scene) {\r\n    //   // 是否是商品分享码扫入的 带有他人的邀请码\r\n    //   let scene = decodeURIComponent(option.scene);\r\n    //   scene = scene.split(\"&\");\r\n    //   this.pageMsg.goodId = scene[0];\r\n    //   this.setInvitedCode(scene[1]);\r\n    // } else {\r\n    //   this.pageMsg.goodId = option.id;\r\n    // }\r\n\r\n    // if (option.invite) {\r\n    //   this.setInvitedCode(option.invite);\r\n    // }\r\n    // this.pageMsg.buyCount = 1;\r\n\r\n    // this.getRate();\r\n  },\r\n};\r\n</script>\r\n\r\n\r\n<style lang=\"less\" scoped>\r\n// 骨架屏样式\r\n.skeleton-container {\r\n  min-height: 100vh;\r\n  background: #f5f5f5;\r\n  position: relative;\r\n  z-index: 999;\r\n}\r\n\r\n.skeleton-animate {\r\n  background: linear-gradient(90deg, #f0f0f0 25%, #e6e6e6 50%, #f0f0f0 75%);\r\n  background-size: 200% 100%;\r\n  animation: skeleton-loading 1.5s infinite;\r\n}\r\n\r\n@keyframes skeleton-loading {\r\n  0% {\r\n    background-position: 200% 0;\r\n  }\r\n\r\n  100% {\r\n    background-position: -200% 0;\r\n  }\r\n}\r\n\r\n// 头部导航骨架\r\n.skeleton-header {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  background: #fff;\r\n  z-index: 999;\r\n  box-sizing: border-box;\r\n  padding: 0 32rpx;\r\n\r\n  .skeleton-nav {\r\n    height: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    .skeleton-back-btn,\r\n    .skeleton-share-btn {\r\n      width: 60rpx;\r\n      height: 60rpx;\r\n      border-radius: 50%;\r\n    }\r\n\r\n    .skeleton-title {\r\n      width: 200rpx;\r\n      height: 40rpx;\r\n      border-radius: 8rpx;\r\n    }\r\n  }\r\n}\r\n\r\n// 商品图片骨架\r\n.skeleton-product-image {\r\n  .skeleton-swiper {\r\n    width: 100%;\r\n    height: 100%;\r\n    border-radius: 0;\r\n  }\r\n}\r\n\r\n// 商品信息骨架\r\n.skeleton-product-info {\r\n  background: #fff;\r\n  padding: 32rpx;\r\n  margin-top: 20rpx;\r\n\r\n  .skeleton-price-section {\r\n    margin-bottom: 32rpx;\r\n\r\n    .skeleton-price {\r\n      width: 200rpx;\r\n      height: 60rpx;\r\n      border-radius: 8rpx;\r\n      margin-bottom: 16rpx;\r\n    }\r\n\r\n    .skeleton-original-price {\r\n      width: 120rpx;\r\n      height: 32rpx;\r\n      border-radius: 6rpx;\r\n    }\r\n  }\r\n\r\n  .skeleton-title-section {\r\n    margin-bottom: 32rpx;\r\n\r\n    .skeleton-product-title {\r\n      width: 100%;\r\n      height: 48rpx;\r\n      border-radius: 8rpx;\r\n      margin-bottom: 16rpx;\r\n    }\r\n\r\n    .skeleton-product-subtitle {\r\n      width: 80%;\r\n      height: 32rpx;\r\n      border-radius: 6rpx;\r\n    }\r\n  }\r\n\r\n  .skeleton-spec-section {\r\n    .skeleton-spec-title {\r\n      width: 120rpx;\r\n      height: 40rpx;\r\n      border-radius: 6rpx;\r\n      margin-bottom: 20rpx;\r\n    }\r\n\r\n    .skeleton-spec-options {\r\n      display: flex;\r\n      gap: 20rpx;\r\n\r\n      .skeleton-spec-item {\r\n        width: 120rpx;\r\n        height: 60rpx;\r\n        border-radius: 8rpx;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// 商品详情骨架\r\n.skeleton-detail-section {\r\n  background: #fff;\r\n  margin-top: 20rpx;\r\n  padding: 32rpx;\r\n\r\n  .skeleton-detail-tabs {\r\n    display: flex;\r\n    margin-bottom: 32rpx;\r\n    border-bottom: 1px solid #f0f0f0;\r\n    padding-bottom: 20rpx;\r\n\r\n    .skeleton-tab-item {\r\n      width: 120rpx;\r\n      height: 40rpx;\r\n      border-radius: 6rpx;\r\n      margin-right: 40rpx;\r\n    }\r\n  }\r\n\r\n  .skeleton-detail-content {\r\n    .skeleton-detail-line {\r\n      width: 100%;\r\n      height: 32rpx;\r\n      border-radius: 6rpx;\r\n      margin-bottom: 20rpx;\r\n\r\n      &:nth-child(2) {\r\n        width: 85%;\r\n      }\r\n\r\n      &:nth-child(3) {\r\n        width: 92%;\r\n      }\r\n\r\n      &:nth-child(4) {\r\n        width: 78%;\r\n      }\r\n\r\n      &:last-child {\r\n        width: 65%;\r\n        margin-bottom: 0;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// 底部操作栏骨架\r\n.skeleton-bottom-bar {\r\n  position: fixed;\r\n  bottom: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 134rpx;\r\n  background: #fff;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 0 32rpx;\r\n  box-sizing: border-box;\r\n  border-top: 1px solid #f0f0f0;\r\n\r\n  .skeleton-bottom-left {\r\n    display: flex;\r\n    gap: 32rpx;\r\n\r\n    .skeleton-cart-btn,\r\n    .skeleton-collect-btn {\r\n      width: 80rpx;\r\n      height: 80rpx;\r\n      border-radius: 50%;\r\n    }\r\n  }\r\n\r\n  .skeleton-bottom-right {\r\n    .skeleton-buy-btn {\r\n      width: 240rpx;\r\n      height: 80rpx;\r\n      border-radius: 40rpx;\r\n    }\r\n  }\r\n}\r\n\r\n.page-body {\r\n  width: 100vw;\r\n  min-height: 100vh;\r\n  // overflow-x: hidden;\r\n  // overflow-y: scroll;\r\n}\r\n\r\n* {\r\n  box-sizing: border-box;\r\n}\r\n\r\nhr {\r\n  color: #e9e9e9;\r\n  height: 2rpx;\r\n}\r\n\r\n.product-image {\r\n  height: 55vh;\r\n  width: 100%;\r\n  // padding-top 20rpx\r\n  background: #fff;\r\n  // position: relative;\r\n\r\n  .header {\r\n    width: 100%;\r\n    position: fixed;\r\n    z-index: 10;\r\n    top: 0;\r\n\r\n    .headerBottom {\r\n      width: calc(100% - 64rpx);\r\n      position: absolute;\r\n      left: 32rpx;\r\n      z-index: 10;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n\r\n      .backArrowBox {\r\n        width: 120rpx;\r\n        background: rgba(255, 255, 255, 0.6);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 32rpx;\r\n        border: 1px solid #d9d5cc;\r\n        padding: 4rpx 16rpx;\r\n        margin-bottom: 8px;\r\n\r\n        .img {\r\n          width: 48rpx;\r\n          height: 48rpx;\r\n        }\r\n\r\n        .line {\r\n          width: 2rpx;\r\n          height: 32rpx;\r\n          background: #bbbbba;\r\n          margin: 0 8rpx;\r\n        }\r\n      }\r\n\r\n      .tabBox {\r\n        display: flex;\r\n        align-items: center;\r\n\r\n        .tabItem {\r\n          padding: 0 16rpx;\r\n          line-height: 40rpx;\r\n        }\r\n\r\n        .selectTabItem {\r\n          position: relative;\r\n        }\r\n\r\n        .selectTabItem:after {\r\n          content: \"\";\r\n          position: absolute;\r\n          bottom: -6rpx;\r\n          left: 50%;\r\n          transform: translateX(-50%);\r\n          width: 2rem;\r\n          height: 4rpx;\r\n          background: #ff8000;\r\n        }\r\n      }\r\n\r\n      .rightContent {\r\n        width: 120rpx;\r\n      }\r\n\r\n      .moreFunBox {\r\n        width: 220rpx;\r\n        height: 220rpx;\r\n        background: #fff;\r\n        border-radius: 16rpx;\r\n        position: absolute;\r\n        z-index: 10;\r\n        left: 50rpx;\r\n        box-sizing: border-box;\r\n        padding: 12rpx 0 12rpx 16rpx;\r\n\r\n        .triangle {\r\n          position: absolute;\r\n          width: 0;\r\n          height: 0;\r\n          border-left: 5px solid transparent;\r\n          /* 左边透明 */\r\n          border-right: 5px solid transparent;\r\n          /* 右边透明 */\r\n          border-bottom: 10px solid #fff;\r\n          /* 底边颜色 */\r\n          top: -10px;\r\n          left: 40px;\r\n        }\r\n\r\n        .funList {\r\n          width: 100%;\r\n          height: 100%;\r\n\r\n          .funItem {\r\n            width: 100%;\r\n            height: 70rpx;\r\n            display: flex;\r\n            align-items: center;\r\n\r\n            .funItemIcon {\r\n              width: 30rpx;\r\n              height: 30rpx;\r\n              margin-right: 20rpx;\r\n            }\r\n\r\n            .funItemText {\r\n              width: calc(100% - 50rpx);\r\n              height: 100%;\r\n              display: inline-block;\r\n              font-size: 26rpx;\r\n              display: flex;\r\n              align-items: center;\r\n              border-bottom: 1px solid #dad6cb;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .banner {\r\n    height: 100%;\r\n    width: 100%;\r\n    margin: 0 auto;\r\n\r\n    image {\r\n      height: 100%;\r\n      width: 100%;\r\n    }\r\n  }\r\n\r\n  .defaultImgBox {\r\n    height: 100%;\r\n    width: 100%;\r\n    margin: 0 auto;\r\n\r\n    image {\r\n      height: 100%;\r\n      width: 100%;\r\n    }\r\n  }\r\n}\r\n\r\n.swiper-dots {\r\n  width: 100%;\r\n  height: 30rpx;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  position: relative;\r\n  bottom: 70rpx;\r\n  // flex-direction row\r\n  // position absolute\r\n  // left 50%\r\n  // transform translateX(-50%)\r\n  // bottom 100rpx\r\n}\r\n\r\n.dot {\r\n  width: 70rpx;\r\n  height: 32rpx;\r\n  border-radius: 32rpx;\r\n  line-height: 32rpx;\r\n  background-color: rgba(0, 0, 0, 0.3);\r\n  // opacity .3\r\n  font-size: 26rpx;\r\n  color: #fff;\r\n  text-align: center;\r\n}\r\n\r\n.product-info {\r\n  background: #fff;\r\n}\r\n\r\n.price-box {\r\n  color: #ea3323;\r\n  font-size: 40rpx;\r\n  // height: 75rpx;\r\n  // padding-bottom: 25rpx;\r\n  line-height: 1;\r\n  // padding-left: 32rpx;\r\n  display: flex;\r\n  align-items: flex-end;\r\n  position: relative;\r\n}\r\n\r\n.marketBottom {\r\n  margin-left: 12px;\r\n\r\n  .marketPrice {\r\n    font-size: 12px;\r\n    font-family: PingFangSC-Regular, PingFang SC;\r\n    font-weight: 400;\r\n    color: #9fa3a8;\r\n    text-decoration: line-through;\r\n  }\r\n\r\n  .marketPriceValue {\r\n    font-size: 12px;\r\n    font-family: PingFangSC-Regular, PingFang SC;\r\n    font-weight: 400;\r\n    color: #9fa3a8;\r\n    text-decoration: line-through;\r\n  }\r\n\r\n  .unit {\r\n    font-size: 12px;\r\n    font-family: PingFangSC-Regular, PingFang SC;\r\n    font-weight: 400;\r\n    color: #9fa3a8;\r\n  }\r\n}\r\n\r\n.sale-count {\r\n  font-size: 24rpx;\r\n  color: #333;\r\n  padding-right: 32rpx;\r\n}\r\n\r\n\r\n.inventory {\r\n  display: inline-block;\r\n  white-space: nowrap;\r\n  text-overflow: ellipsis;\r\n  overflow: hidden;\r\n  color: #999999;\r\n  font-size: 24rpx;\r\n}\r\n\r\n.vip-price {\r\n  font-size: 42rpx;\r\n  color: #ea3323;\r\n\r\n  .unit {\r\n    font-size: 28rpx;\r\n  }\r\n\r\n  // display flex\r\n  // align-items flex-end\r\n  // margin-left 24rpx\r\n  // justify-content center\r\n\r\n  // line-height 1\r\n  // padding-bottom 4rpx\r\n  .vip-card-ico {\r\n    background: url(\"https://eshangtech.com/ShopICO/shoppingMall/vip-text.png\") no-repeat center; // eshangtech.com/ShopICO/shoppingMall/vip-text.png) no-repeat center\r\n    background-size: contain;\r\n    font-size: 18rpx;\r\n    color: #e6e1cf;\r\n    height: 26rpx;\r\n    line-height: 26rpx;\r\n    width: 52rpx;\r\n    text-align: right;\r\n    padding-right: 10rpx;\r\n    margin-bottom: 2rpx;\r\n    display: inline-block;\r\n  }\r\n}\r\n\r\n.originalPrice {\r\n  display: inline-block;\r\n  margin-left: 16rpx;\r\n\r\n  .unit {\r\n    font-size: 24rpx;\r\n    color: #999999;\r\n  }\r\n\r\n  .oldPrice {\r\n    font-size: 28rpx;\r\n    color: #999999;\r\n    text-decoration: line-through;\r\n  }\r\n}\r\n\r\n// .share-btn:before\r\n// content ''\r\n// height 31rpx\r\n// width 32rpx\r\n// background url(https://eshangtech.com/ShopICO/shoppingMall/share-btn.png) no-repeat center\r\n// background-size contain\r\n.share-btn {\r\n  position: relative;\r\n  background: #fff;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  color: #ea3323;\r\n  font-size: 20rpx;\r\n  // height 100rpx\r\n  width: 100rpx;\r\n  justify-content: center;\r\n  margin: 0;\r\n  padding: 0;\r\n  line-height: 1.2;\r\n}\r\n\r\nbutton:after {\r\n  border: none;\r\n}\r\n\r\n.colorRed {\r\n  color: #ea3323;\r\n  font-size: 24rpx;\r\n  margin-right: 32rpx;\r\n}\r\n\r\n.join-vip {\r\n  height: 120rpx;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  font-size: 26rpx;\r\n  border: 1rpx solid #ebebeb;\r\n\r\n  .vip-left {\r\n    background: #f7f7f7;\r\n    flex: 1;\r\n    height: 120rpx;\r\n    padding-left: 32rpx;\r\n    padding-top: 16rpx;\r\n    box-sizing: border-box;\r\n\r\n    .vip-card-ico:before {\r\n      content: \"\";\r\n      background: url(\"https://eshangtech.com/ShopICO/shoppingMall/vip-ico.png\") no-repeat center; // eshangtech.com/ShopICO/shoppingMall/vip-ico.png) no-repeat center\r\n      width: 13rpx;\r\n      height: 12rpx;\r\n      margin-right: 4rpx;\r\n      background-size: contain;\r\n    }\r\n\r\n    .vip-card-ico {\r\n      font-size: 20rpx;\r\n      color: #e6e1cf;\r\n      border-radius: 20rpx;\r\n      height: 30rpx;\r\n      display: flex;\r\n      align-items: center;\r\n      line-height: 30rpx;\r\n      background: #362f14;\r\n      width: 90rpx;\r\n      justify-content: center;\r\n      margin-right: 8rpx;\r\n    }\r\n\r\n    .vip-title {\r\n      color: #333;\r\n      line-height: 1.5;\r\n      display: flex;\r\n      align-items: center;\r\n    }\r\n\r\n    .vip-des {\r\n      color: #999;\r\n      line-height: 2;\r\n    }\r\n  }\r\n\r\n  .vip-right {\r\n    height: 120rpx;\r\n    display: flex;\r\n    align-items: center;\r\n    background: #f4eee0;\r\n    width: 140rpx;\r\n    line-height: 1.5;\r\n    padding: 20rpx 20rpx 20rpx 36rpx;\r\n    color: #000;\r\n    box-sizing: border-box;\r\n  }\r\n}\r\n\r\n.product-title {\r\n  color: #333333;\r\n  line-height: 1.5;\r\n  font-weight: bolder;\r\n  font-size: 30rpx;\r\n  padding: 12rpx 24rpx;\r\n}\r\n\r\n.product-brand {\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 8rpx 16rpx 16rpx 32rpx;\r\n  justify-content: space-between;\r\n\r\n  .oldPrice {\r\n    color: #999999;\r\n    font-size: 24rpx;\r\n    text-decoration-line: line-through;\r\n  }\r\n\r\n  .inventory {\r\n    color: #999999;\r\n    font-size: 24rpx;\r\n  }\r\n}\r\n\r\n.product-detail {\r\n  margin-top: 32rpx;\r\n  font-size: 26rpx;\r\n  // padding-bottom: 150rpx;\r\n}\r\n\r\n.detail-unit {\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  padding: 16rpx 0;\r\n  display: flex;\r\n  align-items: top;\r\n  justify-content: space-between;\r\n  background: #ffffff;\r\n  margin-top: 32rpx;\r\n  border-radius: 16rpx 16rpx 0 0;\r\n\r\n  .detail-title {\r\n    width: 240rpx;\r\n    font-size: 28rpx;\r\n  }\r\n\r\n  .detail-right {\r\n    // width: calc(100% - 240rpx);\r\n  }\r\n}\r\n\r\n.detail-unit+.detail-unit {\r\n  border-top: 2rpx solid #e9e9e9;\r\n}\r\n\r\n.detail-title .small-title {\r\n  font-size: 24rpx;\r\n  color: #ea3a3c;\r\n  margin-left: 16rpx;\r\n}\r\n\r\n.rate-desc {\r\n  color: #b2b2b2;\r\n  font-size: 24rpx;\r\n}\r\n\r\n.rate-title {\r\n  align-items: center;\r\n}\r\n\r\n.rate-box {\r\n  background: #fff;\r\n  padding: 16rpx 32rpx;\r\n}\r\n\r\n.detail-image-box {\r\n  width: 100%;\r\n  overflow-x: hidden;\r\n  display: flex;\r\n  flex-direction: column;\r\n  text-align: center;\r\n\r\n  .img {\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n.product-btn-box {\r\n  height: 124rpx;\r\n  width: 100%;\r\n  position: fixed;\r\n  bottom: 0rpx;\r\n  left: 0;\r\n  display: flex;\r\n  align-items: center;\r\n  text-align: center;\r\n  justify-content: space-between;\r\n  z-index: 2;\r\n  box-sizing: border-box;\r\n  padding-bottom: 24rpx;\r\n  background: #fff;\r\n\r\n  .leftBtn {\r\n    width: 38%;\r\n    height: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-around;\r\n    box-sizing: border-box;\r\n    padding: 0 0 0 12rpx;\r\n\r\n    .btnItem {\r\n      width: calc(100% / 2);\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: center;\r\n      align-items: center;\r\n\r\n      .btnItemImg {\r\n        height: 46rpx;\r\n        width: 46rpx;\r\n      }\r\n\r\n      .btnItemText {\r\n        color: #c6a773;\r\n        font-size: 20rpx;\r\n      }\r\n    }\r\n  }\r\n\r\n  // .home-btn:before {\r\n  //   content: \"\";\r\n  //   height: 45rpx;\r\n  //   width: 47rpx;\r\n  //   background: url(\"https://eshangtech.com/ShopICO/shoppingMall/home.png\")\r\n  //     no-repeat center; // eshangtech.com/ShopICO/shoppingMall/home.png) no-repeat center\r\n  //   background-size: contain;\r\n  // }\r\n\r\n  // .home-btn {\r\n  //   flex: 1;\r\n  //   background: #fff;\r\n  //   border-top: 2rpx solid #e9e9e9;\r\n  //   display: flex;\r\n  //   flex-direction: column;\r\n  //   align-items: center;\r\n  //   color: #c6a773;\r\n  //   font-size: 20rpx;\r\n  //   height: 100rpx;\r\n  //   justify-content: center;\r\n  //   position: relative;\r\n  // }\r\n\r\n  .rightBtn {\r\n    width: 58%;\r\n    height: 100%;\r\n    background: #fff;\r\n    box-sizing: border-box;\r\n    padding: 12rpx;\r\n    display: flex;\r\n\r\n    .addCarBtn {\r\n      width: 50%;\r\n      font-size: 28rpx;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: #fff;\r\n      background: linear-gradient(90deg, #ffc500 0%, #ff8d00 100%);\r\n      border-radius: 16rpx 0 0 16rpx;\r\n    }\r\n\r\n    .addOrder {\r\n      width: 50%;\r\n      font-size: 28rpx;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: #fff;\r\n      background: linear-gradient(90deg, #ff6d00 0%, #ff3a00 100%);\r\n      border-radius: 0 16rpx 16rpx 0;\r\n    }\r\n\r\n    .sellOut {\r\n      width: 50%;\r\n      font-size: 28rpx;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: #fff;\r\n      background: #bbbbbb;\r\n      border-radius: 0 16rpx 16rpx 0;\r\n    }\r\n\r\n    .presale {\r\n      background: #ffae00;\r\n    }\r\n  }\r\n\r\n  .shopcart-btn:before {\r\n    content: \"\";\r\n    height: 45rpx;\r\n    width: 47rpx;\r\n    background: url(\"https://eshangtech.com/ShopICO/shoppingMall/shopcart.png\") no-repeat center; // eshangtech.com/ShopICO/shoppingMall/shopcart.png) no-repeat center\r\n    background-size: contain;\r\n  }\r\n\r\n  .shopcart-btn {\r\n    flex: 1;\r\n    background: #fff;\r\n    border-top: 2rpx solid #e9e9e9;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    color: #c6a773;\r\n    font-size: 20rpx;\r\n    height: 100rpx;\r\n    justify-content: center;\r\n    position: relative;\r\n  }\r\n\r\n  .shopcart-count {\r\n    position: absolute;\r\n    top: 10rpx;\r\n    right: 66rpx;\r\n    width: 42rpx;\r\n    height: 32rpx;\r\n    line-height: 32rpx;\r\n    text-align: center;\r\n    border-radius: 32rpx;\r\n    font-size: 18rpx;\r\n    font-weight: 700;\r\n    color: #fff;\r\n    background: rgba(240, 20, 20, 0.808);\r\n    // box-shadow 0 0rpx 4rpx 0 rgba(0, 0, 0, 0.4)\r\n  }\r\n\r\n  .join-shopCart {\r\n    flex: 2;\r\n    background: #404040;\r\n    font-size: 30rpx;\r\n    line-height: 100rpx;\r\n    color: #fff;\r\n  }\r\n\r\n  .buynow-btn {\r\n    flex: 2;\r\n    font-size: 30rpx;\r\n    line-height: 100rpx;\r\n    color: #fff;\r\n    background: linear-gradient(to right, #c5a671, #dcc194);\r\n  }\r\n}\r\n\r\n.countdown {\r\n  width: 100%;\r\n  height: 64rpx;\r\n  background: #fff2e7;\r\n  position: fixed;\r\n  z-index: 2;\r\n  left: 0;\r\n  bottom: 124rpx;\r\n  font-family: PingFangSC, PingFang SC;\r\n  font-weight: 400;\r\n  font-size: 28rpx;\r\n  color: #ff8417;\r\n  line-height: 32rpx;\r\n  text-align: justify;\r\n  font-style: normal;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.offShopDown {\r\n  width: 100%;\r\n  height: 64rpx;\r\n  background: #F5F6F7;\r\n  position: fixed;\r\n  z-index: 2;\r\n  left: 0;\r\n  bottom: 124rpx;\r\n  font-family: PingFangSC, PingFang SC;\r\n  font-weight: 400;\r\n  font-size: 28rpx;\r\n  color: #716F69;\r\n  line-height: 32rpx;\r\n  text-align: justify;\r\n  font-style: normal;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.popup-box {\r\n  padding: 50rpx 40rpx 32rpx;\r\n  font-size: 28rpx;\r\n}\r\n\r\n.shopPopupBox {\r\n  width: 100%;\r\n  height: 80vh;\r\n  background: #fff;\r\n  border-radius: 16rpx 16rpx 0 0;\r\n  box-sizing: border-box;\r\n  padding: 16px;\r\n\r\n  .shopPopupContent {\r\n    width: 100%;\r\n    height: calc(80vh - 80px - 32px + 12rpx);\r\n    margin-bottom: 12rpx;\r\n\r\n    .detailTop {\r\n      display: flex;\r\n      border-bottom: 1px solid #f2f4f5;\r\n\r\n      .detailImg {\r\n        width: 80px;\r\n        height: 80px;\r\n      }\r\n\r\n      .box {\r\n        width: calc(100% - 92px);\r\n        padding-bottom: 16px;\r\n        margin-left: 12px;\r\n\r\n        .nameTop {\r\n          width: 100%;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: space-between;\r\n\r\n          .name {\r\n            font-size: 14px;\r\n            font-family: PingFangSC-Semibold, PingFang SC;\r\n            font-weight: 600;\r\n            color: #020e1a;\r\n            line-height: 18px;\r\n            display: block;\r\n            width: calc(100% - 56rpx);\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n            display: -webkit-box;\r\n            -webkit-line-clamp: 2;\r\n            -webkit-box-orient: vertical;\r\n          }\r\n\r\n          .closeIcon {\r\n            width: 20px;\r\n            height: 20px;\r\n          }\r\n        }\r\n\r\n        .priceBox {\r\n          margin-top: 32px;\r\n\r\n          .priceIcon {\r\n            font-size: 16px;\r\n            font-family: PingFangSC-Semibold, PingFang SC;\r\n            font-weight: 600;\r\n            color: #ff6219;\r\n            line-height: 20px;\r\n          }\r\n\r\n          .price {\r\n            font-size: 20px;\r\n            font-family: PingFangSC-Semibold, PingFang SC;\r\n            font-weight: 600;\r\n            color: #ff6219;\r\n            line-height: 20px;\r\n          }\r\n\r\n          .unit {\r\n            font-size: 12px;\r\n            font-family: PingFangSC-Regular, PingFang SC;\r\n            font-weight: 400;\r\n            color: #9fa3a8;\r\n            line-height: 18px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .scrollDetailBox {\r\n      width: 100%;\r\n      height: calc(80vh - 80px - 32px + 12rpx - 80px);\r\n\r\n      .detailMessage {\r\n        margin-top: 16px;\r\n        border-bottom: 1px solid #f2f4f5;\r\n        padding-bottom: 16px;\r\n\r\n        .detailTitle {\r\n          font-size: 14px;\r\n          font-family: PingFangSC-Semibold, PingFang SC;\r\n          font-weight: 600;\r\n          color: #020e1a;\r\n          line-height: 20px;\r\n          margin-bottom: 8px;\r\n        }\r\n\r\n        .detailText {\r\n          font-size: 14px;\r\n          font-family: PingFangSC-Regular, PingFang SC;\r\n          font-weight: 400;\r\n          color: #6c737a;\r\n          line-height: 18px;\r\n        }\r\n      }\r\n\r\n      .orderDetail {\r\n        margin-top: 16px;\r\n\r\n        .orderTitle {\r\n          font-size: 14px;\r\n          font-family: PingFangSC-Semibold, PingFang SC;\r\n          font-weight: 600;\r\n          color: #020e1a;\r\n          line-height: 20px;\r\n        }\r\n\r\n        .numBox {\r\n          display: flex;\r\n          justify-content: space-between;\r\n          align-items: center;\r\n          margin-top: 12px;\r\n\r\n          .numTitle {\r\n            font-size: 14px;\r\n            font-family: PingFangSC-Regular, PingFang SC;\r\n            font-weight: 400;\r\n            color: #020e1a;\r\n            line-height: 20px;\r\n          }\r\n\r\n          .cartcontrol {\r\n            width: 150px;\r\n            height: 30px;\r\n            line-height: 24px;\r\n            display: flex;\r\n            justify-content: flex-start;\r\n            border: 1px solid rgba(2, 14, 26, 0.06);\r\n            border-radius: 2px;\r\n\r\n            .subtract {\r\n              width: 30px;\r\n              height: 30px;\r\n              background: #f2f4f5;\r\n              display: flex;\r\n              justify-content: center;\r\n              align-items: center;\r\n              border-radius: 2px 0 0 2px;\r\n              font-size: 8px;\r\n              color: #9fa3a8;\r\n\r\n              .img {\r\n                width: 16px;\r\n                height: 16px;\r\n              }\r\n            }\r\n\r\n            .cart-count {\r\n              height: 30px !important;\r\n              font-size: 16px;\r\n              line-height: 30px;\r\n              flex: 1;\r\n            }\r\n          }\r\n        }\r\n\r\n        .sizeBox {\r\n          width: 100%;\r\n          display: flex;\r\n          justify-content: space-between;\r\n          align-items: center;\r\n          margin-top: 12px;\r\n\r\n          .sizeTitle {\r\n            display: inline-block;\r\n            font-size: 14px;\r\n            font-family: PingFangSC-Regular, PingFang SC;\r\n            font-weight: 400;\r\n            color: #020e1a;\r\n            line-height: 20px;\r\n            width: 100rpx;\r\n          }\r\n\r\n          .sizeScrollBox {\r\n            width: calc(100% - 112rpx);\r\n            flex: 1;\r\n\r\n            .sizeList {\r\n              // display: flex;\r\n              width: 100%;\r\n\r\n              .sizeItem {\r\n                font-size: 12px;\r\n                font-family: PingFangSC-Regular, PingFang SC;\r\n                font-weight: 400;\r\n                color: #000;\r\n                line-height: 18px;\r\n                padding: 4px 16px;\r\n                background: #dbdad6;\r\n                border-radius: 4px;\r\n                margin-left: 8px;\r\n                display: inline-block;\r\n                margin-bottom: 16rpx;\r\n              }\r\n\r\n              .selectSizeItem {\r\n                display: inline-block;\r\n                font-size: 12px;\r\n                font-family: PingFangSC-Regular, PingFang SC;\r\n                font-weight: 400;\r\n                color: #1890ff;\r\n                line-height: 18px;\r\n                padding: 4px 16px;\r\n                background: #e7f3ff;\r\n                border-radius: 4px;\r\n                margin-left: 8px;\r\n                margin-bottom: 16rpx;\r\n              }\r\n            }\r\n\r\n          }\r\n        }\r\n\r\n        .descBox {\r\n          width: 100%;\r\n          height: 76px;\r\n          background: #f2f4f5;\r\n          border-radius: 4px;\r\n          box-sizing: border-box;\r\n          padding: 8px 12px;\r\n          margin-top: 19px;\r\n        }\r\n\r\n        .submitBtn {\r\n          font-size: 16px;\r\n          font-family: PingFangSC-Medium, PingFang SC;\r\n          font-weight: 500;\r\n          color: #ffffff;\r\n          line-height: 22px;\r\n          width: 100%;\r\n          height: 40px;\r\n          display: flex;\r\n          justify-content: center;\r\n          align-items: center;\r\n          background: #1890ff;\r\n          border-radius: 4px;\r\n          margin-top: 24px;\r\n        }\r\n      }\r\n\r\n    }\r\n  }\r\n\r\n  .bottomBtn {\r\n    width: 100%;\r\n    height: 80rpx;\r\n    box-sizing: border-box;\r\n    position: relative;\r\n    z-index: 9;\r\n\r\n    .shopCarBtn {\r\n      width: 100%;\r\n      height: 76rpx;\r\n      font-size: 28rpx;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: #fff;\r\n      background: linear-gradient(90deg, #ffc500 0%, #ff8d00 100%);\r\n      border-radius: 16rpx;\r\n    }\r\n\r\n    .makeOrderBtn {\r\n      width: 100%;\r\n      height: 76rpx;\r\n      font-size: 28rpx;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: #fff;\r\n      background: linear-gradient(90deg, #ff6d00 0%, #ff3a00 100%);\r\n      border-radius: 16rpx;\r\n    }\r\n  }\r\n}\r\n\r\n.cart-count {\r\n  width: 80rpx;\r\n  line-height: 40rpx;\r\n  text-align: center;\r\n  font-size: 20rpx;\r\n  color: #333;\r\n  height: 40rpx;\r\n  font-size: 28rpx;\r\n}\r\n\r\n.buy-it-btn {\r\n  text-align: center;\r\n  width: 674rpx;\r\n  height: 88rpx;\r\n  line-height: 88rpx;\r\n  border-radius: 6rpx;\r\n  font-size: 32rpx;\r\n  color: #fff;\r\n  margin-top: 100rpx;\r\n  background: linear-gradient(to right, #1f1f1f, #62605f);\r\n}\r\n\r\n.cartcontrol {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: flex-end;\r\n  margin-left: 45rpx;\r\n}\r\n\r\n.cart-decrease {\r\n  width: 48rpx;\r\n  height: 48rpx;\r\n  border: 2rpx solid #eee;\r\n  position: relative;\r\n  border-radius: 50%;\r\n}\r\n\r\n.cart-decrease:before {\r\n  content: \"\";\r\n  height: 4rpx;\r\n  width: 25rpx;\r\n  background: #4d4d4d;\r\n  display: block;\r\n  position: absolute;\r\n  left: 12rpx;\r\n  top: 21rpx;\r\n  border-radius: 4rpx;\r\n}\r\n\r\n.cart-add {\r\n  width: 48rpx;\r\n  height: 48rpx;\r\n  border: 2rpx solid #e6e6e6;\r\n  position: relative;\r\n  border-radius: 50%;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.cart-add:before {\r\n  content: \"\";\r\n  height: 4rpx;\r\n  width: 25rpx;\r\n  background: #4d4d4d;\r\n  display: block;\r\n  position: absolute;\r\n  left: 11rpx;\r\n  top: 21rpx;\r\n  border-radius: 4rpx;\r\n}\r\n\r\n.cart-add:after {\r\n  content: \"\";\r\n  height: 25rpx;\r\n  width: 4rpx;\r\n  background: #4d4d4d;\r\n  display: block;\r\n  position: absolute;\r\n  top: 11rpx;\r\n  left: 21rpx;\r\n  border-radius: 4rpx;\r\n}\r\n\r\n.desc-ico:before {\r\n  content: \"\";\r\n  height: 30rpx;\r\n  width: 6rpx;\r\n  background: linear-gradient(#dcb97e, #faefdd);\r\n  display: inline-block;\r\n  vertical-align: middle;\r\n  margin-right: 16rpx;\r\n}\r\n\r\n// 分享商品页弹出窗口\r\n.share-pop-body {\r\n  width: 100%;\r\n  background: #f9f9f9;\r\n  overflow: hidden;\r\n  height: 100%;\r\n  position: relative;\r\n  padding-top: 80rpx;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.down-img-btn {\r\n  text-align: center;\r\n  padding: 32rpx 0;\r\n  background: #fff;\r\n  position: absolute;\r\n  bottom: 0;\r\n  width: 100%;\r\n  left: 0;\r\n}\r\n\r\n.canvas-content {\r\n  margin: auto;\r\n  display: hidden;\r\n}\r\n\r\n//\r\n.share-pop-btn {\r\n  display: flex;\r\n  align-items: center;\r\n  padding-bottom: 40rpx;\r\n}\r\n\r\n.share-pop-btn button {\r\n  display: flex;\r\n  align-items: center;\r\n  flex-direction: column;\r\n  background: #fff;\r\n  font-size: 24rpx;\r\n}\r\n\r\n.share-pop-btn image {\r\n  width: 80rpx;\r\n  height: 80rpx;\r\n}\r\n\r\n.share-popup {\r\n  padding: 16px;\r\n  border-radius: 12px 12px 0 0;\r\n  /* 圆角设置 */\r\n  box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.share-divider {\r\n  text-align: center;\r\n  font-size: 16px;\r\n  font-weight: bold;\r\n  margin-bottom: 16px;\r\n  color: #333;\r\n}\r\n\r\n.share-pop-btn {\r\n  display: flex;\r\n  justify-content: space-around;\r\n  align-items: center;\r\n}\r\n\r\n.share-btn {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  background: none;\r\n  border: none;\r\n}\r\n\r\n.share-icon {\r\n  width: 50px;\r\n  height: 50px;\r\n  margin-bottom: 8px;\r\n}\r\n</style>\r\n","import mod from \"-!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--10-oneOf-1-2!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-3!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-4!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--10-oneOf-1-5!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./index.vue?vue&type=style&index=0&id=0dc4ca38&lang=less&scoped=true&\"; export default mod; export * from \"-!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--10-oneOf-1-2!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-3!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-4!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--10-oneOf-1-5!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../HBuilderX4.45/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./index.vue?vue&type=style&index=0&id=0dc4ca38&lang=less&scoped=true&\"","// extracted by mini-css-extract-plugin\n    if(module.hot) {\n      // 1758274914592\n      var cssReload = require(\"E:/workfile/HBuilderX4.45/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/hmr/hotModuleReplacement.js\")(module.id, {\"hmr\":true,\"publicPath\":\"/\",\"locals\":false});\n      module.hot.dispose(cssReload);\n      module.hot.accept(undefined, cssReload);\n    }\n  "],"sourceRoot":""}
\ No newline at end of file
diff --git a/unpackage/dist/dev/mp-weixin/pages/shopMallPage/shopType/index.wxml b/unpackage/dist/dev/mp-weixin/pages/shopMallPage/shopType/index.wxml
index 801de856..345b6eed 100644
--- a/unpackage/dist/dev/mp-weixin/pages/shopMallPage/shopType/index.wxml
+++ b/unpackage/dist/dev/mp-weixin/pages/shopMallPage/shopType/index.wxml
@@ -1 +1 @@
-<view class="{{['data-v-36e5d840',pageType==='UnionMall'?'main newMain':'main newMain']}}"><view class="header _div data-v-36e5d840" style="{{'padding-top:'+(menu.top+'px')+';'}}"><view class="headerTop data-v-36e5d840" style="{{'height:'+(menu.height+'px')+';'}}"><view class="backArrowBox data-v-36e5d840"><image class="backArrow data-v-36e5d840" src="{{pageType==='UnionMall'?'/static/images/home/backArrowblack.svg':'/static/images/home/backArrowblack.svg'}}" data-event-opts="{{[['tap',[['handleBackHome',['$event']]]]]}}" bindtap="__e"></image><view class="line data-v-36e5d840"></view><image class="img data-v-36e5d840" style="width:40rpx;height:40rpx;margin-left:8rpx;" src="https://eshangtech.com/cyy_DIB/backHomeICon.png" data-event-opts="{{[['tap',[['handleShowExportBox',['$event']]]]]}}" bindtap="__e"></image></view><view class="pageName data-v-36e5d840" style="{{'color:'+(pageType==='UnionMall'?'#000':'#000')+';'}}">{{pageType==="UnionMall"?"工会之家":"分类"}}</view><view class="backArrowBox data-v-36e5d840" style="border:none;background:transparent;"></view></view><view data-event-opts="{{[['tap',[['handleGoSearchShopPage',['$event']]]]]}}" class="pageSearch _div data-v-36e5d840" bindtap="__e"><view class="serach_input _div data-v-36e5d840">请搜索商品</view><view class="searchBtn _div data-v-36e5d840">搜索</view></view></view><block wx:if="{{!showContent}}"><view class="shop-type-skeleton data-v-36e5d840"><view class="skeleton-tabs data-v-36e5d840"><block wx:for="{{6}}" wx:for-item="index" wx:for-index="__i0__" wx:key="*this"><view class="skeleton-tab-item data-v-36e5d840"><view class="skeleton skeleton-tab-icon data-v-36e5d840"></view><view class="skeleton skeleton-tab-text data-v-36e5d840"></view></view></block></view><view class="skeleton-content data-v-36e5d840"><view class="skeleton-left data-v-36e5d840"><block wx:for="{{8}}" wx:for-item="index" wx:for-index="__i1__" wx:key="*this"><view class="skeleton-left-item data-v-36e5d840"><view class="skeleton skeleton-left-text data-v-36e5d840"></view></view></block></view><view class="skeleton-right data-v-36e5d840"><block wx:for="{{6}}" wx:for-item="index" wx:for-index="__i2__" wx:key="*this"><view class="skeleton-product-item data-v-36e5d840"><view class="skeleton skeleton-product-image data-v-36e5d840"></view><view class="skeleton-product-info data-v-36e5d840"><view class="skeleton skeleton-product-title data-v-36e5d840"></view><view class="skeleton skeleton-product-price data-v-36e5d840"></view><view class="skeleton skeleton-add-button data-v-36e5d840"></view></view></view></block></view></view></view></block><block wx:if="{{showContent}}"><view class="pageContent _div data-v-36e5d840" style="{{'height:'+('calc(100vh - 50px - '+safeHeight+'px - '+(menu.top+32+32+12+12)+'px)')+';'}}"><scroll-view class="bigTabBox data-v-36e5d840" style="{{'background:'+(pageType==='UnionMall'?'transparent':'transparent')+';'}}" scroll-x="{{true}}" scroll-into-view="{{bigTypeScroll}}"><view class="scrollBox _div data-v-36e5d840"><block wx:if="{{pageType!=='UnionMall'&&user&&user.INDUSTRY_MEMBERSHIP_ID}}"><view data-event-opts="{{[['tap',[['handleGoUnionMall',['$event']]]]]}}" class="bigTabItem _div data-v-36e5d840" bindtap="__e"><view class="itemBox _div data-v-36e5d840"><view class="normal _div data-v-36e5d840"><view class="imgBox _div data-v-36e5d840"><image style="width:100%;height:100%;" src="/static/images/home/unionMallIcon.svg" class="data-v-36e5d840"></image></view></view><view class="tab_txt_normal _div data-v-36e5d840">工会之家</view></view></view></block><block wx:for="{{shopTypeList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="bigTabItem _div data-v-36e5d840" id="{{'item-'+item.UserdefinedType_Id}}" data-event-opts="{{[['tap',[['handleToggleTab',[index]]]]]}}" bindtap="__e"><view class="itemBox _div data-v-36e5d840"><view class="{{['_div','data-v-36e5d840',activeTabs===index?'tab_active normal':'normal']}}"><view class="imgBox _div data-v-36e5d840"><image style="width:100%;height:100%;" src="{{item.UserdefinedType_ICO||'/static/images/home/defultImg.png'}}" class="data-v-36e5d840"></image></view></view><view class="{{['tab_txt','_div','data-v-36e5d840',activeTabs===index?'tab_txt_active tab_txt_normal':'tab_txt_normal']}}">{{''+item.UserdefinedType_Name+''}}</view></view></view></block><block wx:if="{{pageType!=='UnionMall'}}"><view data-event-opts="{{[['tap',[['handleGoPointsMall',['$event']]]]]}}" class="bigTabItem _div data-v-36e5d840" bindtap="__e"><view class="itemBox _div data-v-36e5d840"><view class="{{['_div','data-v-36e5d840',activeTabs===999999?'tab_active normal':'normal']}}"><view class="imgBox _div data-v-36e5d840"><image style="width:100%;height:100%;" src="/static/images/home/markShopIcon.png" class="data-v-36e5d840"></image></view></view><view class="{{['_div','data-v-36e5d840',activeTabs===999999?'tab_txt_active tab_txt_normal':'tab_txt_normal']}}">积分商城</view></view></view></block></view></scroll-view><view class="shopListBox _div data-v-36e5d840"><view class="smallShopList _div data-v-36e5d840"><scroll-view class="scrollShopBox data-v-36e5d840" scroll-y="{{true}}" scroll-with-animation="true" scroll-into-view="{{leftToView}}" show-scrollbar="{{false}}"><block wx:for="{{leftTypeList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="{{['_div','data-v-36e5d840',leftToView==='left_'+index+'_'+item.USERDEFINEDTYPE_ID?'smallShopItem selectShopItem':'smallShopItem']}}" id="{{'left_'+index+'_'+item.USERDEFINEDTYPE_ID}}" data-event-opts="{{[['tap',[['catClickFn',['$event',index,'$0'],[[['leftTypeList','',index]]]]]]]}}" bindtap="__e"><view class="smallItemTitle _div data-v-36e5d840">{{''+item.USERDEFINEDTYPE_NAME+''}}</view><view hidden="{{!(item.smallTypeCount&&item.smallTypeCount>0)}}" class="noticeNumber _i data-v-36e5d840">{{item.smallTypeCount}}</view></view></block></scroll-view></view><block wx:if="{{changBigTypeLoading}}"><view class="shopDetailList _div data-v-36e5d840"><scroll-view class="shopDetailScroll data-v-36e5d840" style="{{'height:'+('calc(100vh - 50px - '+safeHeight+'px - '+(menu.top+32+32+12+12+23+95)+'px)')+';'}}" scroll-y="{{true}}" scroll-top="{{topNum}}" scroll-into-view="{{shopTopId}}" data-event-opts="{{[['scroll',[['onVirtualScroll',['$event']]]]]}}" bindscroll="__e"><view style="{{'height:'+(totalHeight+'px')+';'+('position:'+('relative')+';')}}" class="_div data-v-36e5d840"><view id="shopTop" class="_div data-v-36e5d840"></view><block wx:for="{{$root.l0}}" wx:for-item="item" wx:for-index="i" wx:key="COMMODITY_ID"><view data-event-opts="{{[['tap',[['showDetail',['$0'],[[['visibleList','COMMODITY_ID',item.$orig.COMMODITY_ID]]]]]]]}}" class="shopDetailItem _div data-v-36e5d840" style="{{'position:'+('absolute')+';'+('height:'+(itemHeight+'px')+';')+('top:'+((startIndex+i)*itemHeight+'px')+';')+('width:'+('100%')+';')}}" bindtap="__e"><image class="leftImg data-v-36e5d840" style="width:90px;height:90px;" src="{{item.$orig.IMAGE_PATH?item.g0?item.g1[0]:item.$orig.IMAGE_PATH:'/static/images/home/defultImg.png'}}" lazy-load="{{true}}" data-event-opts="{{[['error',[['e0',['$event']]]]]}}" binderror="__e"></image><view class="rightBox _div data-v-36e5d840"><view class="detailTitle _p data-v-36e5d840">{{item.$orig.COMMODITY_NAME}}</view><view class="bottom _div data-v-36e5d840"><view class="detailPrice _div data-v-36e5d840"><label class="priceUnit _span data-v-36e5d840">¥</label><label class="number _span data-v-36e5d840" style="font-size:20px;">{{''+(item.$orig.bigNumber||"")}}</label><label class="number _span data-v-36e5d840" style="font-size:14px;">{{"."+(item.$orig.smallNumber||"00")}}</label><label class="unit _span data-v-36e5d840">{{"/ "+item.$orig.COMMODITY_UNIT}}</label></view><block wx:if="{{item.g2}}"><view data-event-opts="{{[['tap',[['handleShowPopup',['$0'],[[['visibleList','COMMODITY_ID',item.$orig.COMMODITY_ID]]]]]]]}}" class="specifications _div data-v-36e5d840" catchtap="__e">选规格<block wx:if="{{item.$orig.count>0}}"><text class="specificationsCount data-v-36e5d840">{{item.$orig.count}}</text></block></view></block><block wx:else><view class="addReduceBox _div data-v-36e5d840"><block wx:if="{{item.$orig.showReduce}}"><view data-event-opts="{{[['tap',[['touchReduce',['$event','$0'],[[['visibleList','COMMODITY_ID',item.$orig.COMMODITY_ID]]]]]]]}}" class="reduceShopCar _div data-v-36e5d840" catchtap="__e"><image class="optionBtn _img data-v-36e5d840" src="{{pageType==='UnionMall'?'/static/images/home/newReduce.png':'/static/images/home/newReduce.png'}}"></image></view></block><block wx:if="{{item.$orig.count&&item.$orig.count>0}}"><label class="itemCount _span data-v-36e5d840">{{item.$orig.count}}</label></block><block wx:if="{{item.$orig.COMMODITY_STOCK>0&&activeTabs!==999999}}"><view class="addShopCar _div data-v-36e5d840" id="{{'add_'+item.$orig.SELLERCOMMODITY_ID+'_'+item.$orig.SELLERCOMMODITYTYPE_ID}}" data-event-opts="{{[['tap',[['touchOnGoods',['$event','$0'],[[['visibleList','COMMODITY_ID',item.$orig.COMMODITY_ID]]]]]]]}}" catchtap="__e"><image class="optionBtn _img data-v-36e5d840" src="{{pageType==='UnionMall'?'/static/images/home/newAddIcon.png':'/static/images/home/newAddIcon.png'}}"></image></view></block><block wx:if="{{activeTabs===999999}}"><view class="_div data-v-36e5d840"></view></block><block wx:if="{{item.$orig.COMMODITY_STOCK===0||!item.$orig.COMMODITY_STOCK}}"><view class="shopState _div data-v-36e5d840">已售罄</view></block></view></block></view><block wx:if="{{item.$orig.COMMODITY_RETAILPRICE}}"><view class="marketBottom _div data-v-36e5d840"><label class="marketPrice _span data-v-36e5d840">{{"市场价：¥"+item.$orig.COMMODITY_RETAILPRICE+"/ "+item.$orig.COMMODITY_UNIT}}</label></view></block></view></view></block></view><block wx:if="{{$root.g3}}"><view class="noDataBox _div data-v-36e5d840"><no-data vue-id="a5d42db4-1" text="暂无商品" class="data-v-36e5d840" bind:__l="__l"></no-data></view></block></scroll-view></view></block></view></view></block><uni-popup vue-id="a5d42db4-2" safe-area="{{false}}" data-ref="shopPopup" class="data-v-36e5d840 vue-ref" bind:__l="__l" vue-slots="{{['default']}}"><view class="shopPopupBox data-v-36e5d840"><view class="shopPopupContent _div data-v-36e5d840"><view class="detailTop _div data-v-36e5d840"><image class="detailImg data-v-36e5d840" src="{{good.DEFAULT_IMG||good.IMAGE_PATH||'/static/images/home/defultImg.png'}}"></image><view class="box _div data-v-36e5d840"><view class="nameTop _div data-v-36e5d840"><text class="name data-v-36e5d840">{{good.COMMODITY_NAME}}</text><image class="closeIcon data-v-36e5d840" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/close.svg" data-event-opts="{{[['tap',[['handleClosePop',['$event']]]]]}}" bindtap="__e"></image></view><view class="priceBox _div data-v-36e5d840"><text class="priceIcon data-v-36e5d840">￥</text><text class="price data-v-36e5d840">{{good.COMMODITY_MEMBERPRICE}}</text><text class="unit data-v-36e5d840">{{"/"+good.COMMODITY_UNIT}}</text></view></view></view><scroll-view class="scrollDetailBox data-v-36e5d840" scroll-y="{{true}}"><view class="detailMessage _div data-v-36e5d840"><view class="detailTitle _p data-v-36e5d840">详细信息</view><text class="detailText data-v-36e5d840"></text></view><view class="orderDetail _div data-v-36e5d840"><view class="orderTitle _p data-v-36e5d840">下单信息</view><view class="numBox _div data-v-36e5d840"><text class="numTitle data-v-36e5d840">购买数量</text><view class="cartcontrol _div data-v-36e5d840"><view data-event-opts="{{[['tap',[['handleDetailSubtract',['$event','$0'],['good']]]]]}}" class="subtract _div data-v-36e5d840" bindtap="__e"><image class="img data-v-36e5d840" src="/static/images/home/subtract.svg"></image></view><input class="cart-count data-v-36e5d840" style="background:#fff;text-align:center;width:100px;" confirm-type="done" type="digit" maxlength="{{inputMaxLength}}" placeholder="0" data-event-opts="{{[['input',[['handleNumber',['$event']]]]]}}" value="{{good.count}}" bindinput="__e"/><view data-event-opts="{{[['tap',[['handleDetailAdd',['$event','$0'],['good']]]]]}}" class="subtract _div data-v-36e5d840" bindtap="__e"><image class="img data-v-36e5d840" src="/static/images/home/addIcon.svg"></image></view></view></view><view class="sizeBox _div data-v-36e5d840"><view class="sizeTitle _div data-v-36e5d840">规格</view><scroll-view class="sizeScrollBox data-v-36e5d840" scroll-x="{{true}}" scroll-y="{{true}}"><view class="sizeList _div data-v-36e5d840"><block wx:for="{{good.SKULIST}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['handleChangeSelectSKULIST',['$0','$1'],[[['good.SKULIST','',index,'RTCOMMODITY_MULTI_ID']],[['good.SKULIST','',index]]]]]]]}}" class="{{['_div','data-v-36e5d840',good.RTCOMMODITY_MULTI_ID===item.RTCOMMODITY_MULTI_ID?'sizeItem selectSizeItem':'sizeItem']}}" style="{{'background:'+(item.COMMODITY_STOCK>0?good.RTCOMMODITY_MULTI_ID===item.RTCOMMODITY_MULTI_ID?'#e7f3ff':'#dbdad6':'#9c9c9a0')+';'+('color:'+(item.COMMODITY_STOCK>0?good.RTCOMMODITY_MULTI_ID===item.RTCOMMODITY_MULTI_ID?'#1890ff':'#000':'#a4a4a4')+';')}}" bindtap="__e">{{''+item.COMMODITY_NAME+''}}</view></block></view></scroll-view></view><view class="descBox _div data-v-36e5d840"><input class="desc data-v-36e5d840" placeholder="请填写商品备注" data-event-opts="{{[['input',[['handleDesc',['$event','$0'],['good']]]]]}}" value="{{good.SALEDETAIL_DESC}}" bindinput="__e"/></view><view class="rightBtn data-v-36e5d840"><view data-event-opts="{{[['tap',[['handleShowShopPopup',['$event']]]]]}}" class="addCarBtn _div data-v-36e5d840" bindtap="__e">加入购物车</view></view></view></scroll-view></view></view></uni-popup><shop-tabbar vue-id="a5d42db4-3" page="/pages/shopMallPage/shopType/index" pageType="{{pageType}}" shopCarLength="{{shopCarListLength}}" comeForm="{{comeForm}}" class="data-v-36e5d840" bind:__l="__l"></shop-tabbar></view>
\ No newline at end of file
+<view class="{{['data-v-36e5d840',pageType==='UnionMall'?'main newMain':'main newMain']}}"><view class="header _div data-v-36e5d840" style="{{'padding-top:'+(menu.top+'px')+';'}}"><view class="headerTop data-v-36e5d840" style="{{'height:'+(menu.height+'px')+';'}}"><view class="backArrowBox data-v-36e5d840"><image class="backArrow data-v-36e5d840" src="{{pageType==='UnionMall'?'/static/images/home/backArrowblack.svg':'/static/images/home/backArrowblack.svg'}}" data-event-opts="{{[['tap',[['handleBackHome',['$event']]]]]}}" bindtap="__e"></image><view class="line data-v-36e5d840"></view><image class="img data-v-36e5d840" style="width:40rpx;height:40rpx;margin-left:8rpx;" src="https://eshangtech.com/cyy_DIB/backHomeICon.png" data-event-opts="{{[['tap',[['handleShowExportBox',['$event']]]]]}}" bindtap="__e"></image></view><view class="pageName data-v-36e5d840" style="{{'color:'+(pageType==='UnionMall'?'#000':'#000')+';'}}">{{pageType==="UnionMall"?"工会之家":"分类"}}</view><view class="backArrowBox data-v-36e5d840" style="border:none;background:transparent;"></view></view><view data-event-opts="{{[['tap',[['handleGoSearchShopPage',['$event']]]]]}}" class="pageSearch _div data-v-36e5d840" bindtap="__e"><view class="serach_input _div data-v-36e5d840">请搜索商品</view><view class="searchBtn _div data-v-36e5d840">搜索</view></view></view><block wx:if="{{!showContent}}"><view class="shop-type-skeleton data-v-36e5d840"><view class="skeleton-tabs data-v-36e5d840"><block wx:for="{{6}}" wx:for-item="index" wx:for-index="__i0__" wx:key="*this"><view class="skeleton-tab-item data-v-36e5d840"><view class="skeleton skeleton-tab-icon data-v-36e5d840"></view><view class="skeleton skeleton-tab-text data-v-36e5d840"></view></view></block></view><view class="skeleton-content data-v-36e5d840"><view class="skeleton-left data-v-36e5d840"><block wx:for="{{8}}" wx:for-item="index" wx:for-index="__i1__" wx:key="*this"><view class="skeleton-left-item data-v-36e5d840"><view class="skeleton skeleton-left-text data-v-36e5d840"></view></view></block></view><view class="skeleton-right data-v-36e5d840"><block wx:for="{{6}}" wx:for-item="index" wx:for-index="__i2__" wx:key="*this"><view class="skeleton-product-item data-v-36e5d840"><view class="skeleton skeleton-product-image data-v-36e5d840"></view><view class="skeleton-product-info data-v-36e5d840"><view class="skeleton skeleton-product-title data-v-36e5d840"></view><view class="skeleton skeleton-product-price data-v-36e5d840"></view><view class="skeleton skeleton-add-button data-v-36e5d840"></view></view></view></block></view></view></view></block><block wx:if="{{showContent}}"><view class="pageContent _div data-v-36e5d840" style="{{'height:'+('calc(100vh - 50px - '+safeHeight+'px - '+(menu.top+32+32+12+12)+'px)')+';'}}"><scroll-view class="bigTabBox data-v-36e5d840" style="{{'background:'+(pageType==='UnionMall'?'transparent':'transparent')+';'}}" scroll-x="{{true}}" scroll-into-view="{{bigTypeScroll}}"><view class="scrollBox _div data-v-36e5d840"><block wx:if="{{pageType!=='UnionMall'&&user&&user.INDUSTRY_MEMBERSHIP_ID}}"><view data-event-opts="{{[['tap',[['handleGoUnionMall',['$event']]]]]}}" class="bigTabItem _div data-v-36e5d840" bindtap="__e"><view class="itemBox _div data-v-36e5d840"><view class="normal _div data-v-36e5d840"><view class="imgBox _div data-v-36e5d840"><image style="width:100%;height:100%;" src="/static/images/home/unionMallIcon.svg" class="data-v-36e5d840"></image></view></view><view class="tab_txt_normal _div data-v-36e5d840">工会之家</view></view></view></block><block wx:for="{{shopTypeList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="bigTabItem _div data-v-36e5d840" id="{{'item-'+item.UserdefinedType_Id}}" data-event-opts="{{[['tap',[['handleToggleTab',[index]]]]]}}" bindtap="__e"><view class="itemBox _div data-v-36e5d840"><view class="{{['_div','data-v-36e5d840',activeTabs===index?'tab_active normal':'normal']}}"><view class="imgBox _div data-v-36e5d840"><image style="width:100%;height:100%;" src="{{item.UserdefinedType_ICO||'/static/images/home/defultImg.png'}}" class="data-v-36e5d840"></image></view></view><view class="{{['tab_txt','_div','data-v-36e5d840',activeTabs===index?'tab_txt_active tab_txt_normal':'tab_txt_normal']}}">{{''+item.UserdefinedType_Name+''}}</view></view></view></block><block wx:if="{{pageType!=='UnionMall'}}"><view data-event-opts="{{[['tap',[['handleGoPointsMall',['$event']]]]]}}" class="bigTabItem _div data-v-36e5d840" bindtap="__e"><view class="itemBox _div data-v-36e5d840"><view class="{{['_div','data-v-36e5d840',activeTabs===999999?'tab_active normal':'normal']}}"><view class="imgBox _div data-v-36e5d840"><image style="width:100%;height:100%;" src="/static/images/home/markShopIcon.png" class="data-v-36e5d840"></image></view></view><view class="{{['_div','data-v-36e5d840',activeTabs===999999?'tab_txt_active tab_txt_normal':'tab_txt_normal']}}">积分商城</view></view></view></block></view></scroll-view><view class="shopListBox _div data-v-36e5d840"><view class="smallShopList _div data-v-36e5d840"><scroll-view class="scrollShopBox data-v-36e5d840" scroll-y="{{true}}" scroll-with-animation="true" scroll-into-view="{{leftToView}}" show-scrollbar="{{false}}"><block wx:for="{{leftTypeList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="{{['_div','data-v-36e5d840',leftToView==='left_'+index+'_'+item.USERDEFINEDTYPE_ID?'smallShopItem selectShopItem':'smallShopItem']}}" id="{{'left_'+index+'_'+item.USERDEFINEDTYPE_ID}}" data-event-opts="{{[['tap',[['catClickFn',['$event',index,'$0'],[[['leftTypeList','',index]]]]]]]}}" bindtap="__e"><view class="smallItemTitle _div data-v-36e5d840">{{''+item.USERDEFINEDTYPE_NAME+''}}</view><view hidden="{{!(item.smallTypeCount&&item.smallTypeCount>0)}}" class="noticeNumber _i data-v-36e5d840">{{item.smallTypeCount}}</view></view></block></scroll-view></view><block wx:if="{{changBigTypeLoading}}"><view class="shopDetailList _div data-v-36e5d840"><scroll-view class="shopDetailScroll data-v-36e5d840" style="{{'height:'+('calc(100vh - 50px - '+safeHeight+'px - '+(menu.top+32+32+12+12+23+95)+'px)')+';'}}" scroll-y="{{true}}" scroll-top="{{topNum}}" scroll-into-view="{{shopTopId}}" data-event-opts="{{[['scroll',[['onVirtualScroll',['$event']]]]]}}" bindscroll="__e"><view style="{{'height:'+(totalHeight+'px')+';'+('position:'+('relative')+';')}}" class="_div data-v-36e5d840"><view id="shopTop" class="_div data-v-36e5d840"></view><block wx:for="{{$root.l0}}" wx:for-item="item" wx:for-index="i" wx:key="COMMODITY_ID"><view data-event-opts="{{[['tap',[['showDetail',['$0'],[[['visibleList','COMMODITY_ID',item.$orig.COMMODITY_ID]]]]]]]}}" class="shopDetailItem _div data-v-36e5d840" style="{{'position:'+('absolute')+';'+('height:'+(itemHeight+'px')+';')+('top:'+((startIndex+i)*itemHeight+'px')+';')+('width:'+('100%')+';')}}" bindtap="__e"><image class="leftImg data-v-36e5d840" style="width:90px;height:90px;" src="{{item.$orig.IMAGE_PATH?item.g0?item.g1[0]:item.$orig.IMAGE_PATH:item.$orig.IMAGE_PATHS?item.$orig.IMAGE_PATHS:'/static/images/home/defultImg.png'}}" lazy-load="{{true}}" data-event-opts="{{[['error',[['e0',['$event']]]]]}}" binderror="__e"></image><view class="rightBox _div data-v-36e5d840"><view class="detailTitle _p data-v-36e5d840">{{item.$orig.COMMODITY_NAME}}</view><view class="bottom _div data-v-36e5d840"><view class="detailPrice _div data-v-36e5d840"><label class="priceUnit _span data-v-36e5d840">¥</label><label class="number _span data-v-36e5d840" style="font-size:20px;">{{''+(item.$orig.bigNumber||"")}}</label><label class="number _span data-v-36e5d840" style="font-size:14px;">{{"."+(item.$orig.smallNumber||"00")}}</label><label class="unit _span data-v-36e5d840">{{"/ "+item.$orig.COMMODITY_UNIT}}</label></view><block wx:if="{{item.g2}}"><view data-event-opts="{{[['tap',[['handleShowPopup',['$0'],[[['visibleList','COMMODITY_ID',item.$orig.COMMODITY_ID]]]]]]]}}" class="specifications _div data-v-36e5d840" catchtap="__e">选规格<block wx:if="{{item.$orig.count>0}}"><text class="specificationsCount data-v-36e5d840">{{item.$orig.count}}</text></block></view></block><block wx:else><view class="addReduceBox _div data-v-36e5d840"><block wx:if="{{item.$orig.showReduce}}"><view data-event-opts="{{[['tap',[['touchReduce',['$event','$0'],[[['visibleList','COMMODITY_ID',item.$orig.COMMODITY_ID]]]]]]]}}" class="reduceShopCar _div data-v-36e5d840" catchtap="__e"><image class="optionBtn _img data-v-36e5d840" src="{{pageType==='UnionMall'?'/static/images/home/newReduce.png':'/static/images/home/newReduce.png'}}"></image></view></block><block wx:if="{{item.$orig.count&&item.$orig.count>0}}"><label class="itemCount _span data-v-36e5d840">{{item.$orig.count}}</label></block><block wx:if="{{item.$orig.COMMODITY_STOCK>0&&activeTabs!==999999}}"><view class="addShopCar _div data-v-36e5d840" id="{{'add_'+item.$orig.SELLERCOMMODITY_ID+'_'+item.$orig.SELLERCOMMODITYTYPE_ID}}" data-event-opts="{{[['tap',[['touchOnGoods',['$event','$0'],[[['visibleList','COMMODITY_ID',item.$orig.COMMODITY_ID]]]]]]]}}" catchtap="__e"><image class="optionBtn _img data-v-36e5d840" src="{{pageType==='UnionMall'?'/static/images/home/newAddIcon.png':'/static/images/home/newAddIcon.png'}}"></image></view></block><block wx:if="{{activeTabs===999999}}"><view class="_div data-v-36e5d840"></view></block><block wx:if="{{item.$orig.COMMODITY_STOCK===0||!item.$orig.COMMODITY_STOCK}}"><view class="shopState _div data-v-36e5d840">已售罄</view></block></view></block></view><block wx:if="{{item.$orig.COMMODITY_RETAILPRICE}}"><view class="marketBottom _div data-v-36e5d840"><label class="marketPrice _span data-v-36e5d840">{{"市场价：¥"+item.$orig.COMMODITY_RETAILPRICE+"/ "+item.$orig.COMMODITY_UNIT}}</label></view></block></view></view></block></view><block wx:if="{{$root.g3}}"><view class="noDataBox _div data-v-36e5d840"><no-data vue-id="a5d42db4-1" text="暂无商品" class="data-v-36e5d840" bind:__l="__l"></no-data></view></block></scroll-view></view></block></view></view></block><uni-popup vue-id="a5d42db4-2" safe-area="{{false}}" data-ref="shopPopup" class="data-v-36e5d840 vue-ref" bind:__l="__l" vue-slots="{{['default']}}"><view class="shopPopupBox data-v-36e5d840"><view class="shopPopupContent _div data-v-36e5d840"><view class="detailTop _div data-v-36e5d840"><image class="detailImg data-v-36e5d840" src="{{good.DEFAULT_IMG||good.IMAGE_PATH||'/static/images/home/defultImg.png'}}"></image><view class="box _div data-v-36e5d840"><view class="nameTop _div data-v-36e5d840"><text class="name data-v-36e5d840">{{good.COMMODITY_NAME}}</text><image class="closeIcon data-v-36e5d840" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/close.svg" data-event-opts="{{[['tap',[['handleClosePop',['$event']]]]]}}" bindtap="__e"></image></view><view class="priceBox _div data-v-36e5d840"><text class="priceIcon data-v-36e5d840">￥</text><text class="price data-v-36e5d840">{{good.COMMODITY_MEMBERPRICE}}</text><text class="unit data-v-36e5d840">{{"/"+good.COMMODITY_UNIT}}</text></view></view></view><scroll-view class="scrollDetailBox data-v-36e5d840" scroll-y="{{true}}"><view class="detailMessage _div data-v-36e5d840"><view class="detailTitle _p data-v-36e5d840">详细信息</view><text class="detailText data-v-36e5d840"></text></view><view class="orderDetail _div data-v-36e5d840"><view class="orderTitle _p data-v-36e5d840">下单信息</view><view class="numBox _div data-v-36e5d840"><text class="numTitle data-v-36e5d840">购买数量</text><view class="cartcontrol _div data-v-36e5d840"><view data-event-opts="{{[['tap',[['handleDetailSubtract',['$event','$0'],['good']]]]]}}" class="subtract _div data-v-36e5d840" bindtap="__e"><image class="img data-v-36e5d840" src="/static/images/home/subtract.svg"></image></view><input class="cart-count data-v-36e5d840" style="background:#fff;text-align:center;width:100px;" confirm-type="done" type="digit" maxlength="{{inputMaxLength}}" placeholder="0" data-event-opts="{{[['input',[['handleNumber',['$event']]]]]}}" value="{{good.count}}" bindinput="__e"/><view data-event-opts="{{[['tap',[['handleDetailAdd',['$event','$0'],['good']]]]]}}" class="subtract _div data-v-36e5d840" bindtap="__e"><image class="img data-v-36e5d840" src="/static/images/home/addIcon.svg"></image></view></view></view><view class="sizeBox _div data-v-36e5d840"><view class="sizeTitle _div data-v-36e5d840">规格</view><scroll-view class="sizeScrollBox data-v-36e5d840" scroll-x="{{true}}" scroll-y="{{true}}"><view class="sizeList _div data-v-36e5d840"><block wx:for="{{good.SKULIST}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['handleChangeSelectSKULIST',['$0','$1'],[[['good.SKULIST','',index,'RTCOMMODITY_MULTI_ID']],[['good.SKULIST','',index]]]]]]]}}" class="{{['_div','data-v-36e5d840',good.RTCOMMODITY_MULTI_ID===item.RTCOMMODITY_MULTI_ID?'sizeItem selectSizeItem':'sizeItem']}}" style="{{'background:'+(item.COMMODITY_STOCK>0?good.RTCOMMODITY_MULTI_ID===item.RTCOMMODITY_MULTI_ID?'#e7f3ff':'#dbdad6':'#9c9c9a0')+';'+('color:'+(item.COMMODITY_STOCK>0?good.RTCOMMODITY_MULTI_ID===item.RTCOMMODITY_MULTI_ID?'#1890ff':'#000':'#a4a4a4')+';')}}" bindtap="__e">{{''+item.COMMODITY_NAME+''}}</view></block></view></scroll-view></view><view class="descBox _div data-v-36e5d840"><input class="desc data-v-36e5d840" placeholder="请填写商品备注" data-event-opts="{{[['input',[['handleDesc',['$event','$0'],['good']]]]]}}" value="{{good.SALEDETAIL_DESC}}" bindinput="__e"/></view><view class="rightBtn data-v-36e5d840"><view data-event-opts="{{[['tap',[['handleShowShopPopup',['$event']]]]]}}" class="addCarBtn _div data-v-36e5d840" bindtap="__e">加入购物车</view></view></view></scroll-view></view></view></uni-popup><shop-tabbar vue-id="a5d42db4-3" page="/pages/shopMallPage/shopType/index" pageType="{{pageType}}" shopCarLength="{{shopCarListLength}}" comeForm="{{comeForm}}" class="data-v-36e5d840" bind:__l="__l"></shop-tabbar></view>
\ No newline at end of file
diff --git a/unpackage/dist/dev/mp-weixin/pages/shopPages/shopDetail/index.js b/unpackage/dist/dev/mp-weixin/pages/shopPages/shopDetail/index.js
index eb651d8a..65ac4b69 100644
--- a/unpackage/dist/dev/mp-weixin/pages/shopPages/shopDetail/index.js
+++ b/unpackage/dist/dev/mp-weixin/pages/shopPages/shopDetail/index.js
@@ -579,9 +579,13 @@ var _default = {
     // 预览详情图片
     handlePreviewDetailImg: function handlePreviewDetailImg(obj, list) {
       console.log("obj", obj);
+      console.log("listlistlistlist", list);
       var imgList = [];
       if (list && list.length > 0) {
-        imgList = list;
+        // imgList = list
+        list.forEach(function (item) {
+          imgList.push(item.IMAGE_URL);
+        });
       } else {
         if (this.good.List && this.good.List.length > 0) {
           this.good.List.forEach(function (item) {