| | |
| | | <el-table :data="scope.row.checkContent" style="width: 100%"> |
| | | <el-table-column label="序号" type="index" width="150" align="center"> </el-table-column> |
| | | <el-table-column label="检查内容" prop="checkContent" align="center"> </el-table-column> |
| | | <el-table-column label="检查结果" prop="checkResult" align="center"> |
| | | <template #default="scope"> |
| | | <el-tag :type="scope.row.checkResult === 1 ? 'success' : scope.row.checkResult === 2 ? 'danger' : 'info'"> |
| | | {{ parseNumber(scope.row.checkResult, '检查结果') }} |
| | | </el-tag> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="操作" align="center" width="280" class-name="small-padding fixed-width"> |
| | | <template #default="scope"> |
| | | <el-button size="small" text type="primary" :icon="View" @click="onOpenDialogRef('查看', scope.row)">查看</el-button> |
| | |
| | | </el-table-column> |
| | | <el-table-column type="index" label="序号" width="60" /> |
| | | <el-table-column prop="taskCode" label="排查名称" show-overflow-tooltip></el-table-column> |
| | | <el-table-column prop="execDepId" label="执行部门" show-overflow-tooltip> |
| | | <template #default="scope"> |
| | | {{ parseNumber(scope.row.execDepId, '执行部门') }} |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="taskStatus" label="状态" show-overflow-tooltip> |
| | | <template #default="scope"> |
| | | {{ parseNumber(scope.row.taskStatus, '状态') }} |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="taskBelong" label="是否认领" show-overflow-tooltip> |
| | | <template #default="scope"> |
| | | {{ parseNumber(scope.row.taskBelong, '认领状态') }} |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="createUserName" label="创建人" show-overflow-tooltip></el-table-column> |
| | | <el-table-column prop="gmtCreate" label="创建时间" show-overflow-tooltip></el-table-column> |
| | | <el-table-column prop="lastEditUserName" label="最后修改人" show-overflow-tooltip></el-table-column> |
| | | <el-table-column prop="gmtModitify" label="最后修改时间" show-overflow-tooltip></el-table-column> |
| | | <el-table-column label="操作" align="center" width="280" class-name="small-padding fixed-width"> |
| | | <template #default="scope"> |
| | | <el-button size="small" text type="primary" v-show="scope.row.taskStatus === 1 || scope.row.taskStatus === 4" :icon="Check" @click="onHandleTask(scope.row)">任务认领</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <br /> |
| | | <el-pagination @size-change="onHandleSizeChange" @current-change="onHandleCurrentChange" :pager-count="5" :page-sizes="[10, 20, 30]" v-model:current-page="recordData.params.pageIndex" background v-model:page-size="recordData.params.pageSize" layout="total, sizes, prev, pager, next, jumper" :total="recordData.total" class="page-position"> </el-pagination> |
| | |
| | | }; |
| | | taskUnitList: []; |
| | | departmentList: Array<DepartmentState>; |
| | | departmentRecursionList: Array<DepartmentState>; |
| | | resultList: Array<levelListState>; |
| | | checkResultList: Array<levelListState>; |
| | | taskStatusList: Array<levelListState>; |
| | | taskTypeList: Array<levelListState>; |
| | | } |
| | |
| | | id: number; |
| | | name: string; |
| | | } |
| | | interface DepartmentState {} |
| | | interface DepartmentState { |
| | | depId: number; |
| | | depName: string; |
| | | } |
| | | |
| | | export default defineComponent({ |
| | | name: 'record', |
| | |
| | | }, |
| | | taskUnitList: [], |
| | | departmentList: [], |
| | | departmentRecursionList: [], |
| | | resultList: [ |
| | | { id: 1, name: '正常' }, |
| | | { id: 2, name: '存在隐患' }, |
| | | { id: 3, name: '未排查' }, |
| | | { id: 4, name: '其他' } |
| | | ], |
| | | checkResultList: [ |
| | | { id: 1, name: '正常' }, |
| | | { id: 2, name: '异常' }, |
| | | { id: 3, name: '未处理' } |
| | | ], |
| | | taskStatusList: [ |
| | | { id: 1, name: '待排查' }, |
| | |
| | | let res = await departmentApi().getDepartmentList(); |
| | | if (res.data.code === '200') { |
| | | state.departmentList = res.data.data; |
| | | recursion(state.departmentList); |
| | | } else { |
| | | ElMessage({ |
| | | type: 'warning', |
| | |
| | | recordDialogRef.value.openRecordDialog(type, value); |
| | | }; |
| | | // 删除角色 |
| | | const onDelRecord = (row: any) => { |
| | | ElMessageBox.confirm(`此操作将永久删除该条生产装置:“${row.produceDeviceName}”,是否继续?`, '提示', { |
| | | const onHandleTask = (row: any) => { |
| | | ElMessageBox.confirm(`此操作将认领该任务:“${row.taskCode}”,是否继续?`, '提示', { |
| | | confirmButtonText: '确认', |
| | | cancelButtonText: '取消', |
| | | type: 'warning' |
| | | }) |
| | | .then(async () => { |
| | | let res = await recordApi().deleterecord({ id: row.id }); |
| | | let res = await recordApi().getTask({ id: row.id }); |
| | | if (res.data.code === '200') { |
| | | ElMessage({ |
| | | type: 'success', |
| | | duration: 2000, |
| | | message: '删除成功' |
| | | message: '认领成功' |
| | | }); |
| | | await initRecordTableData(); |
| | | } else { |
| | |
| | | initRecordTableData(); |
| | | }; |
| | | |
| | | const recursion = (value: any) => { |
| | | for (let i of value) { |
| | | if (i.children.length !== 0) { |
| | | state.departmentRecursionList.push(i); |
| | | recursion(i.children); |
| | | } else { |
| | | state.departmentRecursionList.push(i); |
| | | } |
| | | } |
| | | }; |
| | | |
| | | const parseNumber = (value: string | number, type: string) => { |
| | | if (type === '状态') { |
| | | return state.taskStatusList.find((item) => item.id === value)?.name; |
| | | } else if (type === '执行部门') { |
| | | return state.departmentRecursionList.find((item) => item.depId === value)?.depName; |
| | | } else if (type === '检查结果') { |
| | | return state.checkResultList.find((item) => item.id === value)?.name; |
| | | } else { |
| | | if (value === 1) { |
| | | return '未认领'; |
| | | } else { |
| | | return '已认领'; |
| | | } |
| | | } |
| | | }; |
| | | |
| | |
| | | handleSearch, |
| | | onOpenDialogRef, |
| | | onHandleSizeChange, |
| | | onDelRecord, |
| | | onHandleTask, |
| | | onHandleCurrentChange, |
| | | recordDialog, |
| | | recordDialogRef, |