【修改】修改流程中心

This commit is contained in:
zhoulingpo
2023-05-11 15:43:52 +08:00
parent 921e67a579
commit c726c7af47
6 changed files with 115 additions and 41 deletions
+11 -8
View File
@@ -34,23 +34,23 @@
</div> </div>
<el-row class="agreeBtn" v-if="isShowbtn"> <el-row class="agreeBtn" v-if="isShowbtn">
<el-button size="small" type="primary" @click="allAgree('yes')">批量同意</el-button> <el-button size="small" type="primary" @click="allAgree('yes')">批量同意</el-button>
<el-button size="small" type="primary" @click="allAgree('no')">批量不同意</el-button> <el-button size="small" type="danger" @click="allAgree('no')">批量不同意</el-button>
</el-row> </el-row>
<div class="tabs"> <div class="tabs">
<tabs @clearForm="reset"/> <tabs @clearForm="reset"/>
</div> </div>
<el-dialog title="审意见" width="20%" :visible.sync="dialogVisible" > <el-dialog title="审意见" width="20%" :visible.sync="dialogVisible" >
<el-form ref="examineForm" <el-form ref="examineForm"
:model="approveForm" :model="approveForm"
:rules="approveFormRules" :rules="approveFormRules"
size="medium" size="medium"
class="label-input-form prc-content-border approveForm"> class="label-input-form prc-content-border approveForm">
<el-form-item label-width="132px" class="add-form-item" prop="approvalOpinion"> <el-form-item label-width="132px" class="add-form-item" prop="approvalOpinion">
<template slot="label">意见:</template> <template slot="label">意见:</template>
<el-input :maxlength='1000' <el-input :maxlength='1000'
v-model="approveForm.approvalOpinion" v-model="approveForm.approvalOpinion"
placeholder="请输入审意见" placeholder="请输入审意见"
:autosize="{ minRows: 2, maxRows: 4}" :autosize="{ minRows: 2, maxRows: 4}"
type="textarea" type="textarea"
/> />
@@ -76,11 +76,11 @@ import tabs from '../userCenter/processCenter/tabs.vue'
}, },
data() { data() {
return { return {
approveForm:{}, approveForm:{approvalOpinion:''},
approveFormRules:{ approveFormRules:{
approvalOpinion:[{ approvalOpinion:[{
required:true, required:true,
message:'请填写审意见' message:'请填写审意见'
}] }]
}, },
dialogVisible:false, dialogVisible:false,
@@ -89,6 +89,7 @@ import tabs from '../userCenter/processCenter/tabs.vue'
prcName:'' prcName:''
}, },
checkList:[], checkList:[],
flag:1,//是不是同意
isShowbtn:this.$store.getters.activeTab =='' || this.$store.getters.activeTab =='first' isShowbtn:this.$store.getters.activeTab =='' || this.$store.getters.activeTab =='first'
} }
}, },
@@ -111,7 +112,7 @@ import tabs from '../userCenter/processCenter/tabs.vue'
this.$refs.examineForm.validate(v=>{ this.$refs.examineForm.validate(v=>{
if(v){ if(v){
this.checkList= this.checkList.map(item=>{ this.checkList= this.checkList.map(item=>{
item.flag=2 item.flag= this.flag
item.approvalOpinion = this.approveForm.approvalOpinion item.approvalOpinion = this.approveForm.approvalOpinion
return item return item
}) })
@@ -122,11 +123,13 @@ import tabs from '../userCenter/processCenter/tabs.vue'
}) })
}, },
allAgree(type){ allAgree(type){
this.approveForm.approvalOpinion=''
if(this.checkList.length>0){ if(this.checkList.length>0){
if(type=='no'){ if(type=='no'){
this.dialogVisible=true this.dialogVisible=true
this.flag=2
}else{ }else{
this.flag=1
} }
}else{ }else{
this.$message.warning("请至少选择一条数据") this.$message.warning("请至少选择一条数据")
@@ -12,14 +12,9 @@
<div class="blurcolor" @click="view(row)">{{row.prcNum}}</div> <div class="blurcolor" @click="view(row)">{{row.prcNum}}</div>
</template> </template>
</vxe-column> </vxe-column>
<vxe-column show-overflow show-header-overflow field="prcType"
title="流程类型">
<template #default="{ row,index }">
<div >{{getPrcName(row.prcType)}}</div>
</template>
</vxe-column>
<vxe-column show-overflow show-header-overflow field="prcName" title="流程名称">
<vxe-column show-overflow show-header-overflow field="prcName" title="报告名称">
<template #default="{ row,index }"> <template #default="{ row,index }">
<div class="blurcolor" @click="view(row)">{{row.prcName}}</div> <div class="blurcolor" @click="view(row)">{{row.prcName}}</div>
</template> </template>
@@ -31,8 +26,14 @@
title="上一处理人"></vxe-column> title="上一处理人"></vxe-column>
<vxe-column show-overflow show-header-overflow field="creatTime" title="创建时间"></vxe-column> <vxe-column show-overflow show-header-overflow field="creatTime" title="创建时间"></vxe-column>
<vxe-column show-overflow show-header-overflow field="endTime" <vxe-column show-overflow show-header-overflow field="endTime"
title="完成时间"></vxe-column> title="完成日期"></vxe-column>
<vxe-column show-overflow show-header-overflow field="status" title="状态"> <vxe-column show-overflow show-header-overflow field="prcType"
title="流程类型">
<template #default="{ row,index }">
<div >{{getPrcName(row.prcType)}}</div>
</template>
</vxe-column>
<vxe-column show-overflow show-header-overflow field="status" title="流程状态">
<template #default="{ row }"> <template #default="{ row }">
<span v-if="row.isEnd === '0'">未完成</span> <span v-if="row.isEnd === '0'">未完成</span>
<span v-if="row.isEnd === '1'">已完成</span> <span v-if="row.isEnd === '1'">已完成</span>
@@ -17,22 +17,33 @@
<div class="blurcolor" @click="handle(row)">{{row.prcNum}}</div> <div class="blurcolor" @click="handle(row)">{{row.prcNum}}</div>
</template> </template>
</vxe-column> </vxe-column>
<vxe-column show-overflow show-header-overflow field="prcName" title="报告名称">
<template #default="{ row,index }" >
<div class="blurcolor" @click="handle(row)">{{row.prcName}}</div>
</template>
</vxe-column>
<vxe-column show-overflow show-header-overflow field="prcType" <vxe-column show-overflow show-header-overflow field="prcType"
title="流程类型"> title="流程类型">
<template #default="{ row,index }"> <template #default="{ row,index }">
<div>{{getPrcName(row.prcType)}}</div> <div>{{getPrcName(row.prcType)}}</div>
</template> </template>
</vxe-column> </vxe-column>
<vxe-column show-overflow show-header-overflow field="prcName" title="流程名称">
<template #default="{ row,index }" > <vxe-column show-overflow show-header-overflow field="confidentialLevel" title="报告涉密等级">
<div class="blurcolor" @click="handle(row)">{{row.prcName}}</div> </vxe-column>
</template> <vxe-column show-overflow show-header-overflow field="privacyLevel" title="报告隐私等级">
</vxe-column> </vxe-column>
<vxe-column show-overflow show-header-overflow field="creatUserName" <vxe-column show-overflow show-header-overflow field="creatUserName"
title="发起人"></vxe-column> title="发起人"></vxe-column>
<vxe-column show-overflow show-header-overflow field="creatTime" title="创建时间"></vxe-column> <vxe-column show-overflow show-header-overflow field="creatTime" title="创建时间"></vxe-column>
<vxe-column show-overflow show-header-overflow title="操作" width="200" fixed="right"> <vxe-column show-overflow show-header-overflow title="操作" width="200" fixed="right">
<template #default="{ row }"> <template #default="{ row }">
<el-button @click.native.prevent="handleSubmit(row,'yes')" type="text" size="small">
同意
</el-button>
<el-button @click.native.prevent="handleSubmit(row,'no')" type="text" size="small">
不同意
</el-button>
<el-button @click.native.prevent="handle(row)" type="text" size="small"> <el-button @click.native.prevent="handle(row)" type="text" size="small">
办理 办理
</el-button> </el-button>
@@ -43,6 +54,28 @@
:page-sizes="[5, 10, 20]" :page-size="q.size" layout="total, sizes, prev, pager, next, jumper" :page-sizes="[5, 10, 20]" :page-size="q.size" layout="total, sizes, prev, pager, next, jumper"
:total="total" /> :total="total" />
</div> </div>
<el-dialog title="审核意见" width="20%" :visible.sync="dialogVisible" >
<el-form ref="examineForm"
:model="approveForm"
:rules="approveFormRules"
size="medium"
class="label-input-form prc-content-border approveForm">
<el-form-item label-width="132px" class="add-form-item" prop="approvalOpinion">
<template slot="label">审核意见:</template>
<el-input :maxlength='1000'
v-model="approveForm.approvalOpinion"
placeholder="请输入审核意见"
:autosize="{ minRows: 2, maxRows: 4}"
type="textarea"
/>
</el-form-item>
</el-form>
<div class="done">
<el-button size="medium" @click="cancel" class="btn">取消</el-button>
<el-button size="medium" type="primary" @click="submitForm" class="btn">确定</el-button>
</div>
</el-dialog>
</div> </div>
</template> </template>
@@ -53,6 +86,14 @@ export default {
mixins:[ProcessMixin], mixins:[ProcessMixin],
data() { data() {
return { return {
approveForm:{approvalOpinion:''},
approveFormRules:{
approvalOpinion:[{
required:true,
message:'请填写审核意见'
}]
},
dialogVisible:false,
q:{ q:{
current:1, current:1,
size:10 size:10
@@ -60,7 +101,8 @@ export default {
total: 0, total: 0,
tableData: [], tableData: [],
checkList:[], checkList:[],
checkIds:[] checkIds:[],
flag:1
}; };
}, },
props:{ props:{
@@ -83,6 +125,33 @@ export default {
this.loadData() this.loadData()
}, },
methods: { methods: {
cancel(){
this.dialogVisible=false
},
submitForm(){
this.$refs.examineForm.validate(v=>{
if(v){
this.checkList= this.checkList.map(item=>{
item.flag=this.flag
item.approvalOpinion = this.approveForm.approvalOpinion
return item
})
this.completeProcess(this.checkList).then(res=>{
})
}
})
},
handleSubmit(row,flag){
this.approveForm.approvalOpinion=''
if(flag=='no'){
this.flag=2
this.dialogVisible=true
}else{
this.flag=1
}
},
selectAllEvent({checked}) { selectAllEvent({checked}) {
const records = this.$refs.xTable.getCheckboxRecords() const records = this.$refs.xTable.getCheckboxRecords()
this.checkList = records this.checkList = records
@@ -13,13 +13,8 @@
<div class="blurcolor" @click="view(row)"> {{row.prcNum}}</div> <div class="blurcolor" @click="view(row)"> {{row.prcNum}}</div>
</template> </template>
</vxe-column> </vxe-column>
<vxe-column show-overflow show-header-overflow
title="流程类型"> <vxe-column show-overflow show-header-overflow title="报告名称">
<template #default="{ row,index }">
<div>{{getPrcName(row.prcType)}}</div>
</template>
</vxe-column>
<vxe-column show-overflow show-header-overflow title="流程名称">
<template #default="{ row }" > <template #default="{ row }" >
<div class="blurcolor" @click="view(row)">{{row.prcName}}</div> <div class="blurcolor" @click="view(row)">{{row.prcName}}</div>
</template> </template>
@@ -31,8 +26,14 @@
title="上一处理人"></vxe-column> title="上一处理人"></vxe-column>
<vxe-column show-overflow show-header-overflow field="creatTime" title="创建时间"></vxe-column> <vxe-column show-overflow show-header-overflow field="creatTime" title="创建时间"></vxe-column>
<vxe-column show-overflow show-header-overflow field="endTime" <vxe-column show-overflow show-header-overflow field="endTime"
title="完成时间"></vxe-column> title="完成日期"></vxe-column>
<vxe-column show-overflow show-header-overflow field="status" title="状态"> <vxe-column show-overflow show-header-overflow
title="流程类型">
<template #default="{ row,index }">
<div>{{getPrcName(row.prcType)}}</div>
</template>
</vxe-column>
<vxe-column show-overflow show-header-overflow field="status" title="流程状态">
<template #default="{ row }"> <template #default="{ row }">
<span v-if="row.isEnd === '0'">未完成</span> <span v-if="row.isEnd === '0'">未完成</span>
<span v-if="row.isEnd === '1'">已完成</span> <span v-if="row.isEnd === '1'">已完成</span>
@@ -14,14 +14,8 @@
<div class="blurcolor" @click="view(row)">{{row.prcNum}}</div> <div class="blurcolor" @click="view(row)">{{row.prcNum}}</div>
</template> </template>
</vxe-column> </vxe-column>
<vxe-column show-overflow show-header-overflow field="prcType"
title="流程类型">
<template #default="{ row,index }">
<div >{{getPrcName(row.prcType)}}</div>
</template>
</vxe-column>
<vxe-column show-overflow show-header-overflow field="prcName" title="流程名称"> <vxe-column show-overflow show-header-overflow field="prcName" title="报告名称">
<template #default="{ row,index }"> <template #default="{ row,index }">
<div class="blurcolor" @click="view(row)">{{row.prcName}}</div> <div class="blurcolor" @click="view(row)">{{row.prcName}}</div>
</template> </template>
@@ -33,8 +27,14 @@
title="上一处理人"></vxe-column> title="上一处理人"></vxe-column>
<vxe-column show-overflow show-header-overflow field="creatTime" title="创建时间"></vxe-column> <vxe-column show-overflow show-header-overflow field="creatTime" title="创建时间"></vxe-column>
<vxe-column show-overflow show-header-overflow field="endTime" <vxe-column show-overflow show-header-overflow field="endTime"
title="完成时间"></vxe-column> title="完成日期"></vxe-column>
<vxe-column show-overflow show-header-overflow field="status" title="状态"> <vxe-column show-overflow show-header-overflow field="prcType"
title="流程类型">
<template #default="{ row,index }">
<div >{{getPrcName(row.prcType)}}</div>
</template>
</vxe-column>
<vxe-column show-overflow show-header-overflow field="status" title="流程状态">
<template #default="{ row }"> <template #default="{ row }">
<span v-if="row.isEnd === '0'">未完成</span> <span v-if="row.isEnd === '0'">未完成</span>
<span v-if="row.isEnd === '1'">已完成</span> <span v-if="row.isEnd === '1'">已完成</span>
@@ -19,7 +19,7 @@
<div>{{getPrcName(row.prcType)}}</div> <div>{{getPrcName(row.prcType)}}</div>
</template> </template>
</vxe-column> </vxe-column>
<vxe-column show-overflow show-header-overflow field="prcName" title="流程名称"> <vxe-column show-overflow show-header-overflow field="prcName" title="报告名称">
<template #default="{ row,index }" > <template #default="{ row,index }" >
<div class="blurcolor" @click="handle(row)">{{row.prcName}}</div> <div class="blurcolor" @click="handle(row)">{{row.prcName}}</div>
</template> </template>