DZ/faw-report-library-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

【修改】权限申请流程修改页面

Browse Source
This commit is contained in:
zhoulingpo
2023-04-23 17:51:04 +08:00
parent ee5a84368d
commit 3d69b7266b
12 changed files with 287 additions and 101 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/userCenter/processCenter.vue
+10 -3
View File
@@ -8,9 +8,13 @@
<el-col :span="20">
<div class="search-box-left">
<label>流程编号：</label>
<el-input v-model="form.prcNum" ></el-input>
<el-input v-model="form.prcNum" placeholder="请输入流程编号"></el-input>
<label>流程名称：</label>
<el-input v-model="form.prcName"></el-input>
<el-select v-model="form.prcName" collapse-tags placeholder="请选择流程名称">
<template v-for="item in processTypeList">
<el-option :label="item.label" :value="item.value" :key="item.value"></el-option>
</template>
</el-select>
</div>
</el-col>
<el-col :span="4" align="right">
@@ -28,9 +32,11 @@
</template>
<script>
import ProcessMixin from "../../components/ProcessMixin";
import tabs from '../userCenter/processCenter/tabs.vue'
export default {
name:'processCenter',
mixins: [ProcessMixin],
components:{
tabs
},
@@ -54,6 +60,7 @@ import tabs from '../userCenter/processCenter/tabs.vue'
methods: {
//查询
search() {
console.log(this.form)
this.$bus.$emit('getSearchItem',this.form)
// this.$api.processCenter.search({})
},
@@ -63,7 +70,7 @@ import tabs from '../userCenter/processCenter/tabs.vue'
prcNum:'',
prcName:''
}
this.$bus.$emit('getSearchItem',this.form)
this.$bus.$emit('getSearchItem',this.form)
}
},
}
src/views/userCenter/processCenter/finishProcess.vue
+18 -6
View File
@@ -9,7 +9,11 @@
</vxe-column>
<vxe-column show-overflow show-header-overflow field="prcNum"
title="流程编号"></vxe-column>
<vxe-column show-overflow show-header-overflow field="prcName" title="流程名称"></vxe-column>
<vxe-column show-overflow show-header-overflow field="prcName" title="流程名称">
<template #default="{ row,index }">
<div>{{getPrcName(row.prcName)}}</div>
</template>
</vxe-column>
<vxe-column show-overflow show-header-overflow field="creatUser"
title="发起人"></vxe-column>
<vxe-column show-overflow show-header-overflow field="taskAssignee" title="当前处理人"></vxe-column>
@@ -50,19 +54,27 @@ export default {
}
},
props:{
secondData:{
type:Array,
default:[],
form:{
type:Object,
default:{},
}
},
watch:{
form:{
handler(){
console.log("我见他",this.form)
this.loadData()
},
deep:true
}
},
mounted () {
this.search()
this.loadData()
},
methods: {
loadData() {
let userId=this.$store.getters.userInfo.usid
this.$api.processCenter.finishProcessPage({...this.q,...this.searchForm,userId:userId}).then(res=>{
this.$api.processCenter.finishProcessPage({...this.q,...this.form,userId:userId}).then(res=>{
this.tableData = res.data.list
this.total = res.data.count
})
src/views/userCenter/processCenter/gencyProcess.vue
+16 -9
View File
@@ -9,7 +9,11 @@
</vxe-column>
<vxe-column show-overflow show-header-overflow field="prcNum"
title="流程编号"></vxe-column>
<vxe-column show-overflow show-header-overflow field="prcName" title="流程名称"></vxe-column>
<vxe-column show-overflow show-header-overflow field="prcName" title="流程名称">
<template #default="{ row,index }">
<div>{{getPrcName(row.prcName)}}</div>
</template>
</vxe-column>
<vxe-column show-overflow show-header-overflow field="creatUserName"
title="发起人"></vxe-column>
<vxe-column show-overflow show-header-overflow field="creatTime" title="创建时间"></vxe-column>
@@ -44,22 +48,28 @@ export default {
};
},
props:{
firstData:{
type:Array,
default:[],
form:{
type:Object,
default:{},
}
},
watch: {
form:{
handler(){
console.log("我见他",this.form)
this.loadData()
},
deep:true
}
},
mounted () {
this.search()
this.loadData()
},
methods: {
loadData() {
let userId=this.$store.getters.userInfo.usid
this.$api.processCenter.gencyProcessPage({...this.q,...this.searchForm,userId:userId}).then(res=>{
this.$api.processCenter.gencyProcessPage({...this.q,...this.form,userId:userId}).then(res=>{
this.tableData = res.data.list
this.total = res.data.count
})
@@ -85,9 +95,6 @@ export default {
}
},
},
beforeDestroy(){
this.$bus.$off('getSearchItem')
}
};
</script>
src/views/userCenter/processCenter/monitorProcesses.vue
+17 -5
View File
@@ -9,7 +9,11 @@
</vxe-column>
<vxe-column show-overflow show-header-overflow field="prcNum"
title="流程编号"></vxe-column>
<vxe-column show-overflow show-header-overflow field="prcName" title="流程名称"></vxe-column>
<vxe-column show-overflow show-header-overflow field="prcName" title="流程名称">
<template #default="{ row,index }">
<div>{{getPrcName(row.prcName)}}</div>
</template>
</vxe-column>
<vxe-column show-overflow show-header-overflow field="labelOneName"
title="发起人"></vxe-column>
<vxe-column show-overflow show-header-overflow field="taskAssignee" title="当前处理人"></vxe-column>
@@ -50,13 +54,21 @@ export default {
}
},
props:{
fourthData:{
type:Array,
default:[],
form:{
type:Object,
default:{},
}
},
watch:{
form:{
handler(){
console.log("我见他",this.form)
this.loadData()
},
deep:true
}
},
mounted () {
this.search()
this.loadData()
},
methods: {
src/views/userCenter/processCenter/sentProcess.vue
+14 -6
View File
@@ -12,7 +12,7 @@
title="流程编号"></vxe-column>
<vxe-column show-overflow show-header-overflow field="prcName" title="流程名称">
<template #default="{ row,index }">
<div @click="viewDetails(row)">{{prcName}}</div>
<div @click="viewDetails(row)">{{getPrcName(row.prcName)}}</div>
</template>
</vxe-column>
<vxe-column show-overflow show-header-overflow field="creatUserName"
@@ -61,13 +61,21 @@ export default {
};
},
props: {
thirdData: {
type: Array,
default: [],
form:{
type:Object,
default:{},
}
},
watch:{
form:{
handler(){
console.log("我见他",this.form)
this.loadData()
},
deep:true
}
},
mounted () {
this.search()
this.loadData()
},
methods: {
@@ -119,7 +127,7 @@ export default {
},
loadData() {
let userId=this.$store.getters.userInfo.usid
this.$api.processCenter.sentProcessPage({...this.q,...this.searchForm,userId:userId}).then(res=>{
this.$api.processCenter.sentProcessPage({...this.q,...this.form,userId:userId}).then(res=>{
this.tableData = res.data.list.length>0 ?res.data.list:[{name:1}]
this.total = res.data.count
}).catch(err=>{
src/views/userCenter/processCenter/tabs.vue
+13 -10
View File
@@ -2,16 +2,16 @@
<div>
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane label="待办流程" name="first">
<gencyProcess v-if="activeName=='first'"></gencyProcess>
<gencyProcess v-if="activeName == 'first'" :form="form"></gencyProcess>
</el-tab-pane>
<el-tab-pane label="已办流程" name="second">
<finishProcess v-if="activeName=='second'"></finishProcess>
<finishProcess v-if="activeName=='second'" :form="form"></finishProcess>
</el-tab-pane>
<el-tab-pane label="已发流程" name="third">
<sentProcess v-if="activeName=='third'"></sentProcess>
<sentProcess v-if="activeName=='third'" :form="form"></sentProcess>
</el-tab-pane>
<el-tab-pane label="监控流程" name="fourth">
<monitorProcesses v-if="activeName=='fourth'"></monitorProcesses>
<monitorProcesses v-if="activeName=='fourth'" :form="form"></monitorProcesses>
</el-tab-pane>
</el-tabs>
</div>
@@ -37,6 +37,7 @@ export default {
secondData:[],
thirdData:[],
fourthData:[],
form:[]
};
},
watch: {
@@ -45,19 +46,21 @@ export default {
created () {
},
mounted () {
this.$bus.$on('getSearchItem',(data)=>{
this.form = JSON.parse(JSON.stringify(data))
console.log(this.form,"hhh")
})
this.activeName=this.$store.getters.activeTab ?this.$store.getters.activeTab:'first'
},
methods: {
handleClick(tab, event) {
this.$router.push({
path: '/userCenter/processCenter',
query: {
id:'AEHJB8YNJ3'
}
})
this.$emit('clearForm')
this.$store.commit('setActiveTabIndex','')
}
},
beforeDestroy(){
console.log("我不监听了")
this.$bus.$off('getSearchItem')
}
}
</script>