'修改页面变黑'

src/pages/distributorSign/contract-details.vue

@@ -139,7 +139,7 @@
         <p @click="repayPlan">查看还款计划</p>
       </div>
       <div class="equipment-list-fund">
-        <span></span>
+        <span/>
       <p>设备清单</p></div>
       <list-item :item-height="44" class="second-part">
         <item>
@@ -622,7 +622,7 @@ export default {
   margin-top: -10px;
   .bottom-call {
    width: 100%;
-    height: 62%;
+    height: 58%;
     display: flex;
     justify-content: center;
     align-items: center;
@@ -655,7 +655,7 @@ export default {
       height: 100%;
       width: 16%;
       //background: rgba(0,70,156,0.20);
-      background: #F2F2F2;
+      background: #CCCCCC;
       display: flex;
       justify-content: center;
       align-items: center

src/pages/intoApproval/intoApproval/rentInfo.vue

@@ -10,7 +10,7 @@
     <list-item :item-height="44" style="margin-bottom:0px;">
       <item>
         <div slot="name">商务政策</div>
-        <input slot="content" v-model="rentInfo.product_plan_id_n" readonly >
+        <input slot="content" v-model="rentInfo.product_plan_id_n" readonly>
       </item>
       <item>
         <div slot="name">设备总价</div>
@@ -26,7 +26,7 @@
       </item>
       <item>
         <div slot="name">保证金比例</div>
-        <input slot="content" v-model="rentInfo.deposit_ratio_n" readonly >
+        <input slot="content" v-model="rentInfo.deposit_ratio_n" readonly>
       </item>
       <item>
         <div slot="name">保证金</div>
@@ -34,7 +34,7 @@
       </item>
       <item>
         <div slot="name">手续费比例</div>
-        <input slot="content" v-model="rentInfo.lease_charge_ratio_n" readonly >
+        <input slot="content" v-model="rentInfo.lease_charge_ratio_n" readonly>
       </item>
       <item>
         <div slot="name">手续费</div>
@@ -58,37 +58,40 @@
       </item>
       <item>
         <div slot="name">还款周期</div>
-        <input slot="content" v-model="rentInfo.annual_pay_times_n" readonly >
+        <input slot="content" v-model="rentInfo.annual_pay_times_n" readonly>
       </item>
       <item>
         <div slot="name">租赁期数</div>
-        <input slot="content" v-model="rentInfo.lease_times" readonly >
+        <input slot="content" v-model="rentInfo.lease_times" readonly>
       </item>
       <item>
         <div slot="name">年利率</div>
-        <input slot="content" v-model="rentInfo.int_rate_n" readonly >
+        <input slot="content" v-model="rentInfo.int_rate_n" readonly>
       </item>
     </list-item>
     <div class="top-userInfo"><span @click="changeRefund">查看还款计划</span></div>
-    <div class="userInfo">设备清单</div>
+    <div class="equipment-list-fund">
+      <span/>
+      <p>设备清单</p>
+    </div>
     <list-item>
       <item>
         <div slot="name">参数项</div>
-        <input slot="content" v-model="rentInfo.product_code" readonly >
+        <input slot="content" v-model="rentInfo.product_code" readonly>
       </item>
       <item>
         <div slot="name">产品线</div>
-        <input slot="content" v-model="rentInfo.product_name" readonly >
+        <input slot="content" v-model="rentInfo.product_name" readonly>
       </item>
       <item>
         <div slot="name">产品数量</div>
-        <input slot="content" v-model="rentInfo.product_num" readonly >
+        <input slot="content" v-model="rentInfo.product_num" readonly>
       </item>
     </list-item>
     <div class="alert">
       <div class="alert-content">
         <div class="title">
-          <img src="@/assets/intoApproval/info.png" >
+          <img src="@/assets/intoApproval/info.png">
           <span class="info-word">提示</span>
         </div>
         <p class="top-info">绑定成功后，您即可使用APP中合同查询、还款查询等功能。
@@ -98,7 +101,7 @@
   </div>
 </template>
 <script>
-export default {
+  export default {
     filters: {
       'NumFormat': function (valueOrig) {
         // if (!value) return '0.00'
@@ -136,7 +139,7 @@ export default {
         default: '',
       },
     },
-  data () {
+    data() {
       return {
         rentInfo: {
           finance_amount: '',
@@ -161,11 +164,11 @@ export default {
         },
       }
     },
-  created () {
+    created() {
       this.getRent()
     },
     methods: {
-    changeRefund () {
+      changeRefund() {
         this.$router.push({
           name: 'Refund',
           params: {
@@ -174,7 +177,7 @@ export default {
           },
         })
       },
-    getRent () {
+      getRent() {
         let vm = this
         let url = process.env.basePath + 'prj_lease_query'
         let param = {
@@ -188,32 +191,55 @@ export default {
         })
       },
     },
-}
+  }
 
 </script>
 <style lang="less" scoped>
-#rentInfo {
+  #rentInfo {
     .top-userInfo {
-    height: 45px;
-    line-height: 45px;
-    text-decoration: underline;
+      height: 44px;
+      width: 100%;
+      // background: rgba(0,70,156,0.03);
+      background: #F2F2F2;
+
+      span {
         font-family: PingFangSC-Semibold;
         font-size: 14px;
-    color: #00469c;
+        color: #00469C;
         letter-spacing: 0;
-    padding-left: 16px;
-    background: rgba(0, 70, 156, 0.03);
+        height: 44px;
+        width: 84px;
+        line-height: 44px;
+        font-weight: bold;
+        text-decoration: underline;
+        margin-left: 16px;
       }
-   .userInfo {
-      height: 45px;
-      line-height: 45px;
+    }
+
+    .equipment-list-fund {
+      height: 40px;
+      line-height: 40px;
+      background-color: #fafafa;
+      display: flex;
+      align-items: center;
       color: #00469c;
       font-size: 15px;
-      margin-left: 16px;
+      //margin-left: 16px;
       position: relative;
-      top:5px;
+      margin-top: -10px;
+
+      span {
+        width: 4px;
+        height: 20px;
+        background: #00469c;
+      }
+
+      p {
+        padding-left: 10px;
+      }
     }
-    .userInfo::before {
+
+    /*.userInfo::before {
       content: "";
       display: block;
       width: 4px;
@@ -222,17 +248,22 @@ export default {
       position: absolute;
       left: -15px;
       top: 12px;
-    }
+    }*/
+
     .alert {
-      height: 113px;
+      height: 100px;
       width: 100%;
-      background: rgba(252, 200, 0, 0.16);
+      margin-top: -10px;
+      margin-bottom: 20px;
+      background: #F5DEB3;
     }
+
     .alert-content {
       width: 334px;
       margin: 0 auto;
       padding-top: 16px;
     }
+
     .info-word {
       font-family: PingFangSC-Semibold;
       font-size: 14px;
@@ -240,10 +271,12 @@ export default {
       letter-spacing: 0.5px;
       margin-left: 8px;
     }
+
     .title {
       display: flex;
       align-items: center;
     }
+
     .top-info {
       font-family: PingFangSC-Regular;
       font-size: 12px;
@@ -251,13 +284,15 @@ export default {
       letter-spacing: 0.37px;
       margin-top: 7px;
       line-height: 15px;
-      span{
+
+      span {
         color: #fcc800;
       }
     }
+
     .alert img {
       width: 18px;
       height: 18px;
     }
-}
+  }
 </style>