Default Changelist

Admin

2022-08-23 0dde108cbd1f1c54321089818e38827866e8a118

 src/views/intellectInspect/inspectRecordManage/inspectRecord/index.vue

@@ -31,7 +31,13 @@
                        <el-button type="primary" :icon="Refresh" size="default" />
                    </el-row>
                    <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="任务名称" />
                        <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>
                            </template>
                        </el-table-column>
                        <el-table-column property="taskType" label="任务类型">
                            <template #default="scope">
                                <span>
@@ -58,11 +64,11 @@
                        </el-table-column>
                        <el-table-column property="startTime" label="任务开始时间" />
                        <el-table-column prop="execUserName" label="执行人" show-overflow-tooltip></el-table-column>
                        <el-table-column property="taskStatus" label="任务状态">
                        <el-table-column property="taskStatus" label="任务状态" width="180">
                            <template #default="scope">
                                <el-tag :type="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>
                                        {{ parseNumber(scope.row.taskStatus, '任务状态') }}
                                        {{ scope.row.resultStatus === 1?'已巡检存在异常':parseNumber(scope.row.taskStatus, '任务状态') }}
                                    </span>
                                </el-tag>
                            </template>
@@ -95,7 +101,7 @@
import { Edit, View, Plus, Delete, Refresh, Search, Download } from '@element-plus/icons-vue';
import { ElTable, ElMessage } from 'element-plus';
import { inspectRecordApi } from '/@/api/intellectInspectSystem/inspectRecord';
import inspectRecordDialog from './components/inspectRecordDialog.vue';
import inspectRecordDialog from '../../inspectIndex/components/inspectRecordDialog.vue';
import { departmentApi } from '/@/api/systemManage/department';
import { teamManageApi } from '/@/api/systemManage/personShiftManage/teamManage';
import { inspectPointApi } from '/@/api/intellectInspectSystem/inspectPointManage';
@@ -109,6 +115,9 @@
};

interface stateType {
    isRed:boolean;
    hasJump: boolean;
    date: string;
    tableData: {
        inspectRecordData: [];
        total: number;
@@ -126,6 +135,7 @@
            validTime: string | null;
            createUserId: number | null;
            reportTime: string | null;
            resultStatus: number | null
        };
    };
    workTypeList: Array<type>;
@@ -152,6 +162,7 @@
        const inspectRecordDialogRef = ref();
        const route = useRoute();
        const state = reactive<stateType>({
            hasJump: false,
            tableData: {
                inspectRecordData: [],
                total: 0,
@@ -168,9 +179,12 @@
                    startTime: null,
                    validTime: null,
                    createUserId: null,
                    reportTime: null
                    reportTime: null,
                    resultStatus: null
                }
            },
            isRed: false,
            date: '',
            workTypeList: [
                { id: 1, name: '周期任务' },
                { id: 2, name: '单次任务' }
@@ -182,7 +196,8 @@
            taskStatusList: [
                { id: 1, name: '待巡检' },
                { id: 2, name: '巡检中' },
                { id: 3, name: '已巡检' },
                { id: 3, name: '已巡检正常'},
                { id: 5, name: '已巡检存在异常' },
                { id: 4, name: '超时未完成巡检' }
            ],
            quotaList: [],
@@ -200,9 +215,19 @@

        //获取巡检记录数据
        const getInspectRecord = async () => {
            let res = await inspectRecordApi().getInspectRecordList(state.tableData.params);
            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
            }
            console.log(state.tableData.params.taskStatus,data.taskStatus,'data')
            let res = await inspectRecordApi().getInspectRecordList(data);
            if (res.data.code === '200') {
                state.tableData.inspectRecordData = res.data.data.records;
                state.tableData.inspectRecordData = JSON.parse(JSON.stringify(res.data.data.records));
                state.tableData.total = res.data.data.total;
            } else {
                ElMessage({
@@ -264,6 +289,10 @@
            }
        };

        // const turnRed =()=>{
        //     date
        // }

        const openInspectRecordDialog = (type: string, value: {}) => {
            inspectRecordDialogRef.value.showInspectRecordDialog(type, value, state.workTypeList, state.departmentList, state.timeType, state.classGroupList, state.quotaList, state.inspectPointAllList);
        };
@@ -291,8 +320,18 @@
        const onHandleCurrentChange = (val: number) => {
            state.tableData.params.pageIndex = val;
            getInspectRecord();
            state.isRed = false
        };

        // 时间格式化
        const timeForm = {
            hour12: false,
            year: 'numeric',
            month: '2-digit',
            day: '2-digit',
            hour: '2-digit',
            minute: '2-digit',
            second: '2-digit'
        };
        const reset = () => {
            state.tableData.params = {
                pageIndex: 1,
@@ -309,19 +348,31 @@
                reportTime: null
            };
        };

        // 当前时间
        const getDateTime = () => {
            const curTime = new Date().toLocaleString('zh', timeForm).replace(/\//g, '-');
            state.date = curTime.slice(0, 10);
        };
        // 页面加载时
        onMounted(() => {
            getDateTime()
            if (route.query.id) {
                state.hasJump = true
                state.tableData.params.taskStatus = Number(route.query.id);
                state.tableData.inspectRecordData = JSON.parse(route.query.dataList);
                state.tableData.total = Number(route.query.total);
                state.isRed = true
                getInspectRecord();
                getQuotaList();
                getDepartmentData();
                getClassGroupData();
                getInspectTaskPoint();
            }else{
                getInspectRecord();
                getQuotaList();
                getDepartmentData();
                getClassGroupData();
                getInspectTaskPoint();
            }
            // getInspectRecord();
            getQuotaList();
            getDepartmentData();
            getClassGroupData();
            getInspectTaskPoint();

        });

        return {
@@ -469,6 +520,9 @@
        color: #0098f5;
    }
}
.redTit{
    color: red;
}
.el-input {
    width: 100% !important;
}