| | |
| | | <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> |
| | |
| | | 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', |
| | |
| | | |
| | | 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); |
| | | }; |
| | |
| | | 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; |
| | |
| | | color: #f3001e; |
| | | margin: 0 4px; |
| | | cursor: pointer; |
| | | |
| | | &:hover{ |
| | | text-decoration: underline; |
| | | } |
| | | } |
| | | } |
| | | } |
| | |
| | | } |
| | | } |
| | | @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; |
| | |
| | | } |
| | | } |
| | | @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; |