融资合同创建修改

src/pages/contractStart/start-list.vue

@@ -2,13 +2,13 @@
   <h-view id="startList">
     <h-header :proportion="[5,1,1]" class="bar-custom">
       <div slot="left" class="h-header-btn">
-        <img src="@/assets/userBind/arrow.png" @click="$routeGo()" >
+        <img src="@/assets/userBind/arrow.png" @click="$routeGo()">
         <span>融租合同创建</span>
       </div>
     </h-header>
-    <Tab @getTabNum="getTabNum" />
+    <Tab @getTabNum="getTabNum"/>
     <div class="search has-header">
-      <input v-model="keyWord" placeholder="请输入合同号/产品名称/承租人名称" >
+      <input v-model="keyWord" placeholder="请输入合同号/产品名称/承租人名称">
     </div>
     <scroll
       ref="scroll"
@@ -20,7 +20,7 @@
       <div v-for="(item,index) in showList" :key="index" class="item" @click="changePage(item)">
         <div class="left">
           <span>
-            <img src="@/assets/contractStart/icon.png" >
+            <img src="@/assets/contractStart/icon.png">
           </span>
         </div>
         <div class="right">
@@ -31,15 +31,15 @@
           <div class="right-bottom">
             <ul>
               <li>
-                承租人
+                <span>承租人:</span>
                 <span>{{ item.bp_name }}</span>
               </li>
               <li>
-                产品名称
+                <span>产品名称:</span>
                 <span>{{ item.division_n }}</span>
               </li>
               <li>
-                合同金额
+                <span>合同金额:</span>
                 <span class="number">{{ item.total_price|currency }}</span>
               </li>
             </ul>
@@ -54,6 +54,7 @@
 </template>
 <script>
 import Tab from '@/pages/contractStart/tab'
+
 export default {
   components: {
     Tab,
@@ -146,6 +147,10 @@ export default {
     },
     goAdd () {
       hlsPopup.showLongCenter('暂不支持无关联进件的车辆发送')
+
+      // this.$router.push({
+      //   name: 'AddCar',
+      // })
     },
     changePage (e) {
       this.$router.push({
@@ -202,7 +207,7 @@ export default {
 }
 </script>
 <style lang="less">
-#startList {
+  #startList {
     .search {
       background-color: #fff;
       padding: 8px 12px;
@@ -212,12 +217,13 @@ export default {
       z-index: 100;
       margin-top: 52px;
       margin-bottom: 8px;
+
       input {
         background: url("../../assets/contractStart/search1.png") 320px no-repeat;
         background-size: 16px 16px;
         background-color: rgba(239, 239, 239, 0.55);
         padding-left: 12px;
-      height:36px;
+        height: 36px;
         line-height: 36px;
         border-radius: 4px;
         width: 100%;
@@ -240,6 +246,7 @@ export default {
         border: 2px solid #bcc6ff;
       }
     }
+
     .item {
       width: 359px;
       height: 148px;
@@ -247,10 +254,12 @@ export default {
       border-radius: 2px;
       margin: 0 auto;
       margin-top: 9px;
+
       .left {
         width: 15%;
         height: 100%;
         float: left;
+
         span {
           display: block;
           width: 30px;
@@ -262,16 +271,19 @@ export default {
           justify-content: center;
           margin-left: 10px;
           margin-top: 8px;
+
           img {
             width: 11px;
             height: 14px;
           }
         }
       }
+
       .right {
         height: 100%;
         width: 85%;
         float: right;
+
         .right-top {
           width: 285px;
           height: 45px;
@@ -281,13 +293,16 @@ export default {
           letter-spacing: 0;
           line-height: 45px;
           border-bottom: 1px solid #f3f3f7;
+
           span:last-child {
             float: right;
           }
         }
+
         .right-bottom {
           width: 285px;
           margin-top: 10px;
+
           .number {
             font-family: Verdana-Bold;
             font-size: 14px;
@@ -295,47 +310,67 @@ export default {
             letter-spacing: 0;
             font-weight: bold;
           }
+
           li {
             font-family: PingFangSC-Regular;
             font-size: 14px;
             color: #4b4a4b;
             letter-spacing: 0;
-          height: 30px;
+            //height: 30px;
             width: 100%;
+            display: flex;
+            justify-content: space-between;
+            margin: 5px 0;
+            //align-items: center;
             span {
-            float: right;
+              line-height: 18px;
+
+              &:first-child {
+                width: 70px;
               }
             }
+
+            /*span{
+              margin-top: 5px;
+            }
+            span:last-child {
+              float: right;
+            }*/
+          }
         }
       }
     }
+
     .add {
       color: #fff;
       background-color: #0041c4;
     }
+
     .content {
       position: absolute;
       top: 0;
     }
+
     .scrollContent {
       padding-top: 2.92rem;
       padding-bottom: 20px;
     }
+
     .tab-style {
       width: 100%;
       position: absolute;
     }
-}
+  }
 
-.platform-ios {
+  .platform-ios {
     #startList {
       .scrollContent {
         padding-top: 3.32rem;
       }
     }
-}
+  }
 
-@media (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) {
+  @media (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) {
     .platform-ios {
       #startList {
         .scrollContent {
@@ -343,18 +378,19 @@ export default {
         }
       }
     }
-}
-// iPhoneXR适配
-@media (device-width: 414px) and (device-height: 896px) {
+  }
+
+  // iPhoneXR适配
+  @media (device-width: 414px) and (device-height: 896px) {
     .platform-ios {
       #startList {
         .scrollContent {
           padding-top: 3.72rem;
         }
+
         .search {
           input {
-          background: url("../../assets/contractStart/search1.png") 320px
-            no-repeat;
+            background: url("../../assets/contractStart/search1.png") 320px no-repeat;
             background-size: 16px 16px;
             background-color: rgba(239, 239, 239, 0.55);
             padding: 8px 12px;
@@ -367,5 +403,5 @@ export default {
         }
       }
     }
-}
+  }
 </style>