Admin
2022-09-20 23f1bf22c42a904c05cee63e10c9fd8b60dfe8f5
src/views/intellectInspect/inspectRecordManage/inspectRecord/components/inspectRecordDialog.vue
@@ -5,31 +5,31 @@
                <el-row>
                    <el-col :span="12" style="margin-bottom: 20px">
                        <el-form-item label="任务名称" prop="unitName">
                            <el-input v-model="inspectTaskForm.taskName" class="input-add" placeholder="请填写任务名称"> </el-input>
                            <el-input v-model="inspectTaskForm.taskName" :disabled="!inspectPointConfirm" class="input-add" placeholder="请填写任务名称"> </el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12" style="margin-bottom: 20px">
                        <el-form-item label="任务类型" prop="taskType">
                            <el-select v-model="inspectTaskForm.taskType" class="input-add" placeholder="请选择任务类型">
                            <el-select v-model="inspectTaskForm.taskType" :disabled="!inspectPointConfirm" class="input-add" placeholder="请选择任务类型">
                                <el-option v-for="item in workTypeList" :key="item.id" :value="item.id" :label="item.name"></el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12" style="margin-bottom: 20px">
                        <el-form-item label="巡检部门" prop="execDepId">
                            <el-cascader @change="giveClassGroup" placeholder="请选择巡检部门" :options="departmentList" :props="{ emitPath: false, checkStrictly: true, value: 'depId', label: 'depName' }" clearable filterable class="input-add" v-model="inspectTaskForm.execDepId"> </el-cascader>
                            <el-cascader @change="giveClassGroup" :disabled="!inspectPointConfirm" placeholder="请选择巡检部门" :options="departmentList" :props="{ emitPath: false, checkStrictly: true, value: 'depId', label: 'depName' }" clearable filterable class="input-add" v-model="inspectTaskForm.execDepId"> </el-cascader>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12" style="margin-bottom: 20px">
                        <el-form-item label="巡检班组" prop="execClassgroupId">
                            <el-select v-model="inspectTaskForm.execClassgroupId" placeholder="请选择巡检班组" class="input-add">
                            <el-select v-model="inspectTaskForm.execClassgroupId" :disabled="!inspectPointConfirm" placeholder="请选择巡检班组" class="input-add">
                                <el-option v-for="item in classGroup" :key="item.id" :value="item.id" :label="item.groupName"></el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12" style="margin-bottom: 20px">
                        <el-form-item label="任务开始时间" prop="startTime">
                            <el-date-picker v-model="inspectTaskForm.startTime" placeholder="请选择任务开始时间" type="datetime" format="YYYY/MM/DD HH:mm:ss" value-format="YYYY-MM-DD HH:mm:ss" class="input-add" />
                            <el-date-picker v-model="inspectTaskForm.startTime" :disabled="!inspectPointConfirm" placeholder="请选择任务开始时间" type="datetime" format="YYYY/MM/DD HH:mm:ss" value-format="YYYY-MM-DD HH:mm:ss" class="input-add" />
                        </el-form-item>
                    </el-col>
                </el-row>
@@ -38,16 +38,35 @@
                    <el-tabs class="active" v-model="activeName">
                        <el-tab-pane label="巡检链" name="inspectChain">
                            <el-table :data="inspectTaskForm.points" fit style="width: 100%">
                                <el-table-column type="index" label="序号" width="60" />
                                <el-table-column prop="region" label="巡检点" show-overflow-tooltip align="center"></el-table-column>
                                <el-table-column type="index" label="序号" />
                                <el-table-column prop="point" label="巡检点" show-overflow-tooltip align="center"></el-table-column>
                                <el-table-column prop="region" label="所属设备" show-overflow-tooltip align="center"></el-table-column>
                                <el-table-column prop="rfid" label="RFID" show-overflow-tooltip align="center"></el-table-column>
                                <el-table-column prop="quotaContent" label="指标作业" show-overflow-tooltip align="center"></el-table-column>
                                <el-table-column prop="secondReferenceResult" label="记录值" show-overflow-tooltip align="center">
                                    <template #default="scope">
                                        <div :style="{ color: scope.row.reportResult == 1 ? '#ff0000' : '#409eff' }">
                                            {{ scope.row.dataReportType == 1 ? '无' : scope.row.secondReferenceResult }}
                                        </div>
                                    </template>
                                </el-table-column>
                                <el-table-column prop="quotaUnit" label="指标单位" show-overflow-tooltip align="center"></el-table-column>
                                <el-table-column prop="reportResult" label="结果" show-overflow-tooltip align="center">
                                    <template #default="scope">
                                        <div :style="{ color: scope.row.reportResult == 1 ? '#ff0000' : '#409eff' }">
                                            {{ scope.row.reportResult == 0 ? '正常' : scope.row.reportResult == 1 ? '存在异常' : '无' }}
                                        </div>
                                    </template>
                                </el-table-column>
                                <!--                                <el-table-column label="操作" width="150" align="center">-->
                                <!--                                    <template #default="scope">-->
                                <!--                                        <el-button size="small" text type="danger" @click="onDelCheckUnit(scope.$index, scope.row)">删除</el-button>-->
                                <!--                                    </template>-->
                                <!--                                </el-table-column>-->
                            </el-table>
                        </el-tab-pane>
                        <el-tab-pane label="统计数据" name="allData">
                            <sum-data :sumData="taskAndQuotas"></sum-data>
                        </el-tab-pane>
                    </el-tabs>
                </div>
@@ -61,7 +80,7 @@
</template>
<script lang="ts">
import { reactive, toRefs, ref } from 'vue';
import { reactive, toRefs, ref, defineAsyncComponent } from 'vue';
import { RFIDApi } from '/@/api/intellectInspectSystem/RFID';
import { ElMessage } from 'element-plus/es';
import { inspectTaskApi } from '/@/api/intellectInspectSystem/inspectTask';
@@ -136,6 +155,9 @@
}
export default {
    name: 'inspectTaskDialog',
    components: {
        SumData: defineAsyncComponent(() => import('/@/views/intellectInspect/inspectIndex/components/sum.vue'))
    },
    setup(props: any, context: any) {
        const inspectTaskFormRef = ref();
        const data = reactive<dataState>({
@@ -238,16 +260,19 @@
            data.classGroupList = JSON.parse(JSON.stringify(classGroupList));
            data.ifShowInspectTaskDialog = true;
            data.inspectPointConfirm = false;
            data.title = '查看巡检任务';
            data.title = '查看巡检记录';
            inspectRecordApi()
                .getInspectRecordById({ id: value.id, uuid: value.uuid })
                .then((res) => {
                    if (res.data.code === '200') {
                        debugger;
                        data.inspectTaskForm.execDepId = res.data.data.execDepId;
                        giveClassGroup();
                        data.inspectTaskForm = JSON.parse(JSON.stringify(res.data.data));
                    } else {
                        ElMessage({
                            type: 'warning',
                            message: res.data.msg
                        });
                    }
                })
                .catch((error) => {});
@@ -334,7 +359,6 @@
        };
        const giveClassGroup = () => {
            debugger;
            data.inspectTaskForm.execClassgroupId = null;
            data.classGroup = data.classGroupList.filter((item) => item.depId === data.inspectTaskForm.execDepId);
        };
@@ -407,7 +431,7 @@
<style scoped lang="scss">
$homeNavLengh: 8;
.home-container {
    height: calc(100vh - 114px);
    height: calc(100vh - 144px);
    box-sizing: border-box;
    overflow: hidden;
    .homeCard {