<template>
|
<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 :departList = departmentList></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 :departList = departmentList></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>
|
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 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>
|
