From f348da571df45c066653e8d1dec73bdbf6636538 Mon Sep 17 00:00:00 2001 From: liuxi <357439530@qq.com> Date: Mon, 16 Dec 2024 14:56:11 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BA=8B=E9=A1=B9=E8=BF=BD=E8=B8=AA?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .gitlab-ci.yml | 4 +- src/pages/case-management/detail/index.vue | 206 +++-- src/pages/case-management/index.vue | 4 +- .../event-tracing/components/CallDialog.vue | 179 +++++ .../components/officeDeliveryDialog.vue | 192 +++++ .../event-tracing/components/officeDialog.vue | 193 +++++ .../components/officeSealDialog.vue | 191 +++++ .../components/officeWriteDialog.vue | 198 +++++ .../components/repaymentDialog.vue | 192 +++++ .../event-tracing/components/smsDialog.vue | 195 +++++ .../event-tracing/components/voideDialog.vue | 191 +++++ .../officeDeliveryDialogDetail.vue | 169 +++++ .../dtraceDetail/officeDialogDetail.vue | 155 ++++ .../dtraceDetail/officeWDialogDetail.vue | 156 ++++ .../dtraceDetail/smsDialogDetail.vue | 182 +++++ src/pages/event-tracing/index.vue | 80 ++ src/pages/mediation-management/index.vue | 709 +++++++++++------- src/pages/workbench/index.vue | 211 +++++- src/router/index.js | 8 + 19 files changed, 3085 insertions(+), 330 deletions(-) create mode 100644 src/pages/event-tracing/components/CallDialog.vue create mode 100644 src/pages/event-tracing/components/officeDeliveryDialog.vue create mode 100644 src/pages/event-tracing/components/officeDialog.vue create mode 100644 src/pages/event-tracing/components/officeSealDialog.vue create mode 100644 src/pages/event-tracing/components/officeWriteDialog.vue create mode 100644 src/pages/event-tracing/components/repaymentDialog.vue create mode 100644 src/pages/event-tracing/components/smsDialog.vue create mode 100644 src/pages/event-tracing/components/voideDialog.vue create mode 100644 src/pages/event-tracing/dtraceDetail/officeDeliveryDialogDetail.vue create mode 100644 src/pages/event-tracing/dtraceDetail/officeDialogDetail.vue create mode 100644 src/pages/event-tracing/dtraceDetail/officeWDialogDetail.vue create mode 100644 src/pages/event-tracing/dtraceDetail/smsDialogDetail.vue create mode 100644 src/pages/event-tracing/index.vue diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml index 0bd31da..afe95ec 100644 --- a/.gitlab-ci.yml +++ b/.gitlab-ci.yml @@ -2,7 +2,7 @@ variables: #docker仓库地址 REGISTRY_HOST: ccr.ccs.tencentyun.com #准度科技信息化项目 - PROJECT_NAME: trydo + PROJECT_NAME: justice #注册中心 SUB_PROJECT_NAME: mediate-manage-web CEWCS_IMAGE: $REGISTRY_HOST/$PROJECT_NAME/$SUB_PROJECT_NAME:1.0.0-dev @@ -15,7 +15,7 @@ stages: - clean before_script: - - docker login --username=100010566009 --password=zd123456 $REGISTRY_HOST + - docker login --username=100018369914 --password=zd123456 $REGISTRY_HOST 构建: stage: build diff --git a/src/pages/case-management/detail/index.vue b/src/pages/case-management/detail/index.vue index 5aa96f2..eded1a6 100644 --- a/src/pages/case-management/detail/index.vue +++ b/src/pages/case-management/detail/index.vue @@ -14,43 +14,43 @@
-
被申请人:张三
+
基本信息
债务信息
联系人信息
@@ -145,22 +145,33 @@
-
短信情况
-
- - - - - - -
-
视频情况
-
- - - - - +
+
+ 案件事项追踪 +
+
+
+ 短信发送追踪1/2 +
+
+ 视频调解追踪1/2 +
+
+ 文书生成追踪1/2 +
+
+ 文书签字追踪1/2 +
+
+ 文书签章追踪1/2 +
+
+ 文书送达追踪1/2 +
+
+ 还款凭证登记1/2 +
+
@@ -253,26 +264,86 @@
- + +
@@ -311,6 +382,47 @@ import api from "@/services/caseManagement"; } .case-detail-right-label{margin: 0px 0 15px 0;} .case-detail-right-des{background-color: #F7F8FA;padding:10px;} + + .item-trace{ + 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; + } + } + } + } } .el-badge{ diff --git a/src/pages/case-management/index.vue b/src/pages/case-management/index.vue index db26e20..3c0d5bf 100644 --- a/src/pages/case-management/index.vue +++ b/src/pages/case-management/index.vue @@ -236,7 +236,9 @@ - 被申请人:{{scope.row.creditorName}} + 被申请人: + {{index == 0 ?'':','}}{{item.name}} +
diff --git a/src/pages/event-tracing/components/CallDialog.vue b/src/pages/event-tracing/components/CallDialog.vue new file mode 100644 index 0000000..88f62f7 --- /dev/null +++ b/src/pages/event-tracing/components/CallDialog.vue @@ -0,0 +1,179 @@ + + + \ No newline at end of file diff --git a/src/pages/event-tracing/components/officeDeliveryDialog.vue b/src/pages/event-tracing/components/officeDeliveryDialog.vue new file mode 100644 index 0000000..75f3bc6 --- /dev/null +++ b/src/pages/event-tracing/components/officeDeliveryDialog.vue @@ -0,0 +1,192 @@ + + + \ No newline at end of file diff --git a/src/pages/event-tracing/components/officeDialog.vue b/src/pages/event-tracing/components/officeDialog.vue new file mode 100644 index 0000000..28bf109 --- /dev/null +++ b/src/pages/event-tracing/components/officeDialog.vue @@ -0,0 +1,193 @@ + + + \ No newline at end of file diff --git a/src/pages/event-tracing/components/officeSealDialog.vue b/src/pages/event-tracing/components/officeSealDialog.vue new file mode 100644 index 0000000..c95fa2f --- /dev/null +++ b/src/pages/event-tracing/components/officeSealDialog.vue @@ -0,0 +1,191 @@ + + + \ No newline at end of file diff --git a/src/pages/event-tracing/components/officeWriteDialog.vue b/src/pages/event-tracing/components/officeWriteDialog.vue new file mode 100644 index 0000000..b3d86b1 --- /dev/null +++ b/src/pages/event-tracing/components/officeWriteDialog.vue @@ -0,0 +1,198 @@ + + + \ No newline at end of file diff --git a/src/pages/event-tracing/components/repaymentDialog.vue b/src/pages/event-tracing/components/repaymentDialog.vue new file mode 100644 index 0000000..019cc88 --- /dev/null +++ b/src/pages/event-tracing/components/repaymentDialog.vue @@ -0,0 +1,192 @@ + + + \ No newline at end of file diff --git a/src/pages/event-tracing/components/smsDialog.vue b/src/pages/event-tracing/components/smsDialog.vue new file mode 100644 index 0000000..4175e01 --- /dev/null +++ b/src/pages/event-tracing/components/smsDialog.vue @@ -0,0 +1,195 @@ + + + \ No newline at end of file diff --git a/src/pages/event-tracing/components/voideDialog.vue b/src/pages/event-tracing/components/voideDialog.vue new file mode 100644 index 0000000..408701b --- /dev/null +++ b/src/pages/event-tracing/components/voideDialog.vue @@ -0,0 +1,191 @@ + + + \ No newline at end of file diff --git a/src/pages/event-tracing/dtraceDetail/officeDeliveryDialogDetail.vue b/src/pages/event-tracing/dtraceDetail/officeDeliveryDialogDetail.vue new file mode 100644 index 0000000..3f9e208 --- /dev/null +++ b/src/pages/event-tracing/dtraceDetail/officeDeliveryDialogDetail.vue @@ -0,0 +1,169 @@ + + + \ No newline at end of file diff --git a/src/pages/event-tracing/dtraceDetail/officeDialogDetail.vue b/src/pages/event-tracing/dtraceDetail/officeDialogDetail.vue new file mode 100644 index 0000000..6dcefd6 --- /dev/null +++ b/src/pages/event-tracing/dtraceDetail/officeDialogDetail.vue @@ -0,0 +1,155 @@ + + + \ No newline at end of file diff --git a/src/pages/event-tracing/dtraceDetail/officeWDialogDetail.vue b/src/pages/event-tracing/dtraceDetail/officeWDialogDetail.vue new file mode 100644 index 0000000..6220c14 --- /dev/null +++ b/src/pages/event-tracing/dtraceDetail/officeWDialogDetail.vue @@ -0,0 +1,156 @@ + + + \ No newline at end of file diff --git a/src/pages/event-tracing/dtraceDetail/smsDialogDetail.vue b/src/pages/event-tracing/dtraceDetail/smsDialogDetail.vue new file mode 100644 index 0000000..c306872 --- /dev/null +++ b/src/pages/event-tracing/dtraceDetail/smsDialogDetail.vue @@ -0,0 +1,182 @@ + + + \ No newline at end of file diff --git a/src/pages/event-tracing/index.vue b/src/pages/event-tracing/index.vue new file mode 100644 index 0000000..a046f97 --- /dev/null +++ b/src/pages/event-tracing/index.vue @@ -0,0 +1,80 @@ + + + \ No newline at end of file diff --git a/src/pages/mediation-management/index.vue b/src/pages/mediation-management/index.vue index 4c2ba6f..9f0e33f 100644 --- a/src/pages/mediation-management/index.vue +++ b/src/pages/mediation-management/index.vue @@ -1,20 +1,26 @@ - + \ 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 @@
-
- +
+
+
+ 调解成功率 +
+ + + + + + +
+
+
+
+
+ +
+ 31% +
+ +
+
+
+
+ 事项追踪 +
+
+
+ 短信发送追踪1/2 +
+
+ 外呼事项追踪1/2 +
+
+ 视频调解追踪1/2 +
+
+ 文书生成追踪1/2 +
+
+ 文书签字追踪1/2 +
+
+ 文书签章追踪1/2 +
+
+ 文书送达追踪1/2 +
+
+ 还款凭证登记1/2 +
+
+
@@ -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' }, + }, + ], },