diff --git a/src/pages/mediation-page/components/LayoutContentNew.vue b/src/pages/mediation-page/components/LayoutContentNew.vue
index 844b378..f58d004 100644
--- a/src/pages/mediation-page/components/LayoutContentNew.vue
+++ b/src/pages/mediation-page/components/LayoutContentNew.vue
@@ -10,31 +10,31 @@
         </span>
         <span class="separation"></span>
 
-        <span class="left-img-info flex-column" :class="leftActive == 1 ?'active':''" @mouseenter="leftActive = 1">
+        <span class="left-img-info flex-column" :class="leftActive == 1 ?'active':''" @mouseenter="handlerMouseenter(1)">
             <img src="../../../assets/image/mediate/m-info1.png"/>
             <a>基本信息</a>
         </span>
-        <span class="left-img-info flex-column" v-if="baseInfo.jointDebt == 1" :class="leftActive == 8 ?'active':''" @mouseenter="leftActive = 8">
+        <span class="left-img-info flex-column" v-if="baseInfo.jointDebt == 1" :class="leftActive == 8 ?'active':''" @mouseenter="handlerMouseenter(8)">
             <img src="../../../assets/image/mediate/m-info8.png"/>
             <a>共债</a>
         </span>
-        <span class="left-img-info flex-column" :class="leftActive == 2 ?'active':''" @mouseenter="leftActive = 2">
+        <span class="left-img-info flex-column" :class="leftActive == 2 ?'active':''" @mouseenter="handlerMouseenter(2)">
             <img src="../../../assets/image/mediate/m-info2.png"/>
             <a>联系人</a>
         </span>
-        <span class="left-img-info flex-column" :class="leftActive == 3 ?'active':''" @mouseenter="leftActive = 3">
+        <span class="left-img-info flex-column" :class="leftActive == 3 ?'active':''" @mouseenter="handlerMouseenter(3)">
             <img src="../../../assets/image/mediate/m-info3.png"/>
             <a>案件材料</a>
         </span>
-        <span class="left-img-info flex-column" :class="leftActive == 4 ?'active':''" @mouseenter="leftActive = 4">
+        <span class="left-img-info flex-column" :class="leftActive == 4 ?'active':''" @mouseenter="handlerMouseenter(4)">
             <img src="../../../assets/image/mediate/m-info4.png"/>
             <a>案件文书</a>
         </span>
-        <span class="left-img-info flex-column" :class="leftActive == 5 ?'active':''" @mouseenter="leftActive = 5">
+        <span class="left-img-info flex-column" :class="leftActive == 5 ?'active':''" @mouseenter="handlerMouseenter(5)">
             <img src="../../../assets/image/mediate/m-info5.png"/>
             <a>还款计划</a>
         </span>
-        <span class="left-img-info flex-column" :class="leftActive == 6 ?'active':''" @mouseenter="leftActive = 6">
+        <span class="left-img-info flex-column" :class="leftActive == 6 ?'active':''" @mouseenter="handlerMouseenter(6)">
             <img src="../../../assets/image/mediate/m-info6.png"/>
             <a>还款凭证</a>
         </span>
@@ -384,11 +384,17 @@ export default {
     this.getmediate_record()
   },
   beforeDestroy() {
+    console.log('销毁')
+    this.singlesmsvisible = false
     // if(this.timer) { //如果定时器还在运行 或者直接关闭，不用判断
     //     clearInterval(this.timer); //关闭
     // }
   },
   methods: {
+    handlerMouseenter(val) {
+      this.leftActive = val
+      if (val !== 1) this.singlesmsvisible = false
+    },
     debtorEntityCardNo(datalist, len) {
       let datacardno = ''
       let dataphone = ''