案件文书部分
This commit is contained in:
parent
aa31c57086
commit
e7f5bc0e4f
@ -299,26 +299,27 @@
|
|||||||
|
|
||||||
<!-- 案件文书 -->
|
<!-- 案件文书 -->
|
||||||
<div v-if="leftActive == 4" class="case-office-person">
|
<div v-if="leftActive == 4" class="case-office-person">
|
||||||
<div class="mb-16 flex-row justify-content-between">
|
<cassWrit :caseId="caseId" />
|
||||||
<span class="f-weight500 f18">案件文书</span>
|
<!-- <div class="mb-16 flex-row justify-content-between">-->
|
||||||
<span class="cursor-pointer"><i class="el-icon-tickets"></i> 文书生成</span>
|
<!-- <span class="f-weight500 f18">案件文书</span>-->
|
||||||
</div>
|
<!-- <span class="cursor-pointer"><i class="el-icon-tickets"></i> 文书生成</span>-->
|
||||||
<div class="case-detail-des flex-column mb-16">
|
<!-- </div>-->
|
||||||
<div class="background-color-F5F5F5 p-16 flex-row border-radius-8">
|
<!-- <div class="case-detail-des flex-column mb-16">-->
|
||||||
<a class="case-img"><img :src="this.$util.reg_img('m-info1.pdf')"/></a>
|
<!-- <div class="background-color-F5F5F5 p-16 flex-row border-radius-8">-->
|
||||||
<div class="flex-column" style="padding-top:2px">
|
<!-- <a class="case-img"><img :src="this.$util.reg_img('m-info1.pdf')"/></a>-->
|
||||||
<a class="f-weight500">调解申请书</a>
|
<!-- <div class="flex-column" style="padding-top:2px">-->
|
||||||
<a class="color-86909C f12">未签字</a>
|
<!-- <a class="f-weight500">调解申请书</a>-->
|
||||||
<a class="color-86909C f12">--</a>
|
<!-- <a class="color-86909C f12">未签字</a>-->
|
||||||
</div>
|
<!-- <a class="color-86909C f12">--</a>-->
|
||||||
</div>
|
<!-- </div>-->
|
||||||
<div class="color-86909C mt-8">
|
<!-- </div>-->
|
||||||
<a class="mr-16 ml-16 cursor-pointer"><i class="el-icon-view"></i>预览</a>
|
<!-- <div class="color-86909C mt-8">-->
|
||||||
<a class="mr-16 cursor-pointer"><i class="el-icon-download"></i>下载模板</a>
|
<!-- <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-upload2"></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-tickets"></i>文书生成</a>
|
<!-- <a class="mr-16 cursor-pointer"><i class="el-icon-upload2"></i>上传文书</a>-->
|
||||||
</div>
|
<!-- <a class="mr-16 cursor-pointer"><i class="el-icon-tickets"></i>文书生成</a>-->
|
||||||
</div>
|
<!-- </div>-->
|
||||||
|
<!-- </div>-->
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 还款计划 -->
|
<!-- 还款计划 -->
|
||||||
@ -616,6 +617,7 @@ export default {
|
|||||||
caseMaterial: () => import('./caseMaterial'),//
|
caseMaterial: () => import('./caseMaterial'),//
|
||||||
caseMaterialLeft: () => import('./caseMaterialLeft'),//案件材料左
|
caseMaterialLeft: () => import('./caseMaterialLeft'),//案件材料左
|
||||||
contactPerson: () => import('./contactPerson'),//联系人左
|
contactPerson: () => import('./contactPerson'),//联系人左
|
||||||
|
cassWrit: () => import('./cassWrit'),//
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
|||||||
95
src/pages/mediation-page/components/cassWrit.vue
Normal file
95
src/pages/mediation-page/components/cassWrit.vue
Normal 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>
|
||||||
@ -140,10 +140,6 @@ const caseManagementApi = {
|
|||||||
gettraceProof_page: data => {
|
gettraceProof_page: data => {
|
||||||
return service.service.post(`${apiAdmin}api/trace/traceProof/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 => {
|
gettraceProof_amount: data => {
|
||||||
return service.service.post(`${apiAdmin}api/trace/traceProof/amount`, data)
|
return service.service.post(`${apiAdmin}api/trace/traceProof/amount`, data)
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user