From 86687e3e362499b05587ec4d83a6b1133ce0d2b5 Mon Sep 17 00:00:00 2001
From: Admin <978517621@qq.com>
Date: 星期二, 23 八月 2022 11:26:18 +0800
Subject: [PATCH] Default Changelist

---
 src/views/intellectInspect/inspectIndex/index.vue |  122 ++++++++++++++++++++++++++++++++++++----
 1 files changed, 108 insertions(+), 14 deletions(-)

diff --git a/src/views/intellectInspect/inspectIndex/index.vue b/src/views/intellectInspect/inspectIndex/index.vue
index f7abf1e..80b5cbb 100644
--- a/src/views/intellectInspect/inspectIndex/index.vue
+++ b/src/views/intellectInspect/inspectIndex/index.vue
@@ -1,9 +1,15 @@
 <template>
     <div class="home-container">
         <div style="height: 100%">
-            <div class="homeCard">
+            <div class="homeCard topCard">
                 <div class="title">
                     当前巡检任务
+                </div>
+                <div class="top-info" v-if="unchecked!=0||unusual!=0">
+                    <el-icon :size="18" color="#F3001E" style="margin-right: 4px"><BellFilled /></el-icon>
+                    预警消息:
+                    <div v-if="unchecked!=0">当日超期未巡检任务<span @click="toOverTime(4)">{{unchecked}}</span>个</div><span v-if="unchecked!=0&&unusual!=0">,</span>
+                    <div v-if="unusual!=0">存在异常任务<span @click="toUnusual(1)">{{unusual}}</span>个</div>。
                 </div>
             </div>
             <div class="homeCard">
@@ -47,9 +53,14 @@
 import { inspectRecordApi } from '/@/api/intellectInspectSystem/inspectRecord';
 import { useRouter } from 'vue-router';
 import inspectRecordDialog from './components/inspectRecordDialog.vue';
+import {departmentApi} from "/@/api/systemManage/department";
 // 定义接口来定义对象的类型
 interface stateType {
     tableData: Array<string>;
+    unchecked: null | number,
+    unusual: null | number,
+    uncheckedList: [],
+    abnormalList: [],
     pageIndex: number;
     pageSize: number;
     totalSize: number;
@@ -78,6 +89,10 @@
             pageSize: 10,
             totalSize: 0,
             tableData: [],
+            unchecked: null,
+            unusual: null,
+            uncheckedList: [],
+            abnormalList: [],
             workTypeList: [
                 { id: 1, name: '日常任务' },
                 { id: 2, name: '周期任务' }
@@ -105,6 +120,8 @@
         // 页面载入时执行方法
         onMounted(() => {
             getInspectRecord();
+            getDayData();
+            getDepartmentData()
         });
 
         // 分页获取工作时段列表
@@ -112,9 +129,37 @@
             const data = { pageSize: state.pageSize, pageIndex: state.pageIndex};
             let res = await inspectRecordApi().getInspectRecordByIndex(data);
             if (res.data.code === '200'){
-                console.log(res.data.data)
                 state.tableData = res.data.data.records
                 state.totalSize = res.data.data.total
+            } else {
+                ElMessage({
+                    type: 'warning',
+                    message: res.data.msg
+                });
+            }
+        };
+        //获取部门
+        const getDepartmentData = async () => {
+            let res = await departmentApi().getDepartmentList();
+            if (res.data.code === '200') {
+                state.departmentList = res.data.data;
+            } else {
+                ElMessage({
+                    type: 'warning',
+                    message: res.data.msg
+                });
+            }
+        };
+
+        //获取当日数据
+        const getDayData = async () => {
+            let res = await inspectRecordApi().getDayRecord();
+            if (res.data.code === '200') {
+                state.unchecked = res.data.data.noCheckTaskCount
+                state.unusual = res.data.data.abnormalTaskCount
+                state.uncheckedList = res.data.data.noCheckTasks
+                console.log(state.uncheckedList,'555555555555555')
+                state.abnormalList = JSON.parse(JSON.stringify(res.data.data.abnormalTasks))
             } else {
                 ElMessage({
                     type: 'warning',
@@ -141,6 +186,29 @@
                 }
             });
         }
+
+        const toOverTime = (id) =>{
+            console.log(state.uncheckedList,'list')
+            router.push({
+                path: 'inspectRecord',
+                query: {
+                    id: id,
+                    dataList: state.uncheckedList,
+                    total: state.uncheckedList.length
+                }
+            });
+        }
+
+        // const toUnusual = (status) =>{
+        //     router.push({
+        //         path: 'inspectRecord',
+        //         query: {
+        //             status: status,
+        //             dataList: state.abnormalList,
+        //             total: state.abnormalList.length
+        //         }
+        //     });
+        // }
         const toDetails = (type: string, item) => {
             inspectRecordDialogRef.value.showInspectRecordDialog(type, item, state.workTypeList, state.departmentList, state.timeType, state.classGroupList, state.quotaList, state.inspectPointAllList);
         }
@@ -153,6 +221,7 @@
             router,
             inspectRecordDialogRef,
             toLine,
+            toOverTime,
             toDetails,
             handleSizeChange,
             handleCurrentChange,
@@ -165,6 +234,33 @@
 <style scoped lang="scss">
 $homeNavLengh: 8;
 @media screen and (min-width: 1366px) {
+    .topCard{
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        font-weight: bolder;
+
+        .top-info{
+            display: flex;
+            font-size: 16px;
+            align-items: center;
+            padding: 10px 15px;
+            background: #FFD057;
+            border-radius: 8px;
+            border: 1px solid #F3001E;
+
+            &>div{
+                vertical-align: middle;
+                white-space: nowrap;
+                span{
+                    font-size: 22px;
+                    color: #F3001E;
+                    margin: 0 4px;
+                    cursor: pointer;
+                }
+            }
+        }
+    }
     .left-info {
         width: 70%;
         display: flex;
@@ -400,18 +496,6 @@
             align-items: center;
             min-height: 36px;
         }
-
-        .topInfo {
-            display: flex;
-            align-items: center;
-            font-size: 16px;
-            font-weight: bold;
-
-            & > div {
-                white-space: nowrap;
-                margin-right: 20px;
-            }
-        }
     }
 }
 .el-input {
@@ -423,4 +507,14 @@
 .el-select {
     width: 100%;
 }
+:deep(.el-textarea.is-disabled .el-textarea__inner) {
+    background-color: var(--el-card-bg-color);
+    color: var(--el-input-text-color, var(--el-text-color-regular));
+}
+:deep(.el-input.is-disabled .el-input__inner) {
+    color: var(--el-input-text-color, var(--el-text-color-regular));
+}
+:deep(.el-input.is-disabled .el-input__wrapper) {
+    background-color: var(--el-card-bg-color);
+}
 </style>

--
Gitblit v1.9.2