|
|
|
|
@ -32,7 +32,8 @@
|
|
|
|
|
@selection-change='selectionChange'
|
|
|
|
|
@pageSizeChange="e => {select.page_size = e,getList()}"
|
|
|
|
|
@pageIndexChange="e => {select.page = e,getList()}"
|
|
|
|
|
:table-item="table">
|
|
|
|
|
:table-item="table"
|
|
|
|
|
:defaultExpandAll="false">
|
|
|
|
|
<template v-slot:btns>
|
|
|
|
|
<el-table-column align='center' label="操作" width="100" header-align="center">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
@ -100,9 +101,35 @@
|
|
|
|
|
id:3,
|
|
|
|
|
value:'已完成',
|
|
|
|
|
type:'success'
|
|
|
|
|
}],
|
|
|
|
|
auditStatusList:[{
|
|
|
|
|
id:0,
|
|
|
|
|
value:'待审核',
|
|
|
|
|
type:'warning'
|
|
|
|
|
},{
|
|
|
|
|
id:4,
|
|
|
|
|
value:'待开展',
|
|
|
|
|
type:'info'
|
|
|
|
|
},{
|
|
|
|
|
id:1,
|
|
|
|
|
value:'开展中',
|
|
|
|
|
type:''
|
|
|
|
|
},{
|
|
|
|
|
id:2,
|
|
|
|
|
value:'未完成',
|
|
|
|
|
type:'danger'
|
|
|
|
|
},{
|
|
|
|
|
id:3,
|
|
|
|
|
value:'已完成',
|
|
|
|
|
type:'success'
|
|
|
|
|
},{
|
|
|
|
|
id:5,
|
|
|
|
|
value:'审核不通过',
|
|
|
|
|
type:'warning'
|
|
|
|
|
}],
|
|
|
|
|
table: [{
|
|
|
|
|
type:'selection',
|
|
|
|
|
width:50,
|
|
|
|
|
selectable:(row,index)=>{
|
|
|
|
|
if(this.stateObj.login_id==row.admin_id||this.stateObj.is_guiji||this.stateObj.is_chuzhang){
|
|
|
|
|
return true
|
|
|
|
|
@ -110,16 +137,48 @@
|
|
|
|
|
return false
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}, {
|
|
|
|
|
label: "年份",
|
|
|
|
|
prop: 'year',
|
|
|
|
|
width: 120,
|
|
|
|
|
},{
|
|
|
|
|
type:'expand',
|
|
|
|
|
width:50,
|
|
|
|
|
expandFn:(row)=>{
|
|
|
|
|
|
|
|
|
|
return(<div style={{"border-bottom": "1px solid #EBEEF5"}}>
|
|
|
|
|
{
|
|
|
|
|
row.row.mission.length>0?
|
|
|
|
|
row.row.mission.map((item,index)=>{
|
|
|
|
|
return(<div class='expandrow'>
|
|
|
|
|
<p>{index+1}、<span>任务名称:</span><span>{item.name}</span></p>
|
|
|
|
|
<p><span>状态:</span><span>{
|
|
|
|
|
this.auditStatusList.map(status=>{
|
|
|
|
|
if(item.audit_status===status.id){
|
|
|
|
|
return status.value
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}</span></p>
|
|
|
|
|
<p><span>开始日期:</span><span>{item.start_date}</span></p>
|
|
|
|
|
<p><span>结束日期:</span><span>{item.end_date}</span></p>
|
|
|
|
|
<p><span>任务类型:</span><span>{item.unit_type_detail?item.unit_type_detail.value:''}</span></p>
|
|
|
|
|
<p><span>创建人:</span><span>{item.admin?item.admin.name:''}</span></p>
|
|
|
|
|
<p><span>创建科室:</span><span>{item.department?item.department.name:''}</span></p>
|
|
|
|
|
<p><span>创建时间:</span><span>{item.created_at.substring(0,11)}</span></p>
|
|
|
|
|
</div>)
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
:<div class='expandrow'>暂无任务</div>
|
|
|
|
|
}</div>)
|
|
|
|
|
}
|
|
|
|
|
},{
|
|
|
|
|
label: "年份",
|
|
|
|
|
prop: 'year',
|
|
|
|
|
width: 120,
|
|
|
|
|
},{
|
|
|
|
|
label: "月份",
|
|
|
|
|
prop: 'start_date',
|
|
|
|
|
width: 120,
|
|
|
|
|
width: 180,
|
|
|
|
|
customFn:(row)=>{
|
|
|
|
|
return(<div style={{"display": "flex","flex-wrap": "wrap"}}>
|
|
|
|
|
return(<div style={{"display": "flex","flex-wrap": "wrap","justify-content": "center"}}>
|
|
|
|
|
{
|
|
|
|
|
row.start_date.map((item,index)=>{
|
|
|
|
|
return(<span>{
|
|
|
|
|
@ -139,9 +198,9 @@
|
|
|
|
|
}, {
|
|
|
|
|
label: "类型",
|
|
|
|
|
prop: 'type_detail.value',
|
|
|
|
|
width: 120,
|
|
|
|
|
width: 180,
|
|
|
|
|
customFn:(row)=>{
|
|
|
|
|
return(<div style={{"display": "flex","flex-wrap": "wrap"}}>
|
|
|
|
|
return(<div style={{"display": "flex","flex-wrap": "wrap","justify-content": "center"}}>
|
|
|
|
|
{
|
|
|
|
|
row.type_detail.map((item,index)=>{
|
|
|
|
|
return(<span>{
|
|
|
|
|
@ -406,8 +465,21 @@
|
|
|
|
|
<style scoped>
|
|
|
|
|
/deep/ .el-icon-circle-close {
|
|
|
|
|
color: #fff
|
|
|
|
|
}
|
|
|
|
|
.expandrow{
|
|
|
|
|
display: flex;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
padding-left:50px;
|
|
|
|
|
padding-bottom: 9px;
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
}
|
|
|
|
|
.expandrow p{
|
|
|
|
|
margin-right:20px;
|
|
|
|
|
}
|
|
|
|
|
.expandrow p span:first-child{
|
|
|
|
|
font-weight: 300;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* /deep/ .el-table__body tr.el-table__row--striped td {
|
|
|
|
|
background-color: #C0C4CC!important;
|
|
|
|
|
} */
|
|
|
|
|
|