单站监控首页更新

src/views/ems/dzjk/home/index.vue

@@ -87,18 +87,13 @@
 
 <script>
 import {getSingleSiteBaseInfo} from '@/api/ems/zddt'
-import {getDzjkHomeView} from '@/api/ems/dzjk'
-// import NllzChart from "./NllzChart.vue";
+import {getDzjkHomeView, getPcsNameList, getPowerData} from '@/api/ems/dzjk'
 import WeekChart from "./WeekChart.vue";
 import ActiveChart from "./ActiveChart.vue";
 import getQuerySiteId from '@/mixins/ems/getQuerySiteId'
+import {formatDate} from "@/filters/ems";
 export default {
   name:'DzjkSbjkHome',
-  computed: {
-    loader() {
-      return loader
-    }
-  },
   components: {WeekChart,ActiveChart},
   mixins: [getQuerySiteId],
   data() {
@@ -134,7 +129,6 @@ export default {
         value:'',
         attr:'totalDischargedCap'
       }],
-      // todo 表格里的不同状态可能需要显示不同颜色 确定表格内容
       tableData:[],
       info:{}
     }
@@ -143,23 +137,45 @@ export default {
     toTicket(){
       this.$router.push({path:'/ticket'})
     },
-    init(){
-      this.loading = true
-      getSingleSiteBaseInfo(this.siteId).then(response => {
-        console.log('单个站点详情数据',response)
-        this.info = response?.data || {}
+    getGVQXData(){
+      this.$refs.activeChart.showLoading()
+      const {siteId}=this,now=new Date()
+      getPcsNameList(this.siteId).then(response=>{
+        const data=response?.data || [];
+        if(data.length>0){
+          //接口调用完成之后 设置图表、结束loading
+          getPowerData({siteId,deviceId:data[0].id,startDate:formatDate(now),endDate:formatDate(now),dataType:'1'}).then(response => {
+            this.$refs.activeChart.setOption(response?.data || [])
+          })
+        }
       })
+    },
+    getBaseInfo(){
+      this.$refs.weekChart.showLoading()
+      getSingleSiteBaseInfo(this.siteId).then(response => {
+        this.info = response?.data || {}
+        const {sevenDayDisChargeStats=[],unit=''} = this.info
+        this.$refs.weekChart.setOption(sevenDayDisChargeStats,unit)
+      })
+    },
+    getTableData(){
       getDzjkHomeView(this.siteId).then(response => {
         const data = response?.data || {}
         this.sjglData.forEach(item=>{
           item.value =data[item.attr]
         })
         this.tableData = data?.siteMonitorHomeAlarmVo || []
-        // this.$refs.nllzChart.setOption(data)
-        this.$refs.weekChart.setOption(data)
-        this.$refs.activeChart.setOption(data)
       }).finally(() => {this.loading = false})
-      
+    },
+    init(){
+      this.loading = true
+      // 功率曲线
+      this.getGVQXData()
+      // 基本信息+冲放曲线
+      this.getBaseInfo()
+      //其他数据
+      this.getTableData()
+
     }
   },
 }