马宇豪
2025-03-04 1b9fea7d4af68d8f933b2dc42bf6084b9646f64c
src/views/intellectInspect/inspectRecordManage/inspectRecord/index.vue
@@ -1,12 +1,19 @@
<template>
    <div class="home-container">
        <div style="height: 100%">
        <div style="height: 100%;display: flex;flex-direction: column;align-items: stretch;">
            <el-row class="homeCard">
                <div class="basic-line">
                    <span>任务类型:</span>
                    <el-select v-model="tableData.params.taskType" clearable filterable class="input-box" placeholder="任务类型">
                        <el-option v-for="item in workTypeList" :key="item.id" :label="item.name" :value="item.id"></el-option>
                    </el-select>
                </div>
                <div class="basic-line">
                    <span>部门:</span>
                    <el-cascader class="input-box" :options="departmentList" :props="{ emitPath: false, checkStrictly: true, value: 'depId', label: 'depName' }"
                                 placeholder="请选择部门" clearable v-model="tableData.params.execDepId"
                                 @change="changeGroup"
                    > </el-cascader>
                </div>
                <div class="basic-line">
                    <span>执行班组:</span>
@@ -16,7 +23,7 @@
                </div>
                <div class="basic-line">
                    <span>任务状态:</span>
                    <el-select v-model="tableData.params.taskStatus" clearable filterable class="input-box" placeholder="执行班组">
                    <el-select v-model="tableData.params.taskStatus" clearable filterable class="input-box" placeholder="任务状态">
                        <el-option v-for="item in taskStatusList" :key="item.id" :label="item.name" :value="item.id"></el-option>
                    </el-select>
                </div>
@@ -45,13 +52,7 @@
                                </span>
                            </template>
                        </el-table-column>
                        <el-table-column property="execClassgroupId" label="巡检班组">
                            <template #default="scope">
                                <span>
                                    {{ parseNumber(scope.row.execClassgroupId, '巡检班组') }}
                                </span>
                            </template>
                        </el-table-column>
                        <el-table-column property="execClassgroupName" label="巡检班组"/>
                        <el-table-column property="frequency" label="检查频次">
                            <template #default="scope">
                                <span>
@@ -73,6 +74,21 @@
                                </el-tag>
                            </template>
                        </el-table-column>
                      <el-table-column property="taskClaimTime" label="认领时间">
                        <template #default="scope">
                          {{scope.row.taskClaimTime?scope.row.taskClaimTime:'--'}}
                        </template>
                      </el-table-column>
                      <el-table-column property="reportTime" label="填报时间">
                        <template #default="scope">
                          {{scope.row.reportTime?scope.row.reportTime:'--'}}
                        </template>
                      </el-table-column>
                      <el-table-column property="taskTimeConsuming" label="巡检耗时">
                        <template #default="scope">
                          {{scope.row.taskTimeConsuming?scope.row.taskTimeConsuming:'--'}}
                        </template>
                      </el-table-column>
                        <el-table-column property="resultStatus" label="巡检结果">
                            <template #default="scope">
                                <span>
@@ -173,7 +189,7 @@
                    pageSize: 10,
                    taskName: null,
                    taskType: null,
                    taskStatus: 2,
                    taskStatus: null,
                    execUserId: null,
                    execClassgroupId: null,
                    execDepId: null,
@@ -192,7 +208,8 @@
            ],
            resultStatusList: [
                { id: 0, name: '正常' },
                { id: 1, name: '存在异常' }
                { id: 1, name: '存在异常' },
                { id: 2, name: '备' }
            ],
            taskStatusList: [
                { id: 1, name: '待巡检' },
@@ -277,16 +294,16 @@
            }
        };
        //获取班组
        const getClassGroupData = async () => {
            let res = await teamManageApi().getRecord({ depIp: null, groupName: null, containGroupMemberEnable: null });
            if (res.data.code === '200') {
                state.classGroupList = res.data.data;
            } else {
                ElMessage({
                    type: 'warning',
                    message: res.data.msg
                });
        const changeGroup = async () => {
            if(state.tableData.params.execDepId === null) {
                state.classGroupList = []
            }else{
                let res = await departmentApi().getByDepId({depId:state.tableData.params.execDepId})
                if(res.data.code === '200'){
                    state.classGroupList = res.data.data
                }else{
                }
            }
        };
@@ -365,13 +382,11 @@
                getInspectRecord();
                getQuotaList();
                getDepartmentData();
                getClassGroupData();
                getInspectTaskPoint();
            } else {
                getInspectRecord();
                getQuotaList();
                getDepartmentData();
                getClassGroupData();
                getInspectTaskPoint();
            }
        });
@@ -384,6 +399,7 @@
            Plus,
            reset,
            parseNumber,
            changeGroup,
            getInspectRecord,
            onHandleSizeChange,
            onHandleCurrentChange,
@@ -401,12 +417,14 @@
    height: calc(100vh - 144px);
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    .homeCard {
        width: 100%;
        padding: 20px;
        box-sizing: border-box;
        background: #fff;
        border-radius: 4px;
        flex: 0 auto;
        .main-card {
            width: 100%;
@@ -421,7 +439,15 @@
                }
            }
            .pageBtn {
                position: absolute;
                width: 100%;
                z-index: 99;
                bottom: 0;
                right: 0;
                height: 60px;
                border-radius: 0 0 4px 4px;
                padding-right: 20px;
                background: #fff;
                display: flex;
                align-items: center;
                justify-content: right;
@@ -434,8 +460,8 @@
                }
            }
        }
        &:last-of-type {
            height: calc(100% - 100px);
        &:last-of-type{
          flex: 1;
        }
    }
    .el-row {