Browse Source

fix: 告警处置添加空状态

TwoKe945 1 year ago
parent
commit
29283923ab

+ 2 - 2
app/src/views/Home/components/MapCharts.vue

@@ -281,11 +281,11 @@ export default {
   },
   methods: {
     convertMapData(data) {
-      const maxValue = (this.calcMaxData(data) / 5)
+      const maxValue = (this.calcMaxData(data) / 4)
       const intData = toInt(maxValue)
       return data.map(item => ({...item,
           label: {
-            color: item.value < intData * 3 ? '#000' : '#fff'
+            color: item.value < intData * 2 ? '#000' : '#fff'
           }
         }))
     },

+ 1 - 1
app/src/views/Home/components/MapChartsCategory.vue

@@ -524,7 +524,7 @@ export default {
       };
       this.mapChart = echarts.init(mapChart, "light");
       this.mapChart.setOption(option);
-    toolUtils.autoHover(this.mapChart, option, 24, 5000);
+    toolUtils.autoHover(this.mapChart, option, 24, 10 * 1000);
       // 图表对象响应式设置
       window.addEventListener("resize", () => {
         this.mapChart.resize();

+ 10 - 2
app/src/views/Iot/components/AlarmHandling.vue

@@ -24,14 +24,14 @@
 
       <el-button @click="getList">搜索</el-button>
     </div>
-    <div>
+    <div >
       <div class="row header">
         <span class="num">序号</span>
         <span class="time">区域</span>
         <span class="person">未处理</span>
         <span class="result">已处理</span>
       </div>
-      <VueSeamlessScroll v-if="reload" :data="list1" :class-option="classOption" class="warp">
+      <VueSeamlessScroll v-if="reload && list1.length > 0" :data="list1" :class-option="classOption" class="warp">
         <ul class="item">
           <li class="row" :class="{
             active: item.isActive
@@ -43,6 +43,9 @@
           </li>
         </ul>
       </VueSeamlessScroll>
+      <div v-else class="empty-container">
+        <img src="../../../assets/images/null2.png" alt="">
+      </div>
     </div>
   </div>
 </template>
@@ -146,6 +149,11 @@ export default {
   
   <style scoped lang="less">
 .maintenance-supervision {
+  .empty-container {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
   // padding: 10px 10px 0px 20px;
   ::v-deep(.el-input__inner) {
     border: none;