From 894d5f4c56f9696d6d7cf0e087d333e998a59a7d Mon Sep 17 00:00:00 2001
From: liuxi <357439530@qq.com>
Date: Thu, 5 Dec 2024 18:15:42 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AF=A6=E6=83=85UI=E7=9B=B8=E5=85=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/style/common.scss                  |  21 +-
 src/pages/case-management/detail/index.vue    | 303 +++++++++++++++++-
 src/pages/case-management/index.vue           |  54 ++--
 .../components/importPackageDialog.vue        |   6 +-
 src/pages/case-package/index.vue              |   2 +-
 src/pages/layout/index.vue                    |  14 +-
 6 files changed, 359 insertions(+), 41 deletions(-)

diff --git a/src/assets/style/common.scss b/src/assets/style/common.scss
index 87ea1cc..9b2206b 100644
--- a/src/assets/style/common.scss
+++ b/src/assets/style/common.scss
@@ -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{
diff --git a/src/pages/case-management/detail/index.vue b/src/pages/case-management/detail/index.vue
index c63a5dc..5aa96f2 100644
--- a/src/pages/case-management/detail/index.vue
+++ b/src/pages/case-management/detail/index.vue
@@ -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>
diff --git a/src/pages/case-management/index.vue b/src/pages/case-management/index.vue
index 51f77d0..db26e20 100644
--- a/src/pages/case-management/index.vue
+++ b/src/pages/case-management/index.vue
@@ -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: ['今日','昨日', '近一周', '近一月', '近半年', '近一年'],
diff --git a/src/pages/case-package/components/importPackageDialog.vue b/src/pages/case-package/components/importPackageDialog.vue
index 745afc0..4da597e 100644
--- a/src/pages/case-package/components/importPackageDialog.vue
+++ b/src/pages/case-package/components/importPackageDialog.vue
@@ -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',},
diff --git a/src/pages/case-package/index.vue b/src/pages/case-package/index.vue
index e48ed99..111a691 100644
--- a/src/pages/case-package/index.vue
+++ b/src/pages/case-package/index.vue
@@ -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>
diff --git a/src/pages/layout/index.vue b/src/pages/layout/index.vue
index 1b2c2bc..e479c5b 100644
--- a/src/pages/layout/index.vue
+++ b/src/pages/layout/index.vue
@@ -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">