前端先临时统计数量，等不及接口了

src/store/modules/gis.ts

@@ -3,7 +3,13 @@ const state = {
   map: null,
   activeQyId: null,
   gisLayer: null,
-  gisSource: null
+  gisSource: null,
+  tempStatistic: {
+    total: 0,
+    lgszyjkscsb: 0,
+    jgzzmgs: 0,
+    lgsjkyfl: 0
+  }
 }
 
 const getters = {
@@ -15,6 +21,10 @@ const mutations = {
   },
   SET_ACTIVE_QY_ID(state, id) {
     state.activeQyId = id
+  },
+  SET_tempStatistic(state, data) {
+    state.tempStatistic = data
+    console.log(data)
   }
 }
 
@@ -25,6 +35,9 @@ const actions = {
   LOAD_ACTIVE_QY_ID({ commit }: any, id: any) {
     commit('SET_ACTIVE_QY_ID', id)
   },
+  LOAD_tempStatistic({ commit }: any, data: any) {
+    commit('SET_tempStatistic', data)
+  },
 }
 
 export default {

src/views/gis/business/enterprise/index.vue

@@ -5,24 +5,28 @@
       <FocusContentCom class="one" v-loading="loading.statistic">
         <div class="one-top">
           <img src="@/assets/images/gis-business/enterprise_icon1.png" alt=""/>
-          <StatisticTitleCom title="企业总数" :num="statistic.qy.total" unit="家"/>
+<!--          <StatisticTitleCom title="企业总数" :num="statistic.qy.total" unit="家"/>-->
+          <StatisticTitleCom title="企业总数" :num="$store.state.gis.tempStatistic.total" unit="家"/>
         </div>
         <div class="one-bottom">
           <div class="one-bottom-item">
             <div class="chart">
-              <PieSimpleChartCom :num="statistic.qy.lgszyjkscsb" :total="statistic.qy.total" color="#00FFFF"/>
+<!--              <PieSimpleChartCom :num="statistic.qy.lgszyjkscsb" :total="statistic.qy.total" color="#00FFFF"/>-->
+              <PieSimpleChartCom :num="$store.state.gis.tempStatistic.lgszyjkscsb" :total="$store.state.gis.tempStatistic.total" color="#00FFFF"/>
             </div>
             <div class="text">零关税自用<br/>进口生产设备</div>
           </div>
           <div class="one-bottom-item">
             <div class="chart">
-              <PieSimpleChartCom :num="statistic.qy.jgzzmgs" :total="statistic.qy.total" color="#FFCC8F"/>
+<!--              <PieSimpleChartCom :num="statistic.qy.jgzzmgs" :total="statistic.qy.total" color="#FFCC8F"/>-->
+              <PieSimpleChartCom :num="$store.state.gis.tempStatistic.jgzzmgs" :total="$store.state.gis.tempStatistic.total" color="#FFCC8F"/>
             </div>
             <div class="text">加工增值免关税</div>
           </div>
           <div class="one-bottom-item">
             <div class="chart">
-              <PieSimpleChartCom :num="statistic.qy.lgsjkyfl" :total="statistic.qy.total" color="#EB90FF"/>
+<!--              <PieSimpleChartCom :num="statistic.qy.lgsjkyfl" :total="statistic.qy.total" color="#EB90FF"/>-->
+              <PieSimpleChartCom :num="$store.state.gis.tempStatistic.lgsjkyfl" :total="$store.state.gis.tempStatistic.total" color="#EB90FF"/>
             </div>
             <div class="text">零关税进口<br/>原辅料</div>
           </div>

src/views/gis/layout/index.vue

@@ -360,30 +360,25 @@ export default defineComponent({
         // "entType":"加工增值"
       }).then((res: any) => {
         if (res.resp_code === 0 && res.datas?.length > 0) {
-          // for (let i = 0; i < 105; i++) {
-          //   const obj = {
-          //     name: '企业企业企业企业企业_' + i,
-          //     wkt: `POINT(${that.$util.randomNum(108.738329, 110.912130, 6)} ${that.$util.randomNum(18.154784, 20, 6)})`,
-          //   }
-          //   if (i % 2 === 0) {
-          //     obj.type = 'lgszyjkscsb'
-          //   } else if (i % 2 === 1) {
-          //     obj.type = 'jgzzmgs'
-          //   } else if (i % 2 === 2) {
-          //     obj.type = 'lgsjkyfl'
-          //   }
-          //   arr.push(obj)
-          // }
+          const tempStatistic = {
+            total: res.datas.length,
+            lgszyjkscsb: 0,
+            jgzzmgs: 0,
+            lgsjkyfl: 0
+          }
           const features: any = []
           res.datas.forEach(v => {
             try {
               const feat: any = new format.WKT().readFeature(`POINT(${v.longitude} ${v.latitude})`)
               let type = ''
-              if (v.qykx = '零关税自用进口生产设备') {
+              if (v.qykx === '零关税自用进口生产设备') {
+                tempStatistic.lgszyjkscsb += 1
                 type = 'lgszyjkscsb'
-              } else if (v.qykx = '加工增值免关税') {
+              } else if (v.qykx === '加工增值免关税') {
+                tempStatistic.jgzzmgs  += 1
                 type = 'jgzzmgs'
-              } else if (v.qykx = '零关税进口原辅料') {
+              } else if (v.qykx === '零关税进口原辅料') {
+                tempStatistic.lgsjkyfl += 1
                 type = 'lgsjkyfl'
               }
               feat.set('defaultStyle', QyStyle.qyStyle(type))
@@ -442,6 +437,7 @@ export default defineComponent({
               console.error('异常企业：', v)
             }
           })
+          store.dispatch('gis/LOAD_tempStatistic', tempStatistic)
           state.qyParams.source = new source.Vector({
             features: features,
             wrapX: false