diff --git a/src/assets/style/common.scss b/src/assets/style/common.scss
index 4a64df1..85d01e0 100644
--- a/src/assets/style/common.scss
+++ b/src/assets/style/common.scss
@@ -114,6 +114,15 @@ html{
 .color-274ea4{
   color: rgb(188, 111, 96);
 }
+.color-FF7D00{
+  color: #FF7D00;
+}
+.color-165DFF{
+  color: #165DFF;
+}
+.color-F53F3F{
+  color: #F53F3F;
+}
 
 .color-text-primary{
     color: $color-text-primary;
diff --git a/src/pages/mediation-page/components/LayoutContentNew.vue b/src/pages/mediation-page/components/LayoutContentNew.vue
index 4086285..98907af 100644
--- a/src/pages/mediation-page/components/LayoutContentNew.vue
+++ b/src/pages/mediation-page/components/LayoutContentNew.vue
@@ -63,9 +63,9 @@
         <!-- 左边数据 -->
         <div class="layout-center-left-wrap flex-row justify-content-between">
           <div class="layout-center-left1-wrap flex-column justify-content-start">
-                        <span class="left-rbobot">
-                            <img src="../../../assets/image/mediate/m-info-robot.png"/>
-                        </span>
+            <span class="left-rbobot">
+                <img src="../../../assets/image/mediate/m-info-robot.png"/>
+            </span>
             <span class="separation"></span>
             <!--            <span class="left-img-info flex-column" :class="leftActive == 1 ?'active':''" @mouseenter="leftActive = 1">-->
             <!--                            <img src="../../../assets/image/mediate/m-info1.png"/>-->
@@ -93,85 +93,88 @@
             <!--                        </span>-->
 
             <span class="left-img-info flex-column" :class="leftActive == 1 ?'active':''" @click="leftActive = 1">
-                            <img src="../../../assets/image/mediate/m-info1.png"/>
-                            <a>基本信息</a>
-                        </span>
+                <img src="../../../assets/image/mediate/m-info1.png"/>
+                <a>基本信息</a>
+            </span>
             <span class="left-img-info flex-column" :class="leftActive == 2 ?'active':''" @click="leftActive = 2">
-                            <img src="../../../assets/image/mediate/m-info2.png"/>
-                            <a>联系人</a>
-                        </span>
+                <img src="../../../assets/image/mediate/m-info2.png"/>
+                <a>联系人</a>
+            </span>
             <span class="left-img-info flex-column" :class="leftActive == 3 ?'active':''" @click="leftActive = 3">
-                            <img src="../../../assets/image/mediate/m-info3.png"/>
-                            <a>案件材料</a>
-                        </span>
+                <img src="../../../assets/image/mediate/m-info3.png"/>
+                <a>案件材料</a>
+            </span>
             <span class="left-img-info flex-column" :class="leftActive == 4 ?'active':''" @click="leftActive = 4">
-                            <img src="../../../assets/image/mediate/m-info4.png"/>
-                            <a>案件文书</a>
-                        </span>
+                <img src="../../../assets/image/mediate/m-info4.png"/>
+                <a>案件文书</a>
+            </span>
             <span class="left-img-info flex-column" :class="leftActive == 5 ?'active':''" @click="leftActive = 5">
-                            <img src="../../../assets/image/mediate/m-info5.png"/>
-                            <a>还款计划</a>
-                        </span>
+                <img src="../../../assets/image/mediate/m-info5.png"/>
+                <a>还款计划</a>
+            </span>
             <span class="left-img-info flex-column" :class="leftActive == 6 ?'active':''" @click="leftActive = 6">
-                            <img src="../../../assets/image/mediate/m-info6.png"/>
-                            <a>还款凭证</a>
-                        </span>
+                <img src="../../../assets/image/mediate/m-info6.png"/>
+                <a>还款凭证</a>
+            </span>
           </div>
           <div class="layout-center-left2-wrap">
             <el-scrollbar :style="'height:'+`${leftContentHeight}`+'px'">
               <!-- 债务信息 -->
               <div v-if="leftActive == 1" class="case-debt-info">
-                <!-- <div>债务信息</div> -->
-                <div class="case-detail-label f-weight500 f18 mb-8">基本信息</div>
-                <div class="case-detail-des flex-column">
-                  <span><a>案件包名称：</a><a>河北幸福消费金融股份有限公司012341</a></span>
-                  <span><a>委案机构：</a><a>{{ baseInfo.financialOrgName }}</a></span>
-                  <span><a>委案开始日期：</a><a>{{ baseInfo.planStartTime }}</a></span>
-                  <span><a>委案到期日期：</a><a>{{ baseInfo.planStartTime }}</a></span>
-                  <span><a>债务人姓名：</a><a v-for="(item,index) in baseInfo.debtorEntityList"
-                                             :key="index">{{ index == 0 ? '' : ',' }}{{ item.name }}</a></span>
-                  <span><a>债务人手机号码：</a><a>{{
-                      debtorEntityCardNo(baseInfo.debtorEntityList, 25).phone
-                    }} {{ baseInfo.debtorEntityList.length > 25 ? '...' : '' }}</a></span>
-                  <span><a>委案期限：</a><a></a></span>
-                  <span><a>委案渠道：</a><a></a></span>
-                  <span><a>身份证号：</a><a> {{
-                      debtorEntityCardNo(baseInfo.debtorEntityList, 25).cardNo
-                    }} {{ baseInfo.debtorEntityList.length > 25 ? '...' : '' }}</a></span>
-                  <span><a>户籍地址：</a><a v-for="(item,index) in baseInfo.debtorEntityList"
-                                           :key="index">{{ index == 0 ? '' : ',' }}{{ item.name }}</a></span>
-                  <span><a>案件编号：</a><a>{{ baseInfo.caseNo }}</a></span>
+                <div class="descriptions-t">
+                  <div class="f16 f-weight600 descriptions-t-title">基本信息</div>
+                  <div class="flex-row descriptions-t-item">
+                    <div class="descriptions-t-item-l color-86909C">金融产品名称:</div>
+                    <div class="descriptions-t-item-r">微粒贷</div>
+                  </div>
+                  <div class="flex-row descriptions-t-item bgColor-F7F8FA">
+                    <div class="descriptions-t-item-l color-86909C">金融机构名称:</div>
+                    <div class="descriptions-t-item-r">微众银行殷份有限公司</div>
+                  </div>
+                  <div class="flex-row descriptions-t-item">
+                    <div class="descriptions-t-item-l color-86909C">合同名称:</div>
+                    <div class="descriptions-t-item-r">贷款合同</div>
+                  </div>
+                  <div class="flex-row descriptions-t-item bgColor-F7F8FA">
+                    <div class="descriptions-t-item-l color-86909C">被申请人姓名:</div>
+                    <div class="descriptions-t-item-r color-1960F4">陈继平</div>
+                  </div>
+                  <div class="flex-row descriptions-t-item">
+                    <div class="descriptions-t-item-l color-86909C">被申请人手机号码:</div>
+                    <div class="descriptions-t-item-r">134****9447</div>
+                  </div>
                 </div>
-                <div class="case-detail-label f-weight500 f18 mb-8 mt-8">申请人代理人信息</div>
-                <div class="case-detail-des flex-column">
-                  <span><a>姓名：</a><a>河北幸福消费金融股份有限公司012341</a></span>
-                  <span><a>身份证号：</a><a>{{ baseInfo.financialOrgName }}</a></span>
-                  <span><a>手机号码：</a><a>{{ baseInfo.planStartTime }}</a></span>
-                  <span><a>电子邮箱：</a><a>{{ baseInfo.planStartTime }}</a></span>
-                  <span><a>代理人类型：</a><a>{{ baseInfo.planStartTime }}</a></span>
+
+                <div class="case-debt-info-call flex-row justify-content-between align-items-center">
+                  <div class="flex-row align-items-center">
+                    <div class="f32 color-1960F4 mr-8"><i class="el-icon-phone"></i></div>
+                    <div>呼叫被申请人</div>
+                  </div>
+                  <el-divider direction="vertical"></el-divider>
+                  <div class="flex-row align-items-center">
+                    <div class="f32 color-FF7D00 mr-8"><i class="el-icon-message"></i></div>
+                    <div>发送短信</div>
+                  </div>
                 </div>
-                <div class="case-detail-label f-weight500 f18 mb-8 mt-8">债务信息</div>
-                <div class="case-detail-des flex-column">
-                  <!-- <span><a>委托机构：</a><a>{{baseInfo.financialOrgName}}</a></span> -->
-                  <span><a>合同编号：</a><a>{{ baseInfo.AAAAAAAAA }}</a></span>
-                  <span><a>业务流水号：</a><a>{{ baseInfo.AAAAAAAAA }}</a></span>
-                  <span><a>金融产品名称：</a><a>{{ baseInfo.AAAAAAAAA }}</a></span>
-                  <span><a>金融机构名称：</a><a>{{ baseInfo.financialOrgName }}</a></span>
-                  <span><a>合同名称：</a><a>{{ baseInfo.AAAAAAAAA }}</a></span>
-                  <span><a>委托时逾期天数：</a><a>{{ baseInfo.AAAAAAAAA }}</a></span>
-                  <span><a>借款合同签署时间：</a><a>{{ baseInfo.AAAAAAAAA }}</a></span>
-                  <span><a>贷款笔数：</a><a>{{ baseInfo.AAAAAAAAA }}</a></span>
-                  <span><a>当前逾期金额：</a><a>{{ baseInfo.moneyAmount }}</a></span>
-                  <span><a>最低还款额(减免底线)：</a><a>{{ baseInfo.AAAAAAAAA }}</a></span>
-                  <span><a>账龄：</a><a>{{ baseInfo.AAAAAAAAA }}</a></span>
-                  <span><a>放款金额/借款本金：</a><a>{{ baseInfo.AAAAAAAAA }}</a></span>
-                  <span><a>欠款本金：</a><a>{{ baseInfo.AAAAAAAAA }}</a></span>
-                  <span><a>总分期数：</a><a>{{ baseInfo.AAAAAAAAA }}</a></span>
-                  <span><a>逾期期数：</a><a>{{ baseInfo.overdueTimes }}</a></span>
-                  <span><a>未结清期数：</a><a>{{ baseInfo.AAAAAAAAA }}</a></span>
-                  <span><a>逾期开始时间：</a><a>{{ baseInfo.AAAAAAAAA }}</a></span>
-                  <span><a>还款日：</a><a>{{ baseInfo.AAAAAAAAA }}</a></span>
-                  <span><a>备注：</a><a>{{ baseInfo.caseDescr }}</a></span>
+
+                <div class="descriptions-t mt-16">
+                  <div class="f16 f-weight600 descriptions-t-title">债务信息</div>
+                  <div class="flex-row descriptions-t-item">
+                    <div class="descriptions-t-item-l color-86909C">当前逾期金额:</div>
+                    <div class="descriptions-t-item-r">2000000</div>
+                  </div>
+                  <div class="flex-row descriptions-t-item bgColor-F7F8FA">
+                    <div class="descriptions-t-item-l color-86909C">欠款本金:</div>
+                    <div class="descriptions-t-item-r color-F53F3F">1800000</div>
+                  </div>
+                  <div class="flex-row descriptions-t-item">
+                    <div class="descriptions-t-item-l color-86909C">欠款利息:</div>
+                    <div class="descriptions-t-item-r">2000000 <i class="f14 el-icon-warning-outline"></i></div>
+                  </div>
+                  <div class="flex-row descriptions-t-item bgColor-F7F8FA">
+                    <div class="descriptions-t-item-l color-86909C">月还款额:</div>
+                    <div class="descriptions-t-item-r">6000</div>
+                  </div>
                 </div>
               </div>
 
@@ -702,17 +705,6 @@ export default {
           background-size: 100%,100%;
         }
       }
-
-
-      .color-FF7D00{
-        color: #FF7D00;
-      }
-      .color-165DFF{
-        color: #165DFF;
-      }
-      .color-F53F3F{
-        color: #F53F3F;
-      }
     }
   }
 
@@ -807,6 +799,32 @@ export default {
         border-radius: 25px 0px 0px 25px;
         padding: 20px 30px;
 
+
+        .case-debt-info{
+          .descriptions-t{
+            .descriptions-t-title{
+              //margin-bottom: 5px;
+            }
+            .descriptions-t-item-l{
+              padding: 12px 10px;
+              text-align: right;
+              width: 40%;
+            }
+            .descriptions-t-item-r{
+              padding: 12px 10px;
+              text-align: left;
+              width: 60%;
+            }
+            .bgColor-F7F8FA{
+              background-color: #F7F8FA;
+            }
+          }
+
+          .case-debt-info-call{
+            padding: 12px 42px;
+          }
+        }
+
         .case-contact-person{
           .contact-person-type{
             background-color: #F2F3F5;