+
+
+
+
+
+
+
+ 全部
+
+
+ 在办
+
+
+ 办结
+
+
+
筛选
@@ -29,7 +35,16 @@
-
+
+
+ 案件包名称
+
+
+
+
+
金融机构名称
-
+
案件编号
-
+
- 金融产品类型
-
-
-
-
-
-
-
-
-
-
- 区域
- 所属调解员
+
-
-
-
-
-
-
-
- 债务人姓名
-
-
-
-
-
-
- 债务人电话
-
-
-
-
-
-
-
-
- 案件状态
-
+
+
+
+
+
+
+ 案件状态
+
+
+
+
+
+
+
+
+ 分案状态
+
+
+
+
+
+
+
+
+ 调解进度
+
+
+
+
+
+
+
+
+ 调解状态
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 被申请人姓名
+
+
+
+
+
+
+ 被申请人电话
+
+
+
+
+
+
+ 被申请人证件号
+
+
+
-
创建时间
+
最新跟进时间
案件列表
-
+ 案件办结
+ 发送短信
+ 智能外呼
+ 文书生成
+ 发起签字
+ 发起签章
+ 文书送达
+ 案件下载
+
-
-
-
-
-
-
+
+
+
+
+
+
-
-
-
详情
+
+
+
+
+ 案件号:
+ {{ scope.row.caseNo }}
+
+
+ 申请人:
+ {{ scope.row.financialOrgName }}
+
+
+ 最新跟进时间:
+ {{ scope.row.updateAt }}
+
+
+ 逾期金额(元):
+ {{ scope.row.moneyAmount }}
+
+
+ 委案日期:
+ {{ scope.row.planStartTime }}
+
+
+ 所属调解员:
+ {{ scope.row.mediatorName }}
+
+
+ 查看详情
+ 删除
+
+
+
+
+ 短信
+ 成功{{scope.row.statistics.SMS}}1/发送1
+
+
+ 外呼
+ 接通0/外呼0
+
+
+ 调解视频
+ 结束0/预约0
+
+
+ 文书
+ 0
+
+
+ 文书签署
+ 成功0/发起0
+
+
+ 文书送达
+ 0
+
+
+ 还款计划
+ 已设置
+
+
+ 还款凭证
+ 已填0
+
+
+
+
+
@@ -207,120 +349,105 @@
-
+
+
+
+
-
+
\ No newline at end of file
diff --git a/src/pages/workbench/index.vue b/src/pages/workbench/index.vue
index 449a46d..9f4fdfc 100644
--- a/src/pages/workbench/index.vue
+++ b/src/pages/workbench/index.vue
@@ -118,8 +118,71 @@
-
-
+
+
+
+
调解成功率
+
+
+
+
+
+
+
+
+
+
+
+
@@ -131,6 +194,8 @@
+
+
@@ -142,9 +207,11 @@
components: {
importPackageDialog: () => import('../case-package/components/importPackageDialog'),//导入
caseAllocationDialog: () => import('../case-package/components/caseAllocationDialog'),//案件分配
+ eventTracingDialog: () => import('../event-tracing/index.vue'),//事项追踪
},
data() {
return {
+ eventTraDialog:null,//事项追踪
casePkOptions:[],//案件包
queryParam: {
pkgName:'',//案件包名称
@@ -162,6 +229,8 @@
caseAllocationDialog:null,//案件分配弹框
importCaseDialog:null,//导入
+
+ myEcharts: null,
};
},
@@ -178,6 +247,7 @@
},
mounted(){
this.getCaseInfoList(1)
+ this.drawCharts()
},
methods: {
jumpUrl (url) {
@@ -234,6 +304,63 @@
});
}).catch(() => {});
},
+ // 结果统计图
+ drawCharts () {
+ if (this.myEcharts) {
+ this.myEcharts.clear();
+ }
+ this.myEcharts = this.$echarts.init(
+ document.getElementById("echartsSankey")
+ );
+ let _that = this;
+ var option = {
+ tooltip: {
+ trigger: "item",
+ axisPointer: {
+ type: "shadow",
+ },
+ textStyle: {
+ fontSize: 22,
+ },
+ },
+ legend: {
+ top: "5%",
+ left: "center",
+ show: false, //取消显示图例
+ },
+ series: [
+ {
+ name: 'Access From',
+ type: 'pie',
+ radius: ['40%', '70%'],
+ avoidLabelOverlap: false,
+ label: {
+ show: false,
+ position: 'center'
+ },
+ emphasis: {
+ label: {
+ show: false, //hover圆环中的列子
+ fontSize: 40,
+ fontWeight: 'bold'
+ }
+ },
+ labelLine: {
+ show: false
+ },
+ data: [
+ { value: 1048, name: 'Search Engine' },
+ { value: 735, name: 'Direct' },
+ { value: 580, name: 'Email' },
+ { value: 484, name: 'Union Ads' },
+ { value: 300, name: 'Video Ads' }
+ ]
+ }
+ ]
+ };
+ _that.myEcharts.setOption(option, true);
+
+ },
},
};
@@ -345,10 +472,86 @@
}
.casework3{
- margin:4px 0 0 0;
min-height:496px;
width: 400px;
- background-color: #E1EDF4;
+ margin:4px 0 0 0;
+ color: #4E5969;
+ .pie-chart{
+ padding: 18px;
+ background-color: #fff;
+ border-radius: 8px;
+
+ .case-pk-title{
+ span:first-child{
+ font-size: 18px;
+ color:#1D2129;
+ font-weight: 500;
+ }
+
+ }
+ .case-pk-cont{
+ padding: 20px 0;
+ position: relative;
+ .resultplan{
+ font-size: 32px;
+ position: absolute;
+ left: 115px;
+ top: 130px;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ width: 165px;
+ text-align: center;
+ }
+
+ }
+ }
+
+ .item-trace{
+ margin-top: 20px;
+ padding: 18px;
+ background-color: #fff;
+ border-radius: 8px;
+ .case-pk-title{
+ span:first-child{
+ font-size: 18px;
+ color:#1D2129;
+ font-weight: 500;
+ }
+
+ }
+ .case-pk-cont{
+ padding: 10px 0 0px 0;
+ position: relative;
+ .resultplan{
+ font-size: 32px;
+ position: absolute;
+ left: 115px;
+ top: 130px;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ width: 165px;
+ text-align: center;
+ }
+ div{
+ margin-top:5px;
+ margin-bottom:10px;
+ color: #4E5969;
+ background-color:#F7F8FA ;
+ padding: 12px;
+ border-radius: 2px;
+ a{
+ font-weight: 600;
+ }
+ a:first-child{
+ color: #E8535A;
+ }
+ }
+ }
+ }
}
.casework4{
background: linear-gradient(101.33deg, #0FBEAF 0.46%, #079D87 100%);
diff --git a/src/router/index.js b/src/router/index.js
index 2b777ec..c2261f4 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -102,6 +102,14 @@ const routes = [
component: () => import("@/pages/mediation-management"),
meta: { title: "调解管理", icon: 'menu-mediat-management' },
},
+
+ {
+ path: "/event-tracing",
+ name: "/event-tracing",
+ component: () => import("@/pages/event-tracing"),
+ meta: { title: "调解管理", icon: 'menu-mediat-management' },
+ },
+
],
},