液冷图表

src/views/ems/dzjk/sbjk/PointChart.vue

@@ -62,6 +62,7 @@ export default {
     },
     dataUnit:{
       handler(newVal,oldVal){
+        if(!this.show) return
         console.log('wacth到了dataUnit的变化',newVal,oldVal)
         this.$nextTick(()=>{
           this.$refs.dateTimeSelect.init()

src/views/ems/dzjk/sbjk/yl/index.vue

@@ -11,11 +11,14 @@
         </div>
         <el-row>
           <el-col v-for="(tempDataItem,tempDataIndex) in tempData" :key="tempDataIndex+'ylTempData'" :span="8">
+            <span class="pointer" @click="showChart(tempDataItem.title,item.deviceName,item.deviceId)">
               {{tempDataItem.title}}：{{item[tempDataItem.attr]}}<span v-html="tempDataItem.unit"></span>
+            </span>
           </el-col>
         </el-row>
       </el-card>
       <el-empty v-show="list.length<=0" :image-size="200"></el-empty>
+      <point-chart ref="pointChart" :site-id="siteId"/>
     </div>
 </template>
 
@@ -24,9 +27,11 @@
 import getQuerySiteId from "@/mixins/ems/getQuerySiteId";
 import {getCoolingDataList} from '@/api/ems/dzjk'
 import intervalUpdate from "@/mixins/ems/intervalUpdate";
+import pointChart from "./../PointChart.vue";
 export default {
   name:'DzjkSbjkYl',
   mixins:[getQuerySiteId,intervalUpdate],
+  components:{pointChart},
   data() {
     return {
       loading:false,
@@ -37,12 +42,16 @@ export default {
         {title:'供水压力',attr:'gsPressure',unit:'bar'},
         {title:'回水压力',attr:'hsPressure',unit:'bar'},
         {title:'冷源水温度',attr:'lysTemp',unit:'&#8451;'},
-        {title:'VB01 开度',attr:'vb01Kd',unit:'%'},
+        {title:'VB01开度',attr:'vb01Kd',unit:'%'},
-        {title:'VB02 开度',attr:'vb02Kd',unit:'%'},
+        {title:'VB02开度',attr:'vb02Kd',unit:'%'},
       ]
     }
   },
   methods:{
+    showChart(pointName,deviceName,deviceId){
+      console.log('点击查询图表',pointName,deviceName,deviceId)
+      pointName && this.$refs.pointChart.showChart({pointName,deviceName,deviceId})
+    },
     updateData(){
       this.loading = true
       getCoolingDataList(this.siteId).then(response => {