同城分销店拆分、分销店对应多个经销商

src/views/deviceOutside/rangeStore.vue

@@ -42,6 +42,15 @@
               </van-checkbox>
             </div>
           </van-grid-item>
+          <!-- <van-grid-item v-if="filterTCFX(item)" v-for="(item, index) in storeType" :key="index">
+            <div slot="text" class="titleico">
+              {{ index }}
+              <van-checkbox :name="'TCFX_' + index" v-if="index == 0">
+                <van-icon :name="require('@/assets/' + 'TCFX_' + index)" size="32" />
+                <p class="p">{{ item.dictLabel }}</p>
+              </van-checkbox>
+            </div>
+          </van-grid-item> -->
           <van-grid-item>
             <div slot="text" class="titleico">
               <van-checkbox name="tcfx_B_fs">
@@ -618,6 +627,7 @@ import check from './../../assets/check.svg';
 import { topStore } from '@/api/inventory';
 import { gcj02BD } from '@/utils';
 import { checkStoreAddressByStoreCode } from '@/api/visitstore';
+import { mapState } from 'vuex';
 export default {
   name: 'rangeStore',
   components: {
@@ -628,6 +638,11 @@ export default {
     BmInfoWindow,
     BmGeolocation,
   },
+  computed: {
+    ...mapState({
+      storeType: (state) => state.user.storeType,
+    }),
+  },
   data() {
     return {
       moreTypeShow: false,
@@ -943,6 +958,7 @@ export default {
       }
     },
     selectMapIco() {
+      debugger;
       if (this.resultmap.length > 0) {
         this.closeFn();
         this.listData = [];
@@ -1996,6 +2012,11 @@ export default {
         });
       }
     },
+    filterTCFX(item) {
+      if (!item.remark) return false;
+      let remark = JSON.parse(item.remark);
+      return remark.tcfx ? true : false;
+    },
   },
 };
 </script>