| | |
| | | <template> |
| | | <div class="home-container"> |
| | | <el-tabs type="border-card"> |
| | | <el-tabs type="border-card" @tab-change="switchTab"> |
| | | <el-tab-pane label="动火作业"> |
| | | <fire-form :workerList = allWorkers></fire-form> |
| | | <fire-form ref="fire" :workerList = allWorkers></fire-form> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="受限空间作业"> |
| | | <space-form :workerList = allWorkers :departList = departmentList></space-form> |
| | | <space-form ref="space" :workerList = allWorkers :departList = departmentList></space-form> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="吊装作业"> |
| | | <hoist-form :workerList = allWorkers></hoist-form> |
| | | <hoist-form ref="hoist" :workerList = allWorkers></hoist-form> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="动土作业"> |
| | | <ground-form :workerList = allWorkers :departList = departmentList></ground-form> |
| | | <ground-form ref="ground" :workerList = allWorkers :departList = departmentList></ground-form> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="断路作业"> |
| | | <broken-form :workerList = allWorkers :departList = departmentList></broken-form> |
| | | <broken-form ref="broken" :workerList = allWorkers :departList = departmentList></broken-form> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="高处作业"> |
| | | <height-form :workerList = allWorkers :departList = departmentList></height-form> |
| | | <height-form ref="height" :workerList = allWorkers :departList = departmentList></height-form> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="临时用电作业"> |
| | | <power-form :workerList = allWorkers></power-form> |
| | | <power-form ref="power" :workerList = allWorkers></power-form> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="盲板抽堵作业"> |
| | | <plate-form :workerList = allWorkers></plate-form> |
| | | <plate-form ref="plate" :workerList = allWorkers></plate-form> |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | | <material-dialog ref="material"></material-dialog> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | brokenForm: defineAsyncComponent(() => import('/@/views/specialWorkSystem/workTicket/zysq/components/broken.vue')), |
| | | heightForm: defineAsyncComponent(() => import('/@/views/specialWorkSystem/workTicket/zysq/components/height.vue')), |
| | | powerForm: defineAsyncComponent(() => import('/@/views/specialWorkSystem/workTicket/zysq/components/power.vue')), |
| | | plateForm: defineAsyncComponent(() => import('/@/views/specialWorkSystem/workTicket/zysq/components/plate.vue')) |
| | | plateForm: defineAsyncComponent(() => import('/@/views/specialWorkSystem/workTicket/zysq/components/plate.vue')), |
| | | materialDialog: defineAsyncComponent(() => import('/@/views/specialWorkSystem/workTicket/zysq/components/materialDialog.vue')) |
| | | }, |
| | | setup() { |
| | | const userInfo = useUserInfo() |
| | |
| | | allWorkers: [], |
| | | departmentList: [] |
| | | }); |
| | | |
| | | const fire = ref() |
| | | const space = ref() |
| | | const hoist = ref() |
| | | const ground = ref() |
| | | const broken = ref() |
| | | const height = ref() |
| | | const power = ref() |
| | | const plate = ref() |
| | | const material = ref() |
| | | // 获取用户列表 |
| | | const getAll = async ()=>{ |
| | | const res = await workApplyApi().getAllUsers() |
| | |
| | | } |
| | | }; |
| | | |
| | | const switchTab = (name)=>{ |
| | | console.log(name,'name') |
| | | fire.value.form.resetFields() |
| | | material.value.maBaseId = null |
| | | material.value.receiveUids = [] |
| | | } |
| | | |
| | | |
| | | // 页面载入时执行方法 |
| | | onMounted(() => { |
| | | getAll(); |
| | |
| | | |
| | | return { |
| | | ...toRefs(state), |
| | | fire, |
| | | space, |
| | | broken, |
| | | ground, |
| | | height, |
| | | hoist, |
| | | plate, |
| | | power, |
| | | material, |
| | | switchTab |
| | | }; |
| | | }, |
| | | }); |