From ca3980f3073d43b94de5ef4dc138e63cc3b4b7e3 Mon Sep 17 00:00:00 2001 From: liuxi <357439530@qq.com> Date: Mon, 23 Dec 2024 14:38:48 +0800 Subject: [PATCH] =?UTF-8?q?UI=E6=96=B9=E9=9D=A2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/dialogPreview.vue | 2 +- src/pages/case-management/detail/index.vue | 23 +---- .../components/LayoutContent.vue | 88 ++++++++++++++++- .../components/RepaymentCertificate.vue | 96 +++++++++++-------- src/utils/util.js | 2 +- 5 files changed, 149 insertions(+), 62 deletions(-) diff --git a/src/components/dialogPreview.vue b/src/components/dialogPreview.vue index 590170d..c1643d5 100644 --- a/src/components/dialogPreview.vue +++ b/src/components/dialogPreview.vue @@ -8,7 +8,7 @@
-
+
diff --git a/src/pages/case-management/detail/index.vue b/src/pages/case-management/detail/index.vue index 0fd48b0..bf8d7da 100644 --- a/src/pages/case-management/detail/index.vue +++ b/src/pages/case-management/detail/index.vue @@ -74,6 +74,7 @@ 调解记录 + @@ -184,25 +185,7 @@
-
身份证明材料上传材料
-
- - - - - - - - - - -
-
证据材料上传材料
+
案件材料上传材料
@@ -288,7 +271,7 @@ import { subtract } from "lodash"; eventTraDialog:null, navactive:1, Qualitydesc:'结清应还金额：16776.74逾期未还费用：2486.88', - tableData:[{A:'一次性全部还款',B:'承诺账户',C:'钟华丽-本人-188****2929',D:'CS',E:'回款金额:14289.86,回款时间:2024-12-05',F:'2024-12-05 09:13:29',G:'孟利'}], + tableData:[{H:'电话调解',A:'一次性全部还款',B:'承诺账户',C:'钟华丽-本人-188****2929',D:'CS',E:'回款金额:14289.86,回款时间:2024-12-05',F:'2024-12-05 09:13:29',G:'孟利'}], tableData1:[{A:'一次性全部回款',B:'14,289.86元',C:'2024-12-05',D:'无',E:'',F:'',G:'',H:''}], tableData2:[{A:'2024-12-05 00:00:00',B:'14,289.86元',C:'孟利',D:'2024-12-05 14:13:56',E:'',F:'',G:'',H:''}], caseId:'', diff --git a/src/pages/mediation-page/components/LayoutContent.vue b/src/pages/mediation-page/components/LayoutContent.vue index 2350939..b17a3ee 100644 --- a/src/pages/mediation-page/components/LayoutContent.vue +++ b/src/pages/mediation-page/components/LayoutContent.vue @@ -76,7 +76,14 @@ 身份证号： {{ debtorEntityCardNo(baseInfo.debtorEntityList,25).cardNo }} {{ baseInfo.debtorEntityList.length > 25 ? '...':'' }} 户籍地址：{{index == 0 ?'':','}}{{item.name}} 案件编号：{{baseInfo.caseNo}} - +
+
申请人代理人信息
+
+ 姓名：河北幸福消费金融股份有限公司012341 + 身份证号：{{baseInfo.financialOrgName}} + 手机号码：{{baseInfo.planStartTime}} + 电子邮箱：{{baseInfo.planStartTime}} + 代理人类型：{{baseInfo.planStartTime}}
债务信息
@@ -192,6 +199,52 @@
+ +
+
+ 案件材料 + 上传案件材料 +
+
+
+ +
+ 起诉状 + 张三 2024-09-09 +
+
+
+ 预览 + 删除 + 下载 +
+
+
+ + +
+
+ 案件文书 + 文书生成 +
+
+
+ +
+ 调解申请书 + 未签字 + -- +
+
+
+ 预览 + 下载模板 + 上传文书 + 文书生成 +
+
+
+
@@ -707,14 +760,44 @@ import api from "@/services/caseManagement"; span{ margin:3px 0; padding: 3px 10px; - // a:first-child{width: 120px;display: inline-block;text-align: right;} } span:nth-child(even) { background-color: #F7F8FA; } + .case-img{ + width: 50px; + height: 50px; + text-align: center; + line-height: 50px; + img{ + max-width: 50px; + max-height: 50px; + } + } } + .case-materials-person{ + .case-detail-des{ + i{margin-right: 4px;} + } + } + .case-office-person{ + + .case-detail-des{ + .case-img{ + width: 55px; + height: 55px; + text-align: center; + line-height: 55px; + img{ + max-width: 55px; + max-height: 55px; + } + } + i{margin-right: 4px;} + } + } } @@ -741,6 +824,7 @@ import api from "@/services/caseManagement"; margin-top: 15px; } } + .case-office-record,.case-materials-record{ diff --git a/src/pages/mediation-page/components/RepaymentCertificate.vue b/src/pages/mediation-page/components/RepaymentCertificate.vue index 76b79d8..d7eac5e 100644 --- a/src/pages/mediation-page/components/RepaymentCertificate.vue +++ b/src/pages/mediation-page/components/RepaymentCertificate.vue @@ -2,7 +2,7 @@
还款凭证 - 添加还款凭证 + 添加还款凭证
@@ -55,31 +55,49 @@
- +
上传者： - 上传时间：{{ proofitem.createAt }} + 上传时间：{{ proofitem.createAt }} + 凭证金额：{{ proofitem.amount }}元 + 还款日期：{{ proofitem.paybackTime | formaDate('yyyy-MM-dd hh:mm:ss') }} + 备注说明：{{ proofitem.remark }} + 还款凭证： + + + + +
效验 - 编辑 + 编辑
+ + - + v-model="repaymentObj.amount"> - - + v-model="repaymentObj.remark"> - - - 取消 + + 取消 保存 @@ -132,7 +149,7 @@ import api from "@/services/caseManagement"; data() { return { AddFlag:false, - updateRow:0, + updateRow:-1, repaymentObj:{ mediaPath:[] }, @@ -161,21 +178,7 @@ import api from "@/services/caseManagement"; this.getProofList() }, methods: { - handleSubmitUpdate(){ - this.$refs.ruleFormRepayment.validate((valid) => { - if (valid){ - this.repaymentObj.caseId = this.eventDialog.caseId - this.repaymentObj.proofUrl = this.repaymentObj.mediaPath[0] - - api.gettraceProof_create(this.repaymentObj).then(res => { - if(!res.code){ - this.updateRow = 0 - this.getProofList() - } - }) - } - }) - }, + handleSubmitRepayment(){ this.$refs.ruleFormRepayment.validate((valid) => { if (valid){ @@ -185,6 +188,8 @@ import api from "@/services/caseManagement"; api.gettraceProof_create(this.repaymentObj).then(res => { if(!res.code){ this.AddFlag = false + this.updateRow = -1 + this.fileList = [] this.getProofList() } }) @@ -196,15 +201,30 @@ import api from "@/services/caseManagement"; if(!res.code){ this.ProofList = res this.ProofList.forEach(item =>{ - this.fileList.push({ - url: item.proofUrl, - }) item.mediaPath = [item.proofUrl] }) - } }) }, + updateClick(index,proofitem){ + this.updateRow = index; + this.repaymentObj = proofitem + this.fileList = [{url: proofitem.proofUrl,fileName:'上传'}] + }, + handleSubmitUpdate(){ + this.$refs.ruleFormRepaymentUpdate[0].validate((valid) => { + if (valid){ + + api.gettraceProof_create(this.repaymentObj).then(res => { + if(!res.code){ + this.updateRow = -1 + this.fileList = [] + this.getProofList() + } + }) + } + }) + }, handleUploadFile(fileList){ // console.log('获取上传文件信息',fileList) diff --git a/src/utils/util.js b/src/utils/util.js index c6ceb48..43f8980 100644 --- a/src/utils/util.js +++ b/src/utils/util.js @@ -172,7 +172,7 @@ const util = { if(fileUrl==null||fileUrl=='') { return fileUrl } - + console.log(/.(pdf)$/.test(fileUrl.toLowerCase()),'111') if(/.(pdf)$/.test(fileUrl.toLowerCase())) { return require('../assets/image/util/pdf_img.jpg') }