报警

src/pages/alarms/untreated/index.vue

@@ -7,13 +7,13 @@
                     div.left_main_body
                         div.left_col_header 报警处理情况
                         el-row.row_style()
-                            el-col(:span="8")
+                            el-col(:span="12")
                                 div(style="color:#F56C6C;font-size:18px;font-weight:400;font-family:Microsoft YaHei;") {{status.oneCount}}
                                 div(style="font-size:12px;color:#656565;font-family:Microsoft YaHei;font-weight:400;") 未处理
-                            el-col(:span="8")
-                                div(style="color:#E6A23C;font-size:18px;font-weight:400;font-family:Microsoft YaHei;")  {{status.twoCount}}
-                                div(style="font-size:12px;color:#656565;font-family:Microsoft YaHei;font-weight:400;") 处理中
-                            el-col(:span="8")
+                            //- el-col(:span="8")
+                            //-     div(style="color:#E6A23C;font-size:18px;font-weight:400;font-family:Microsoft YaHei;")  {{status.twoCount}}
+                            //-     div(style="font-size:12px;color:#656565;font-family:Microsoft YaHei;font-weight:400;") 处理中
+                            el-col(:span="12")
                                 div(style="color:#409EFF;font-size:18px;font-weight:400;font-family:Microsoft YaHei;")  {{status.threeCount}}
                                 div(style="font-size:12px;color:#656565;font-family:Microsoft YaHei;font-weight:400;") 已处理
                     div.left_main_body
@@ -48,11 +48,11 @@ export default {
       activeName: '0',
       level: {},
       status: {},
-      chartData: null,
+      chartData: null
     }
   },
   components: {
-    QueryList,
+    QueryList
   },
   created() {
     this.eventList = []
@@ -69,12 +69,12 @@ export default {
       let option = {
         tooltip: {
           trigger: 'item',
-          formatter: '{b}: {c} ({d}%)',
+          formatter: '{b}: {c} ({d}%)'
         },
         legend: {
           orient: 'horizontal',
           bottom: 10,
-          data: ['特别重大', '重大', '一般'],
+          data: ['特别重大', '重大', '一般']
         },
         series: [
           {
@@ -87,7 +87,7 @@ export default {
                 //自定义文字
                 //return element.name + '：' + element.value + '(' + element.percent + '%)'
                 return element.percent + '%'
-              },
+              }
             },
             itemStyle: {
               normal: {
@@ -95,15 +95,15 @@ export default {
                   //自定义颜色
                   let colorList = ['#F56C6C', '#E6A23C', '#409EFF']
                   return colorList[params.dataIndex]
-                },
-              },
+                }
+              }
             },
             labelLine: {
-              show: true,
+              show: true
             },
-            data: this.chartData,
-          },
-        ],
+            data: this.chartData
+          }
+        ]
       }
       myCharts.setOption(option)
     },
@@ -114,8 +114,8 @@ export default {
         url: this.$http.adornUrlAlarm(`/alarmsInfo/queryGroupUntreated`),
         method: 'get',
         params: this.$http.adornParams({
-          stationId: localStorage.getItem('stationId'),
-        }),
+          stationId: localStorage.getItem('stationId')
+        })
       }).then((data) => {
         this.leftLoading = false
         if (data && data.code === 0) {
@@ -125,7 +125,7 @@ export default {
           this.chartData = [
             { value: this.level.oneCount, name: '特别重大' },
             { value: this.level.twoCount, name: '重大' },
-            { value: this.level.threeCount, name: '一般' },
+            { value: this.level.threeCount, name: '一般' }
           ]
           this.groupInit()
         }
@@ -135,8 +135,8 @@ export default {
       this.$nextTick(() => {
         this.$refs.queryList.init(this.activeName)
       })
-    },
-  },
+    }
+  }
 }
 </script>
 <style lang="scss" scoped>

src/pages/alarms/untreated/query-list.vue

@@ -15,7 +15,7 @@
                             el-select(v-model="dataForm.eventType" style="width:150px" placeholder="请选择" clearable)
                                 el-option(v-for="(item,index) in alarmOption" :label="item.eventName" :value="item.id" :key="index")
                         el-form-item(label="报警状态:")
-                            el-select(v-model="dataForm.status" style="width:150px" placeholder="请选择" clearable)
+                            el-select(v-model="dataForm.status" style="width:100px" placeholder="请选择" clearable)
                                 el-option(label="未处理" value=1)
                                 el-option(label="处理中" value=2)
                                 el-option(label="已处理" value=3)