站点地图重复调用问题

src/views/ems/zddt/index.vue

@@ -7,7 +7,7 @@
       </div>
       <div class="zd-msg-container">
         <div class="zd-msg-top">
-          <zd-select @submitSite="submitSite"></zd-select>
+          <zd-select ref="zdSelect" @submitSite="submitSite"></zd-select>
           <el-card class="common-card-container">
             <div slot="header">
               <span class="card-title">基本信息</span>
@@ -99,6 +99,7 @@ export default {
       if(this.singleSiteId === id){return console.log(`点击搜索按钮 搜索相同的站点id= ${id}不再调用获取基本信息接口`)}
       console.log('点击搜索按钮 选中的站点id',id)
       this.singleSiteId = id
+      this.$refs.zdSelect.searchLoading = true
       getSingleSiteBaseInfo(id).then(response => {
         console.log('单个站点详情数据',response)
         const res = response.data || {}
@@ -112,8 +113,7 @@ export default {
         })
         this.$refs.barChart.setOption(res?.sevenDayDisChargeStats || [])
         this.$refs.mapChart.setOption([{name:this.singleSiteName,value:this.singleSiteLocation}])
-
-      })
+      }).finally(() => {this.$refs.zdSelect.searchLoading = false})
     },
     //跳转单站监控页面
     toDzjk(){