|
@@ -22,9 +22,20 @@
|
|
|
.el-tree-node__content{
|
|
.el-tree-node__content{
|
|
|
height: 32px;
|
|
height: 32px;
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
.label_name{
|
|
.label_name{
|
|
|
font-size: 14px;
|
|
font-size: 14px;
|
|
|
}
|
|
}
|
|
|
|
|
+ .rsk{
|
|
|
|
|
+ color: #DF5706;
|
|
|
|
|
+ img{
|
|
|
|
|
+ position: relative;
|
|
|
|
|
+ top:2px;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ .active .label_name{
|
|
|
|
|
+ color:#1989FA !important;
|
|
|
|
|
+ }
|
|
|
.edit{
|
|
.edit{
|
|
|
float: right;
|
|
float: right;
|
|
|
i{
|
|
i{
|
|
@@ -73,15 +84,24 @@
|
|
|
<li>
|
|
<li>
|
|
|
<el-form size="small" >
|
|
<el-form size="small" >
|
|
|
<el-form-item>
|
|
<el-form-item>
|
|
|
- <el-input suffix-icon="el-icon-search" v-model="input1" placeholder="公司名称"></el-input>
|
|
|
|
|
|
|
+ <el-input suffix-icon="el-icon-search" v-model="filterText" placeholder="公司名称"></el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-form>
|
|
</el-form>
|
|
|
<el-tree
|
|
<el-tree
|
|
|
:data="data" :props='props'
|
|
:data="data" :props='props'
|
|
|
- node-key="id"
|
|
|
|
|
|
|
+ node-key="id" default-expand-all
|
|
|
:expand-on-click-node="false">
|
|
:expand-on-click-node="false">
|
|
|
- <span class="custom-tree-node" slot-scope="{ node, data }" @click.stop="() => edit(data)" >
|
|
|
|
|
- <span class="label_name"><i class="el-icon-film"></i> {{ node.label }}</span>
|
|
|
|
|
|
|
+ <span class="custom-tree-node" slot-scope="{ node, data }" @click="() => edit(data)" >
|
|
|
|
|
+ <span v-if='form.riskpoint_id==data.id' class="active">
|
|
|
|
|
+ <span v-if='data.type=="ent"' class="label_name"><i class="el-icon-film"></i>{{ node.label }}</span>
|
|
|
|
|
+ <span v-if='data.type=="rsk"' class="label_name rsk"><img width="15" src="../../images/rsk2.png" alt=""> {{ node.label }}</span>
|
|
|
|
|
+ <span v-if='!data.type' class="label_name rsk" style="color:#F49C0B;"><img width="15" src="../../images/rsk1.png" alt=""> {{ node.label }}</span>
|
|
|
|
|
+ </span>
|
|
|
|
|
+ <span v-else>
|
|
|
|
|
+ <span v-if='data.type=="ent"' class="label_name"><i class="el-icon-film"></i>{{ node.label }}</span>
|
|
|
|
|
+ <span v-if='data.type=="rsk"' class="label_name rsk"><img width="15" src="../../images/rsk2.png" alt=""> {{ node.label }}</span>
|
|
|
|
|
+ <span v-if='!data.type' class="label_name rsk" style="color:#F49C0B;"><img width="15" src="../../images/rsk1.png" alt=""> {{ node.label }}</span>
|
|
|
|
|
+ </span>
|
|
|
</span>
|
|
</span>
|
|
|
|
|
|
|
|
</el-tree>
|
|
</el-tree>
|
|
@@ -93,7 +113,7 @@
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
<el-form-item>
|
|
|
<el-button @click="form.page=1,getData()" type="primary" icon="el-icon-search">搜索</el-button>
|
|
<el-button @click="form.page=1,getData()" type="primary" icon="el-icon-search">搜索</el-button>
|
|
|
- <el-button @click="dialogFormVisible=true" type="primary">创建任务</el-button>
|
|
|
|
|
|
|
+ <el-button @click="addTask" type="primary">创建任务</el-button>
|
|
|
<el-button @click="$router.push({path:'/company/add'})" type="primary">批量导入任务</el-button>
|
|
<el-button @click="$router.push({path:'/company/add'})" type="primary">批量导入任务</el-button>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-form>
|
|
</el-form>
|
|
@@ -104,9 +124,9 @@
|
|
|
style="width: 100%">
|
|
style="width: 100%">
|
|
|
<el-table-column align="center" label="风险点划分">
|
|
<el-table-column align="center" label="风险点划分">
|
|
|
<el-table-column label="编码及子项" align="center">
|
|
<el-table-column label="编码及子项" align="center">
|
|
|
- <el-table-column label="一级子项"></el-table-column>
|
|
|
|
|
- <el-table-column label="二级子项"></el-table-column>
|
|
|
|
|
- <el-table-column label="三级子项"></el-table-column>
|
|
|
|
|
|
|
+ <el-table-column prop="riskpoint_item1" label="一级子项"></el-table-column>
|
|
|
|
|
+ <el-table-column prop="riskpoint_item2" label="二级子项"></el-table-column>
|
|
|
|
|
+ <el-table-column prop="riskpoint_item3" label="三级子项"></el-table-column>
|
|
|
<el-table-column width="200" align="center" prop="name" label="风险描述"></el-table-column>
|
|
<el-table-column width="200" align="center" prop="name" label="风险描述"></el-table-column>
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
@@ -140,48 +160,50 @@
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
<el-dialog title="创建任务" :visible.sync="dialogFormVisible" width="70vw" :close-on-click-modal='false' :close-on-press-escape='false'>
|
|
<el-dialog title="创建任务" :visible.sync="dialogFormVisible" width="70vw" :close-on-click-modal='false' :close-on-press-escape='false'>
|
|
|
- <el-form :model="form" label-width="100px" :inline="true">
|
|
|
|
|
|
|
+ <el-form :model="rsk" label-width="100px" :inline="true">
|
|
|
<el-form-item label="责任人">
|
|
<el-form-item label="责任人">
|
|
|
- <el-input clearable v-model="form.held_person_id"></el-input>
|
|
|
|
|
|
|
+ <el-input clearable v-model="rsk.held_person"></el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="责任人电话">
|
|
<el-form-item label="责任人电话">
|
|
|
- <el-input clearable v-model="form.held_person_phone"></el-input>
|
|
|
|
|
|
|
+ <el-input clearable v-model="rsk.held_person_phone"></el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="风险描述">
|
|
<el-form-item label="风险描述">
|
|
|
- <el-input clearable v-model="form.name"></el-input>
|
|
|
|
|
|
|
+ <el-input clearable v-model="rsk.name"></el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="导致后果">
|
|
<el-form-item label="导致后果">
|
|
|
- <el-input clearable v-model="form.danger_result"></el-input>
|
|
|
|
|
|
|
+ <el-input clearable v-model="rsk.danger_result"></el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="风险级别">
|
|
<el-form-item label="风险级别">
|
|
|
- <el-input clearable v-model="form.risk_level"></el-input>
|
|
|
|
|
|
|
+ <el-input clearable v-model="rsk.risk_level"></el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="工程技术">
|
|
<el-form-item label="工程技术">
|
|
|
- <el-input clearable v-model="form.monit_tec"></el-input>
|
|
|
|
|
|
|
+ <el-input clearable v-model="rsk.monit_tec"></el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="管控措施">
|
|
<el-form-item label="管控措施">
|
|
|
- <el-input clearable v-model="form.monit_method"></el-input>
|
|
|
|
|
|
|
+ <el-input clearable v-model="rsk.monit_method"></el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="培训教育">
|
|
<el-form-item label="培训教育">
|
|
|
- <el-input clearable v-model="form.monit_edu"></el-input>
|
|
|
|
|
|
|
+ <el-input clearable v-model="rsk.monit_edu"></el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="个体防护">
|
|
<el-form-item label="个体防护">
|
|
|
- <el-input clearable v-model="form.single_defense"></el-input>
|
|
|
|
|
|
|
+ <el-input clearable v-model="rsk.single_defense"></el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="应急处理">
|
|
<el-form-item label="应急处理">
|
|
|
- <el-input clearable v-model="form.emerg_handle"></el-input>
|
|
|
|
|
|
|
+ <el-input clearable v-model="rsk.emerg_handle"></el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="法律依据">
|
|
<el-form-item label="法律依据">
|
|
|
- <el-input clearable v-model="form.name"></el-input>
|
|
|
|
|
|
|
+ <el-input clearable v-model="rsk.rec_stand"></el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="新增管控措施">
|
|
<el-form-item label="新增管控措施">
|
|
|
- <el-input clearable v-model="form.name"></el-input>
|
|
|
|
|
|
|
+ <el-input clearable v-model="rsk.other_method"></el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="管控周期">
|
|
<el-form-item label="管控周期">
|
|
|
- <el-input clearable v-model="form.cycle"></el-input>
|
|
|
|
|
|
|
+ <el-input clearable v-model="rsk.cycle"></el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="所属部门">
|
|
<el-form-item label="所属部门">
|
|
|
- <el-input clearable v-model="form.department_id"></el-input>
|
|
|
|
|
|
|
+ <el-select clearable v-model="rsk.department_id" placeholder="请选择">
|
|
|
|
|
+ <el-option v-for="item in departmentList" :key='item.id' :label="item.name" :value="item.id"></el-option>
|
|
|
|
|
+ </el-select>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
|
|
|
|
|
</el-form>
|
|
</el-form>
|
|
@@ -200,18 +222,25 @@ export default {
|
|
|
},
|
|
},
|
|
|
data() {
|
|
data() {
|
|
|
return {
|
|
return {
|
|
|
- input1:'',
|
|
|
|
|
|
|
+ filterText:'',
|
|
|
dialogFormVisible:false,
|
|
dialogFormVisible:false,
|
|
|
- form:{name:'',page:1,page_size:20},
|
|
|
|
|
|
|
+ form:{name:'',page:1,page_size:20,riskpoint_id:''},
|
|
|
|
|
+ rsk:{},
|
|
|
list:[{name:'2333'}],
|
|
list:[{name:'2333'}],
|
|
|
data:[],
|
|
data:[],
|
|
|
props:{
|
|
props:{
|
|
|
label:'name'
|
|
label:'name'
|
|
|
},
|
|
},
|
|
|
total:1,
|
|
total:1,
|
|
|
- loading:false
|
|
|
|
|
|
|
+ loading:false,
|
|
|
|
|
+ departmentList:[]
|
|
|
};
|
|
};
|
|
|
- },
|
|
|
|
|
|
|
+ },
|
|
|
|
|
+ watch: {
|
|
|
|
|
+ filterText(val) {
|
|
|
|
|
+ this.getRisk();
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
methods: {
|
|
methods: {
|
|
|
gopage(size){
|
|
gopage(size){
|
|
|
if(size){
|
|
if(size){
|
|
@@ -220,15 +249,56 @@ export default {
|
|
|
this.form.page=this.$refs.pageButton.page
|
|
this.form.page=this.$refs.pageButton.page
|
|
|
this.getData()
|
|
this.getData()
|
|
|
},
|
|
},
|
|
|
|
|
+ getRisk(){
|
|
|
|
|
+ this.$api.getRiskpointList({name:this.filterText}).then(res=>{
|
|
|
|
|
+ this.data=res.data.data
|
|
|
|
|
+ })
|
|
|
|
|
+ },
|
|
|
|
|
+ addTask(){
|
|
|
|
|
+ if(this.rsk.riskpoint_id){
|
|
|
|
|
+ this.dialogFormVisible=true
|
|
|
|
|
+ }else{
|
|
|
|
|
+ this.$message.error('请先选择左侧要创建任务的风险点!');
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+ edit(data){
|
|
|
|
|
+ if(data.type != 'ent'){
|
|
|
|
|
+ this.form.riskpoint_id=data.id;
|
|
|
|
|
+ this.getData()
|
|
|
|
|
+ //获取风险点详情
|
|
|
|
|
+ this.$api.getRiskpoint({id:data.id}).then(res=>{
|
|
|
|
|
+ let _data=res.data.data;
|
|
|
|
|
+ this.rsk={
|
|
|
|
|
+ riskpoint_id:_data.id,
|
|
|
|
|
+ riskpoint_name:_data.name,
|
|
|
|
|
+ enterprise_name:_data.enterprise_name,
|
|
|
|
|
+ enterprise_id:_data.enterprise_id,
|
|
|
|
|
+ }
|
|
|
|
|
+ //获取部门
|
|
|
|
|
+ this.$api.getDepartmentList({enterprise_id:_data.enterprise_id}).then(res=>{
|
|
|
|
|
+ this.departmentList=res.data.data.list;
|
|
|
|
|
+ })
|
|
|
|
|
+
|
|
|
|
|
+ })
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
getData(){
|
|
getData(){
|
|
|
this.loading=true
|
|
this.loading=true
|
|
|
var parm=this.form;
|
|
var parm=this.form;
|
|
|
this.$api.getMonittaskList(parm).then(res=>{
|
|
this.$api.getMonittaskList(parm).then(res=>{
|
|
|
- this.list=res.data.data.list
|
|
|
|
|
|
|
+ let list=res.data.data.list
|
|
|
|
|
+ for(let i=0;i<list.length;i++){
|
|
|
|
|
+ let item=list[i].riskpoint_item.split('|');
|
|
|
|
|
+ list[i].riskpoint_item1=item[0]
|
|
|
|
|
+ list[i].riskpoint_item2=item[1]
|
|
|
|
|
+ list[i].riskpoint_item3=item[2]?item[2]:''
|
|
|
|
|
+ }
|
|
|
|
|
+ this.list=list
|
|
|
this.total=res.data.data.total
|
|
this.total=res.data.data.total
|
|
|
this.loading=false
|
|
this.loading=false
|
|
|
})
|
|
})
|
|
|
},
|
|
},
|
|
|
|
|
+
|
|
|
del(id){
|
|
del(id){
|
|
|
this.$confirm('确定删除吗', '提示', {
|
|
this.$confirm('确定删除吗', '提示', {
|
|
|
type: 'warning'
|
|
type: 'warning'
|
|
@@ -243,13 +313,13 @@ export default {
|
|
|
})
|
|
})
|
|
|
},
|
|
},
|
|
|
add(){
|
|
add(){
|
|
|
- let parm=this.form;
|
|
|
|
|
|
|
+ let parm=this.rsk;
|
|
|
// if(!parm.name){
|
|
// if(!parm.name){
|
|
|
// this.$message.error('请输入部门名称');
|
|
// this.$message.error('请输入部门名称');
|
|
|
// return;
|
|
// return;
|
|
|
// }
|
|
// }
|
|
|
if(parm.id){
|
|
if(parm.id){
|
|
|
- this.$api.updateDepartment(parm).then(res=>{
|
|
|
|
|
|
|
+ this.$api.updateMonittask(parm).then(res=>{
|
|
|
if(res.data.code==0){
|
|
if(res.data.code==0){
|
|
|
this.$message({message: '修改成功!',type: 'success'});
|
|
this.$message({message: '修改成功!',type: 'success'});
|
|
|
this.getData();
|
|
this.getData();
|
|
@@ -273,6 +343,7 @@ export default {
|
|
|
},
|
|
},
|
|
|
},
|
|
},
|
|
|
created(){
|
|
created(){
|
|
|
|
|
+ this.getRisk()
|
|
|
this.getData()
|
|
this.getData()
|
|
|
}
|
|
}
|
|
|
};
|
|
};
|