Merge remote-tracking branch 'origin/master'

@@ -55,7 +55,7 @@
 
     .btn {
       @include btc4(144px, 42px, 16px);
-      margin: 36px 36px 36px;
+      margin: 36px 24px 36px;
       @extend .pointer;
     }
 

@@ -2,6 +2,7 @@
 
 .container{
   font-size: $fontSize-M2;
+  width: 100%;
 }
 
 .cell-group {

@@ -2,11 +2,11 @@
 	<div class="container">
 		<!-- 登陆/注册提示 -->
 		<auth @onLogin="userLogin" @onLogout="userLogout" :checkProfile="true" :tipModel="'m1'" ref="auth"></auth>
-		<div v-if="showForm">
+		<!-- <div  v-if="showForm"> -->
 			<!-- 保单列表 -->
-			<e-correspondence-head-list :multiSelectable="false" @onSelect="handlePolicySelect"></e-correspondence-head-list>
+			<e-correspondence-head-list  v-if="showForm" :multiSelectable="false" @onSelect="handlePolicySelect"></e-correspondence-head-list>
 
-		</div>
+		<!-- </div> -->
 	</div>
 </template>
 

@@ -3,6 +3,7 @@
     overflow-x: auto;
     margin-bottom: 24px;
     font-size: $fontSize-M2;
+    // width: 100%;
 }
 
 .hide {

@@ -36,6 +36,7 @@ export default {
             this.dataForm = null;
             httpPost({ url: api.policyDetail, sid: true, data: submitData }).then(res => {
                 this.dataForm = res;
+                console.log("this.dataForm:",this.dataForm.productCode)
 
 
                 if (this.dataForm.clientNameCn) {

-@import '@/styles/_support.scss';
+@import "@/styles/_support.scss";
 
-.container{
+.container {
   // font-size: 18px;
 }
 
@@ -52,7 +52,8 @@
         cursor: pointer;
         width: 12px;
         height: 8px;
-        background: url("~@/assets/images/insurance-query/triangle-down.png") no-repeat center center;
+        background: url("~@/assets/images/insurance-query/triangle-down.png")
+          no-repeat center center;
         background-size: 100% 100%;
       }
 
@@ -64,9 +65,7 @@
   }
 
   .table-content {
-
     height: auto;
-    // display: inline-block;
     border-bottom-left-radius: 8px;
     border-bottom-right-radius: 8px;
     border-left: solid 1px #f2f2f2;
@@ -77,6 +76,49 @@
     transition: max-height ease-out 0.3s !important;
     overflow: scroll;
 
+    .cell {
+      position: relative;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      height: 50px;
+      border-bottom: solid 1px #f2f2f2;
+
+      .label span {
+        color: $cOrange;
+        margin-left: 7px;
+        cursor: pointer;
+        text-decoration: underline;
+      }
+
+      &:last-child(){
+        border-bottom: none;
+      }
+      &:nth-last-child(2){
+        border-bottom: none;
+      }
+  
+      &:nth-child(odd) {
+        padding-right: 10px;
+      }
+      &:nth-child(even) {
+        padding-left: 10px;
+      }
+      &:nth-child(odd):after {
+        content: "";
+        background-color: #f2f2f2;
+        position: absolute;
+        top: 10px;
+        right: 0;
+        height: 30px;
+        width: 1px;
+      }
+    }
+
+    .cell1:nth-child(1){
+      text-align: right !important;
+    }
+
     .data-line {
       height: 50px;
       margin: auto;
@@ -114,7 +156,6 @@
       }
     }
 
-
     .label span {
       color: #f05a23;
       margin-left: 7px;
@@ -141,7 +182,6 @@
     max-height: 0;
     border-bottom: none;
   }
-
 }
 
 .cell-between {
@@ -156,7 +196,6 @@
       }
     }
   }
-
 }
 
 .icon-download {
@@ -201,4 +240,3 @@
 // .table-content{
 //   -ms-overflow-style: none;
 // }
-

@@ -112,7 +112,7 @@
 
   .right-panel {
     margin: 0 auto;
-    width: auto;
+    // width: auto;
   }
 }
 

@@ -142,7 +142,7 @@
     height: 15px;
     pointer-events: none;
     cursor: default;
-    z-index: 1000;
+    z-index: 900;
   }
 
   .eye {

@@ -8,6 +8,11 @@
   display: flex;
 }
 
+.flw {
+  display: flex;
+  flex-wrap: wrap;
+}
+
 .flc {
   display: flex;
   justify-content: center;