From 7fd5c2d17a4df2c6818ab76d6dffe851afa18c9c Mon Sep 17 00:00:00 2001 From: 马宇豪 <978517621@qq.com> Date: 星期四, 23 二月 2023 13:25:43 +0800 Subject: [PATCH] 外包修改 --- src/views/intellectInspect/inspectIndex/index.vue | 83 +++++++++++++++++++++++++++++++++++++++-- 1 files changed, 78 insertions(+), 5 deletions(-) diff --git a/src/views/intellectInspect/inspectIndex/index.vue b/src/views/intellectInspect/inspectIndex/index.vue index 3320770..2e64240 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="toOverTime(5)">{{ unusual }}</span - >个 + 存在异常任务<el-tooltip + class="box-item" + effect="light" + content="查看相关记录" + placement="bottom-start" + ><span @click="toOverTime(5)">{{ unusual }}</span + ></el-tooltip>个 </div> 。 </div> @@ -185,7 +194,9 @@ }; const toLine = (item) => { - let id = JSON.parse(JSON.stringify(item)).id; + console.log(item,'item') + let id = item.id; + console.log(id,'id') router.push({ path: 'intelligentLine', query: { @@ -298,6 +309,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; @@ -336,6 +378,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