| | |
| | | <el-row> |
| | | <el-col :span="12" style="margin-bottom: 20px"> |
| | | <el-form-item label="任务名称" prop="unitName"> |
| | | <el-input v-model="inspectTaskForm.unitName" class="input-add" placeholder="请填写任务名称"> </el-input> |
| | | <el-input v-model="inspectTaskForm.unitName" :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="workType"> |
| | | <el-select v-model="inspectTaskForm.workType" class="input-add" placeholder="请选择任务类型"> |
| | | <el-select v-model="inspectTaskForm.workType" :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" v 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="checkCycle"> |
| | | <el-input v-model="inspectTaskForm.checkCycle" placeholder="请输入巡检周期" class="input-add"> |
| | | <el-input v-model="inspectTaskForm.checkCycle" :disabled="!inspectPointConfirm" placeholder="请输入巡检周期" class="input-add"> |
| | | <template #append> |
| | | <el-select v-model="inspectTaskForm.checkCycleUnit" placeholder="选择单位"> |
| | | <el-select v-model="inspectTaskForm.checkCycleUnit" :disabled="!inspectPointConfirm" placeholder="选择单位"> |
| | | <el-option v-for="item in timeList" :key="item.id" :value="item.id" :label="item.name"></el-option> |
| | | </el-select> |
| | | </template> |
| | |
| | | </el-col> |
| | | <el-col :span="12" style="margin-bottom: 20px"> |
| | | <el-form-item label="提前通知时间" prop="noticeTime"> |
| | | <el-input v-model="inspectTaskForm.noticeTime" placeholder="请输入提前通知时间" class="input-add"> |
| | | <el-input v-model="inspectTaskForm.noticeTime" :disabled="!inspectPointConfirm" placeholder="请输入提前通知时间" class="input-add"> |
| | | <template #append> |
| | | <el-select v-model="inspectTaskForm.noticeTimeUnit" placeholder="选择单位"> |
| | | <el-select v-model="inspectTaskForm.noticeTimeUnit" :disabled="!inspectPointConfirm" placeholder="选择单位"> |
| | | <el-option v-for="item in timeList" :key="item.id" :value="item.id" :label="item.name"></el-option> |
| | | </el-select> |
| | | </template> |
| | |
| | | </el-col> |
| | | <el-col :span="12" style="margin-bottom: 20px"> |
| | | <el-form-item label="有效时间" prop="validTime"> |
| | | <el-input v-model="inspectTaskForm.validTime" placeholder="请输入有效时间" class="input-add"> |
| | | <el-input v-model="inspectTaskForm.validTime" :disabled="!inspectPointConfirm" placeholder="请输入有效时间" class="input-add"> |
| | | <template #append> |
| | | <el-select v-model="inspectTaskForm.validTimeUnit" placeholder="选择单位"> |
| | | <el-select v-model="inspectTaskForm.validTimeUnit" :disabled="!inspectPointConfirm" placeholder="选择单位"> |
| | | <el-option v-for="item in timeList" :key="item.id" :value="item.id" :label="item.name"></el-option> |
| | | </el-select> |
| | | </template> |
| | |
| | | </el-col> |
| | | <el-col :span="12" style="margin-bottom: 20px"> |
| | | <el-form-item label="周期开始时间" prop="firstStartTime"> |
| | | <el-date-picker v-model="inspectTaskForm.firstStartTime" 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.firstStartTime" :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> |
| | | |
| | |
| | | <div class="stepCard"> |
| | | <el-card class="box-card"> |
| | | <template #header> |
| | | <div class="card-header"> |
| | | <div>{{ item.pointId }}</div> |
| | | <div class="card-header" v-for="i in inspectPointAllList"> |
| | | <div v-if="i.id == item.pointId"> |
| | | <span>{{ i.code }}</span> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | <div class="text item"> |
| | | 所属设备区域:<span>{{ item.regionId }}</span> |
| | | <div class="text item" v-for="i in regionNameList"> |
| | | <div v-if="i.id == item.regionId"> |
| | | 所属设备区域:<span>{{ i.region }}</span> |
| | | </div> |
| | | </div> |
| | | <div class="text item"> |
| | | 关联RFID:<span>{{ item.rfidId }}</span> |
| | | <!-- <div class="text item">--> |
| | | <!-- 所属设备区域:<span>{{ item.regionId }}</span>--> |
| | | <!-- </div>--> |
| | | <div class="text item" v-for="i in RFIDList"> |
| | | <div v-if="i.id == item.rfidId"> |
| | | 所属设备区域:<span>{{ i.rfidName }}</span> |
| | | </div> |
| | | </div> |
| | | <div class="text item"> |
| | | 巡检指标:<span>{{ item.quotaId }}</span> |
| | | <!-- <div class="text item">--> |
| | | <!-- 关联RFID:<span>{{ item.rfidId }}</span>--> |
| | | <!-- </div>--> |
| | | <div class="text item" v-for="i in quotaList"> |
| | | <div v-if="i.id == item.quotaId"> |
| | | 所属设备区域:<span>{{ i.type }}</span> |
| | | </div> |
| | | </div> |
| | | <div class="text item"> |
| | | 数据填报类型:<span>{{ item.dataReportType }}</span> |
| | | <!-- <div class="text item">--> |
| | | <!-- 巡检指标:<span>{{ item.quotaId }}</span>--> |
| | | <!-- </div>--> |
| | | <div class="text item" v-for="i in dataReportTypeList"> |
| | | <div v-if="i.id == item.dataReportType"> |
| | | 所属设备区域:<span>{{ i.name }}</span> |
| | | </div> |
| | | </div> |
| | | <!-- <div class="text item">--> |
| | | <!-- 数据填报类型:<span>{{ item.dataReportType }}</span>--> |
| | | <!-- </div>--> |
| | | <div class="text item"> |
| | | 数据参考值:<span>{{ item.firstReferenceValue ? item.firstReferenceValue : item.secondReferenceValue ? item.secondReferenceValue : item.thirdReferenceValue }}</span> |
| | | </div> |
| | |
| | | classGroup: Array<classGroup>; |
| | | quotaList: Array<quota>; |
| | | inspectPointAllList: Array<inspectPointAllState>; |
| | | regionNameList: Array<inspectPointAllState>; |
| | | RFIDList: Array<inspectPointAllState>; |
| | | } |
| | | interface inspectPointAllState { |
| | | id: number; |
| | | code: string; |
| | | regionId: number; |
| | | rfidId: number; |
| | | rfidName: string; |
| | | region: string; |
| | | } |
| | | interface classGroup { |
| | | depId: number; |
| | |
| | | classGroup: [], |
| | | quotaList: [], |
| | | inspectPointAllList: [], |
| | | regionNameList: [], |
| | | RFIDList: [], |
| | | dataReportTypeList: [ |
| | | { id: 1, name: '选择' }, |
| | | { id: 2, name: '填空' }, |
| | |
| | | } |
| | | }; |
| | | |
| | | const showInspectTaskDialog = (type: string, value: { id: number; uuid: string }, workTypeList: [], department: [], timeType: [], classGroupList: [], quotaList: [], inspectPointAllList: []) => { |
| | | const showInspectTaskDialog = (type: string, value: { id: number; uuid: string }, workTypeList: [], department: [], timeType: [], classGroupList: [], quotaList: [], inspectPointAllList: [], regionNameList: [], RFIDList: []) => { |
| | | data.regionNameList = regionNameList; |
| | | data.RFIDList = RFIDList; |
| | | data.quotaList = JSON.parse(JSON.stringify(quotaList)); |
| | | data.timeList = JSON.parse(JSON.stringify(timeType)); |
| | | data.inspectPointAllList = JSON.parse(JSON.stringify(inspectPointAllList)); |
| | |
| | | giveClassGroup(); |
| | | data.inspectTaskForm = JSON.parse(JSON.stringify(res.data.data)); |
| | | } else { |
| | | ElMessage({ |
| | | type: 'warning', |
| | | message: res.data.msg |
| | | }); |
| | | } |
| | | }) |
| | | .catch((error) => {}); |
| | |
| | | if (res.data.code === '200') { |
| | | data.inspectTaskForm = JSON.parse(JSON.stringify(res.data.data)); |
| | | } else { |
| | | ElMessage({ |
| | | type: 'warning', |
| | | message: res.data.msg |
| | | }); |
| | | } |
| | | }) |
| | | .catch((error) => {}); |