调解成功率

This commit is contained in:
liuxi 2024-12-30 10:45:29 +08:00
parent 15007e016f
commit 040927f417
3 changed files with 37 additions and 32 deletions

View File

@ -134,7 +134,8 @@
<el-table-column prop="pkgName" label="案件包名称" show-overflow-tooltip ></el-table-column> <el-table-column prop="pkgName" label="案件包名称" show-overflow-tooltip ></el-table-column>
<el-table-column prop="pkgName" label="被申请人姓名" show-overflow-tooltip ></el-table-column> <el-table-column prop="pkgName" label="被申请人姓名" show-overflow-tooltip ></el-table-column>
<el-table-column prop="pkgName" label="案件编号" show-overflow-tooltip ></el-table-column> <el-table-column prop="pkgName" label="案件编号" show-overflow-tooltip ></el-table-column>
<el-table-column prop="pkgName" label="逾期天数" show-overflow-tooltip ></el-table-column> <el-table-column prop="pkgName" label="案件总金额" show-overflow-tooltip ></el-table-column>
<el-table-column prop="pkgName" label="案件逾期天数" show-overflow-tooltip ></el-table-column>
<el-table-column prop="pkgName" label="回款金额" show-overflow-tooltip ></el-table-column> <el-table-column prop="pkgName" label="回款金额" show-overflow-tooltip ></el-table-column>
<el-table-column prop="pkgName" label="回款时间" show-overflow-tooltip ></el-table-column> <el-table-column prop="pkgName" label="回款时间" show-overflow-tooltip ></el-table-column>
<el-table-column prop="pkgName" label="上传回款凭证时间" show-overflow-tooltip ></el-table-column> <el-table-column prop="pkgName" label="上传回款凭证时间" show-overflow-tooltip ></el-table-column>

View File

@ -50,11 +50,11 @@
</span> </span>
<span class="case-pro1"> <span class="case-pro1">
<p>已司法确认</p> <p>已司法确认</p>
<p><a>0</a></p> <p><a>{{caseprogressObj.judicialTotal}}</a></p>
</span> </span>
<span class="case-pro2"> <span class="case-pro2">
<p>已赋强公证</p> <p>已赋强公证</p>
<p><a>0</a></p> <p><a>{{caseprogressObj.notarizationTotal}}</a></p>
</span> </span>
</div> </div>
</div> </div>
@ -86,7 +86,7 @@
<span> <span>
<el-select v-model="queryParamCGL.id" <el-select v-model="queryParamCGL.id"
clearable placeholder="请选择案件包" clearable placeholder="请选择案件包"
class="width100" size="mini"> class="width100" size="mini" @change="SuccessRateChange">
<el-option <el-option
v-for="item in casePkOptions" v-for="item in casePkOptions"
:key="item.id" :key="item.id"
@ -102,12 +102,13 @@
<div id="echartsSankey" style="width: 370px; height: 270px; margin-left: 10px"> <div id="echartsSankey" style="width: 370px; height: 270px; margin-left: 10px">
</div> </div>
<span class="resultplan">31%</span> <span class="resultplan" v-if="mediation_success_rate.caseTotal > 0 ">{{ (mediation_success_rate.mediateSuccess/mediation_success_rate.caseTotal).toFixed(2) }} %</span>
<span class="resultplan">0 %</span>
</div> </div>
<div class="flex-row justify-content-between"> <div class="flex-row justify-content-between">
<span class="flex-column align-items-center color-86909C"><a class="color-000 f16">27</a><a>总案件数</a></span> <span class="flex-column align-items-center color-86909C"><a class="color-000 f16">{{mediation_success_rate.caseTotal}}</a><a>总案件数</a></span>
<span class="flex-column align-items-center color-86909C"><a class="color-000 f16">10</a><a>调解成功</a></span> <span class="flex-column align-items-center color-86909C"><a class="color-000 f16">{{mediation_success_rate.mediateSuccess}}</a><a>调解成功</a></span>
<span class="flex-column align-items-center color-86909C"><a class="color-000 f16">17</a><a>调解失败</a></span> <span class="flex-column align-items-center color-86909C"><a class="color-000 f16">{{mediation_success_rate.mediateFail}}</a><a>调解失败</a></span>
</div> </div>
</div> </div>
</div> </div>
@ -224,7 +225,8 @@
"failed": 0 "failed": 0
} }
}, },
statisticCasesData:{} statisticCasesData:{},
mediation_success_rate:{caseTotal:0,mediateSuccess:0,mediateFail:0},
}; };
}, },
@ -344,8 +346,12 @@
}); });
}).catch(() => {}); }).catch(() => {});
}, },
SuccessRateChange(){
this.drawCharts()
},
// //
drawCharts () { async drawCharts () {
this.mediation_success_rate = await workApi.getmy_case_pkg_statistics({id:this.queryParamCGL.id})
if (this.myEcharts) { if (this.myEcharts) {
this.myEcharts.clear(); this.myEcharts.clear();
} }
@ -370,7 +376,6 @@
}, },
series: [ series: [
{ {
name: 'Access From',
type: 'pie', type: 'pie',
radius: ['40%', '70%'], radius: ['40%', '70%'],
avoidLabelOverlap: false, avoidLabelOverlap: false,
@ -389,12 +394,9 @@
show: false show: false
}, },
data: [ data: [
{ value: 1048, name: 'Search Engine' }, { value: this.mediation_success_rate.mediateFail, name: '调解失败' },
{ value: 735, name: 'Direct' }, { value: this.mediation_success_rate.mediateSuccess, name: '调解成功' },
{ value: 580, name: 'Email' }, ]
{ value: 484, name: 'Union Ads' },
{ value: 300, name: 'Video Ads' }
]
} }
] ]
}; };

View File

@ -50,11 +50,11 @@
</span> </span>
<span class="case-pro1"> <span class="case-pro1">
<p>已司法确认</p> <p>已司法确认</p>
<p><a>0</a></p> <p><a>{{caseprogressObj.judicialTotal}}</a></p>
</span> </span>
<span class="case-pro2"> <span class="case-pro2">
<p>已赋强公证</p> <p>已赋强公证</p>
<p><a>0</a></p> <p><a>{{caseprogressObj.notarizationTotal}}</a></p>
</span> </span>
</div> </div>
</div> </div>
@ -127,7 +127,7 @@
<span> <span>
<el-select v-model="queryParamCGL.id" <el-select v-model="queryParamCGL.id"
clearable placeholder="请选择案件包" clearable placeholder="请选择案件包"
class="width100" size="mini"> class="width100" size="mini" @change="SuccessRateChange">
<el-option <el-option
v-for="item in casePkOptions" v-for="item in casePkOptions"
:key="item.id" :key="item.id"
@ -143,12 +143,13 @@
<div id="echartsSankey" style="width: 370px; height: 270px; margin-left: 10px"> <div id="echartsSankey" style="width: 370px; height: 270px; margin-left: 10px">
</div> </div>
<span class="resultplan">31%</span> <span class="resultplan" v-if="mediation_success_rate.caseTotal > 0 ">{{ (mediation_success_rate.mediateSuccess/mediation_success_rate.caseTotal).toFixed(2) }} %</span>
<span class="resultplan">0 %</span>
</div> </div>
<div class="flex-row justify-content-between"> <div class="flex-row justify-content-between">
<span class="flex-column align-items-center color-86909C"><a class="color-000 f16">27</a><a>总案件数</a></span> <span class="flex-column align-items-center color-86909C"><a class="color-000 f16">{{mediation_success_rate.caseTotal}}</a><a>总案件数</a></span>
<span class="flex-column align-items-center color-86909C"><a class="color-000 f16">10</a><a>调解成功</a></span> <span class="flex-column align-items-center color-86909C"><a class="color-000 f16">{{mediation_success_rate.mediateSuccess}}</a><a>调解成功</a></span>
<span class="flex-column align-items-center color-86909C"><a class="color-000 f16">17</a><a>调解失败</a></span> <span class="flex-column align-items-center color-86909C"><a class="color-000 f16">{{mediation_success_rate.mediateFail}}</a><a>调解失败</a></span>
</div> </div>
</div> </div>
</div> </div>
@ -270,6 +271,7 @@
"failed": 0 "failed": 0
} }
}, },
mediation_success_rate:{caseTotal:0,mediateSuccess:0,mediateFail:0},
}; };
}, },
@ -392,8 +394,12 @@
}); });
}).catch(() => {}); }).catch(() => {});
}, },
SuccessRateChange(){
this.drawCharts()
},
// //
drawCharts () { async drawCharts () {
this.mediation_success_rate = await workApi.getmy_case_pkg_statistics({id:this.queryParamCGL.id})
if (this.myEcharts) { if (this.myEcharts) {
this.myEcharts.clear(); this.myEcharts.clear();
} }
@ -418,7 +424,6 @@
}, },
series: [ series: [
{ {
name: 'Access From',
type: 'pie', type: 'pie',
radius: ['40%', '70%'], radius: ['40%', '70%'],
avoidLabelOverlap: false, avoidLabelOverlap: false,
@ -437,12 +442,9 @@
show: false show: false
}, },
data: [ data: [
{ value: 1048, name: 'Search Engine' }, { value: this.mediation_success_rate.mediateFail, name: '调解失败' },
{ value: 735, name: 'Direct' }, { value: this.mediation_success_rate.mediateSuccess, name: '调解成功' },
{ value: 580, name: 'Email' }, ]
{ value: 484, name: 'Union Ads' },
{ value: 300, name: 'Video Ads' }
]
} }
] ]
}; };