batman
2023-03-16 b6cacf34f55a6d53e3019ff0c886ff3a2335c066
src/views/intellectInspect/inspectRecordManage/inspectRecord/index.vue
@@ -9,6 +9,13 @@
                    </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>
                    <el-select v-model="tableData.params.execClassgroupId" clearable filterable class="input-box" placeholder="执行班组">
                        <el-option v-for="item in classGroupList" :key="item.id" :label="item.groupName" :value="item.id"></el-option>
@@ -33,8 +40,8 @@
                    <el-table ref="multipleTableRef" :data="tableData.inspectRecordData" style="width: 100%" height="calc(100% - 100px)" :header-cell-style="{ background: '#fafafa' }">
                        <el-table-column property="taskName" label="任务名称">
                            <template #default="scope">
                                <div :class="hasJump == true && scope.row.startTime.slice(0, 10) == date&&(tableData.params.taskStatus == 4 || tableData.params.taskStatus == 5)?'redTit':''">
                                   {{scope.row.taskName}}
                                <div :class="hasJump == true && scope.row.startTime.slice(0, 10) == date && (tableData.params.taskStatus == 4 || tableData.params.taskStatus == 5) ? 'redTit' : ''">
                                    {{ scope.row.taskName }}
                                </div>
                            </template>
                        </el-table-column>
@@ -66,9 +73,9 @@
                        <el-table-column prop="execUserName" label="执行人" show-overflow-tooltip></el-table-column>
                        <el-table-column property="taskStatus" label="任务状态" width="180">
                            <template #default="scope">
                                <el-tag :type="scope.row.resultStatus === 1? 'danger': scope.row.taskStatus === 1 ? 'info' : scope.row.taskStatus === 2 ? '' : scope.row.taskStatus === 3 ? 'success' : 'danger'">
                                <el-tag :type="scope.row.resultStatus === 1 ? 'danger' : scope.row.taskStatus === 1 ? 'info' : scope.row.taskStatus === 2 ? '' : scope.row.taskStatus === 3 ? 'success' : 'danger'">
                                    <span>
                                        {{ scope.row.resultStatus === 1?'已巡检存在异常':parseNumber(scope.row.taskStatus, '任务状态') }}
                                        {{ scope.row.resultStatus === 1 ? '已巡检存在异常' : parseNumber(scope.row.taskStatus, '任务状态') }}
                                    </span>
                                </el-tag>
                            </template>
@@ -115,7 +122,7 @@
};
interface stateType {
    isRed:boolean;
    isRed: boolean;
    hasJump: boolean;
    date: string;
    tableData: {
@@ -135,7 +142,7 @@
            validTime: string | null;
            createUserId: number | null;
            reportTime: string | null;
            resultStatus: number | null
            resultStatus: number | null;
        };
    };
    workTypeList: Array<type>;
@@ -155,6 +162,7 @@
    id: number;
    groupName: string;
}
interface timeType {}
export default {
    name: 'index',
    components: { inspectRecordDialog },
@@ -191,12 +199,13 @@
            ],
            resultStatusList: [
                { id: 0, name: '正常' },
                { id: 1, name: '存在异常' }
                { id: 1, name: '存在异常' },
                { id: 2, name: '备' }
            ],
            taskStatusList: [
                { id: 1, name: '待巡检' },
                { id: 2, name: '巡检中' },
                { id: 3, name: '已巡检正常'},
                { id: 3, name: '已巡检正常' },
                { id: 5, name: '已巡检存在异常' },
                { id: 4, name: '超时未完成巡检' }
            ],
@@ -215,16 +224,16 @@
        //获取巡检记录数据
        const getInspectRecord = async () => {
            const data = JSON.parse(JSON.stringify(state.tableData.params))
            if(state.tableData.params.taskStatus == 3){
                data.taskStatus = 3
                data.resultStatus = 0
            const data = JSON.parse(JSON.stringify(state.tableData.params));
            if (state.tableData.params.taskStatus == 3) {
                data.taskStatus = 3;
                data.resultStatus = 0;
            }
            if(state.tableData.params.taskStatus == 5){
                data.taskStatus = 3
                data.resultStatus = 1
            if (state.tableData.params.taskStatus == 5) {
                data.taskStatus = 3;
                data.resultStatus = 1;
            }
            console.log(state.tableData.params.taskStatus,data.taskStatus,'data')
            console.log(state.tableData.params.taskStatus, data.taskStatus, 'data');
            let res = await inspectRecordApi().getInspectRecordList(data);
            if (res.data.code === '200') {
                state.tableData.inspectRecordData = JSON.parse(JSON.stringify(res.data.data.records));
@@ -276,16 +285,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{
                }
            }
        };
@@ -320,10 +329,10 @@
        const onHandleCurrentChange = (val: number) => {
            state.tableData.params.pageIndex = val;
            getInspectRecord();
            state.isRed = false
            state.isRed = false;
        };
        // 时间格式化
        const timeForm = {
        const timeForm: timeType = {
            hour12: false,
            year: 'numeric',
            month: '2-digit',
@@ -345,6 +354,7 @@
                startTime: null,
                validTime: null,
                createUserId: null,
                resultStatus: null,
                reportTime: null
            };
        };
@@ -355,24 +365,21 @@
        };
        // 页面加载时
        onMounted(() => {
            getDateTime()
            getDateTime();
            if (route.query.id) {
                state.hasJump = true
                state.hasJump = true;
                state.tableData.params.taskStatus = Number(route.query.id);
                state.isRed = true
                state.isRed = true;
                getInspectRecord();
                getQuotaList();
                getDepartmentData();
                getClassGroupData();
                getInspectTaskPoint();
            }else{
            } else {
                getInspectRecord();
                getQuotaList();
                getDepartmentData();
                getClassGroupData();
                getInspectTaskPoint();
            }
        });
        return {
@@ -383,6 +390,7 @@
            Plus,
            reset,
            parseNumber,
            changeGroup,
            getInspectRecord,
            onHandleSizeChange,
            onHandleCurrentChange,
@@ -520,7 +528,7 @@
        color: #0098f5;
    }
}
.redTit{
.redTit {
    color: red;
}
.el-input {