tanghuan/mediate-manage-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

首页工作台相关业务

Browse Source
This commit is contained in:
liuxi 2024-12-27 17:57:22 +08:00
parent 60b862fc23
commit 15007e016f
4 changed files with 78 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/pages/layout/components/SideMenu.vue
View File

@ -49,19 +49,18 @@
// 判断当前登录人角色，如果是普通调解员，则默认展示区域且不可选择 // 判断当前登录人角色，如果是普通调解员，则默认展示区域且不可选择
let identifier = this.$store.state.userinfo.identifier let identifier = this.$store.state.userinfo.identifier
if(identifier=='mediator'){ if(identifier=='mediator'){
// 调解员 // 调解员
this.menuTree.unshift({children:[],id:0,menuIcon:"menu-home",name:"调解首页",nameEn:"",pid:0,prefix:"mediate",sort:0,type:1,typeName:"",url:"/workbench"}) this.menuTree.unshift({children:[],id:0,menuIcon:"menu-home",name:"调解首页",nameEn:"",pid:0,prefix:"mediate",sort:0,type:1,typeName:"",url:"/workbenchcm"})
} }
else else
{ {
// 案件管理员 // 案件管理员
this.menuTree.unshift({children:[],id:0,menuIcon:"menu-home",name:"调解首页",nameEn:"",pid:0,prefix:"mediate",sort:0,type:1,typeName:"",url:"/workbenchcm"}) this.menuTree.unshift({children:[],id:0,menuIcon:"menu-home",name:"调解首页",nameEn:"",pid:0,prefix:"mediate",sort:0,type:1,typeName:"",url:"/workbench"})
} }
} }
else else
{ {
this.menuTree.push({children:[],id:0,menuIcon:"menu-home",name:"调解首页",nameEn:"",pid:0,prefix:"mediate",sort:0,type:1,typeName:"",url:"/workbench"}) this.menuTree.push({children:[],id:0,menuIcon:"menu-home",name:"调解首页",nameEn:"",pid:0,prefix:"mediate",sort:0,type:1,typeName:"",url:"/workbenchcm"})
} }
}, },
methods: { methods: {

55
src/pages/workbench/case-manage/index.vue
View File

@ -10,9 +10,9 @@
<div class="flex-row justify-content-between case-title"> <div class="flex-row justify-content-between case-title">
<span>案件进展情况</span> <span>案件进展情况</span>
<span> <span>
<el-select v-model="queryParam.id" <el-select v-model="queryParamJZ.id"
clearable placeholder="请选择案件包" clearable placeholder="请选择案件包"
class="width100" size="mini"> class="width100" size="mini" @change="JZChange">
<el-option <el-option
v-for="item in casePkOptions" v-for="item in casePkOptions"
:key="item.id" :key="item.id"
@ -26,35 +26,35 @@
<div class="case-progress"> <div class="case-progress">
<span class="case-pro1"> <span class="case-pro1">
<p>案件总量</p> <p>案件总量</p>
<p><a>99</a>件</p> <p><a>{{caseprogressObj.caseTotal}}</a>件</p>
</span> </span>
<span class="case-pro2"> <span class="case-pro2">
<p>案件待分</p> <p>已办结案件</p>
<p><a>99</a>件</p> <p><a>{{caseprogressObj.finishTotal}}</a>件</p>
</span> </span>
<span class="case-pro3"> <span class="case-pro3">
<p>未触达</p> <p>未触达</p>
<p><a>99</a>件</p> <p><a>{{caseprogressObj.notReachTotal}}</a>件</p>
</span> </span>
<span class="case-pro1"> <span class="case-pro1">
<p>调解中</p> <p>调解中</p>
<p><a>99</a>件</p> <p><a>{{caseprogressObj.mediatingTotal}}</a>件</p>
</span> </span>
<span class="case-pro2"> <span class="case-pro2">
<p>调解成功</p> <p>调解成功</p>
<p><a>99</a>件</p> <p><a>{{caseprogressObj.mediateSuccess}}</a>件</p>
</span> </span>
<span class="case-pro3"> <span class="case-pro3">
<p>已签署协议</p> <p>已签署协议</p>
<p><a>99</a>件</p> <p><a>{{caseprogressObj.signTotal}}</a>件</p>
</span> </span>
<span class="case-pro1"> <span class="case-pro1">
<p>已司法确认</p> <p>已司法确认</p>
<p><a>99</a>件</p> <p><a>0</a>件</p>
</span> </span>
<span class="case-pro2"> <span class="case-pro2">
<p>已赋强公证</p> <p>已赋强公证</p>
<p><a>99</a>件</p> <p><a>0</a>件</p>
</span> </span>
</div> </div>
</div> </div>
@ -84,7 +84,7 @@
<span>调解成功率</span> <span>调解成功率</span>
<div class="flex-row"> <div class="flex-row">
<span> <span>
<el-select v-model="queryParam.id" <el-select v-model="queryParamCGL.id"
clearable placeholder="请选择案件包" clearable placeholder="请选择案件包"
class="width100" size="mini"> class="width100" size="mini">
<el-option <el-option
@ -172,7 +172,12 @@
return { return {
eventTraDialog:null,//事项追踪 eventTraDialog:null,//事项追踪
casePkOptions:[],//案件包 casePkOptions:[],//案件包
queryParam: { queryParamJZ: {
pkgName:'',//案件包名称
id:'',
},
caseprogressObj:{},
queryParamCGL: {
pkgName:'',//案件包名称 pkgName:'',//案件包名称
id:'', id:'',
}, },
@ -180,7 +185,6 @@
identifier:this.$store.state.userinfo.identifier, identifier:this.$store.state.userinfo.identifier,
detailDrawer:null, detailDrawer:null,
editCaseDrawer:null,//编辑 editCaseDrawer:null,//编辑
tableData: [],
caseAllocationDialog:null,//案件分配弹框 caseAllocationDialog:null,//案件分配弹框
importCaseDialog:null,//导入 importCaseDialog:null,//导入
@ -253,32 +257,31 @@
} }
this.getCaseapkList() this.getCaseapkList()
this.getCaseInfoList()
this.drawCharts() this.drawCharts()
this.getstatisticcases() this.getstatisticcases()
this.getstatistic_trace() this.getstatistic_trace()
this.getCaseapkStatistics()
}, },
methods: { methods: {
jumpUrl (url) { jumpUrl (url) {
this.$router.push(url); this.$router.push(url);
}, },
// 待办 JZChange(){
handleSearch(){ this.getCaseapkStatistics()
this.getCaseInfoList();
}, },
// 所有案件包数据 // 案件进展情况
getCaseapkList(){ getCaseapkStatistics(){
pkapi.getCasePkgQuery({current:1,size:100,pkgName:''}).then(res => { workApi.getmy_case_pkg_statistics({id:this.queryParamJZ.id}).then(res => {
if (!res.code) { if (!res.code) {
this.casePkOptions = res.records; this.caseprogressObj = res
} }
}) })
}, },
// 列表数据 // 所有案件包数据
getCaseInfoList(){ getCaseapkList(){
pkapi.getCasePkgQuery({current:1,size:100,pkgName:this.queryParam.pkgName}).then(res => { workApi.getmy_case_pkg({size:100,current:1}).then(res => {
if (!res.code) { if (!res.code) {
this.tableData = res.records; this.casePkOptions = res;
} }
}) })
}, },

53
src/pages/workbench/index.vue
View File

@ -10,9 +10,9 @@
<div class="flex-row justify-content-between case-title"> <div class="flex-row justify-content-between case-title">
<span>案件进展情况</span> <span>案件进展情况</span>
<span> <span>
<el-select v-model="queryParam.id" <el-select v-model="queryParamJZ.id"
clearable placeholder="请选择案件包" clearable placeholder="请选择案件包"
class="width100" size="mini"> class="width100" size="mini" @change="progressChange">
<el-option <el-option
v-for="item in casePkOptions" v-for="item in casePkOptions"
:key="item.id" :key="item.id"
@ -26,35 +26,35 @@
<div class="case-progress"> <div class="case-progress">
<span class="case-pro1"> <span class="case-pro1">
<p>案件总量</p> <p>案件总量</p>
<p><a>99</a>件</p> <p><a>{{caseprogressObj.caseTotal}}</a>件</p>
</span> </span>
<span class="case-pro2"> <span class="case-pro2">
<p>案件待分</p> <p>案件待分</p>
<p><a>99</a>件</p> <p><a>{{caseprogressObj.unassignTotal}}</a>件</p>
</span> </span>
<span class="case-pro3"> <span class="case-pro3">
<p>未触达</p> <p>未触达</p>
<p><a>99</a>件</p> <p><a>{{caseprogressObj.notReachTotal}}</a>件</p>
</span> </span>
<span class="case-pro1"> <span class="case-pro1">
<p>调解中</p> <p>调解中</p>
<p><a>99</a>件</p> <p><a>{{caseprogressObj.mediatingTotal}}</a>件</p>
</span> </span>
<span class="case-pro2"> <span class="case-pro2">
<p>调解成功</p> <p>调解成功</p>
<p><a>99</a>件</p> <p><a>{{caseprogressObj.mediateSuccess}}</a>件</p>
</span> </span>
<span class="case-pro3"> <span class="case-pro3">
<p>已签署协议</p> <p>已签署协议</p>
<p><a>99</a>件</p> <p><a>{{caseprogressObj.signTotal}}</a>件</p>
</span> </span>
<span class="case-pro1"> <span class="case-pro1">
<p>已司法确认</p> <p>已司法确认</p>
<p><a>99</a>件</p> <p><a>0</a>件</p>
</span> </span>
<span class="case-pro2"> <span class="case-pro2">
<p>已赋强公证</p> <p>已赋强公证</p>
<p><a>99</a>件</p> <p><a>0</a>件</p>
</span> </span>
</div> </div>
</div> </div>
@ -64,7 +64,7 @@
<span>待分配案件包</span> <span>待分配案件包</span>
<div class="flex-row"> <div class="flex-row">
<span> <span>
<el-select v-model="queryParam.pkgName" <el-select v-model="queryParamFP.pkgName"
clearable placeholder="请选择案件包" clearable placeholder="请选择案件包"
@change="handleSearch()" @change="handleSearch()"
class="width100" size="mini"> class="width100" size="mini">
@ -125,7 +125,7 @@
<span>调解成功率</span> <span>调解成功率</span>
<div class="flex-row"> <div class="flex-row">
<span> <span>
<el-select v-model="queryParam.id" <el-select v-model="queryParamCGL.id"
clearable placeholder="请选择案件包" clearable placeholder="请选择案件包"
class="width100" size="mini"> class="width100" size="mini">
<el-option <el-option
@ -213,7 +213,16 @@
return { return {
eventTraDialog:null,//事项追踪 eventTraDialog:null,//事项追踪
casePkOptions:[],//案件包 casePkOptions:[],//案件包
queryParam: { queryParamJZ: {
pkgName:'',//案件包名称
id:'',
},
caseprogressObj:{},
queryParamFP: {
pkgName:'',//案件包名称
id:'',
},
queryParamCGL: {
pkgName:'',//案件包名称 pkgName:'',//案件包名称
id:'', id:'',
}, },
@ -287,6 +296,7 @@
this.drawCharts() this.drawCharts()
this.getstatisticcases() this.getstatisticcases()
this.getstatistic_trace() this.getstatistic_trace()
this.getCaseapkStatistics()
}, },
methods: { methods: {
jumpUrl (url) { jumpUrl (url) {
@ -296,17 +306,28 @@
handleSearch(){ handleSearch(){
this.getCaseInfoList(); this.getCaseInfoList();
}, },
progressChange(){
this.getCaseapkStatistics()
},
// 案件进展情况
getCaseapkStatistics(){
workApi.getmy_case_pkg_statistics({id:this.queryParamJZ.id}).then(res => {
if (!res.code) {
this.caseprogressObj = res;
}
})
},
// 所有案件包数据 // 所有案件包数据
getCaseapkList(){ getCaseapkList(){
pkapi.getCasePkgQuery({current:1,size:100,pkgName:''}).then(res => { workApi.getmy_case_pkg({size:100,current:1}).then(res => {
if (!res.code) { if (!res.code) {
this.casePkOptions = res.records; this.casePkOptions = res;
} }
}) })
}, },
// 列表数据 // 列表数据
getCaseInfoList(){ getCaseInfoList(){
pkapi.getCasePkgQuery({current:1,size:100,pkgName:this.queryParam.pkgName}).then(res => { pkapi.getCasePkgQuery({current:1,size:100,pkgName:this.queryParamFP.pkgName}).then(res => {
if (!res.code) { if (!res.code) {
this.tableData = res.records; this.tableData = res.records;
} }

9
src/services/workbenchApi.js
View File

@ -31,6 +31,15 @@ const systemLogApi = {
return service.service.post(`${apiMediate}workbench/statistic-trace`, data, {hideLoading:true}) return service.service.post(`${apiMediate}workbench/statistic-trace`, data, {hideLoading:true})
}, },
// 我的案件包列表,下拉
getmy_case_pkg: data => {
return service.service.post(`${apiMediate}api/case_pkg/my-case-pkg`, data, {hideLoading:true})
},
// 根据当前登录人员统计案件包的状态
getmy_case_pkg_statistics: data => {
return service.service.post(`${apiMediate}api/case_pkg/statistics`, data, {hideLoading:true})
},