Admin
2022-09-21 999cab6fb3fc6d2a288d365da991351c5a396bf0
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;