详情UI相关
This commit is contained in:
parent
293ec69226
commit
894d5f4c56
@ -166,6 +166,10 @@ html{
|
||||
left: $left;
|
||||
}
|
||||
}
|
||||
|
||||
.padding-0{
|
||||
padding: 0 !important;
|
||||
}
|
||||
.pt-8{
|
||||
padding-top: $size8;
|
||||
}
|
||||
@ -190,6 +194,17 @@ html{
|
||||
@include basePadding(0, $size8);
|
||||
}
|
||||
|
||||
.p-16{
|
||||
@include basePadding($size16)
|
||||
}
|
||||
.p-v-16{
|
||||
@include basePadding($size16, 0);
|
||||
}
|
||||
|
||||
.p-h-16{
|
||||
@include basePadding(0, $size16);
|
||||
}
|
||||
|
||||
.pt-16{
|
||||
padding-top: $size16;
|
||||
}
|
||||
@ -540,7 +555,7 @@ html{
|
||||
}
|
||||
// tabs第一个菜单有左边的边距
|
||||
.el-tabs__item.is-top:nth-child(2),
|
||||
.el-tabs__item.is-bottom:nth-child(2), {
|
||||
.el-tabs__item.is-bottom:nth-child(2){
|
||||
padding-left: $size24 !important;
|
||||
}
|
||||
// 被选中的tabs样式
|
||||
@ -555,7 +570,7 @@ html{
|
||||
// tabs第一个菜单有padding-left
|
||||
.zd-el-tabs-custom__left_padding{
|
||||
.el-tabs__item.is-top:nth-child(2),
|
||||
.el-tabs__item.is-bottom:nth-child(2), {
|
||||
.el-tabs__item.is-bottom:nth-child(2){
|
||||
padding-left: $size24 !important;
|
||||
}
|
||||
}
|
||||
@ -580,7 +595,7 @@ html{
|
||||
//=================== start:: tabs内容区域通用样式 ==============================
|
||||
.layout-tabs-content-box{
|
||||
width: 100%;
|
||||
height: calc(100% - $height48);
|
||||
// height: calc(100% - $height48);
|
||||
padding: $size16 $size24;
|
||||
box-sizing: border-box;
|
||||
.tabs__search-criteria-title{
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div class="layout-content-wrap">
|
||||
<div class="layout-content-wrap case-detail">
|
||||
<div class="navigation-bar flex-row mb-16">
|
||||
<img src="../../../assets/image/Link.png" height="22" alt="">
|
||||
<a>/</a>
|
||||
@ -7,14 +7,250 @@
|
||||
<a>案件列表</a><a>/</a>
|
||||
<a>案件详情</a>
|
||||
</div>
|
||||
<div class="layout-tabs-content-box background-color-fff border-radius-4">
|
||||
<div class="pt-8 border-b-solid-lighter-1">
|
||||
|
||||
<div class="layout-tabs-content-box case-detail-nav flex-row background-color-fff border-radius-4 mb-16 flex-row-center">
|
||||
<span :class="navactive == 1 ?'active':''" @click="navactive=1">案件信息</span>
|
||||
<span :class="navactive == 2 ?'active':''" @click="navactive=2">案件材料</span>
|
||||
<span :class="navactive == 3 ?'active':''" @click="navactive=3">案件日志</span>
|
||||
</div>
|
||||
<div v-if="navactive == 1 " class="layout-tabs-content-box flex-row padding-0 f14">
|
||||
<div class="pt-8 border-b-solid-lighter-1 background-color-fff border-radius-4 p-16" style="width: calc(100% - 370px);">
|
||||
<div class="case-detail-title f18">被申请人：张三</div>
|
||||
<div class="flex-column">
|
||||
<div class="case-detail-label f-weight500 f16">基本信息</div>
|
||||
<div class="case-detail-des">
|
||||
<span><a>案件包名称：</a><a>河北幸福消费金融股份有限公司012341</a></span>
|
||||
<span><a>委案机构：</a><a>河北幸福消费金融股份有限公司</a></span>
|
||||
<span><a>委案开始日期：</a><a>2024-11-01</a></span>
|
||||
<span><a>委案到期日期：</a><a>2025-01-04</a></span>
|
||||
<span><a>委案期限：</a><a></a></span>
|
||||
<span><a>委案渠道：</a><a></a></span>
|
||||
<span><a>债务人姓名：</a><a>李新华</a></span>
|
||||
<span><a>债务人手机号码：</a><a>15138026046</a></span>
|
||||
<span><a>身份证号：</a><a>410823197907030045</a></span>
|
||||
<span><a>户籍地址：</a><a>河南省焦作市</a></span>
|
||||
</div>
|
||||
<div class="case-detail-label f-weight500 f16">债务信息</div>
|
||||
<div class="case-detail-des">
|
||||
<span><a>委托机构：</a><a>河北幸福消费金融股份有限公司</a></span>
|
||||
<span><a>合同编号：</a><a>JD2019032717351310018</a></span>
|
||||
<span><a>业务流水号：</a><a>JD2019032717351310018</a></span>
|
||||
<span><a>金融产品名称：</a><a>京东</a></span>
|
||||
<span><a>金融机构名称：</a><a>河北幸福消费金融股份有限公司</a></span>
|
||||
<span><a>合同名称：</a><a>个人借款额度合同</a></span>
|
||||
<span><a>委托时逾期天数：</a><a>857</a></span>
|
||||
<span><a>借款合同签署时间：</a><a>无</a></span>
|
||||
<span><a>贷款笔数：</a><a>1</a></span>
|
||||
<span><a>当前逾期金额：</a><a>5,897.93</a></span>
|
||||
<span><a>最低还款额(减免底线)：</a><a>3,788.33</a></span>
|
||||
<span><a>账龄：</a><a>29</a></span>
|
||||
<span><a>放款金额/借款本金：</a><a>19300</a></span>
|
||||
<span><a>欠款本金：</a><a>3,788.33</a></span>
|
||||
<span><a>总分期数：</a><a>12</a></span>
|
||||
<span><a>逾期期数：</a><a>5</a></span>
|
||||
<span><a>未结清期数：</a><a>5</a></span>
|
||||
<span><a>逾期开始时间：</a><a>2022-06-28 16:15:51</a></span>
|
||||
<span><a>还款日：</a><a>27</a></span>
|
||||
<span><a>备注：</a><a>委外</a></span>
|
||||
</div>
|
||||
<div class="case-detail-label f-weight500 f16">联系人信息</div>
|
||||
<div class="case-detail-des flex-column">
|
||||
<div>
|
||||
<span><a>联系人：</a><a>李新华</a></span>
|
||||
<span><a>与债务人关系：</a><a>本人</a></span>
|
||||
<span><a>联系人手机：</a><a>15138026046</a></span>
|
||||
</div>
|
||||
<div>
|
||||
<span><a>联系人：</a><a>秦大伟</a></span>
|
||||
<span><a>与债务人关系：</a><a>其他</a></span>
|
||||
<span><a>联系人手机：</a><a>15939186663</a></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="case-detail-label f-weight500 f16">案件办理信息</div>
|
||||
<div>
|
||||
<el-tabs type="border-card">
|
||||
<el-tab-pane>
|
||||
<span slot="label">调解记录</span>
|
||||
<el-table :data="tableData" :height="300" >
|
||||
<el-table-column type="index" label="序号" width="55"></el-table-column>
|
||||
<el-table-column prop="A" label="跟进情况" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column prop="B" label="调解进度" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column prop="C" label="沟通对象" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column prop="D" label="备注" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column prop="E" label="预约回款情况" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column prop="F" label="添加时间" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column prop="G" label="添加人" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column label="操作" width="170">
|
||||
<template slot-scope="scope">
|
||||
<div class="flex-row align-items-center">
|
||||
<el-button size="mini" @click="handleCaseAllocation(scope)">查看录音</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane>
|
||||
<span slot="label"><i class="el-icon-s-flag"></i> 回款计划</span>
|
||||
<el-table :data="tableData1" :height="300" >
|
||||
<el-table-column type="index" label="序号" width="55"></el-table-column>
|
||||
<el-table-column prop="A" label="回款类型" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column prop="B" label="约定还款金额" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column prop="C" label="约定还款时间" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column prop="D" label="备注信息" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column label="操作" width="170">
|
||||
<template slot-scope="scope">
|
||||
<div class="flex-row align-items-center">
|
||||
<el-button size="mini" @click="handleCaseAllocation(scope)">编辑</el-button>
|
||||
<el-button size="mini" @click="handleCaseAllocation(scope)">删除</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane>
|
||||
<span slot="label"><i class="el-icon-s-flag"></i> 回款凭证</span>
|
||||
<span class="f16">总计待还金额：14,289.86元，总计已还金额：0元</span>
|
||||
<el-table :data="tableData2" :height="300" >
|
||||
<el-table-column type="index" label="序号" width="55"></el-table-column>
|
||||
<el-table-column prop="A" label="凭证时间" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column prop="B" label="凭证金额" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column prop="C" label="上传者" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column prop="D" label="上传时间" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column prop="E" label="备注信息" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column label="操作" width="170">
|
||||
<template slot-scope="scope">
|
||||
<div class="flex-row align-items-center">
|
||||
<el-button size="mini" @click="handleCaseAllocation(scope)">查看</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- table -->
|
||||
<div class="pt-8">
|
||||
<div class="flex-column" style="width: 350px; margin-left: 20px;">
|
||||
<div class="background-color-fff border-radius-4 p-16 flex-column">
|
||||
<div class="case-detail-right-label f-weight500 f16">备注</div>
|
||||
<div class="case-detail-right-des">
|
||||
<span>孟利于2024-12-04 10:04:04备注</span>
|
||||
<el-input class="mt-8" type="textarea" v-model="Qualitydesc" :rows="4"></el-input>
|
||||
</div>
|
||||
<div class="case-detail-label f-weight500 f16">质检评语</div>
|
||||
<div class="case-detail-right-des">
|
||||
<span>孟利于2024-12-04 10:04:04评语</span>
|
||||
<el-input class="mt-8" type="textarea" v-model="Qualitydesc" :rows="4"></el-input>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="background-color-fff border-radius-4 p-16 flex-column mt-16">
|
||||
<div class="case-detail-label f-weight500 f16">短信情况</div>
|
||||
<div class="case-detail-right-des padding-0">
|
||||
<el-table :data="tableData" :height="260" >
|
||||
<el-table-column type="index" label="序号" width="55"></el-table-column>
|
||||
<el-table-column prop="A" label="短信模板" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column prop="B" label="发送对象" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column prop="C" label="操作时间" show-overflow-tooltip ></el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<div class="case-detail-label f-weight500 f16">视频情况</div>
|
||||
<div class="case-detail-right-des padding-0">
|
||||
<el-table :data="tableData" :height="220" >
|
||||
<el-table-column prop="A" label="参与人" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column prop="B" label="视频时间" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column prop="C" label="视频时长" show-overflow-tooltip ></el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="navactive == 2 " class="layout-tabs-content-box flex-row padding-0 f14">
|
||||
<div class="pt-8 border-b-solid-lighter-1 background-color-fff border-radius-4 p-16 width100" >
|
||||
<div class="flex-column">
|
||||
<div class="case-detail-label f-weight500 f16">身份证明材料<a><i class="el-icon-plus"></i>上传材料</a></div>
|
||||
<div class="case-detail-des">
|
||||
<el-table :data="tableData" :height="300" >
|
||||
<el-table-column type="index" label="序号" width="55"></el-table-column>
|
||||
<el-table-column prop="A" label="材料类型" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column prop="B" label="文件名称" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column prop="F" label="上传时间" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column prop="G" label="上传人" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column label="操作" width="170">
|
||||
<template slot-scope="scope">
|
||||
<div class="flex-row align-items-center">
|
||||
<el-button size="mini" @click="handleCaseAllocation(scope)">删除</el-button>
|
||||
<el-button size="mini" @click="handleCaseAllocation(scope)">查看</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<div class="case-detail-label f-weight500 f16">证据材料<a><i class="el-icon-plus"></i>上传材料</a></div>
|
||||
<div class="case-detail-des">
|
||||
<el-table :data="tableData" :height="300" >
|
||||
<el-table-column type="index" label="序号" width="55"></el-table-column>
|
||||
<el-table-column prop="A" label="材料类型" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column prop="B" label="文件名称" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column prop="F" label="上传时间" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column prop="G" label="上传人" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column label="操作" width="170">
|
||||
<template slot-scope="scope">
|
||||
<div class="flex-row align-items-center">
|
||||
<el-button size="mini" @click="handleCaseAllocation(scope)">删除</el-button>
|
||||
<el-button size="mini" @click="handleCaseAllocation(scope)">查看</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<div class="case-detail-label f-weight500 f16">案件文书</div>
|
||||
<div class="case-detail-des">
|
||||
<el-table :data="tableData" :height="300" >
|
||||
<el-table-column type="index" label="序号" width="55"></el-table-column>
|
||||
<el-table-column prop="A" label="文书类型" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column prop="B" label="文书名称" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column prop="B" label="是否签章" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column prop="B" label="是否完成签字" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column prop="B" label="签字人" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column prop="F" label="生成时间" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column prop="G" label="操作人" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column label="操作" width="230">
|
||||
<template slot-scope="scope">
|
||||
<div class="flex-row align-items-center">
|
||||
<el-button size="mini" @click="handleCaseAllocation(scope)">上传</el-button>
|
||||
<el-button size="mini" @click="handleCaseAllocation(scope)">删除</el-button>
|
||||
<el-button size="mini" @click="handleCaseAllocation(scope)">查看</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="navactive == 3 " class="layout-tabs-content-box flex-row padding-0 f14">
|
||||
<div class="pt-8 border-b-solid-lighter-1 background-color-fff border-radius-4 p-32 width100" >
|
||||
<el-timeline>
|
||||
<el-timeline-item timestamp="2018/4/12" placement="top">
|
||||
<el-card>
|
||||
<p>王小虎 提交于 2018/4/12 20:46</p>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
<el-timeline-item timestamp="2018/4/3" placement="top">
|
||||
<el-card>
|
||||
<p>王小虎 提交于 2018/4/3 20:46</p>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
<el-timeline-item timestamp="2018/4/2" placement="top">
|
||||
<el-card>
|
||||
<p>王小虎 提交于 2018/4/2 20:46</p>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
</el-timeline>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -28,16 +264,69 @@ import api from "@/services/caseManagement";
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
|
||||
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:'孟利'}],
|
||||
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:''}]
|
||||
|
||||
|
||||
}
|
||||
},
|
||||
|
||||
}
|
||||
</script>
|
||||
<style scoped lang="scss">
|
||||
.case-detail{
|
||||
.case-detail-nav{
|
||||
span{ width: 100px;font-size: 18px; color: #86909C;cursor: pointer;}
|
||||
span:hover{ color: #C66A5B;}
|
||||
span.active{ color: #C66A5B;}
|
||||
}
|
||||
.case-detail-title{
|
||||
border-bottom: solid 2px #C66A5B99;
|
||||
}
|
||||
.case-detail-label{
|
||||
margin: 15px 0;
|
||||
a{
|
||||
font-size: 14px;
|
||||
color: #C66A5B;
|
||||
font-weight: 400;
|
||||
cursor: pointer;
|
||||
margin-left: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.case-detail-des{
|
||||
background-color: #F7F8FA;
|
||||
padding: 10px 15px;
|
||||
color:#86909C;
|
||||
span{
|
||||
width: 25%;
|
||||
display: inline-block;
|
||||
margin: 5px 0;
|
||||
}
|
||||
span a:first-child{width: 160px;display: inline-block;}
|
||||
span a:last-child{color:#1D2129;}
|
||||
}
|
||||
.case-detail-right-label{margin: 0px 0 15px 0;}
|
||||
.case-detail-right-des{background-color: #F7F8FA;padding:10px;}
|
||||
}
|
||||
|
||||
.el-badge{
|
||||
top: 3px;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
<style lang="scss">
|
||||
.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
|
||||
color: #C66A5B;
|
||||
}
|
||||
.el-tabs--border-card > .el-tabs__header .el-tabs__item:hover{
|
||||
color: #C66A5B !important;
|
||||
}
|
||||
.el-tabs--border-card > .el-tabs__header .el-tabs__item i{
|
||||
color:red !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -52,7 +52,7 @@
|
||||
<div class="flex-row-center align-items-center height-40 mb-24">
|
||||
<span class="tabs__search-criteria-title flex-shrink-0 pr-16">所属调解员</span>
|
||||
<el-select v-model="queryParam.mediatorId"
|
||||
clearable placeholder="请选择案件状态"
|
||||
clearable placeholder="请选择所属调解员"
|
||||
@keydown.enter.native="handleSearch"
|
||||
class="width100">
|
||||
<el-option
|
||||
@ -70,7 +70,7 @@
|
||||
<el-col :span="6">
|
||||
<div class="flex-row-center align-items-center height-40 mb-24">
|
||||
<span class="tabs__search-criteria-title flex-shrink-0 pr-16">案件状态</span>
|
||||
<el-select v-model="queryParam.resultStatus"
|
||||
<el-select v-model="queryParam.caseStatus"
|
||||
clearable placeholder="请选择案件状态"
|
||||
@keydown.enter.native="handleSearch"
|
||||
class="width100">
|
||||
@ -86,8 +86,8 @@
|
||||
<el-col :span="6">
|
||||
<div class="flex-row-center align-items-center height-40 mb-24">
|
||||
<span class="tabs__search-criteria-title flex-shrink-0 pr-16">分案状态</span>
|
||||
<el-select v-model="queryParam.resultStatus"
|
||||
clearable placeholder="请选择案件状态"
|
||||
<el-select v-model="queryParam.dispatch"
|
||||
clearable placeholder="请选择分案状态"
|
||||
@keydown.enter.native="handleSearch"
|
||||
class="width100">
|
||||
<el-option
|
||||
@ -102,9 +102,10 @@
|
||||
<el-col :span="6">
|
||||
<div class="flex-row-center align-items-center height-40 mb-24">
|
||||
<span class="tabs__search-criteria-title flex-shrink-0 pr-16">调解进度</span>
|
||||
<el-select v-model="queryParam.resultStatus"
|
||||
clearable placeholder="请选择案件状态"
|
||||
<el-select v-model="queryParam.labels"
|
||||
clearable placeholder="请选择调解进度"
|
||||
@keydown.enter.native="handleSearch"
|
||||
:multiple="true" :multiple-limit="3"
|
||||
class="width100">
|
||||
<el-option
|
||||
v-for="item in MediateProgEnum"
|
||||
@ -118,8 +119,8 @@
|
||||
<el-col :span="6">
|
||||
<div class="flex-row-center align-items-center height-40 mb-24">
|
||||
<span class="tabs__search-criteria-title flex-shrink-0 pr-16">调解状态</span>
|
||||
<el-select v-model="queryParam.resultStatus"
|
||||
clearable placeholder="请选择案件状态"
|
||||
<el-select v-model="queryParam.mediateStatus"
|
||||
clearable placeholder="请选择调解状态"
|
||||
@keydown.enter.native="handleSearch"
|
||||
class="width100">
|
||||
<el-option
|
||||
@ -140,7 +141,7 @@
|
||||
<div class="flex-row-center align-items-center height-40 mb-24">
|
||||
<span class="tabs__search-criteria-title flex-shrink-0 pr-16">被申请人姓名</span>
|
||||
<el-input v-model.trim="queryParam.creditorName"
|
||||
clearable placeholder="请输入债务人姓名"
|
||||
clearable placeholder="请输入被申请人姓名"
|
||||
@keydown.enter.native="handleSearch">
|
||||
</el-input>
|
||||
</div>
|
||||
@ -149,7 +150,7 @@
|
||||
<div class="flex-row-center align-items-center height-40 mb-24">
|
||||
<span class="tabs__search-criteria-title flex-shrink-0 pr-16">被申请人电话</span>
|
||||
<el-input v-model.trim="queryParam.creditorPhone"
|
||||
clearable placeholder="请输入债务人电话"
|
||||
clearable placeholder="请输入被申请人电话"
|
||||
@keydown.enter.native="handleSearch"
|
||||
maxlength="11"
|
||||
>
|
||||
@ -159,8 +160,8 @@
|
||||
<el-col :span="6">
|
||||
<div class="flex-row-center align-items-center height-40 mb-24">
|
||||
<span class="tabs__search-criteria-title flex-shrink-0 pr-16">被申请人证件号</span>
|
||||
<el-input v-model.trim="queryParam.creditorPhone"
|
||||
clearable placeholder="请输入债务人电话"
|
||||
<el-input v-model.trim="queryParam.creditorCode"
|
||||
clearable placeholder="请输入被申请人证件号"
|
||||
@keydown.enter.native="handleSearch"
|
||||
maxlength="11"
|
||||
>
|
||||
@ -256,7 +257,7 @@
|
||||
</span>
|
||||
<span>
|
||||
<p>委案日期：</p>
|
||||
<p class="color-000">{{ scope.row.createAt }}</p>
|
||||
<p class="color-000">{{ scope.row.planStartTime }}</p>
|
||||
</span>
|
||||
<span>
|
||||
<p>所属调解员：</p>
|
||||
@ -270,7 +271,7 @@
|
||||
<div class="flex-row justify-content-between case-bg">
|
||||
<span class="cursor-pointer">
|
||||
<p>短信</p>
|
||||
<p class="color-000"><a class="color-274ea4">成功1</a>/发送1</p>
|
||||
<p class="color-000"><a class="color-274ea4">成功{{scope.row.statistics.SMS}}1</a>/发送1</p>
|
||||
</span>
|
||||
<span class="cursor-pointer">
|
||||
<p>外呼</p>
|
||||
@ -354,18 +355,18 @@ import { values } from "lodash";
|
||||
enabledDataList: [],//这个指表格中没有被禁用的行数据，进来组件的时候需要自己处理下
|
||||
|
||||
//案件状态
|
||||
CaseStatusEnum:[{label:'在办',value:'在办'},{label:'办结',value:'办结'}],
|
||||
CaseStatusEnum:[{label:'在办',value:1},{label:'办结',value:2}],
|
||||
//分案状态
|
||||
PartCaseStatusEnum:[{label:'待分案',value:'待分案'},{label:'已分案',value:'已分案'}],
|
||||
PartCaseStatusEnum:[{label:'待分案',value:false},{label:'已分案',value:true}],
|
||||
//调解进度
|
||||
MediateProgEnum:[{label:'承诺账户',value:''},{label:'重点账户',value:''},{label:'已结清客户',value:''},
|
||||
{label:'疑难账户',value:''},{label:'失联账户',value:''},{label:'半失联账户',value:''},{label:'部分还款账户',value:''},
|
||||
{label:'适诉案件',value:''},{label:'可联账户',value:''},{label:'投诉倾向客户',value:''},{label:'分期客户',value:''},
|
||||
{label:'其他/无标签',value:''}
|
||||
MediateProgEnum:[{label:'承诺账户',value:'承诺账户'},{label:'重点账户',value:'重点账户'},{label:'已结清客户',value:'已结清客户'},
|
||||
{label:'疑难账户',value:'疑难账户'},{label:'失联账户',value:'失联账户'},{label:'半失联账户',value:'半失联账户'},{label:'部分还款账户',value:'部分还款账户'},
|
||||
{label:'适诉案件',value:'适诉案件'},{label:'可联账户',value:'可联账户'},{label:'投诉倾向客户',value:'投诉倾向客户'},{label:'分期客户',value:'分期客户'},
|
||||
{label:'其他/无标签',value:'其他/无标签'}
|
||||
],
|
||||
//调解状态
|
||||
MediateStatusEnum:[{label:'未触达',value:''},{label:'调解中',value:''},{label:'已达成方案',value:''},
|
||||
{label:'已签署协议',value:''},{label:'调解失败',value:''},{label:'调解成功',value:''}],
|
||||
MediateStatusEnum:[{label:'未触达',value:0},{label:'调解中',value:1},{label:'已达成方案',value:2},
|
||||
{label:'已签署协议',value:3},{label:'调解失败',value:4},{label:'调解成功',value:5}],
|
||||
showSearch: true,
|
||||
queryDate: '',
|
||||
activeUsage: '',
|
||||
@ -377,17 +378,20 @@ import { values } from "lodash";
|
||||
caseStatus: '',//案件状态
|
||||
creditorName:'',//债券人姓名
|
||||
creditorPhone:'',//债务人手机号
|
||||
creditorCode:'',
|
||||
endTime: '',//结束时间
|
||||
beginTime:'',//开始时间
|
||||
deptId:'',//区域id
|
||||
current:1,
|
||||
size:10,
|
||||
|
||||
caseName:'',//案件名称
|
||||
dataAuthUserId:'',//当前登录用户所拥有权限的用户id
|
||||
dataAuthDeptId:'',//当前登录用户所拥有权限的区域id
|
||||
|
||||
mediatorId:'',//调解员id
|
||||
resultStatus:'',//结果状态
|
||||
caseStatus:null,//案件状态
|
||||
mediateStatus:null,//调解状态
|
||||
dispatch:null,//分案状态
|
||||
labels:null,//案件标签
|
||||
|
||||
},
|
||||
usageOption: ['今日','昨日', '近一周', '近一月', '近半年', '近一年'],
|
||||
|
||||
@ -44,10 +44,10 @@
|
||||
</el-row>
|
||||
<el-row type="flex" align="middle">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="案件来源" prop="channel">
|
||||
<el-form-item label="委案渠道" prop="channel">
|
||||
<el-input
|
||||
v-model.trim="baseInfo.channel"
|
||||
placeholder="请输入案件来源"
|
||||
placeholder="请输入委案渠道"
|
||||
clearable
|
||||
maxlength="25"
|
||||
></el-input>
|
||||
@ -136,7 +136,7 @@ import apipk from "@/services/casePackageManagement";
|
||||
{ required: true, message: '请输入委案期限', trigger: 'change',},
|
||||
],
|
||||
channel: [
|
||||
{ required: true, message: '请输入案件来源', trigger: 'change',},
|
||||
{ required: true, message: '请输入委案渠道', trigger: 'change',},
|
||||
],
|
||||
fileInfo: [
|
||||
{ required: true, message: '请上传文件', trigger: 'change',},
|
||||
|
||||
@ -109,7 +109,7 @@
|
||||
<!-- <el-table-column type="selection" width="55" ></el-table-column> -->
|
||||
<el-table-column prop="pkgName" label="案件包名称" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column prop="entrustingAgencyName" label="委案机构" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column prop="channel" label="案件来源" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column prop="channel" label="委案渠道" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column prop="planStartTime" label="委案时间" show-overflow-tooltip >
|
||||
<template slot-scope="scope">
|
||||
<span >{{ scope.row.planStartTime | formaDate("yyyy-MM-dd") }}</span>
|
||||
|
||||
@ -4,7 +4,9 @@
|
||||
<div class="layout-bottom-wrap">
|
||||
<!-- <SideMenu /> -->
|
||||
<div class="layout-bottom-right-content p-16">
|
||||
<router-view></router-view>
|
||||
<el-scrollbar :style="'height:'+`${contentHeight}`+'px'">
|
||||
<router-view></router-view>
|
||||
</el-scrollbar>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -14,7 +16,15 @@ export default {
|
||||
components: {
|
||||
LayoutHeader: () => import('./components/LayoutHeader'),
|
||||
// SideMenu: () => import('./components/SideMenu'),
|
||||
}
|
||||
},
|
||||
computed:{
|
||||
// 获取抽屉drawer的内容高度
|
||||
contentHeight(){
|
||||
let oh = document.documentElement.clientHeight;
|
||||
return oh-85
|
||||
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
<style lang="scss">
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user