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