lct
Your Name
2022-09-01 3947c8a497ac1b08399cebd7b81ce387332fbba9
src/views/specialWorkManage/workTicket/workApply/index.vue
@@ -1,13 +1,133 @@
<template>
<div>1</div>
   <div class="home-container">
      <el-tabs type="border-card">
         <el-tab-pane label="动火作业">
            <fire-form :workerList="allWorkers"></fire-form>
         </el-tab-pane>
         <el-tab-pane label="受限空间作业">
            <space-form :workerList= allWorkers></space-form>
         </el-tab-pane>
         <el-tab-pane label="吊装作业">
            <hoist-form :workerList = allWorkers></hoist-form>
         </el-tab-pane>
         <el-tab-pane label="动土作业">
            <ground-form :workerList = allWorkers></ground-form>
         </el-tab-pane>
         <el-tab-pane label="断路作业">
            <broken-form :workerList= allWorkers :departList = departmentList></broken-form>
         </el-tab-pane>
         <el-tab-pane label="高处作业">
            <height-form :workerList = allWorkers></height-form>
         </el-tab-pane>
         <el-tab-pane label="临时用电作业">
            <power-form :workerList = allWorkers></power-form>
         </el-tab-pane>
         <el-tab-pane label="盲板抽堵作业">
            <plate-form :workerList = allWorkers></plate-form>
         </el-tab-pane>
      </el-tabs>
   </div>
</template>
<script>
export default {
    name: "index"
}
    import fireForm from './components/fire.vue'
    import spaceForm from './components/space.vue'
    import hoistForm from './components/hoist.vue'
    import groundForm from './components/ground.vue'
    import brokenForm from './components/broken.vue'
    import heightForm from './components/height.vue'
    import powerForm from './components/power.vue'
    import plateForm from './components/plate.vue'
    import {getDepartmentList} from "../../../../api/departmentManage";
    import {safetyInspectionItemName} from "../../../../api/safetySelfInspection";
   export default{
      name: 'workTicket',
      components: {
         fireForm, spaceForm, hoistForm, groundForm, brokenForm, heightForm, powerForm, plateForm
      },
        data(){
            return{
                allWorkers: [],
                departmentList: []
            }
        },
        created(){
            this.getAll()
            this.getAllDepartment()
        },
        methods:{
            async getAll() {
                let res = await safetyInspectionItemName()
                if(res.data.code === '200'){
                    this.allWorkers = res.data.result
                }else{
                    this.$message({
                        message:res.data.message,
                        type:'warning'
                    })
                }
            },
            async getAllDepartment() {
                let res = await getDepartmentList({pageSize:1000,pageIndex:1})
                if(res.data.code === '200'){
                    this.departmentList = res.data.result.result
                }else{
                    this.$message({
                        message:res.data.message,
                        type:'warning'
                    })
                }
            },
        },
   };
</script>
<style scoped>
<style scoped lang="scss">
   .home-container {
      height: 100%;
      overflow: hidden;
      position: relative;
      .homeCard{
         width: 100%;
         padding: 20px;
         box-sizing: border-box;
         background: #fff;
         border-radius: 4px;
         margin-bottom: 20px;
      }
      .applyBtn{
         width: 100%;
         background: #fff;
         height: 80px;
         z-index: 5;
         box-shadow: 0 -3px 8px rgba(150,150,150,.1);
         display: flex;
         align-items: center;
         justify-content: center;
      }
      .el-row{
         margin-bottom: 20px;
      }
      .el-row:last-child {
         margin-bottom: 0;
      }
      .el-input{
         width: 100% !important;
      }
      .el-date-editor::v-deep{
         width: 100%;
      }
      .el-select{
         width: 100%;
      }
      .el-cascader{
         width: 100% !important;
      }
   }
</style>