文件名从 src/views/doublePrevent/checkTaskManage/work/index.vue 修改 |
| | |
| | | {{ parseNumber(scope.row.checkWorkType, '排查类型') }} |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="riskLevel" label="风险等级" show-overflow-tooltip></el-table-column> |
| | | <el-table-column prop="location" label="区域位置" show-overflow-tooltip></el-table-column> |
| | | <el-table-column prop="status" label="状态" show-overflow-tooltip> </el-table-column> |
| | | <el-table-column prop="taskUnitName" label="任务单元" show-overflow-tooltip></el-table-column> |
| | | <el-table-column prop="execUserName" label="执行人" show-overflow-tooltip></el-table-column> |
| | | <el-table-column prop="checkCycle" label="排查周期" show-overflow-tooltip> |
| | | <template #default="scope"> |
| | | <span> |
| | | {{ scope.row.checkCycle }} |
| | | </span> |
| | | <span> |
| | | {{ parseNumber(scope.row.checkWorkType, '排查周期') }} |
| | | </span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="validTime" label="排查周期" show-overflow-tooltip> |
| | | <template #default="scope"> |
| | | <span> |
| | | {{ scope.row.validTime }} |
| | | </span> |
| | | <span> |
| | | {{ parseNumber(scope.row.validTimeUnit, '排查周期') }} |
| | | </span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="createByUserName" 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="操作" width="150"> |
| | | <el-table-column label="操作" width="200" align="center"> |
| | | <template #default="scope"> |
| | | <el-button size="small" text type="primary" @click="onOpenDialogRef('修改', scope.row)">修改</el-button> |
| | | <el-button size="small" text type="danger" @click="onDelWork(scope.row)">删除</el-button> |
| | | <el-button size="small" text type="primary" :icon="View" @click="onOpenDialogRef('查看', scope.row)">查看</el-button> |
| | | <el-button size="small" text type="primary" :icon="Edit" @click="onOpenDialogRef('修改', scope.row)">修改</el-button> |
| | | <el-button size="small" text type="danger" :icon="Delete" @click="onDelWork(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="workData.params.pageIndex" |
| | | background |
| | | v-model:page-size="workData.params.pageSize" |
| | | layout="total, sizes, prev, pager, next, jumper" |
| | | :total="workData.total" |
| | | class="page-position" |
| | | > |
| | | </el-pagination> |
| | | <el-pagination @size-change="onHandleSizeChange" @current-change="onHandleCurrentChange" :pager-count="5" :page-sizes="[10, 20, 30]" v-model:current-page="workData.params.pageIndex" background v-model:page-size="workData.params.pageSize" layout="total, sizes, prev, pager, next, jumper" :total="workData.total" class="page-position"> </el-pagination> |
| | | <br /> |
| | | <br /> |
| | | </el-card> |
| | |
| | | import workDialog from './components/workDialog.vue'; |
| | | import { workApi } from '/@/api/doublePreventSystem/work/index.ts'; |
| | | import { departmentApi } from '/@/api/department'; |
| | | import { userApi } from '/@/api/user'; |
| | | import { Edit, Delete, View } from '@element-plus/icons-vue'; |
| | | import { checkUnitApi } from '/@/api/doublePreventSystem/checkUnit'; |
| | | |
| | | // 定义接口来定义对象的类型 |
| | |
| | | checkWorkName: string | null; |
| | | }; |
| | | }; |
| | | taskUnitList: []; |
| | | timeType: Array<levelListState>; |
| | | taskUnitList: Array<taskUnit>; |
| | | departmentList: Array<DepartmentState>; |
| | | checkWorkTypeList: Array<levelListState>; |
| | | checkWorkStatusList: Array<levelListState>; |
| | | } |
| | | interface levelListState {} |
| | | interface levelListState { |
| | | id: number; |
| | | name: string; |
| | | } |
| | | interface DepartmentState {} |
| | | interface taskUnit { |
| | | id: number; |
| | | taskUnitName: string; |
| | | } |
| | | |
| | | export default defineComponent({ |
| | | name: 'work', |
| | | components: { workDialog }, |
| | | components: { workDialog, Edit, Delete, View }, |
| | | setup() { |
| | | const workDialogRef = ref(); |
| | | const state = reactive<TableDataState>({ |
| | |
| | | { id: 1, name: '开启' }, |
| | | { id: 2, name: '关闭' }, |
| | | { id: 2, name: '过期' } |
| | | ], |
| | | timeType: [ |
| | | { id: 1, name: '分' }, |
| | | { id: 2, name: '小时' }, |
| | | { id: 3, name: '日' }, |
| | | { id: 4, name: '月' }, |
| | | { id: 5, name: '年' } |
| | | ] |
| | | }); |
| | | // 初始化表格数据 |
| | |
| | | .catch(() => {}); |
| | | }; |
| | | |
| | | const parseNumber = (value: string | number, type: string) => {}; |
| | | const parseNumber = (value: string | number, type: string) => { |
| | | if (type === '排查类型') { |
| | | return state.checkWorkTypeList.find((item) => item.id === value)?.name; |
| | | } else if (type === '排查周期') { |
| | | return state.timeType.find((item) => item.id == value)?.name; |
| | | } |
| | | }; |
| | | |
| | | const handleSearch = () => { |
| | | initWorkTableData(); |
| | |
| | | }); |
| | | |
| | | return { |
| | | Edit, |
| | | Delete, |
| | | View, |
| | | handleSearch, |
| | | onOpenDialogRef, |
| | | onHandleSizeChange, |