|
@@ -2,6 +2,12 @@
|
|
|
.task{
|
|
.task{
|
|
|
.danger{
|
|
.danger{
|
|
|
display: flex;
|
|
display: flex;
|
|
|
|
|
+ .companies{
|
|
|
|
|
+ height: 75vh;
|
|
|
|
|
+ overflow: auto;
|
|
|
|
|
+ margin-right: 10px;
|
|
|
|
|
+ overflow-x: hidden;
|
|
|
|
|
+ }
|
|
|
&>li{
|
|
&>li{
|
|
|
width: 25%;
|
|
width: 25%;
|
|
|
list-style: none;
|
|
list-style: none;
|
|
@@ -9,7 +15,7 @@
|
|
|
background: #fff;
|
|
background: #fff;
|
|
|
border: 1px solid #d9d9d9;
|
|
border: 1px solid #d9d9d9;
|
|
|
padding:20px 10px;
|
|
padding:20px 10px;
|
|
|
- margin-right: 20px;
|
|
|
|
|
|
|
+ // margin-right: 20px;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
.el-table th{
|
|
.el-table th{
|
|
@@ -25,6 +31,10 @@
|
|
|
|
|
|
|
|
.label_name{
|
|
.label_name{
|
|
|
font-size: 14px;
|
|
font-size: 14px;
|
|
|
|
|
+ overflow: hidden;
|
|
|
|
|
+ text-overflow: ellipsis;
|
|
|
|
|
+ width: 95%;
|
|
|
|
|
+ display: block;
|
|
|
}
|
|
}
|
|
|
.rsk{
|
|
.rsk{
|
|
|
color: #DF5706;
|
|
color: #DF5706;
|
|
@@ -81,7 +91,7 @@
|
|
|
<p>任务管理 > 风险点任务</p>
|
|
<p>任务管理 > 风险点任务</p>
|
|
|
<div class="content task">
|
|
<div class="content task">
|
|
|
<ul class="danger">
|
|
<ul class="danger">
|
|
|
- <li>
|
|
|
|
|
|
|
+ <li class="companies">
|
|
|
<el-form size="small" >
|
|
<el-form size="small" >
|
|
|
<el-form-item>
|
|
<el-form-item>
|
|
|
<el-input suffix-icon="el-icon-search" v-model="filterText" placeholder="公司名称"></el-input>
|
|
<el-input suffix-icon="el-icon-search" v-model="filterText" placeholder="公司名称"></el-input>
|
|
@@ -93,12 +103,12 @@
|
|
|
:expand-on-click-node="false">
|
|
:expand-on-click-node="false">
|
|
|
<span class="custom-tree-node" slot-scope="{ node, data }" @click="() => edit(data)" >
|
|
<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='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=="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=="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 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 v-else>
|
|
<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=="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=="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 v-if='!data.type' class="label_name rsk" style="color:#F49C0B;"><img width="15" src="../../images/rsk1.png" alt=""> {{ node.label }}</span>
|
|
|
</span>
|
|
</span>
|
|
@@ -119,7 +129,7 @@
|
|
|
</el-form>
|
|
</el-form>
|
|
|
<el-table
|
|
<el-table
|
|
|
class="table"
|
|
class="table"
|
|
|
- :data="list" height="60vh"
|
|
|
|
|
|
|
+ :data="list" height="55vh"
|
|
|
border v-loading="loading"
|
|
border v-loading="loading"
|
|
|
style="width: 100%">
|
|
style="width: 100%">
|
|
|
<el-table-column align="center" label="风险点划分">
|
|
<el-table-column align="center" label="风险点划分">
|
|
@@ -153,6 +163,15 @@
|
|
|
<el-table-column prop="held_person_phone" label="电话"></el-table-column>
|
|
<el-table-column prop="held_person_phone" label="电话"></el-table-column>
|
|
|
<el-table-column prop="cycle" label="管控周期"></el-table-column>
|
|
<el-table-column prop="cycle" label="管控周期"></el-table-column>
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
|
|
+ <el-table-column fixed="right"
|
|
|
|
|
+ prop="zip" width="150"
|
|
|
|
|
+ label="操作">
|
|
|
|
|
+ <template slot-scope="scope">
|
|
|
|
|
+ <!-- <el-button icon="el-icon-view" size="mini" type="success">查看</el-button> -->
|
|
|
|
|
+ <el-button icon="el-icon-edit" @click="change(scope.row)" size="mini" type="warning">编辑</el-button>
|
|
|
|
|
+ <el-button icon="el-icon-delete" @click="del(scope.row.id)" size="mini" type="danger">删除</el-button>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </el-table-column>
|
|
|
</el-table>
|
|
</el-table>
|
|
|
<Page ref="pageButton" :total='total' @pageChange='gopage'/>
|
|
<Page ref="pageButton" :total='total' @pageChange='gopage'/>
|
|
|
</li>
|
|
</li>
|
|
@@ -334,7 +353,7 @@ export default {
|
|
|
this.$confirm('确定删除吗', '提示', {
|
|
this.$confirm('确定删除吗', '提示', {
|
|
|
type: 'warning'
|
|
type: 'warning'
|
|
|
}).then(() => {
|
|
}).then(() => {
|
|
|
- this.$api.deleteClass({id:id}).then((res)=>{
|
|
|
|
|
|
|
+ this.$api.deleteMonittask({id:id}).then((res)=>{
|
|
|
this.$message({
|
|
this.$message({
|
|
|
message: '删除成功',
|
|
message: '删除成功',
|
|
|
type: 'success'
|
|
type: 'success'
|
|
@@ -374,6 +393,15 @@ export default {
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
},
|
|
},
|
|
|
|
|
+ change(data){
|
|
|
|
|
+ //获取部门
|
|
|
|
|
+ this.$api.getDepartmentList({enterprise_id:data.enterprise_id}).then(res=>{
|
|
|
|
|
+ this.departmentList=res.data.data.list;
|
|
|
|
|
+ this.dialogFormVisible=true;
|
|
|
|
|
+ this.rsk={...data}
|
|
|
|
|
+ })
|
|
|
|
|
+
|
|
|
|
|
+ }
|
|
|
},
|
|
},
|
|
|
created(){
|
|
created(){
|
|
|
this.getRisk()
|
|
this.getRisk()
|