| | |
| | | <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> |
| | |
| | | <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> |
| | |
| | | </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'; |
| | |
| | | } |
| | | 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>({ |
| | |
| | | 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) => {}); |
| | |
| | | }; |
| | | |
| | | const giveClassGroup = () => { |
| | | debugger; |
| | | data.inspectTaskForm.execClassgroupId = null; |
| | | data.classGroup = data.classGroupList.filter((item) => item.depId === data.inspectTaskForm.execDepId); |
| | | }; |
| | |
| | | <style scoped lang="scss"> |
| | | $homeNavLengh: 8; |
| | | .home-container { |
| | | height: calc(100vh - 114px); |
| | | height: calc(100vh - 144px); |
| | | box-sizing: border-box; |
| | | overflow: hidden; |
| | | .homeCard { |