pcs、bms接口联调

src/views/ems/zddt/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="ems-dashboard-editor-container">
+  <div class="ems-dashboard-editor-container" v-loading="loading">
     <zd-info></zd-info>
     <div class="ems-content-container ">
       <div class="map-container">
@@ -22,7 +22,7 @@
             </el-row>
  <!--     基本信息     -->
             <el-descriptions class="single-zd-info-container" :column="1" >
-              <el-descriptions-item  v-for="(item,index) in singleZdInfo" :key="index+'singleZdInfo'" :label="item.title">{{item.value}}</el-descriptions-item>
+              <el-descriptions-item  v-for="(item,index) in singleZdInfo" :key="index+'singleZdInfo'" :label="item.title">{{item.value | formatNumber }}</el-descriptions-item>
             </el-descriptions>
 <!--      echarts柱状图-->
           <bar-chart ref="barChart"></bar-chart>
@@ -45,6 +45,7 @@ export default {
   components:{ZdSelect,ZdInfo,SingleSquareBox,BarChart,MapChart},
   data() {
     return {
+      loading:false,
       singleSiteId:'',
       singleSiteName:'',
       singleSiteLocation:[],
@@ -97,23 +98,24 @@ export default {
     // 站点选中
     submitSite(id){
       if(this.singleSiteId === id){return console.log(`点击搜索按钮 搜索相同的站点id= ${id}不再调用获取基本信息接口`)}
+      this.loading=true
       console.log('点击搜索按钮 选中的站点id',id)
       this.singleSiteId = id
       this.$refs.zdSelect.searchLoading = true
       getSingleSiteBaseInfo(id).then(response => {
         console.log('单个站点详情数据',response)
-        const res = response.data || {}
+        const res = response?.data || {}
         this.singleSiteName = res?.siteName || ''//站点名称
         this.singleSiteLocation = res?.siteLocation || []//站点坐标
         this.singleZdSqaure.forEach(item=>{
-          item.value =( res[item.attr] || res[item.attr] === 0 ) ? res[item.attr] : '-'
+          item.value =res[item.attr]
         })
         this.singleZdInfo.forEach(item=>{
-          item.value = ( res[item.attr] || res[item.attr] === 0 ) ? res[item.attr] : '-'
+          item.value = res[item.attr]
         })
         this.$refs.barChart.setOption(res?.sevenDayDisChargeStats || [])
         this.$refs.mapChart.setOption([{name:this.singleSiteName,value:this.singleSiteLocation}])
-      }).finally(() => {this.$refs.zdSelect.searchLoading = false})
+      }).finally(() => {this.$refs.zdSelect.searchLoading = false;this.loading=false})
     },
     //跳转单站监控页面
     toDzjk(){