保单查询修改

@@ -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;
 // }
-

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