流程管理
This commit is contained in:
parent
2f9d908e07
commit
88f3b8e2a6
|
|
@ -201,12 +201,19 @@
|
|||
</el-descriptions>
|
||||
<div style="width: 100%;height: auto;padding: 20px;">
|
||||
<div style="margin-bottom: 20px;font-weight: 600;font-size: 18px;">流程</div>
|
||||
<el-steps :active="checkProcess.length" finish-status="success" :space="300" align-center>
|
||||
<el-step v-for="(item,index) in checkProcess" :key="index" :title="item.createBy+'-'+item.processName" >
|
||||
<el-steps :active="activeIndex" finish-status="success" :space="300" align-center>
|
||||
<el-step v-for="(item,index) in checkProcess" :key="index">
|
||||
<template slot="title">
|
||||
<div>
|
||||
<span v-if="item.checkState!=0" style="color: #000;font-size: 16px;margin-right: 5px;">{{item.createBy}}</span>
|
||||
<span style="color: #000;">{{item.processName}}</span>
|
||||
</div>
|
||||
</template>
|
||||
<template slot="description">
|
||||
<div>
|
||||
<span v-if="item.checkState==1" style="color: rgb(31, 114, 234);font-size: 18px;">同意</span>
|
||||
<span v-if="item.checkState==2" style="color: rgb(230, 0, 68);font-size: 18px;">拒绝</span>
|
||||
<span v-if="item.checkState==0" style="color: #000;font-size: 16px;">未处理</span>
|
||||
<span v-if="item.checkState==1" style="color: rgb(31, 114, 234);font-size: 16px;">同意</span>
|
||||
<span v-if="item.checkState==2" style="color: rgb(230, 0, 68);font-size: 16px;">拒绝</span>
|
||||
<span v-if="item.checkState==1" style="color: rgb(31, 114, 234);margin-left: 10px;font-size: 14px;">{{item.createTime}}</span>
|
||||
<span v-if="item.checkState==2" style="color: rgb(230, 0, 68);margin-left: 10px;font-size: 14px;">{{item.createTime}}</span>
|
||||
</div>
|
||||
|
|
@ -285,6 +292,7 @@
|
|||
fileNames:[],
|
||||
openFile:false,
|
||||
checkProcess:[],
|
||||
activeIndex:1,
|
||||
dialogVisible:false,//图片弹窗
|
||||
dialogImageUrl:"",//图片弹窗
|
||||
openView:false,//查看弹窗
|
||||
|
|
@ -332,6 +340,12 @@
|
|||
}
|
||||
applyCheckProcessApi(param).then(response => {
|
||||
this.checkProcess = response.data||[];
|
||||
let index = response.data.findIndex(v=>v.checkState==0)
|
||||
if(index==-1){
|
||||
this.activeIndex = 3
|
||||
}else{
|
||||
this.activeIndex = index
|
||||
}
|
||||
});
|
||||
},
|
||||
/** 审批按钮操作 */
|
||||
|
|
|
|||
|
|
@ -389,12 +389,19 @@
|
|||
|
||||
<div style="width: 100%;height: auto;padding: 20px;">
|
||||
<div style="margin-bottom: 20px;font-weight: 600;font-size: 18px;">流程</div>
|
||||
<el-steps :active="checkProcess.length" finish-status="success" :space="300" align-center>
|
||||
<el-step v-for="(item,index) in checkProcess" :key="index" :title="item.createBy+'-'+item.processName" >
|
||||
<el-steps :active="activeIndex" finish-status="success" :space="300" align-center>
|
||||
<el-step v-for="(item,index) in checkProcess" :key="index">
|
||||
<template slot="title">
|
||||
<div>
|
||||
<span v-if="item.checkState!=0" style="color: #000;font-size: 16px;margin-right: 5px;">{{item.createBy}}</span>
|
||||
<span style="color: #000;">{{item.processName}}</span>
|
||||
</div>
|
||||
</template>
|
||||
<template slot="description">
|
||||
<div>
|
||||
<span v-if="item.checkState==1" style="color: rgb(31, 114, 234);font-size: 18px;">同意</span>
|
||||
<span v-if="item.checkState==2" style="color: rgb(230, 0, 68);font-size: 18px;">拒绝</span>
|
||||
<span v-if="item.checkState==0" style="color: #000;font-size: 16px;">未处理</span>
|
||||
<span v-if="item.checkState==1" style="color: rgb(31, 114, 234);font-size: 16px;">同意</span>
|
||||
<span v-if="item.checkState==2" style="color: rgb(230, 0, 68);font-size: 16px;">拒绝</span>
|
||||
<span v-if="item.checkState==1" style="color: rgb(31, 114, 234);margin-left: 10px;font-size: 14px;">{{item.createTime}}</span>
|
||||
<span v-if="item.checkState==2" style="color: rgb(230, 0, 68);margin-left: 10px;font-size: 14px;">{{item.createTime}}</span>
|
||||
</div>
|
||||
|
|
@ -530,6 +537,7 @@
|
|||
fileNames:[],
|
||||
openFile:false,//查看附件
|
||||
checkProcess:[],
|
||||
activeIndex:1,
|
||||
dialogVisible:false,//图片弹窗
|
||||
dialogImageUrl:"",//图片弹窗
|
||||
openView:false,//查看弹窗
|
||||
|
|
@ -757,6 +765,12 @@
|
|||
}
|
||||
applyCheckProcessApi(param).then(response => {
|
||||
this.checkProcess = response.data||[];
|
||||
let index = response.data.findIndex(v=>v.checkState==0)
|
||||
if(index==-1){
|
||||
this.activeIndex = 3
|
||||
}else{
|
||||
this.activeIndex = index
|
||||
}
|
||||
});
|
||||
},
|
||||
//查看弹窗
|
||||
|
|
|
|||
Loading…
Reference in New Issue