+
-
-
-
{{statisticCasesData.todayCasesToFollowUp}}今日待跟进案件
+
-
-
-
调解成功率
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
{{ (mediation_success_rate.mediateSuccess/mediation_success_rate.caseTotal).toFixed(2) }} %
-
0 %
-
-
-
-
事项追踪
@@ -143,6 +144,41 @@
+
+
+
+
调解成功率
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
{{ (mediation_success_rate.mediateSuccess/mediation_success_rate.caseTotal).toFixed(2) }} %
+
0 %
+
+
+
+
+
@@ -265,6 +301,8 @@
this.getCaseapkList()
this.getstatisticcases()
this.getstatistic_trace()
+ this.ReachrateCharts()
+ this.CaserefundCharts()
},
methods: {
@@ -313,49 +351,6 @@
}
})
},
-
-
-
- // 导入
- handleImport(){
- this.importCaseDialog={
- title:'批量导入案件',
- }
- },
- // 案件分配
- handleCaseAllocation(row){
- if((row.caseTotal - row.assignTotal) <= 0)
- {
- this.$message({
- showClose: true,
- message: '该案件包没有待分配的案件！',
- type: 'warning'
- });
- return false
- }
-
-
- this.caseAllocationDialog={
- title:'案件分配',
- ObjectInfo:row
- }
- },
- // 单条删除
- handleDelete(row){
- this.$confirm("请确定是否删除此条数据?", "提示", {
- confirmButtonText: "确定",
- cancelButtonText: "取消",
- type: "warning",
- }).then(() => {
- if(!this.$clickThrottle()) { return }//防止重复点击
- pkapi.CasePkgdeleteById({id:row.id}).then((res) => {
-
- this.$message.success("删除成功");
- this.getCaseInfoList(1)
-
- });
- }).catch(() => {});
- },
SuccessRateChange(){
this.drawCharts()
},
@@ -387,7 +382,7 @@
series: [
{
type: 'pie',
- radius: ['40%', '70%'],
+ radius: ['60%', '85%'],
avoidLabelOverlap: false,
label: {
show: false,
@@ -413,6 +408,109 @@
_that.myEcharts.setOption(option, true);
},
+
+ // 本人触达率
+ async ReachrateCharts () {
+ if (this.myEchartsReachrate) {
+ this.myEchartsReachrate.clear();
+ }
+ this.myEchartsReachrate = this.$echarts.init(
+ document.getElementById("echartsReachrate")
+ );
+ let _that = this;
+ var option = {
+ tooltip: {
+ trigger: "item",
+ axisPointer: {
+ type: "shadow",
+ },
+ textStyle: {
+ fontSize: 22,
+ },
+ },
+ legend: {
+ top: "5%",
+ left: "center",
+ show: false, //取消显示图例
+ },
+ series: [
+ {
+ type: 'pie',
+ radius: ['60%', '85%'],
+ avoidLabelOverlap: false,
+ label: {
+ show: false,
+ position: 'center'
+ },
+ emphasis: {
+ label: {
+ show: false, //hover圆环中的列子
+ fontSize: 40,
+ fontWeight: 'bold'
+ }
+ },
+ labelLine: {
+ show: false
+ },
+ data: [
+ { value: 0, name: '未触达债务人数',itemStyle:{color:'#E1EDF4'} },
+ { value: 0, name: '已触达债务人数' ,itemStyle:{color:'#E4F3CE'}},
+ ]
+ }
+ ]
+ };
+ _that.myEchartsReachrate.setOption(option, true);
+
+ },
+ // 预约回款情况
+ async CaserefundCharts () {
+ let case_rank_rate = [0,0,0,0,0,0,0]
+ if (this.myEchartsCaseRefund) {
+ this.myEchartsCaseRefund.clear();
+ }
+ this.myEchartsCaseRefund = this.$echarts.init(
+ document.getElementById("echartsCaserefund")
+ );
+ let _that = this;
+ var option = {
+ tooltip: {
+ trigger: 'axis',
+ axisPointer: {
+ type: 'shadow'
+ }
+ },
+ xAxis: {
+ type: 'category',
+ data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
+ },
+ yAxis: {
+ type: 'value'
+ },
+ grid: {
+ left: '2%',
+ right: '2%',
+ bottom: '3%',
+ containLabel: true
+ },
+ legend: {},
+ series: [
+ {
+ data: [120, 200, 150, 80, 70, 110, 130],
+ type: 'bar',
+ name:'预约回款金额',
+ color:'#FBA440'
+ },
+ {
+ data: [120, 200, 150, 80, 70, 110, 130],
+ type: 'bar',
+ name:'回款金额',
+ color:'#4091FB'
+ }
+ ]
+ };
+ _that.myEchartsCaseRefund.setOption(option, true);
+
+ },
},
};
@@ -439,7 +537,7 @@
padding: 20px;
.case-title{
height: 60px;
- padding-top: 10px;
+ // padding-top: 10px;
font-size: 18px;
color:#1D2129;
font-weight: 500;
@@ -470,79 +568,123 @@
}
.case-pro1{width: 155px;height: 105px;}
}
-.casework2{
- background-color: #E1EDF4;
- min-height:496px;
- margin:4px 0 0 0;
- width: calc(100% - 830px);
- padding: 18px;
- color: #4E5969;
+.casework-1{
+ background-color: #fff;
+ border-radius: 8px;
+ margin-top: 15px;
+
.case-pk-title{
span:first-child{
font-size: 18px;
color:#1D2129;
font-weight: 500;
}
- .case-pk-btn{
- width: 90px;
- font-size: 14px;
- text-align: center;
- line-height: 30px;
- display: inline-block;
- cursor: pointer;
-
- }
+
}
- .case-follow-cont{
- .donotfollowup1{
- background:url(../../../assets/image/workbench/donotfollowup1.png) no-repeat;
- background-size: 100% 100%;
- width: calc(50% - 10px);
- height: 400px;
- padding-top: 140px;
+ .case-pk-cont{
+ padding: 10px 0;
+ position: relative;
+ .resultplan{
+ color: #86909C;
+ font-size: 16px;
+ position: absolute;
+ left: 65px;
+ top: 110px;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ width: 125px;
text-align: center;
- float: left;
- margin-right: 10px;
- margin-top: 20px;
- }
- .donotfollowup2{
- background:url(../../../assets/image/workbench/donotfollowup2.png) no-repeat;
- background-size: 100% 100%;
- width: calc(50% - 10px);
- height: 400px;
- padding-top: 140px;
- text-align: center;
- float: left;
- margin-left: 10px;
- margin-top: 20px;
- }
- .donotfollowup3{
- background:url(../../../assets/image/workbench/donotfollowup3.png) no-repeat;
- background-size: 100% 100%;
- width: calc(50% - 10px);
- height: 400px;
- padding-top: 140px;
- text-align: center;
- float: left;
- margin-right: 10px;
- margin-top: 20px;
- }
- .donotfollowup4{
- background:url(../../../assets/image/workbench/donotfollowup4.png) no-repeat;
- background-size: 100% 100%;
- width: calc(50% - 10px);
- height: 400px;
- padding-top: 140px;
- text-align: center;
- float: left;
- margin-left: 10px;
- margin-top: 20px;
+ p{padding: 0;margin: 0;}
}
+
}
+}
+.casework2{
+ width: calc(100% - 830px);
+ .casework2-1{
+ background-color: #E1EDF4;
+ min-height:496px;
+ margin:4px 0 0 0;
+
+ padding: 18px;
+ color: #4E5969;
+
+
+ .case-pk-title{
+ span:first-child{
+ font-size: 18px;
+ color:#1D2129;
+ font-weight: 500;
+ }
+ .case-pk-btn{
+ width: 90px;
+ font-size: 14px;
+ text-align: center;
+ line-height: 30px;
+ display: inline-block;
+ cursor: pointer;
+
+ }
+ }
+ .case-follow-cont{
+ padding: 15px 0 30px 0;
+ .donotfollowup1{
+ background:url(../../../assets/image/workbench/donotfollowup1.png) no-repeat;
+ background-size: 100% 100%;
+ width: calc(50% - 10px);
+ height: 462px;
+ padding-top: 140px;
+ text-align: center;
+ float: left;
+ margin-top: 20px;
+ }
+ .donotfollowup2{
+ background:url(../../../assets/image/workbench/donotfollowup2.png) no-repeat;
+ background-size: 100% 100%;
+ width: calc(50% - 10px);
+ height: 462px;
+ padding-top: 140px;
+ text-align: center;
+ float: left;
+ margin-left: 20px;
+ margin-top: 20px;
+ }
+ .donotfollowup3{
+ background:url(../../../assets/image/workbench/donotfollowup4.png) no-repeat;
+ background-size: 100% 100%;
+ width: calc(50% - 10px);
+ height: 462px;
+ padding-top: 140px;
+ text-align: center;
+ float: left;
+ margin-left: 20px;
+ margin-top: 20px;
+ }
+ .donotfollowup4{
+ background:url(../../../assets/image/workbench/donotfollowup3.png) no-repeat;
+ background-size: 100% 100%;
+ width: calc(50% - 10px);
+ height: 462px;
+ padding-top: 140px;
+ text-align: center;
+ float: left;
+ margin-left: 20px;
+ margin-top: 20px;
+ }
+ }
+
-
+
+ }
+ .casework2-2{
+ background-color: #fff;
+ border-radius: 8px;
+ margin-top: 15px;
+ }
}
.casework3{
min-height:496px;
@@ -550,6 +692,7 @@
margin:4px 0 0 0;
color: #4E5969;
.pie-chart{
+ margin-top: 18px;
padding: 18px;
background-color: #fff;
border-radius: 8px;
@@ -563,13 +706,13 @@
}
.case-pk-cont{
- padding: 20px 0;
+ padding: 10px 0 10px 0;
position: relative;
.resultplan{
font-size: 32px;
position: absolute;
left: 115px;
- top: 130px;
+ top: 100px;
display: flex;
flex-direction: column;
justify-content: center;
@@ -582,7 +725,6 @@
}
.item-trace{
- margin-top: 20px;
padding: 18px;
background-color: #fff;
border-radius: 8px;
@@ -595,7 +737,7 @@
}
.case-pk-cont{
- padding: 10px 0 0px 0;
+ padding: 21px 0 0px 0;
position: relative;
.resultplan{
font-size: 32px;
@@ -610,11 +752,11 @@
text-align: center;
}
div{
- margin-top:5px;
- margin-bottom:10px;
+ margin-top:10px;
+ margin-bottom:15px;
color: #4E5969;
background-color:#F7F8FA ;
- padding: 12px;
+ padding: 14px 12px;
border-radius: 2px;
a{
font-weight: 600;
diff --git a/src/pages/workbench/index.vue b/src/pages/workbench/index.vue
index 33380c2..41d8c5c 100644
--- a/src/pages/workbench/index.vue
+++ b/src/pages/workbench/index.vue
@@ -6,153 +6,144 @@
你好，{{userInfo.realName || userInfo.showName ||'-'}}