From 47720295c50207fe3249f71a4e7304cbae0fe799 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A7=9C=E7=8E=89=E7=90=A6?=
 <7507756+jiang_yuqi@user.noreply.gitee.com>
Date: Thu, 28 Mar 2024 01:21:13 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/components/MonitAndWarning.vue | 297 +++++++++++++----------
 1 file changed, 163 insertions(+), 134 deletions(-)

diff --git a/src/pages/components/MonitAndWarning.vue b/src/pages/components/MonitAndWarning.vue
index c9797fe..1a7f963 100644
--- a/src/pages/components/MonitAndWarning.vue
+++ b/src/pages/components/MonitAndWarning.vue
@@ -1,144 +1,173 @@
 <template>
-    <el-row :key="elKey">
-        <el-col :span="8">
-            <div class="time-study-value">
-                <p>今日预警数</p>
-                <div class="analyse-num"><span>{{ todayCnt }}</span> 个</div>
+  <el-row :key="elKey">
+    <el-col :span="8">
+      <div class="time-study-value">
+        <p>今日预警数</p>
+        <div class="analyse-num">
+          <span>{{ todayCnt }}</span> 个
+        </div>
+      </div>
+      <div class="time-study-value">
+        <p>本周预警数</p>
+        <div class="analyse-num">
+          <span>{{ weekCnt }}</span> 个
+        </div>
+      </div>
+    </el-col>
+    <el-col :span="16">
+      <div class="survey-oil-title">
+        <div class="survey-oil-hr"></div>
+        <div class="survey-oil-text">预警类型</div>
+        <div
+          class="survey-oil-summary"
+          style="
+            position: absolute;
+            right: 0px;
+            top: 8px;
+            font-size: 15px;
+            padding: 0 15px;
+            background: #000b25;
+          "
+        >
+          <span style="font-weight: 800; color: red">未完成</span>/<span
+            style="color: #c0dafb"
+            >总数</span
+          >
+        </div>
+      </div>
+      <div class="analyse-number-max" id="afootOverflowType" style="height: unset">
+        <div
+          class="glr-login-number-max analyse-num-max"
+          v-for="(item, idx) in warningType"
+          style="height: unset"
+          :key="idx"
+        >
+          <div class="glr-login-number-bgd glr-login-number-red-bgd"></div>
+          <div class="glr-login-number analyse-login-numbe">
+            <div><img src="images/text_red_spot.png" />{{ item.name }}</div>
+            <div class="glr-rate-value glr-rate-red-value">
+              <span>{{ item.data }}/{{ item.total }}</span>
             </div>
-            <div class="time-study-value">
-                <p>本周预警数</p>
-                <div class="analyse-num"><span>{{ weekCnt}}</span> 个</div>
-            </div>
-        </el-col>
-        <el-col :span="16">
-            <div class="survey-oil-title">
-                <div class="survey-oil-hr"></div>
-                <div class="survey-oil-text">预警类型</div>
-                <div class="survey-oil-summary" style="position: absolute;right: 0px;top: 8px;font-size: 15px;padding: 0 15px; background: #000b25;"><span style="font-weight: 800;color:red">未完成</span>/<span style="color:#c0dafb">总数</span></div>
-            </div>
-            <div class="analyse-number-max" id="afootOverflowType" style="height: unset;">
-                <div class="glr-login-number-max analyse-num-max" v-for="(item, idx) in warningType" style="height: unset;"
-                    :key="idx">
-                    <div class="glr-login-number-bgd glr-login-number-red-bgd"></div>
-                    <div class="glr-login-number analyse-login-numbe">
-                        <div><img src="images/text_red_spot.png">{{ item.name }}</div>
-                        <div class="glr-rate-value glr-rate-red-value">
-                            <span>{{ item.data }}/{{ item.total }}</span>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </el-col>
-    </el-row>
+          </div>
+        </div>
+      </div>
+    </el-col>
+  </el-row>
 </template>
 
 <script>
 export default {
-    name: 'JhbigscreenMonitAndWarning',
-    props:{
-        type:{
-            type:String,
-            default:'index'
-        }
+  name: "JhbigscreenMonitAndWarning",
+  props: {
+    type: {
+      type: String,
+      default: "index",
     },
-    data() {
-        return {
-            elKey:0,
-            prjInfo:{},
-            deptInfo:{},
-            todayCnt:0,
-            weekCnt:0,
-            warningType: [
-                {
-                    name: 'AI预警',
-                    data: 0,
-                    total: 0
-                }, {
-                    name: '安全预警',
-                    data: 0,
-                    total: 0
-                }, {
-                    name: '质量预警',
-                    data: 0,
-                    total: 0
-                }
-            ],
-        };
-    },
-
-    mounted() {
-        this.$bus.$on("projectChange", res => {
-            this.prjInfo = res;            
-            if(this.deptInfo.text){
-                this.getMonitAndWarning();
-            }
-        });
-        this.$bus.$on("deptChange",dept=>{
-            this.deptInfo=dept;            
-            if(this.prjInfo.id){
-                this.getMonitAndWarning();
-            }
-        });
-    },
-
-    methods: {
-        getMonitAndWarning(){            
-            let prjId=0;
-            if(this.type=='detail'){
-                prjId=this.prjInfo.id;
-            }
-            this.$api.problemmodify.getMonitAndWarning(this.deptInfo.id,prjId).then(d=>{
-                let tmps=d.data?.today||[];
-                let sum=0;
-                tmps.forEach(it=>{
-                    sum+=it.total;
-                });
-                this.todayCnt=sum;
-                sum=0;
-                tmps=d.data?.week||[];
-                tmps.forEach(it=>{
-                    sum+=it.total;
-                });
-                this.weekCnt=sum;
-                let data=0;
-                sum=0;
-                tmps=d.data?.group||[];
-                let objs=tmps.filter(it=>it.infotype=="0");
-                objs.forEach(it=>{
-                    sum+=it.total;
-                    if(it.checkState!="4"){
-                        data+=it.total;
-                    }
-                });
-                this.warningType[1].data=data;
-                this.warningType[1].total=sum;
-                data=0;
-                sum=0;
-                tmps=d.data?.group||[];
-                objs=tmps.filter(it=>it.infotype=="1");
-                objs.forEach(it=>{
-                    sum+=it.total;
-                    if(it.checkState!="4"){
-                        data+=it.total;
-                    }
-                });
-                this.warningType[2].data=data;
-                this.warningType[2].total=sum;
-                data=0;
-                sum=0;
-                tmps=d.data?.group||[];
-                objs=tmps.filter(it=>it.infotype=="96");
-                objs.forEach(it=>{
-                    sum+=it.total;
-                    if(it.checkState!="4"){
-                        data+=it.total;
-                    }
-                });
-                this.warningType[0].data=data;
-                this.warningType[0].total=sum;
-                this.elKey++;
-            });
+  },
+  data() {
+    return {
+      elKey: 0,
+      prjInfo: {},
+      deptInfo: {},
+      todayCnt: 0,
+      weekCnt: 0,
+      warningType: [
+        {
+          name: "AI预警",
+          data: 0,
+          total: 0,
         },
+        {
+          name: "安全预警",
+          data: 0,
+          total: 0,
+        },
+        {
+          name: "质量预警",
+          data: 0,
+          total: 0,
+        },
+      ],
+    };
+  },
+  mounted() {
+    this.$bus.$on("projectChange", (res) => {
+      this.prjInfo = res;
+      if (this.deptInfo.text) {
+        this.getMonitAndWarning();
+      }
+    });
+    this.$bus.$on("deptChange", (dept) => {
+      this.deptInfo = dept;
+      if (this.prjInfo.id) {
+        this.getMonitAndWarning();
+      }
+    });
+  },
+  created() {
+    this.init();
+  },
+  methods: {
+    init() {
+      this.getMonitAndWarning();
     },
+    getMonitAndWarning() {
+      let prjId = 0;
+      if (this.type == "detail") {
+        prjId = this.prjInfo.id;
+      }
+      this.$api.problemmodify.getMonitAndWarning(this.deptInfo.id||0, prjId).then((d) => {
+        let tmps = d.data?.today || [];
+        let sum = 0;
+        tmps.forEach((it) => {
+          sum += it.total;
+        });
+        this.todayCnt = sum;
+        sum = 0;
+        tmps = d.data?.week || [];
+        tmps.forEach((it) => {
+          sum += it.total;
+        });
+        this.weekCnt = sum;
+        let data = 0;
+        sum = 0;
+        tmps = d.data?.group || [];
+        let objs = tmps.filter((it) => it.infotype == "0");
+        objs.forEach((it) => {
+          sum += it.total;
+          if (it.checkState != "4") {
+            data += it.total;
+          }
+        });
+        this.warningType[1].data = data;
+        this.warningType[1].total = sum;
+        data = 0;
+        sum = 0;
+        tmps = d.data?.group || [];
+        objs = tmps.filter((it) => it.infotype == "1");
+        objs.forEach((it) => {
+          sum += it.total;
+          if (it.checkState != "4") {
+            data += it.total;
+          }
+        });
+        this.warningType[2].data = data;
+        this.warningType[2].total = sum;
+        data = 0;
+        sum = 0;
+        tmps = d.data?.group || [];
+        objs = tmps.filter((it) => it.infotype == "96");
+        objs.forEach((it) => {
+          sum += it.total;
+          if (it.checkState != "4") {
+            data += it.total;
+          }
+        });
+        this.warningType[0].data = data;
+        this.warningType[0].total = sum;
+        this.elKey++;
+      });
+    },
+  },
 };
-</script>
\ No newline at end of file
+</script>