From 06c8494e2e2c4e6381d298fa51cc4d5e8ff7ca81 Mon Sep 17 00:00:00 2001
From: ylj20011123 <YLJ>
Date: Fri, 25 Jul 2025 20:16:23 +0800
Subject: [PATCH] update

---
 pages/shopMallPage/shopType/index.vue         | 20 ++++++++++++++-----
 .../pages/shopMallPage/shopType/index.js.map  |  2 +-
 .../pages/shopMallPage/shopType/index.js      | 11 +++++++++-
 .../pages/shopMallPage/shopType/index.wxml    |  2 +-
 4 files changed, 27 insertions(+), 8 deletions(-)

diff --git a/pages/shopMallPage/shopType/index.vue b/pages/shopMallPage/shopType/index.vue
index 8851c885..f9391377 100644
--- a/pages/shopMallPage/shopType/index.vue
+++ b/pages/shopMallPage/shopType/index.vue
@@ -98,11 +98,12 @@
 
         <!--  右侧商品详情  -->
         <div class="shopDetailList" v-if="changBigTypeLoading">
-          <scroll-view class="shopDetailScroll" scroll-y :scroll-top="topNum" @scroll="onVirtualScroll" :style="{
-            height: `calc(100vh - 50px - ${safeHeight}px - ${menu.top + 32 + 32 + 12 + 12 + 23 + 95}px)`
-          }">
+          <scroll-view class="shopDetailScroll" scroll-y :scroll-top="topNum" @scroll="onVirtualScroll"
+            :scroll-into-view='shopTopId' :style="{
+              height: `calc(100vh - 50px - ${safeHeight}px - ${menu.top + 32 + 32 + 12 + 12 + 23 + 95}px)`
+            }">
             <div :style="{ height: totalHeight + 'px', position: 'relative' }">
-
+              <div :id="'shopTop'"></div>
               <div v-for="(item, i) in visibleList" :key="item.COMMODITY_ID" class="shopDetailItem" :style="{
                 position: 'absolute',
                 height: itemHeight + 'px',
@@ -306,7 +307,8 @@ export default {
       scrollLock: false,
       imageLoadedMap: {},
       lastStartIndex: 0,
-      hasWatched: 0
+      hasWatched: 0,
+      shopTopId: ''
     };
   },
   watch: {
@@ -1357,6 +1359,14 @@ export default {
       } else {
         this.rightShopList = [];
       }
+      this.visibleList = shopList
+      this.startIndex = 0;
+      this.shopTopId = 'shopTop'
+      this.$forceUpdate()
+      let _this = this
+      setTimeout(() => {
+        _this.shopTopId = ''
+      }, 1000)
     },
     // 选规格的悬浮框
     handleShowPopup(obj) {
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 38654d66..16cbed5e 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",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","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","watch","handler","console","newVal","count","deep","computed","user","totalHeight","onLoad","behaviorRecordDesc","onShow","onHide","list","item","Number","onUnload","methods","handleUpDataShop","newVisibleList","onImageLoad","getImgUrl","id","uni","url","e","index","setTimeout","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"],"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,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;AClEA;AAAA;AAAA;AAAA;AAAqoB,CAAgB,moBAAG,EAAC,C;;;;;;;;;;;;;;;;;;;;;;;AC2QzpB;AAAA;AAAA;AAAA;AAAA;EAAA;IAAA;EAAA;AAAA;AAAA;EAAA;IAAA;EAAA;AAAA;AAAA;EAAA;IAAA;EAAA;AAAA;AAAA,eAKA;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;MACAC;MAGAC;MAAA;MACAC;MAAA;MACAC;MACAC;MACAC;MAAA;MACAC;MACAC;MACAC;MACA;MACAC;MACAC;MACAC;MACAC;IACA;EACA;EACAC;IACA;IACApB;MACAqB;QACAC;QACA;UACA;UACAC;YACAC;UACA;UACA;QAEA;UACA;QACA;MACA;MACAC;IACA;IACAvB;MACAmB;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;IACA;IACA;IAEA;IACA;IAEAP;IACAA;IACA;MACA;IACA;IACA;MACA;IACA;IACA;MACA;IACA;IAEA;IACA;MACAtB;IACA;MACAA;IACA;IACA;MACA;IACA;IACA;MACA;MACA;IACA;MACA;MACA;MACA;MACA;IACA;IACA;IACA;MACA8B;IACA;EACA;EACAC;IACA;IACA;IACA;IACA;MACA/B;IACA;MACAA;IACA;IAEAsB;IACAA;;IAEA;IACA,uEACA;MACA;QACA;MACA;MAEA;QACA;QACA;MACA;QACA;QACA;QACA;QACA;MACA;IACA;EACA;EACAU;IACA;MACA;MACAC;QACAC,qBACAC;MACA;MACAb;MACA;MACA;QACA;MACA;QACA;MACA;IACA;MACA;QACA;MACA;QACA;MACA;IACA;IACA;EACA;EACAc;IACA;MACA;MACAH;QACAC,qBACAC;MACA;MACAb;MACA;MACA;QACA;MACA;QACA;MACA;IACA;MACA;QACA;MACA;QACA;MACA;IACA;IACA;EACA;EAEAe;IACA;IACAC;MACA;QACA;QACAhB;QACAA;QAEA;UACA;YACA;YACA;cAAA;YAAA;YACA;cACAiB;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;IACAC;MAAAC;IAAA;EACA,8EACAC;IACA;EACA,sFAEAC;IACA;EACA,wFACAD;IAAA;IACA;IACA;IAEAE;MACA;MACA;MACA;;MAEA;MACA;MACA;MAEA;;MAEA;MACA;QACA;QACA;QACA;QAEA;QAEA;UACA;UACA;QACA;MACA;MAEA;IACA;EACA,kFACAC;IACA;IACA;IACA;IAEA;MACA;MACA;QACA1B;QACAA;QAEA;MACA;IACA;IACA;EACA,kGAKA;IAAA;IACA;MACAqB;QACAM;QACAC;QACAC;UACA;YACAR;cAAAC;YAAA;UACA;QACA;MACA;MACA;IACA;IAEAtB;IAGA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;MACAqB;QACAM;QACAG;MACA;IACA;MACA;;MAEA;MACA;MACA9B;MACAA;;MAEA;MACA;QACA;QACA,6BACA;UAAA;QAAA,EACA;QACA;UACAW;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,kFAEAW;IACA;IACA;IACAS;IACA;EACA,wFAEAT;IACAS;IACA;IAEA;EACA,kGAEAT;IACA;MACAS;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;cAPApE;cASA;cACAqE;cACApC;cACAqC;cACAC;cACA;gBACAF;kBACA;oBACA;sBACAC;oBACA;sBACAA;oBACA;kBACA;gBACA;cACA;cACArC;cACA;cAEAA;cACA;YAAA;YAAA;cAAA;UAAA;QAAA;MAAA;IAAA;EACA,oFAEA;IAAA;IAAA;MAAA;MAAA;QAAA;UAAA;YAAA;cAAA,KACA;gBAAA;gBAAA;cAAA;cACAqB;gBAAAM;cAAA;cACA;cACA;cACA;cACA;cACA;cACA;cACA;cACA;cACA;cACA;cAEAL;cAAA;cAAA,OAEA;cACA;cACAA,KACA;gBACAW;gBACAC;gBACAK;gBACAC;gBACAL;gBACAM;gBACA;cACA,EACA;YAAA;cAZA1E;cAcAsD;cAEAV;cACAX;cACA0C;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;cACA1C;;cAEA;cACA4C;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;kBACAd;kBACAyB;gBACA;cACA;cAAA;cAAA;YAAA;cAAA;cAAA,OAEA,qBACA,0CACA;gBACAb;gBACAC;gBACAC;cACA,EACA;YAAA;cAPApE;cAQAqE;YAAA;cAIA;YAAA;YAAA;cAAA;UAAA;QAAA;MAAA;IAAA;EACA,4GAEAA;IACA;IACA;IACA;MACAA;QACA;UACAC;QACA;MACA;IACA;IAEA;IACArC;IACA;EACA,8FAEAgD;IACA;IACA;MACA;QACA;UACA,IACArC,iCACAA,oCACA;YACA;YACAA;YACAA;UACA;QACA;MACA;MACA;IACA;IACA;EACA,kGAEAS;IAAA;IAAA;MAAA;MAAA;QAAA;UAAA;YAAA;cACApB;cACAqB;gBAAAM;cAAA;cACA;cACA;cACA;cACA;cACA;cACA;cACA;cACA;cACA;cAEAL;cAAA;cAAA,OACA;cACA;cACAA,KACA;gBACAW;gBACAgB;gBACAC;gBACAX;gBACAC;gBACAL;gBACA;cACA,EACA;YAAA;cAZApE;cAaAsD;cACAV;cACAX;cACAmD;cACAnD;cACA;gBACA;kBACA;oBACAmD;kBACA;gBACA;cACA;cACAnD;cACAoD;cAEA;gBACAD;kBACA;oBACAC;kBACA;gBACA;cACA;cACA;cACAzC;gBACA0C;gBACAC;cACA;cACA;gBACA;gBACAH;kBACAE;kBACAC;gBACA;cACA;cAEAC;cACAvD;cACAA;cAEA;gBACA;kBACAmD;oBACA;sBACAI;oBACA;kBACA;gBACA;cACA;cACAvD;cACAA;cAEA;gBACAuD;cACA;cAEAvD;cACAA;;cAEA;cACA0C;cACA;gBACA1C;gBACAA;gBACA;gBACAwD,sBACA;gBACAC;gBAEA9C;kBACA;oBACA,IACAC,sBACAA,kCACAA,mCACAA,iCACA;sBACAA;wBACA;0BACA4C;0BACAC;wBACA;sBACA;oBACA;kBACA;gBACA;gBACA9C;gBACAX;gBACAA;gBACAA;gBACA,IACAuD,oBACA5C,mBACAA,iCACAA,0CACA;kBACAX;kBACA;oBACA;sBACAgC;sBACAhC;sBAEAW;wBACA;0BACAqB;wBACA;sBACA;sBACAhC;sBAEA;wBACA0C;sBACA;wBACAA;sBACA;oBACA;sBACAA;oBACA;kBACA;oBACAA;kBACA;gBACA;gBACA1C;gBAEA;kBACA0C;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;gBACA1D;gBAEA;gBACA;gBACA;gBACAA;gBACAA;gBAEA;cACA;gBACA;gBACA;gBACA;gBACA;cACA;cAEAA;cAEAqB;YAAA;YAAA;cAAA;UAAA;QAAA;MAAA;IAAA;EACA,8EAEAW;IACAhC;IACAqB;MACAC;IACA;EACA,8GAEAX;IAAA;IACA;IACA;IACA;IACA;IACAX;IACAA;IAEAW;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,wFAEA5C;IACA;IACA;IACAxB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;EACA,8EAEAuB;IAAA;IACA,kBACA;IACA;IACA;IAGAvB;IACAA;IACAA;IACAA;IAEA;MACA0C;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;IACAZ;IAEA;MACA;IACA;MACA;IACA;EACA,wFAEAgC;IACA;IACA,4BACA;MACAqC;IACA;IACA;IACA;IACArE;IACA;EACA,4GAEAmE;IACAnE;IACAA;IACA;MACA;MACA;MACA;MACA;IACA;IACA;EACA,kFAEAuB;IACA;MACAF;QACAM;QACAC;QACAC;UACA;YACAR;cAAAC;YAAA;UACA;QACA;MACA;MACA;IACA;;IAEA;IACA;IAEAtB;IACAA;IAEA;MACA;MACA,6BACA;QAAA;MAAA,EACA;MACA;QACAW;UACA;YACAC;UACA;QACA;QACAmB;UACA;YACAnB;YACA;cACAA;YACA;cACAA;YACA;UACA;QACA;MACA;QACA;QACAD;UAAAT;QAAA;QACA6B;UACA;YACAnB;YACAA;UACA;QACA;MACA;MACA;IACA;MACA;QAAAV;MAAA;MACAF;MACAA;MACA+B;QACA;UACAnB;UACAA;QACA;MACA;IACA;IACA;IACA;IACA;IACA;IACA;EACA,gFAEAW;IACA;IACA;IACA;IACA;IACAZ;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;MACAS;QACAC;MACA;IACA;MACAD;QACAC;MACA;IACA;EACA,gGAEA;IACAD;MACAC;IACA;EACA,8FAEA;IACAD;MACAC;IACA;EACA;AAEA;AAAA,2B;;;;;;;;;;;;;ACx+CA;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 = _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(\",\") && 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 = _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=\"main\">\r\n    <div class=\"header\" :style=\"{ paddingTop: menu.top + 'px' }\">\r\n      <view class=\"headerTop\" :style=\"{ height: menu.height + 'px' }\">\r\n        <image class=\"backArrow\" src=\"/static/images/home/backArrowWhite.svg\" @click=\"handleBackHome\" />\r\n        <view class=\"pageName\">{{\r\n          pageType === \"UnionMall\" ? \"工会之家\" : \"分类\"\r\n        }}</view>\r\n        <view class=\"backArrow\"></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    <div class=\"pageContent\" :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        <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            <!-- 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=\"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=\"tab_txt_normal\">积分商城</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\" :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\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\" src=\"/static/images/home/reduce.svg\" />\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\" class=\"addShopCar\" @click.stop=\"touchOnGoods($event, item)\"\r\n                        :id=\"'add_' +\r\n                          item.SELLERCOMMODITY_ID +\r\n                          '_' +\r\n                          item.SELLERCOMMODITYTYPE_ID\r\n                          \">\r\n                        <img class=\"optionBtn\" src=\"/static/images/home/add.svg\" />\r\n                      </div>\r\n                      <div v-else 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  </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\n\r\nexport default {\r\n  components: { shopTabbar, NoData, CustomImage },\r\n  data() {\r\n    return {\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    };\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    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    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    this.$utils.addUserBehaviorNew({\r\n      behaviorRecordDesc: this.pageType ? '进入工会商城分类页' : \"进入精选商城分类页\"\r\n    });\r\n  },\r\n  onShow() {\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(\"shopCarList\", 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      }\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    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    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      console.log(\"拿到全部商品的分类\", this.shopTypeList);\r\n      this.handleGetAllShopItem(resList[this.activeTabs].UserdefinedType_Id);\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      console.log(\"handleUpdateLeftAllTypeObj\", list);\r\n      console.log(\"shopCarList\", this.shopCarList);\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    },\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    handleGoPointsMall() {\r\n      uni.navigateTo({\r\n        url: `/pages/shopPages/shopList/index?pageType=pointsMall`,\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  .header {\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    background: linear-gradient(270deg, #2fa4ff 0%, #197aff 100%);\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      .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        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 #1890ff;\r\n            }\r\n\r\n            .tab_txt_active {\r\n              padding: 0 5px;\r\n              background: #1890ff;\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              margin-top: 4px;\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: #1890ff;\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: #1890ff;\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</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      // 1753341266910\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","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","watch","handler","console","newVal","count","deep","computed","user","totalHeight","onLoad","behaviorRecordDesc","onShow","onHide","list","item","Number","onUnload","methods","handleUpDataShop","newVisibleList","onImageLoad","getImgUrl","id","uni","url","e","index","setTimeout","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"],"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,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;AClEA;AAAA;AAAA;AAAA;AAAqoB,CAAgB,moBAAG,EAAC,C;;;;;;;;;;;;;;;;;;;;;;;AC4QzpB;AAAA;AAAA;AAAA;AAAA;EAAA;IAAA;EAAA;AAAA;AAAA;EAAA;IAAA;EAAA;AAAA;AAAA;EAAA;IAAA;EAAA;AAAA;AAAA,eAKA;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;MACAC;MAGAC;MAAA;MACAC;MAAA;MACAC;MACAC;MACAC;MAAA;MACAC;MACAC;MACAC;MACA;MACAC;MACAC;MACAC;MACAC;MACAC;IACA;EACA;EACAC;IACA;IACArB;MACAsB;QACAC;QACA;UACA;UACAC;YACAC;UACA;UACA;QAEA;UACA;QACA;MACA;MACAC;IACA;IACAxB;MACAoB;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;IACA;IACA;IAEA;IACA;IAEAP;IACAA;IACA;MACA;IACA;IACA;MACA;IACA;IACA;MACA;IACA;IAEA;IACA;MACAvB;IACA;MACAA;IACA;IACA;MACA;IACA;IACA;MACA;MACA;IACA;MACA;MACA;MACA;MACA;IACA;IACA;IACA;MACA+B;IACA;EACA;EACAC;IACA;IACA;IACA;IACA;MACAhC;IACA;MACAA;IACA;IAEAuB;IACAA;;IAEA;IACA,uEACA;MACA;QACA;MACA;MAEA;QACA;QACA;MACA;QACA;QACA;QACA;QACA;MACA;IACA;EACA;EACAU;IACA;MACA;MACAC;QACAC,qBACAC;MACA;MACAb;MACA;MACA;QACA;MACA;QACA;MACA;IACA;MACA;QACA;MACA;QACA;MACA;IACA;IACA;EACA;EACAc;IACA;MACA;MACAH;QACAC,qBACAC;MACA;MACAb;MACA;MACA;QACA;MACA;QACA;MACA;IACA;MACA;QACA;MACA;QACA;MACA;IACA;IACA;EACA;EAEAe;IACA;IACAC;MACA;QACA;QACAhB;QACAA;QAEA;UACA;YACA;YACA;cAAA;YAAA;YACA;cACAiB;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;IACAC;MAAAC;IAAA;EACA,8EACAC;IACA;EACA,sFAEAC;IACA;EACA,wFACAD;IAAA;IACA;IACA;IAEAE;MACA;MACA;MACA;;MAEA;MACA;MACA;MAEA;;MAEA;MACA;QACA;QACA;QACA;QAEA;QAEA;UACA;UACA;QACA;MACA;MAEA;IACA;EACA,kFACAC;IACA;IACA;IACA;IAEA;MACA;MACA;QACA1B;QACAA;QAEA;MACA;IACA;IACA;EACA,kGAKA;IAAA;IACA;MACAqB;QACAM;QACAC;QACAC;UACA;YACAR;cAAAC;YAAA;UACA;QACA;MACA;MACA;IACA;IAEAtB;IAGA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;MACAqB;QACAM;QACAG;MACA;IACA;MACA;;MAEA;MACA;MACA9B;MACAA;;MAEA;MACA;QACA;QACA,6BACA;UAAA;QAAA,EACA;QACA;UACAW;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,kFAEAW;IACA;IACA;IACAS;IACA;EACA,wFAEAT;IACAS;IACA;IAEA;EACA,kGAEAT;IACA;MACAS;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;cAPArE;cASA;cACAsE;cACApC;cACAqC;cACAC;cACA;gBACAF;kBACA;oBACA;sBACAC;oBACA;sBACAA;oBACA;kBACA;gBACA;cACA;cACArC;cACA;cAEAA;cACA;YAAA;YAAA;cAAA;UAAA;QAAA;MAAA;IAAA;EACA,oFAEA;IAAA;IAAA;MAAA;MAAA;QAAA;UAAA;YAAA;cAAA,KACA;gBAAA;gBAAA;cAAA;cACAqB;gBAAAM;cAAA;cACA;cACA;cACA;cACA;cACA;cACA;cACA;cACA;cACA;cACA;cAEAL;cAAA;cAAA,OAEA;cACA;cACAA,KACA;gBACAW;gBACAC;gBACAK;gBACAC;gBACAL;gBACAM;gBACA;cACA,EACA;YAAA;cAZA3E;cAcAuD;cAEAV;cACAX;cACA0C;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;cACA1C;;cAEA;cACA4C;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;kBACAd;kBACAyB;gBACA;cACA;cAAA;cAAA;YAAA;cAAA;cAAA,OAEA,qBACA,0CACA;gBACAb;gBACAC;gBACAC;cACA,EACA;YAAA;cAPArE;cAQAsE;YAAA;cAIA;YAAA;YAAA;cAAA;UAAA;QAAA;MAAA;IAAA;EACA,4GAEAA;IACA;IACA;IACA;MACAA;QACA;UACAC;QACA;MACA;IACA;IAEA;IACArC;IACA;EACA,8FAEAgD;IACA;IACA;MACA;QACA;UACA,IACArC,iCACAA,oCACA;YACA;YACAA;YACAA;UACA;QACA;MACA;MACA;IACA;IACA;EACA,kGAEAS;IAAA;IAAA;MAAA;MAAA;QAAA;UAAA;YAAA;cACApB;cACAqB;gBAAAM;cAAA;cACA;cACA;cACA;cACA;cACA;cACA;cACA;cACA;cACA;cAEAL;cAAA;cAAA,OACA;cACA;cACAA,KACA;gBACAW;gBACAgB;gBACAC;gBACAX;gBACAC;gBACAL;gBACA;cACA,EACA;YAAA;cAZArE;cAaAuD;cACAV;cACAX;cACAmD;cACAnD;cACA;gBACA;kBACA;oBACAmD;kBACA;gBACA;cACA;cACAnD;cACAoD;cAEA;gBACAD;kBACA;oBACAC;kBACA;gBACA;cACA;cACA;cACAzC;gBACA0C;gBACAC;cACA;cACA;gBACA;gBACAH;kBACAE;kBACAC;gBACA;cACA;cAEAC;cACAvD;cACAA;cAEA;gBACA;kBACAmD;oBACA;sBACAI;oBACA;kBACA;gBACA;cACA;cACAvD;cACAA;cAEA;gBACAuD;cACA;cAEAvD;cACAA;;cAEA;cACA0C;cACA;gBACA1C;gBACAA;gBACA;gBACAwD,sBACA;gBACAC;gBAEA9C;kBACA;oBACA,IACAC,sBACAA,kCACAA,mCACAA,iCACA;sBACAA;wBACA;0BACA4C;0BACAC;wBACA;sBACA;oBACA;kBACA;gBACA;gBACA9C;gBACAX;gBACAA;gBACAA;gBACA,IACAuD,oBACA5C,mBACAA,iCACAA,0CACA;kBACAX;kBACA;oBACA;sBACAgC;sBACAhC;sBAEAW;wBACA;0BACAqB;wBACA;sBACA;sBACAhC;sBAEA;wBACA0C;sBACA;wBACAA;sBACA;oBACA;sBACAA;oBACA;kBACA;oBACAA;kBACA;gBACA;gBACA1C;gBAEA;kBACA0C;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;gBACA1D;gBAEA;gBACA;gBACA;gBACAA;gBACAA;gBAEA;cACA;gBACA;gBACA;gBACA;gBACA;cACA;cAEAA;cAEAqB;YAAA;YAAA;cAAA;UAAA;QAAA;MAAA;IAAA;EACA,8EAEAW;IACAhC;IACAqB;MACAC;IACA;EACA,8GAEAX;IAAA;IACA;IACA;IACA;IACA;IACAX;IACAA;IAEAW;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,wFAEA5C;IACA;IACA;IACAxB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;EACA,8EAEAuB;IAAA;IACA,kBACA;IACA;IACA;IAGAvB;IACAA;IACAA;IACAA;IAEA;MACA0C;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;IACAZ;IAEA;MACA;IACA;MACA;IACA;IACA;IACA;IACA;IACA;IACA;IACAyB;MACAqB;IACA;EACA,wFAEAd;IACA;IACA,4BACA;MACAqC;IACA;IACA;IACA;IACArE;IACA;EACA,4GAEAmE;IACAnE;IACAA;IACA;MACA;MACA;MACA;MACA;IACA;IACA;EACA,kFAEAuB;IACA;MACAF;QACAM;QACAC;QACAC;UACA;YACAR;cAAAC;YAAA;UACA;QACA;MACA;MACA;IACA;;IAEA;IACA;IAEAtB;IACAA;IAEA;MACA;MACA,6BACA;QAAA;MAAA,EACA;MACA;QACAW;UACA;YACAC;UACA;QACA;QACAmB;UACA;YACAnB;YACA;cACAA;YACA;cACAA;YACA;UACA;QACA;MACA;QACA;QACAD;UAAAT;QAAA;QACA6B;UACA;YACAnB;YACAA;UACA;QACA;MACA;MACA;IACA;MACA;QAAAV;MAAA;MACAF;MACAA;MACA+B;QACA;UACAnB;UACAA;QACA;MACA;IACA;IACA;IACA;IACA;IACA;IACA;EACA,gFAEAW;IACA;IACA;IACA;IACA;IACAZ;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;MACAS;QACAC;MACA;IACA;MACAD;QACAC;MACA;IACA;EACA,gGAEA;IACAD;MACAC;IACA;EACA,8FAEA;IACAD;MACAC;IACA;EACA;AAEA;AAAA,2B;;;;;;;;;;;;;ACl/CA;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 = _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(\",\") && 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 = _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=\"main\">\r\n    <div class=\"header\" :style=\"{ paddingTop: menu.top + 'px' }\">\r\n      <view class=\"headerTop\" :style=\"{ height: menu.height + 'px' }\">\r\n        <image class=\"backArrow\" src=\"/static/images/home/backArrowWhite.svg\" @click=\"handleBackHome\" />\r\n        <view class=\"pageName\">{{\r\n          pageType === \"UnionMall\" ? \"工会之家\" : \"分类\"\r\n        }}</view>\r\n        <view class=\"backArrow\"></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    <div class=\"pageContent\" :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        <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            <!-- 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=\"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=\"tab_txt_normal\">积分商城</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\" src=\"/static/images/home/reduce.svg\" />\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\" class=\"addShopCar\" @click.stop=\"touchOnGoods($event, item)\"\r\n                        :id=\"'add_' +\r\n                          item.SELLERCOMMODITY_ID +\r\n                          '_' +\r\n                          item.SELLERCOMMODITYTYPE_ID\r\n                          \">\r\n                        <img class=\"optionBtn\" src=\"/static/images/home/add.svg\" />\r\n                      </div>\r\n                      <div v-else 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  </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\n\r\nexport default {\r\n  components: { shopTabbar, NoData, CustomImage },\r\n  data() {\r\n    return {\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    };\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    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    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    this.$utils.addUserBehaviorNew({\r\n      behaviorRecordDesc: this.pageType ? '进入工会商城分类页' : \"进入精选商城分类页\"\r\n    });\r\n  },\r\n  onShow() {\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(\"shopCarList\", 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      }\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    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    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      console.log(\"拿到全部商品的分类\", this.shopTypeList);\r\n      this.handleGetAllShopItem(resList[this.activeTabs].UserdefinedType_Id);\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      console.log(\"handleUpdateLeftAllTypeObj\", list);\r\n      console.log(\"shopCarList\", this.shopCarList);\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    handleGoPointsMall() {\r\n      uni.navigateTo({\r\n        url: `/pages/shopPages/shopList/index?pageType=pointsMall`,\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  .header {\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    background: linear-gradient(270deg, #2fa4ff 0%, #197aff 100%);\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      .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        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 #1890ff;\r\n            }\r\n\r\n            .tab_txt_active {\r\n              padding: 0 5px;\r\n              background: #1890ff;\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              margin-top: 4px;\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: #1890ff;\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: #1890ff;\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</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      // 1753438257081\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.js b/unpackage/dist/dev/mp-weixin/pages/shopMallPage/shopType/index.js
index e1f095e5..11d255b0 100644
--- a/unpackage/dist/dev/mp-weixin/pages/shopMallPage/shopType/index.js
+++ b/unpackage/dist/dev/mp-weixin/pages/shopMallPage/shopType/index.js
@@ -278,7 +278,8 @@ var _default = {
       scrollLock: false,
       imageLoadedMap: {},
       lastStartIndex: 0,
-      hasWatched: 0
+      hasWatched: 0,
+      shopTopId: ''
     };
   },
   watch: {
@@ -1246,6 +1247,14 @@ var _default = {
     } else {
       this.rightShopList = [];
     }
+    this.visibleList = shopList;
+    this.startIndex = 0;
+    this.shopTopId = 'shopTop';
+    this.$forceUpdate();
+    var _this = this;
+    setTimeout(function () {
+      _this.shopTopId = '';
+    }, 1000);
   }), (0, _defineProperty2.default)(_methods, "handleShowPopup", function handleShowPopup(obj) {
     var currentShop = JSON.parse(JSON.stringify(obj));
     if (currentShop.count > 0) {} else {
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 92beda10..aeb7ccc2 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="main data-v-36e5d840"><view class="header _div data-v-36e5d840" style="{{'padding-top:'+(menu.top+'px')+';'}}"><view class="headerTop data-v-36e5d840" style="{{'height:'+(menu.height+'px')+';'}}"><image class="backArrow data-v-36e5d840" src="/static/images/home/backArrowWhite.svg" data-event-opts="{{[['tap',[['handleBackHome',['$event']]]]]}}" bindtap="__e"></image><view class="pageName data-v-36e5d840">{{pageType==="UnionMall"?"工会之家":"分类"}}</view><view class="backArrow data-v-36e5d840"></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><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" 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="normal _div data-v-36e5d840"><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="tab_txt_normal _div data-v-36e5d840">积分商城</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}}" data-event-opts="{{[['scroll',[['onVirtualScroll',['$event']]]]]}}" bindscroll="__e"><view style="{{'height:'+(totalHeight+'px')+';'+('position:'+('relative')+';')}}" class="_div data-v-36e5d840"><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="/static/images/home/reduce.svg"></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}}"><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="/static/images/home/add.svg"></image></view></block><block wx:else><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><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}}" class="data-v-36e5d840" bind:__l="__l"></shop-tabbar></view>
\ No newline at end of file
+<view class="main data-v-36e5d840"><view class="header _div data-v-36e5d840" style="{{'padding-top:'+(menu.top+'px')+';'}}"><view class="headerTop data-v-36e5d840" style="{{'height:'+(menu.height+'px')+';'}}"><image class="backArrow data-v-36e5d840" src="/static/images/home/backArrowWhite.svg" data-event-opts="{{[['tap',[['handleBackHome',['$event']]]]]}}" bindtap="__e"></image><view class="pageName data-v-36e5d840">{{pageType==="UnionMall"?"工会之家":"分类"}}</view><view class="backArrow data-v-36e5d840"></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><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" 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="normal _div data-v-36e5d840"><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="tab_txt_normal _div data-v-36e5d840">积分商城</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="/static/images/home/reduce.svg"></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}}"><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="/static/images/home/add.svg"></image></view></block><block wx:else><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><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}}" class="data-v-36e5d840" bind:__l="__l"></shop-tabbar></view>
\ No newline at end of file