马宇豪
2024-01-08 15315b1772036eb5168792aac0121f6e9005b11e
src/views/newSpecialWorkSystem/workTicket/zysq/index.vue
@@ -1,32 +1,50 @@
<template>
   <div class="home-container">
      <el-tabs type="border-card" v-model="activeName" @tab-click="handleClick">
         <el-tab-pane label="动火作业" name="fire">
            <fire-form ref="fire" :workerList = allWorkers :deviceList = allDevices :departList=departmentList :departList2=departmentList2 :otherWorks="otherWorks" :spList="spList"></fire-form>
      <el-tabs type="border-card" v-model="activeName" @tab-click="handleClick" v-loading="loading">
         <el-tab-pane :lazy="true" label="动火作业" name="fire">
            <fire-form ref="fire" :lists="lists"></fire-form>
         </el-tab-pane>
         <el-tab-pane label="受限空间作业" name="space">
            <space-form ref="space" :workerList = allWorkers :departList = departmentList :departList2=departmentList2 :deviceList = allDevices :otherWorks="otherWorks" :spList="spList"></space-form>
         <el-tab-pane :lazy="true" label="受限空间作业" name="space">
            <space-form ref="space" :lists="lists"></space-form>
         </el-tab-pane>
         <el-tab-pane label="吊装作业" name="hoist">
            <hoist-form ref="hoist" :workerList = allWorkers :departList = departmentList :departList2=departmentList2 :deviceList = allDevices :otherWorks="otherWorks" :spList="spList"></hoist-form>
         <el-tab-pane :lazy="true" label="吊装作业" name="hoist">
            <hoist-form ref="hoist" :lists="lists"></hoist-form>
         </el-tab-pane>
         <el-tab-pane label="动土作业" name="ground">
            <ground-form ref="ground" :workerList = allWorkers :departList = departmentList :departList2=departmentList2 :deviceList = allDevices :otherWorks="otherWorks" :spList="spList"></ground-form>
         <el-tab-pane :lazy="true" label="动土作业" name="ground">
            <ground-form ref="ground" :lists="lists"></ground-form>
         </el-tab-pane>
         <el-tab-pane label="断路作业" name="broken">
            <broken-form ref="broken" :workerList = allWorkers :departList = departmentList :departList2=departmentList2 :deviceList = allDevices :otherWorks="otherWorks" :spList="spList"></broken-form>
         <el-tab-pane :lazy="true" label="断路作业" name="broken">
            <broken-form ref="broken" :lists="lists"></broken-form>
         </el-tab-pane>
         <el-tab-pane label="高处作业" name="height">
            <height-form ref="height" :workerList = allWorkers :departList = departmentList :departList2=departmentList2 :deviceList = allDevices :otherWorks="otherWorks" :spList="spList"></height-form>
         <el-tab-pane :lazy="true" label="高处作业" name="height">
            <height-form ref="height" :lists="lists"></height-form>
         </el-tab-pane>
         <el-tab-pane label="临时用电作业" name="power">
            <power-form ref="power" :workerList = allWorkers :departList = departmentList :departList2=departmentList2 :deviceList = allDevices :otherWorks="otherWorks" :spList="spList"></power-form>
         <el-tab-pane :lazy="true" label="临时用电作业" name="power">
            <power-form ref="power" :lists="lists"></power-form>
         </el-tab-pane>
         <el-tab-pane label="盲板抽堵作业" name="plate">
            <plate-form ref="plate" :workerList = allWorkers :departList = departmentList :departList2=departmentList2 :deviceList = allDevices :otherWorks="otherWorks" :spList="spList"></plate-form>
         <el-tab-pane :lazy="true" label="盲板抽堵作业" name="plate">
            <plate-form ref="plate" :lists="lists"></plate-form>
         </el-tab-pane>
      </el-tabs>
<!--    <material-dialog ref="material"></material-dialog>-->
<!--    <el-radio-group v-model="activeName" size="large" @change="(value)=>handleClick(value)">-->
<!--      <el-radio-button :label=0>动火作业</el-radio-button>-->
<!--      <el-radio-button :label=1>受限空间作业</el-radio-button>-->
<!--      <el-radio-button :label=2>吊装作业</el-radio-button>-->
<!--      <el-radio-button :label=3>动土作业</el-radio-button>-->
<!--      <el-radio-button :label=4>断路作业</el-radio-button>-->
<!--      <el-radio-button :label=5>高处作业</el-radio-button>-->
<!--      <el-radio-button :label=6>临时用电作业</el-radio-button>-->
<!--      <el-radio-button :label=7>盲板抽堵作业</el-radio-button>-->
<!--    </el-radio-group>:-->
<!--    <fire-form v-if="activeName == 0" ref="fire" :workerList = allWorkers :deviceList = allDevices :departList=departmentList :departList2=departmentList2 :otherWorks="otherWorks" :spList="spList"></fire-form>-->
<!--    <space-form v-if="activeName == 1" ref="space" :workerList = allWorkers :departList = departmentList :departList2=departmentList2 :deviceList = allDevices :otherWorks="otherWorks" :spList="spList"></space-form>-->
<!--    <hoist-form v-if="activeName == 2" ref="hoist" :workerList = allWorkers :departList = departmentList :departList2=departmentList2 :deviceList = allDevices :otherWorks="otherWorks" :spList="spList"></hoist-form>-->
<!--    <ground-form v-if="activeName == 3" ref="ground" :workerList = allWorkers :departList = departmentList :departList2=departmentList2 :deviceList = allDevices :otherWorks="otherWorks" :spList="spList"></ground-form>-->
<!--    <broken-form v-if="activeName == 4" ref="broken" :workerList = allWorkers :departList = departmentList :departList2=departmentList2 :deviceList = allDevices :otherWorks="otherWorks" :spList="spList"></broken-form>-->
<!--    <height-form v-if="activeName == 5" ref="height" :workerList = allWorkers :departList = departmentList :departList2=departmentList2 :deviceList = allDevices :otherWorks="otherWorks" :spList="spList"></height-form>-->
<!--    <power-form v-if="activeName == 6" ref="power" :workerList = allWorkers :departList = departmentList :departList2=departmentList2 :deviceList = allDevices :otherWorks="otherWorks" :spList="spList"></power-form>-->
<!--    <plate-form v-if="activeName == 7" ref="plate" :workerList = allWorkers :departList = departmentList :departList2=departmentList2 :deviceList = allDevices :otherWorks="otherWorks" :spList="spList"></plate-form>-->
   </div>
</template>
@@ -49,11 +67,8 @@
    departmentList2: Array<any>
    otherWorks: Array<any>
    allDevices: Array<any>
    spList:{
      opList: Array<any>
      jhList: Array<any>
      sfList: Array<any>
    }
    loading: boolean
    lists: {}
   }
   export default defineComponent({
      name: 'apply',
@@ -71,17 +86,21 @@
         const userInfo = useUserInfo()
         const { userInfos } = storeToRefs(userInfo);
         const state  = reactive<stateType>({
        loading: false,
        lists: {
          workerList: [],
          departList: [],
          departList2: [],
          deviceList: [],
          otherWorks: [],
          spList: []
        },
        activeName: 'fire',
            allWorkers: [],
            departmentList: [],
        departmentList2:[],
        otherWorks: [],
        allDevices: [],
        spList:{
          opList: [],
          jhList: [],
          sfList: []
        }
         });
      const fire = ref()
      const space = ref()
@@ -93,15 +112,30 @@
      const plate = ref()
      const handleClick = (tab: TabsPaneContext, event: Event) => {
        if(tab.index == 0){fire.value.getBasicData()}
        if(tab.index == 1){space.value.getBasicData()}
        if(tab.index == 2){hoist.value.getBasicData()}
        if(tab.index == 3){ground.value.getBasicData()}
        if(tab.index == 4){broken.value.getBasicData()}
        if(tab.index == 5){height.value.getBasicData()}
        if(tab.index == 6){power.value.getBasicData()}
        if(tab.index == 7){plate.value.getBasicData()}
        state.loading = true
        setTimeout(()=>{
          state.loading = false
        },1000)
        // if(tab.index == 0){fire.value.getBasicData()}
        // if(tab.index == 1){space.value.getBasicData()}
        // if(tab.index == 2){hoist.value.getBasicData()}
        // if(tab.index == 3){ground.value.getBasicData()}
        // if(tab.index == 4){broken.value.getBasicData()}
        // if(tab.index == 5){height.value.getBasicData()}
        // if(tab.index == 6){power.value.getBasicData()}
        // if(tab.index == 7){plate.value.getBasicData()}
      }
      // const handleClick = (value: number) => {
      //   if(value == 0){fire.value.getBasicData()}
      //   if(value == 1){space.value.getBasicData()}
      //   if(value == 2){hoist.value.getBasicData()}
      //   if(value == 3){ground.value.getBasicData()}
      //   if(value == 4){broken.value.getBasicData()}
      //   if(value == 5){height.value.getBasicData()}
      //   if(value == 6){power.value.getBasicData()}
      //   if(value == 7){plate.value.getBasicData()}
      // }
      // 页面载入时执行方法
      onMounted(() => {
@@ -117,6 +151,7 @@
            const res = await workApplyApi().getAllUsers()
            if (res.data.code === '200') {
               state.allWorkers = JSON.parse(JSON.stringify(res.data.data))
          state.lists.workerList = JSON.parse(JSON.stringify(res.data.data))
            } else {
               ElMessage({
                  type: 'warning',
@@ -130,7 +165,7 @@
          const res = await workApplyApi().getSpList({roleId: id})
          if(id == '17'){
            if (res.data.code === '200') {
              state.spList.opList = res.data.data
              state.lists.spList.opList = JSON.parse(JSON.stringify(res.data.data))
            } else {
              ElMessage({
                type: 'warning',
@@ -140,7 +175,7 @@
          }
          if(id == '18'){
            if (res.data.code === '200') {
              state.spList.jhList = res.data.data
              state.lists.spList.jhList = JSON.parse(JSON.stringify(res.data.data))
            } else {
              ElMessage({
                type: 'warning',
@@ -150,7 +185,7 @@
          }
          if(id == '19'){
            if (res.data.code === '200') {
              state.spList.sfList = res.data.data
              state.lists.spList.sfList = JSON.parse(JSON.stringify(res.data.data))
            } else {
              ElMessage({
                type: 'warning',
@@ -165,8 +200,10 @@
         const getAllDepartment = async () => {
            let res = await teamManageApi().getAllDepartment();
            if (res.data.code === '200') {
               state.departmentList = JSON.parse(JSON.stringify(res.data.data))
          state.departmentList2 = state.departmentList[0].children
               // state.departmentList = JSON.parse(JSON.stringify(res.data.data))
          // state.departmentList2 = state.departmentList[0].children[0].children.filter(i=>i.depId == 32 || i.depId == 48 || i.depId == 49 || i.depId == 50)
          state.lists.departList = JSON.parse(JSON.stringify(res.data.data))
          state.lists.departList2 = JSON.parse(JSON.stringify(res.data.data))[0].children[0].children.filter(i=>i.depId == 32 || i.depId == 48 || i.depId == 49 || i.depId == 50)
            } else {
               ElMessage({
                  type: 'warning',
@@ -180,6 +217,7 @@
        let res = await workApplyApi().getOtherWork({workPermitNo: '',workType: null});
        if (res.data.code === '200') {
          state.otherWorks = JSON.parse(JSON.stringify(res.data.data))
          state.lists.otherWorks = JSON.parse(JSON.stringify(res.data.data))
        } else {
          ElMessage({
            type: 'warning',
@@ -193,6 +231,7 @@
        const res = await workApplyApi().getAllDevices()
        if (res.data.code === '200') {
          state.allDevices = JSON.parse(JSON.stringify(res.data.data))
          state.lists.deviceList = JSON.parse(JSON.stringify(res.data.data))
        } else {
          ElMessage({
            type: 'warning',