tanghuan/mediate-manage-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

案件文书部分

Browse Source
This commit is contained in:
tdg930622 2025-01-03 15:18:31 +08:00
parent aa31c57086
commit e7f5bc0e4f
3 changed files with 117 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
src/pages/mediation-page/components/LayoutContentNew.vue
View File

@ -299,26 +299,27 @@
<!-- 案件文书 -->
<div v-if="leftActive == 4" class="case-office-person">
<div class="mb-16 flex-row justify-content-between">
<span class="f-weight500 f18">案件文书</span>
<span class="cursor-pointer"><i class="el-icon-tickets"></i> 文书生成</span>
</div>
<div class="case-detail-des flex-column mb-16">
<div class="background-color-F5F5F5 p-16 flex-row border-radius-8">
<a class="case-img"><img :src="this.$util.reg_img('m-info1.pdf')"/></a>
<div class="flex-column" style="padding-top:2px">
<a class="f-weight500">调解申请书</a>
<a class="color-86909C f12">未签字</a>
<a class="color-86909C f12">--</a>
</div>
</div>
<div class="color-86909C mt-8">
<a class="mr-16 ml-16 cursor-pointer"><i class="el-icon-view"></i>预览</a>
<a class="mr-16 cursor-pointer"><i class="el-icon-download"></i>下载模板</a>
<a class="mr-16 cursor-pointer"><i class="el-icon-upload2"></i>上传文书</a>
<a class="mr-16 cursor-pointer"><i class="el-icon-tickets"></i>文书生成</a>
</div>
</div>
<cassWrit :caseId="caseId" />
<!-- <div class="mb-16 flex-row justify-content-between">-->
<!-- <span class="f-weight500 f18">案件文书</span>-->
<!-- <span class="cursor-pointer"><i class="el-icon-tickets"></i> 文书生成</span>-->
<!-- </div>-->
<!-- <div class="case-detail-des flex-column mb-16">-->
<!-- <div class="background-color-F5F5F5 p-16 flex-row border-radius-8">-->
<!-- <a class="case-img"><img :src="this.$util.reg_img('m-info1.pdf')"/></a>-->
<!-- <div class="flex-column" style="padding-top:2px">-->
<!-- <a class="f-weight500">调解申请书</a>-->
<!-- <a class="color-86909C f12">未签字</a>-->
<!-- <a class="color-86909C f12">&#45;&#45;</a>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="color-86909C mt-8">-->
<!-- <a class="mr-16 ml-16 cursor-pointer"><i class="el-icon-view"></i>预览</a>-->
<!-- <a class="mr-16 cursor-pointer"><i class="el-icon-download"></i>下载模板</a>-->
<!-- <a class="mr-16 cursor-pointer"><i class="el-icon-upload2"></i>上传文书</a>-->
<!-- <a class="mr-16 cursor-pointer"><i class="el-icon-tickets"></i>文书生成</a>-->
<!-- </div>-->
<!-- </div>-->
</div>
<!-- 还款计划 -->
@ -616,6 +617,7 @@ export default {
caseMaterial: () => import('./caseMaterial'),//
caseMaterialLeft: () => import('./caseMaterialLeft'),//案件材料左
contactPerson: () => import('./contactPerson'),//联系人左
cassWrit: () => import('./cassWrit'),//
},
data() {
return {

95
src/pages/mediation-page/components/cassWrit.vue Normal file
View File

@ -0,0 +1,95 @@
<template>
<div>
<div class="mb-16 flex-row justify-content-between">
<span class="f-weight500 f18">案件文书</span>
<!-- <span class="cursor-pointer"><i class="el-icon-tickets"></i> 文书生成</span>-->
</div>
<div class="case-detail-des flex-column mb-16 border-E5E6EB">
<div class="background-color-F5F5F5 p-16 flex-row align-items-center border-radius-8">
<a class="case-img"><img :src="reg_img('m-info1.pdf')"/></a>
<div class="flex-column">
<a class="f-weight500">调解申请书</a>
<a class="color-86909C f12">未签字</a>
<a class="color-86909C f12">--</a>
</div>
</div>
<div class="color-86909C mt-8">
<a class="mr-16 ml-16 cursor-pointer"><i class="el-icon-plus"></i>模板</a>
<a class="mr-16 cursor-pointer"><i class="el-icon-document"></i>文书</a>
<a class="mr-16 cursor-pointer"><i class="el-icon-delete"></i>删除</a>
<a class="mr-16 cursor-pointer"><i class="el-icon-view"></i>预览</a>
<a class="mr-16 cursor-pointer"><i class="el-icon-download"></i>下载</a>
</div>
</div>
</div>
</template>
<script>
import caseMaterial from "@/services/caseMaterial";
export default {
name: "cassWrit",
data() {
return{
}
},
mounted() {
},
methods: {
reg_img(item) {
if(item==null||item=='') {
return item
}
// console.log(/.(xls|xlsx)$/.test(fileUrl.toLowerCase()),'111')
if(/.(pdf)$/.test(item.toLowerCase())) {
return require('@/assets/image/util/pdf_img.jpg')
}
else if(/.(xls|xlsx)$/.test(item.toLowerCase())) {
return require('@/assets/image/util/excel_img.jpg')
}
else if(/.(doc|docx)$/.test(item.toLowerCase())) {
return require('@/assets/image/util/word_img.jpg')
}
else if(/.(zip|rar)$/.test(item.toLowerCase())) {
return require('@/assets/image/util/yswj.jpg')
}
else {
// let previewUrl = `/mediate/minio/preview/${fileUrl}`
// return service.service.serviceurl+fileUrl
return item
}
},
},
}
</script>
<style scoped lang="scss">
.background-color-F5F5F5 {
background-color: #F5F5F5;
}
.border-E5E6EB {
border: solid 1px #E5E6EB;
}
.case-detail-des {
padding: 10px 15px;
border-radius: 8px;
font-size: 14px;
.case-img {
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
img {
max-width: 50px;
max-height: 50px;
}
}
i {
margin-right: 4px;
}
}
</style>

4
src/services/caseManagement.js
View File

@ -140,10 +140,6 @@ const caseManagementApi = {
gettraceProof_page: data => {
return service.service.post(`${apiAdmin}api/trace/traceProof/page`, data)
},
// 统计回款总金额
gettraceProof_statistics: data => {
return service.service.post(`${apiAdmin}api/trace/traceProof/statistics`, data)
},
// 统计回款金额
gettraceProof_amount: data => {
return service.service.post(`${apiAdmin}api/trace/traceProof/amount`, data)