无设备处理

src/views/govern/analyze/APF/index.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="default-main analyze-apf" :style="{ height: pageHeight.height }" v-loading="loading">
         <DeviceTree @node-click="nodeClick" @init="nodeClick"></DeviceTree>
-        <div class="analyze-apf-right">
+        <div class="analyze-apf-right" v-if="formInline.devId">
             <el-form :inline="true">
                 <el-form-item label="统计指标:">
                     <el-select v-model="formInline.statisticalId" filterable placeholder="请选择">
@@ -30,7 +30,7 @@
                     <el-button type="primary" @click="search" icon="el-icon-Search">查询</el-button>
                 </el-form-item>
                 <el-form-item>
-                    <div style="display: flex;align-items: center;">
+                    <div style="display: flex; align-items: center">
                         <Icon name="el-icon-InfoFilled" style="color: #ff9912"></Icon>
                         总输出电流阈值和总输出电流比较
                     </div>
@@ -41,6 +41,7 @@
                 <MyEchart :options="echartsData" style="flex: 1" />
             </template>
         </div>
+        <el-empty v-else description="请选择设备" class="analyze-apf-right" />
     </div>
 </template>
 

src/views/govern/analyze/DVR/index.vue

@@ -2,9 +2,10 @@
     <div class="default-main">
         <div class="analyze-dvr" v-show="view" :style="{ height: pageHeight.height }" v-loading="loading">
             <DeviceTree @node-click="nodeClick" @init="nodeClick"></DeviceTree>
-            <div class="analyze-dvr-right">
+            <div class="analyze-dvr-right" v-if="tableStore.table.params.deviceId">
                 <Table v-if="view" ref="tableRef"></Table>
             </div>
+            <el-empty v-else description="请选择设备" class="analyze-dvr-right" />
         </div>
         <div :style="{ height: pageHeight.height }" style="padding: 10px; overflow: hidden" v-if="!view">
             <el-row>