From 5a1616f169d75ece07d2d12a8edac3e5f660a920 Mon Sep 17 00:00:00 2001
From: Your Name <123456>
Date: 星期四, 08 九月 2022 09:36:16 +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