From 999cab6fb3fc6d2a288d365da991351c5a396bf0 Mon Sep 17 00:00:00 2001 From: Admin <978517621@qq.com> Date: 星期三, 21 九月 2022 15:53:18 +0800 Subject: [PATCH] 删除无用页面 --- src/views/intellectInspect/inspectIndex/index.vue | 104 ++++++++++++++++++++++++++++++++++++++++----------- 1 files changed, 81 insertions(+), 23 deletions(-) diff --git a/src/views/intellectInspect/inspectIndex/index.vue b/src/views/intellectInspect/inspectIndex/index.vue index 41c9c8e..2d5e04f 100644 --- a/src/views/intellectInspect/inspectIndex/index.vue +++ b/src/views/intellectInspect/inspectIndex/index.vue @@ -7,13 +7,22 @@ <el-icon :size="18" color="#F3001E" style="margin-right: 4px"><BellFilled /></el-icon> 预警消息: <div v-if="unchecked != 0"> - 当日超期未巡检任务<span @click="toOverTime(4)">{{ unchecked }}</span - >个 + 当日超期未巡检任务<el-tooltip + class="box-item" + effect="light" + content="查看相关记录" + placement="bottom-start" + ><span @click="toOverTime(4)">{{ unchecked }}</span></el-tooltip>个 </div> <span v-if="unchecked != 0 && unusual != 0">,</span> <div v-if="unusual != 0"> - 存在异常任务<span @click="toUnusual(1)">{{ unusual }}</span - >个 + 存在异常任务<el-tooltip + class="box-item" + effect="light" + content="查看相关记录" + placement="bottom-start" + ><span @click="toOverTime(5)">{{ unusual }}</span + ></el-tooltip>个 </div> 。 </div> @@ -167,9 +176,6 @@ if (res.data.code === '200') { state.unchecked = res.data.data.noCheckTaskCount; state.unusual = res.data.data.abnormalTaskCount; - state.uncheckedList = JSON.parse(JSON.stringify(res.data.data.noCheckTasks)); - console.log(state.uncheckedList, '555555555555555'); - state.abnormalList = JSON.parse(JSON.stringify(res.data.data.abnormalTasks)); } else { ElMessage({ type: 'warning', @@ -199,27 +205,13 @@ const toOverTime = (id) => { console.log(state.uncheckedList, 'list'); - debugger; router.push({ path: 'inspectRecord', query: { id: id, - dataList: JSON.stringify(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); }; @@ -256,9 +248,9 @@ font-size: 16px; align-items: center; padding: 10px 15px; - background: #ffd057; + background: #ffeb87; border-radius: 8px; - border: 1px solid #f3001e; + border: 1px solid #ffae00; & > div { vertical-align: middle; @@ -268,6 +260,10 @@ color: #f3001e; margin: 0 4px; cursor: pointer; + + &:hover{ + text-decoration: underline; + } } } } @@ -311,6 +307,37 @@ } } @media screen and (min-width: 1200px) and (max-width: 1366px) { + .topCard { + display: flex; + align-items: center; + justify-content: space-between; + font-weight: bolder; + + .top-info { + display: flex; + font-size: 14px; + align-items: center; + padding: 6px 10px; + background: #ffeb87; + border-radius: 4px; + border: 1px solid #ffae00; + + & > div { + vertical-align: middle; + white-space: nowrap; + span { + font-size: 18px; + color: #f3001e; + margin: 0 2px; + cursor: pointer; + + &:hover{ + text-decoration: underline; + } + } + } + } + } .left-info { width: 70%; display: flex; @@ -349,6 +376,37 @@ } } @media screen and (max-width: 1200px) { + .topCard { + display: flex; + align-items: center; + justify-content: space-between; + font-weight: bolder; + + .top-info { + display: flex; + font-size: 14px; + align-items: center; + padding: 2px 6px; + background: #ffeb87; + border-radius: 4px; + border: 1px solid #ffae00; + + & > div { + vertical-align: middle; + white-space: nowrap; + span { + font-size: 16px; + color: #f3001e; + margin: 0 1px; + cursor: pointer; + + &:hover{ + text-decoration: underline; + } + } + } + } + } .left-info { width: 70%; display: flex; -- Gitblit v1.9.2