'修改待签约'

config.xml

 <?xml version='1.0' encoding='utf-8'?>
 <widget id="com.xcmg.app" version="1.0.0" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
-  <name>xcmg</name>
-  <description>
+    <name>xcmg</name>
+    <description>
     测试环境版
   </description>
-  <author email="jingchao.wu@hand-china.com" href="http://example.com.com/">
+    <author email="jingchao.wu@hand-china.com" href="http://example.com.com/">
     chris
   </author>
-  <content src="index.html"/>
-  <access origin="*"/>
-  <access origin="mailto:*" launch-external="yes"/>
-  <access origin="tel:*" launch-external="yes"/>
-  <allow-intent href="mailto:*"/>
-  <allow-intent href="tel:*"/>
-  <allow-navigation href="mailto:*"/>
-  <allow-navigation href="tel:*"/>
-  <allow-navigation href="http://wechat.hand-china.com/*" />
-  <allow-navigation href="https://www.pgyer.com/*"/>
-  <access launch-external="yes" origin="tel:*"/>
-  <access launch-external="yes" origin="sms:*"/>
-  <preference name="ScrollEnabled" value="false" />
-  <preference name="android-minSdkVersion" value="19" />
-  <preference name="BackupWebStorage" value="none" />
-  <preference name="SplashMaintainAspectRatio" value="true" />
-  <preference name="FadeSplashScreenDuration" value="300" />
-  <preference name="SplashShowOnlyFirstTime" value="false" />
-  <preference name="SplashScreen" value="screen" />
-  <preference name="SplashScreenDelay" value="3000" />
-  <preference name="android-windowSoftInputMode" value="adjustPan|stateAlwaysHidden"/>
-  <preference name="KeyboardDisplayRequiresUserAction" value="false"/>
-  <feature name="StatusBar">
-    <param name="ios-package" onload="true" value="CDVStatusBar"/>
-  </feature>
-  <platform name="android">
-    <allow-intent href="market:*" />
-    <hook src="hooks/copy-build-extras-gradle.js" type="before_build"/>
-    <icon density="ldpi" src="resources/android/icon/drawable-ldpi-icon.png" />
-    <icon density="mdpi" src="resources/android/icon/drawable-mdpi-icon.png" />
-    <icon density="hdpi" src="resources/android/icon/drawable-hdpi-icon.png" />
-    <icon density="xhdpi" src="resources/android/icon/drawable-xhdpi-icon.png" />
-    <icon density="xxhdpi" src="resources/android/icon/drawable-xxhdpi-icon.png" />
-    <icon density="xxxhdpi" src="resources/android/icon/drawable-xxxhdpi-icon.png" />
-    <splash density="land-ldpi" src="resources/android/splash/drawable-land-ldpi-screen.png" />
-    <splash density="land-mdpi" src="resources/android/splash/drawable-land-mdpi-screen.png" />
-    <splash density="land-hdpi" src="resources/android/splash/drawable-land-hdpi-screen.png" />
-    <splash density="land-xhdpi" src="resources/android/splash/drawable-land-xhdpi-screen.png" />
-    <splash density="land-xxhdpi" src="resources/android/splash/drawable-land-xxhdpi-screen.png" />
-    <splash density="land-xxxhdpi" src="resources/android/splash/drawable-land-xxxhdpi-screen.png" />
-    <splash density="port-ldpi" src="resources/android/splash/drawable-port-ldpi-screen.png" />
-    <splash density="port-mdpi" src="resources/android/splash/drawable-port-mdpi-screen.png" />
-    <splash density="port-hdpi" src="resources/android/splash/drawable-port-hdpi-screen.png" />
-    <splash density="port-xhdpi" src="resources/android/splash/drawable-port-xhdpi-screen.png" />
-    <splash density="port-xxhdpi" src="resources/android/splash/drawable-port-xxhdpi-screen.png" />
-    <splash density="port-xxxhdpi" src="resources/android/splash/drawable-port-xxxhdpi-screen.png" />
-    <preference name="webviewbounce" value="false"/>
-    <preference name="UIWebViewBounce" value="false"/>
-    <icon src="resources/ios/icon/icon-small@3x.png"/>
-    <preference name="xwalkVersion" value="19+"/>
-    <preference name="xwalkCommandLine" value="--disable-pull-to-refresh-effect"/>
-    <preference name="xwalkMode" value="embedded"/>
-    <preference name="xwalkMultipleApk" value="true"/>
-  </platform>
-  <platform name="ios">
-    <allow-intent href="itms:*" />
-    <allow-intent href="itms-apps:*" />
-    <icon height="57" src="resources/ios/icon/icon.png" width="57" />
-    <icon height="114" src="resources/ios/icon/icon@2x.png" width="114" />
-    <icon height="40" src="resources/ios/icon/icon-40.png" width="40" />
-    <icon height="80" src="resources/ios/icon/icon-40@2x.png" width="80" />
-    <icon height="120" src="resources/ios/icon/icon-40@3x.png" width="120" />
-    <icon height="50" src="resources/ios/icon/icon-50.png" width="50" />
-    <icon height="100" src="resources/ios/icon/icon-50@2x.png" width="100" />
-    <icon height="60" src="resources/ios/icon/icon-60.png" width="60" />
-    <icon height="120" src="resources/ios/icon/icon-60@2x.png" width="120" />
-    <icon height="180" src="resources/ios/icon/icon-60@3x.png" width="180" />
-    <icon height="72" src="resources/ios/icon/icon-72.png" width="72" />
-    <icon height="144" src="resources/ios/icon/icon-72@2x.png" width="144" />
-    <icon height="76" src="resources/ios/icon/icon-76.png" width="76" />
-    <icon height="152" src="resources/ios/icon/icon-76@2x.png" width="152" />
-    <icon height="167" src="resources/ios/icon/icon-83.5@2x.png" width="167" />
-    <icon height="29" src="resources/ios/icon/icon-small.png" width="29" />
-    <icon height="58" src="resources/ios/icon/icon-small@2x.png" width="58" />
-    <icon height="87" src="resources/ios/icon/icon-small@3x.png" width="87" />
-    <icon height="1024" src="resources/ios/icon/icon-1024.png" width="1024" />
-    <splash height="1136" src="resources/ios/splash/Default-568h@2x~iphone.png" width="640" />
-    <splash height="1334" src="resources/ios/splash/Default-667h.png" width="750" />
-    <splash height="2208" src="resources/ios/splash/Default-736h.png" width="1242" />
-    <splash height="1242" src="resources/ios/splash/Default-Landscape-736h.png" width="2208" />
-    <splash height="1536" src="resources/ios/splash/Default-Landscape@2x~ipad.png" width="2048" />
-    <splash height="2048" src="resources/ios/splash/Default-Landscape@~ipadpro.png" width="2732" />
-    <splash height="768" src="resources/ios/splash/Default-Landscape~ipad.png" width="1024" />
-    <splash height="2048" src="resources/ios/splash/Default-Portrait@2x~ipad.png" width="1536" />
-    <splash height="2732" src="resources/ios/splash/Default-Portrait@~ipadpro.png" width="2048" />
-    <splash height="1024" src="resources/ios/splash/Default-Portrait~ipad.png" width="768" />
-    <splash height="960" src="resources/ios/splash/Default@2x~iphone.png" width="640" />
-    <splash height="480" src="resources/ios/splash/Default~iphone.png" width="320" />
-    <splash height="2732" src="resources/ios/splash/Default@2x~universal~anyany.png" width="2732" />
-  </platform>
-  <plugin name="cordova-plugin-whitelist" spec="1.3.3" />
-  <plugin name="cordova-plugin-statusbar" spec="2.4.2" />
-  <plugin name="cordova-plugin-device" spec="2.0.2" />
-  <plugin name="cordova-plugin-splashscreen" spec="5.0.2" />
-  <plugin name="ionic-plugin-keyboard" spec="^2.2.1" />
+    <content src="index.html" />
+    <access origin="*" />
+    <access launch-external="yes" origin="mailto:*" />
+    <access launch-external="yes" origin="tel:*" />
+    <allow-intent href="mailto:*" />
+    <allow-intent href="tel:*" />
+    <allow-navigation href="mailto:*" />
+    <allow-navigation href="tel:*" />
+    <allow-navigation href="http://wechat.hand-china.com/*" />
+    <allow-navigation href="https://www.pgyer.com/*" />
+    <access launch-external="yes" origin="tel:*" />
+    <access launch-external="yes" origin="sms:*" />
+    <preference name="ScrollEnabled" value="false" />
+    <preference name="android-minSdkVersion" value="19" />
+    <preference name="BackupWebStorage" value="none" />
+    <preference name="SplashMaintainAspectRatio" value="true" />
+    <preference name="FadeSplashScreenDuration" value="300" />
+    <preference name="SplashShowOnlyFirstTime" value="false" />
+    <preference name="SplashScreen" value="screen" />
+    <preference name="SplashScreenDelay" value="3000" />
+    <preference name="android-windowSoftInputMode" value="adjustPan|stateAlwaysHidden" />
+    <preference name="KeyboardDisplayRequiresUserAction" value="false" />
+    <feature name="StatusBar">
+        <param name="ios-package" onload="true" value="CDVStatusBar" />
+    </feature>
+    <platform name="android">
+        <allow-intent href="market:*" />
+        <hook src="hooks/copy-build-extras-gradle.js" type="before_build" />
+        <icon density="ldpi" src="resources/android/icon/drawable-ldpi-icon.png" />
+        <icon density="mdpi" src="resources/android/icon/drawable-mdpi-icon.png" />
+        <icon density="hdpi" src="resources/android/icon/drawable-hdpi-icon.png" />
+        <icon density="xhdpi" src="resources/android/icon/drawable-xhdpi-icon.png" />
+        <icon density="xxhdpi" src="resources/android/icon/drawable-xxhdpi-icon.png" />
+        <icon density="xxxhdpi" src="resources/android/icon/drawable-xxxhdpi-icon.png" />
+        <splash density="land-ldpi" src="resources/android/splash/drawable-land-ldpi-screen.png" />
+        <splash density="land-mdpi" src="resources/android/splash/drawable-land-mdpi-screen.png" />
+        <splash density="land-hdpi" src="resources/android/splash/drawable-land-hdpi-screen.png" />
+        <splash density="land-xhdpi" src="resources/android/splash/drawable-land-xhdpi-screen.png" />
+        <splash density="land-xxhdpi" src="resources/android/splash/drawable-land-xxhdpi-screen.png" />
+        <splash density="land-xxxhdpi" src="resources/android/splash/drawable-land-xxxhdpi-screen.png" />
+        <splash density="port-ldpi" src="resources/android/splash/drawable-port-ldpi-screen.png" />
+        <splash density="port-mdpi" src="resources/android/splash/drawable-port-mdpi-screen.png" />
+        <splash density="port-hdpi" src="resources/android/splash/drawable-port-hdpi-screen.png" />
+        <splash density="port-xhdpi" src="resources/android/splash/drawable-port-xhdpi-screen.png" />
+        <splash density="port-xxhdpi" src="resources/android/splash/drawable-port-xxhdpi-screen.png" />
+        <splash density="port-xxxhdpi" src="resources/android/splash/drawable-port-xxxhdpi-screen.png" />
+        <preference name="webviewbounce" value="false" />
+        <preference name="UIWebViewBounce" value="false" />
+        <icon src="resources/ios/icon/icon-small@3x.png" />
+        <preference name="xwalkVersion" value="19+" />
+        <preference name="xwalkCommandLine" value="--disable-pull-to-refresh-effect" />
+        <preference name="xwalkMode" value="embedded" />
+        <preference name="xwalkMultipleApk" value="true" />
+    </platform>
+    <platform name="ios">
+        <allow-intent href="itms:*" />
+        <allow-intent href="itms-apps:*" />
+        <icon height="57" src="resources/ios/icon/icon.png" width="57" />
+        <icon height="114" src="resources/ios/icon/icon@2x.png" width="114" />
+        <icon height="40" src="resources/ios/icon/icon-40.png" width="40" />
+        <icon height="80" src="resources/ios/icon/icon-40@2x.png" width="80" />
+        <icon height="120" src="resources/ios/icon/icon-40@3x.png" width="120" />
+        <icon height="50" src="resources/ios/icon/icon-50.png" width="50" />
+        <icon height="100" src="resources/ios/icon/icon-50@2x.png" width="100" />
+        <icon height="60" src="resources/ios/icon/icon-60.png" width="60" />
+        <icon height="120" src="resources/ios/icon/icon-60@2x.png" width="120" />
+        <icon height="180" src="resources/ios/icon/icon-60@3x.png" width="180" />
+        <icon height="72" src="resources/ios/icon/icon-72.png" width="72" />
+        <icon height="144" src="resources/ios/icon/icon-72@2x.png" width="144" />
+        <icon height="76" src="resources/ios/icon/icon-76.png" width="76" />
+        <icon height="152" src="resources/ios/icon/icon-76@2x.png" width="152" />
+        <icon height="167" src="resources/ios/icon/icon-83.5@2x.png" width="167" />
+        <icon height="29" src="resources/ios/icon/icon-small.png" width="29" />
+        <icon height="58" src="resources/ios/icon/icon-small@2x.png" width="58" />
+        <icon height="87" src="resources/ios/icon/icon-small@3x.png" width="87" />
+        <icon height="1024" src="resources/ios/icon/icon-1024.png" width="1024" />
+        <splash height="1136" src="resources/ios/splash/Default-568h@2x~iphone.png" width="640" />
+        <splash height="1334" src="resources/ios/splash/Default-667h.png" width="750" />
+        <splash height="2208" src="resources/ios/splash/Default-736h.png" width="1242" />
+        <splash height="1242" src="resources/ios/splash/Default-Landscape-736h.png" width="2208" />
+        <splash height="1536" src="resources/ios/splash/Default-Landscape@2x~ipad.png" width="2048" />
+        <splash height="2048" src="resources/ios/splash/Default-Landscape@~ipadpro.png" width="2732" />
+        <splash height="768" src="resources/ios/splash/Default-Landscape~ipad.png" width="1024" />
+        <splash height="2048" src="resources/ios/splash/Default-Portrait@2x~ipad.png" width="1536" />
+        <splash height="2732" src="resources/ios/splash/Default-Portrait@~ipadpro.png" width="2048" />
+        <splash height="1024" src="resources/ios/splash/Default-Portrait~ipad.png" width="768" />
+        <splash height="960" src="resources/ios/splash/Default@2x~iphone.png" width="640" />
+        <splash height="480" src="resources/ios/splash/Default~iphone.png" width="320" />
+        <splash height="2732" src="resources/ios/splash/Default@2x~universal~anyany.png" width="2732" />
+    </platform>
+    <plugin name="cordova-plugin-whitelist" spec="1.3.3" />
+    <plugin name="cordova-plugin-statusbar" spec="2.4.2" />
+    <plugin name="cordova-plugin-device" spec="2.0.2" />
+    <plugin name="cordova-plugin-splashscreen" spec="5.0.2" />
+    <plugin name="ionic-plugin-keyboard" spec="^2.2.1" />
 </widget>

ionic.config.json

+{
+  "name": "car-rental-easy",
+  "integrations": {
+    "cordova": {}
+  },
+  "type": "ionic1"
+}

ionic.project

+{
+  "name": "HLS_APP",
+  "app_id": ""
+}
\ No newline at end of file

resources/icon.png.md5

+8d486af335ae1cd9192a82c9555fe0fa
\ No newline at end of file

src/pages/contractSigning/contract-detail.vue

@@ -86,22 +86,6 @@
           </div>
         </item>
       </list-item>
-
-      <!-- 联系人 -->
-      <!-- <div class="bottom-call-wrap">
-        <div class="bottom-call">
-          <div class="left">
-            <img src="@/assets/distributorSign/call.png" alt="">
-          </div>
-          <div class="center">
-            <p>业务经办：{{ baseInfo.bp_user_id_n }}</p>
-            <p>联系电话：{{ baseInfo.agent_phone }}</p>
-          </div>
-          <div class="right1" @click="callUp(baseInfo.agent_phone)">
-            <img src="@/assets/distributorSign/calls.png" alt="">
-          </div>
-        </div>
-      </div> -->
       <div class="alert">
         <div class="alert-content">
           <div class="title">
@@ -239,7 +223,7 @@
           <input slot="content" v-model="info.product_num" readonly>
         </item>
       </list-item>
-      <div class="alert">
+      <div class="alert alert-fund">
         <div class="alert-content">
           <div class="title">
             <img src="@/assets/intoApproval/info.png">
@@ -249,20 +233,6 @@
           <span>为了确保您的权益，请查看全部</span></p>
         </div>
       </div>
-      <!-- <div class="bottom-call-wrap">
-        <div class="bottom-call">
-          <div class="left">
-            <img src="@/assets/distributorSign/call.png" alt="">
-          </div>
-          <div class="center">
-            <p>业务经办：{{ baseInfo.bp_user_id_n }}</p>
-            <p>联系电话：{{ baseInfo.agent_phone }}</p>
-          </div>
-          <div class="right1" @click="callUp(baseInfo.agent_phone)">
-            <img src="@/assets/distributorSign/calls.png" alt="">
-          </div>
-        </div>
-      </div> -->
     </h-content>
     <!-- <bottom-tab v-if="con_confirm_status == 'SUBMIT'">
       <tab-button class="footer" @click.native="inSure">
@@ -602,7 +572,7 @@ export default {
   },
 }
 </script>
-<style lang='less' type="text/less">
+<style lang="less" rel="stylesheet">
 #contract-details {
   .footer-button {
     .approve {
@@ -677,13 +647,14 @@ export default {
       height: 16px;
     }
   .alert {
-      //height: 100px;
       padding-bottom: 84px;
       width: 100%;
       //margin-top: -10px;
       background: #FbF2d2;
     }
-
+    .alert-fund{
+      margin-top: -10px;
+    }
     .alert-content {
       width: 334px;
       margin: 0 auto;
@@ -752,7 +723,6 @@ export default {
     height: 44px;
     width: 100%;
   margin-top: -10px;
-   // background: rgba(0,70,156,0.03);
   background: #F2F2F2;
     p {
         font-family: PingFangSC-Semibold;
@@ -787,56 +757,6 @@ export default {
       padding-left: 10px;
     }
   }
-.bottom-call-wrap{
-  width: 100%;
-  height: 100px;
-  display: flex;
-  justify-content: center;
-  align-items: flex-start;
-  background: #ffffff;
-  margin-top: -10px;
-  .bottom-call {
-   width: 100%;
-    height: 58%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    .left {
-      width: 16%;
-      height: 60px;
-      // background: rgba(0,70,156,0.03);
-      background: #F2F2F2;
-      display: flex;
-      justify-content: center;
-      align-items: center
-    }
-    .center {
-      height: 100%;
-      width: 66%;
-      margin-left: 2px;
-      // background: rgba(0,70,156,0.03);
-      background: #F2F2F2;
-      p {
-        height: 30px;
-        line-height: 30px;
-        margin-left: 10px;
-        font-family: PingFangSC-Regular;
-        font-size: 14px;
-        color: #656464;
-        letter-spacing: 0.43px;
-      }
-    }
-    .right1 {
-      height: 100%;
-      width: 16%;
-      //background: rgba(0,70,156,0.20);
-      background: #CCCCCC;
-      display: flex;
-      justify-content: center;
-      align-items: center
-    }
-  }
-}
   .all{
     position: absolute;
     background-color: transparent;
@@ -899,21 +819,6 @@ export default {
       }
     }
 }
-  .h-header-btn {
-    img {
-      width: 16px;
-      height: 16px;
-      margin-left: 4px;
-    }
-
-    span {
-      font-family: PingFangSC-Semibold;
-      margin-left: 16px;
-      font-size: 17px;
-      letter-spacing: 0.61px;
-      line-height: 24px;
-    }
-  }
 
   .tab-style{
     display:flex;
@@ -1047,68 +952,6 @@ export default {
     }
   }
 
-  .repay-plan {
-    height: 44px;
-    width: 100%;
-    background: rgba(0,70,156,0.03);
-
-    p {
-      font-family: PingFangSC-Semibold;
-      font-size: 14px;
-      color: #00469C;
-      letter-spacing: 0;
-      height: 44px;
-      width: 84px;
-      line-height: 44px;
-      font-weight: bold;
-      text-decoration: underline;
-      margin-left: 16px;
-    }
-  }
-
-  .bottom-call {
-    width: 100%;
-    height: 60px;
-    display: flex;
-    flex-direction: row;
-    margin-bottom: 30px;
-
-      .left {
-        width: 16%;
-        height: 60px;
-        background: rgba(0,70,156,0.03);
-        display: flex;
-        justify-content: center;
-        align-items: center
-      }
-
-      .center {
-        height: 100%;
-        width: 66%;
-        margin-left: 2px;
-        background: rgba(0,70,156,0.03);
-
-        p {
-          height: 30px;
-          line-height: 30px;
-          margin-left: 10px;
-          font-family: PingFangSC-Regular;
-          font-size: 14px;
-          color: #656464;
-          letter-spacing: 0.43px;
-        }
-      }
-
-      .right {
-        height: 100%;
-        width: 16%;
-        background: rgba(0,70,156,0.20);
-        display: flex;
-        justify-content: center;
-        align-items: center
-      }
-  }
-
   .aguremrnt-list {
     display: flex;
     flex-direction: row;
@@ -1143,13 +986,6 @@ export default {
     }
   }
 
-  .bottom-tab-button{
-    background: #00469C;
-    border-radius: 4px;
-    color:white;
-    height: 40px;
-    margin: 4px 2% 0 2%;
-  }
   .myModal {
     width: 100%;
     height: 100%;

src/pages/distributorSign/contract-details.vue

@@ -596,6 +596,7 @@ export default {
   background: #ffffff;
   margin-top: -10px;
   .bottom-call {
+    margin-top: 10px;
    width: 100%;
     height: 58%;
     display: flex;

src/pages/financingTrial/financing-details.vue

@@ -17,7 +17,7 @@
       <list-item :item-height="44" class="second-part">
         <item>
           <div slot="name" class="font-color">商务政策</div>
-          <span slot="content" >{{ info.product_plan_name }}</span>
+          <span slot="content">{{ info.product_plan_name }}</span>
         </item>
         <item>
           <div slot="name" class="font-color">设备总价</div>
@@ -39,16 +39,17 @@
         </item>
         <item>
           <div slot="name" class="font-color">保证金比例</div>
-          <input slot="content" v-model="info.deposit_ratio_n" placeholder="请输入保证金比例" >
+          <input slot="content" v-model="info.deposit_ratio_n" placeholder="请输入保证金比例">
         </item>
         <item>
           <div slot="name" class="font-color">保证金</div>
           <span v-if="!equip_price" slot="content" class="autoColor">保证金额自动填充</span>
-          <span v-if="equip_price" slot="content">{{ equip_price*info.deposit_ratio_n.replace("%","")/100 | currency }}</span>
+          <span v-if="equip_price"
+                slot="content">{{ equip_price*info.deposit_ratio_n.replace("%","")/100 | currency }}</span>
         </item>
         <item>
           <div slot="name" class="font-color">手续费比例</div>
-          <input slot="content" v-model="info.lease_charge_ratio_n" placeholder="请输入手续费比例" >
+          <input slot="content" v-model="info.lease_charge_ratio_n" placeholder="请输入手续费比例">
         </item>
         <item>
           <div slot="name" class="font-color">手续费</div>
@@ -76,15 +77,15 @@
         </item>
         <item>
           <div slot="name" class="font-color">还款周期</div>
-          <input slot="content" v-model="info.annual_pay_times_n" placeholder="月" >
+          <input slot="content" v-model="info.annual_pay_times_n" placeholder="月">
         </item>
         <item>
           <div slot="name" class="font-color">租赁期数</div>
-          <input slot="content" v-model="info.lease_times" placeholder="6" >
+          <input slot="content" v-model="info.lease_times" placeholder="6">
         </item>
         <item>
           <div slot="name" class="font-color">年利率</div>
-          <input slot="content" v-model="info.int_rate_n" placeholder="6.5%" >
+          <input slot="content" v-model="info.int_rate_n" placeholder="6.5%">
         </item>
         <!-- <item>
           <div slot="name" class="font-color">产品数量</div>
@@ -97,7 +98,7 @@
       <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">具体请以实际进件发生情况为准，谢谢！</p>
@@ -113,139 +114,141 @@
 </template>
 
 <script>
-export default {
-  name: 'FinancingDetails',
-  data () {
-    return {
-      info: {},
-      dates: '',
-      gps_fee: '', // gps费用
-      insurance_fee: '', // 保险押金
-      quotation_id: '', // 试算成功返回id
-      trial_flag: false, // 检测是否通过试算
-      equip_price: null,
-      product_num: '',
-      price_date_to: '',
-      product_plan_id: '',
-    }
-  },
-  computed: {},
-  watch: {
-    equip_price () {
+  export default {
+    name: 'FinancingDetails',
+    data() {
+      return {
+        info: {},
+        dates: '',
+        gps_fee: '', // gps费用
+        insurance_fee: '', // 保险押金
+        quotation_id: '', // 试算成功返回id
+        trial_flag: false, // 检测是否通过试算
+        equip_price: null,
+        product_num: '',
+        price_date_to: '',
+        product_plan_id: '',
+      }
+    },
+    computed: {},
+    watch: {
+      equip_price() {
 
+      },
     },
-  },
-  beforeRouteEnter (to, from, next) {
-    next(vm => {
-      if (from.name === 'FinancingTrial') {
-        vm.price_date_to = vm.$route.params.price_date_to // 有效日期
-        vm.equip_price = vm.$route.params.plan_price // 参考价
-        if (vm.product_plan_id !== vm.$route.params.product_plan_id) {
-          vm.product_plan_id = vm.$route.params.product_plan_id
-          vm.quotation_id = ''
-          vm.trial_flag = false
+    beforeRouteEnter(to, from, next) {
+      next(vm => {
+        if (from.name === 'FinancingTrial') {
+          vm.price_date_to = vm.$route.params.price_date_to // 有效日期
+          vm.equip_price = vm.$route.params.plan_price // 参考价
+          if (vm.product_plan_id !== vm.$route.params.product_plan_id) {
+            vm.product_plan_id = vm.$route.params.product_plan_id
+            vm.quotation_id = ''
+            vm.trial_flag = false
+          }
+          vm.detailsQuery()
         }
-        vm.detailsQuery()
-      }
-    })
-    next()
-  },
-  created () {
+      })
+      next()
+    },
+    created() {
 
-  },
-  methods:
- {
-   // 还款计划
-   goRepay () {
-     if (this.trial_flag) {
-       this.$router.push({
-         name: 'TrialRepayPlan',
-         params: {
-           quotation_id: this.quotation_id,
-         },
-       })
-     } else {
-       hlsPopup.showLongCenter('您还未通过试算')
-     }
-   },
+    },
+    methods:
+      {
+        // 还款计划
+        goRepay() {
+          if (this.trial_flag) {
+            this.$router.push({
+              name: 'TrialRepayPlan',
+              params: {
+                quotation_id: this.quotation_id,
+              },
+            })
+          } else {
+            hlsPopup.showLongCenter('您还未通过试算')
+          }
+        },
 
-   // 时间选择
-   showTime (format) {
-     let vm = this
-     hlsPopup.showTime({
-       nowDate: (new Date()).format('yyyy-MM-dd'),
-       format: format,
-       callback: (date) => {
-         vm.price_date_to = date
-       },
-     })
-   },
-   // 试算明细查询
-   detailsQuery () {
-     let vm = this
-     let url = $config.basePath + 'finance_detial'
-     let param = {
-       product_plan_id: vm.product_plan_id,
-     }
-     vm.hlsPopup.showLoading('数据加载中')
-     vm.hlsHttp.post(url, param).then(function (res) {
-       vm.hlsPopup.hideLoading()
-       if (res.result === 'S') {
-         vm.info = res.info
-       } else {
-         hlsPopup.showLongCenter(res.message)
-       }
-     })
-   },
-   // 试算保存
-   calculationSave () {
-     if (!this.equip_price) {
-       hlsPopup.showLongCenter('请输入设备总价')
-     } else if (!this.price_date_to) {
-       hlsPopup.showLongCenter('请选择时间')
-     } else {
-       let vm = this
-       let url = $config.basePath + 'prd_calculation_save'
-       let param = {
-         'master': {
-           'product_plan_id': vm.info.product_plan_id,
-           'equip_price': vm.equip_price,
-           'down_payment': vm.equip_price * (vm.info.down_payment_ratio_n.replace('%', '') / 100),
-           'deposit': vm.equip_price * (vm.info.deposit_ratio_n.replace('%', '') / 100),
-           'lease_charge': vm.equip_price * (vm.info.lease_charge_ratio_n.replace('%', '') / 100),
-           'due_date': (vm.price_date_to).substr(0, 10),
-         },
-       }
-       vm.hlsPopup.showLoading('试算中，请稍后')
-       vm.hlsHttp.post(url, param).then(function (res) {
-         vm.hlsPopup.hideLoading()
-         if (res.result === 'S') {
-           hlsPopup.showLongCenter('试算成功')
-           vm.quotation_id = res.quotation_id
-           vm.trial_flag = true
-         } else {
-           hlsPopup.showLongCenter(res.message)
-         }
-       })
-     }
-   },
- },
-}
+        // 时间选择
+        showTime(format) {
+          let vm = this
+          hlsPopup.showTime({
+            nowDate: (new Date()).format('yyyy-MM-dd'),
+            format: format,
+            callback: (date) => {
+              vm.price_date_to = date
+            },
+          })
+        },
+        // 试算明细查询
+        detailsQuery() {
+          let vm = this
+          let url = $config.basePath + 'finance_detial'
+          let param = {
+            product_plan_id: vm.product_plan_id,
+          }
+          vm.hlsPopup.showLoading('数据加载中')
+          vm.hlsHttp.post(url, param).then(function (res) {
+            vm.hlsPopup.hideLoading()
+            if (res.result === 'S') {
+              vm.info = res.info
+            } else {
+              hlsPopup.showLongCenter(res.message)
+            }
+          })
+        },
+        // 试算保存
+        calculationSave() {
+          if (!this.equip_price) {
+            hlsPopup.showLongCenter('请输入设备总价')
+          } else if (!this.price_date_to) {
+            hlsPopup.showLongCenter('请选择时间')
+          } else {
+            let vm = this
+            let url = $config.basePath + 'prd_calculation_save'
+            let param = {
+              'master': {
+                'product_plan_id': vm.info.product_plan_id,
+                'equip_price': vm.equip_price,
+                'down_payment': vm.equip_price * (vm.info.down_payment_ratio_n.replace('%', '') / 100),
+                'deposit': vm.equip_price * (vm.info.deposit_ratio_n.replace('%', '') / 100),
+                'lease_charge': vm.equip_price * (vm.info.lease_charge_ratio_n.replace('%', '') / 100),
+                'due_date': (vm.price_date_to).substr(0, 10),
+              },
+            }
+            vm.hlsPopup.showLoading('试算中，请稍后')
+            vm.hlsHttp.post(url, param).then(function (res) {
+              vm.hlsPopup.hideLoading()
+              if (res.result === 'S') {
+                hlsPopup.showLongCenter('试算成功')
+                vm.quotation_id = res.quotation_id
+                vm.trial_flag = true
+              } else {
+                hlsPopup.showLongCenter(res.message)
+              }
+            })
+          }
+        },
+      },
+  }
 </script>
 <style lang='less' scoped>
-#details1 {
-  .date-pic {
-    height: 17px;
-    width: 17px;
-    margin-top: 15px;
-    margin-left: 6px;
-  }
+  #details1 {
+    .date-pic {
+      height: 17px;
+      width: 17px;
+      margin-top: 15px;
+      margin-left: 6px;
+    }
+
     .h-header-btn {
       img {
         width: 16px;
         height: 16px;
         margin-left: 4px;
       }
+
       span {
         font-family: PingFangSC-Semibold;
         margin-left: 16px;
@@ -253,18 +256,22 @@ export default {
         letter-spacing: 0.61px;
         line-height: 24px;
       }
-}
-.alert {
-      height: 70px;
+    }
+
+    .alert {
+      margin-top: -10px;
+      padding-bottom: 20px;
       width: 100%;
-      margin-bottom: 25px;
-      background: rgba(252, 200, 0, 0.16);
+      //margin-top: -10px;
+      background: #FbF2d2;
     }
+
     .alert-content {
       width: 334px;
       margin: 0 auto;
       padding-top: 16px;
     }
+
     .info-word {
       font-family: PingFangSC-Semibold;
       font-size: 14px;
@@ -272,50 +279,84 @@ export default {
       letter-spacing: 0.5px;
       margin-left: 8px;
     }
+
     .title {
       display: flex;
       align-items: center;
     }
+
+    .top-word {
+      p {
+        font-family: PingFangSC-Regular;
+        font-size: 12px;
+        color: #656464;
+        letter-spacing: 0.37px;
+        margin-top: 7px;
+        line-height: 15px;
+        text-indent: 16px;
+        position: relative;
+      }
+
+      p::before {
+        content: "";
+        display: block;
+        position: absolute;
+        top: 5px;
+        left: 0px;
+        width: 4px;
+        height: 4px;
+        border-radius: 20px;
+        background-color: #fcc800;
+      }
+    }
+
     .top-info {
       font-family: PingFangSC-Regular;
+      font-size: 12px;
+      color: #656464;
+      letter-spacing: 0.37px;
       margin-top: 7px;
-      margin-left: 20px;
       line-height: 15px;
-      font-size: 13px;
-      color: rgba(101,100,100,0.80);
-      letter-spacing: 0.4px;
+
+      span {
+        color: #fcc800;
+      }
     }
+
     .alert img {
       width: 18px;
       height: 18px;
     }
-.font-color {
-    font-family: PingFangSC-Regular;
-    font-size: 14px;
-    color: #656464;
-    letter-spacing: 0;
-}
-.autoColor {
-  font-family: PingFangSC-Regular;
-  //font-size: 14px;
-  color: #B4B4B5;
-  letter-spacing: 0;
-  // text-align: right;
-  // line-height: 18px;
-}
-.footer-button {
-    .approve {
-      width: 96%;
-      height: 44px;
-      background: #00469c;
-      border-radius: 4px;
-      color: #fff;
-      font-family: PingFangSC-Semibold;
-      font-size: 15px;
-      line-height: 20px;
-      letter-spacing: 10px;
-      margin: 0 auto;
+
+    .font-color {
+      font-family: PingFangSC-Regular;
+      font-size: 14px;
+      color: #656464;
+      letter-spacing: 0;
+    }
+
+    .autoColor {
+      font-family: PingFangSC-Regular;
+      //font-size: 14px;
+      color: #B4B4B5;
+      letter-spacing: 0;
+      // text-align: right;
+      // line-height: 18px;
+    }
+
+    .footer-button {
+      .approve {
+        width: 96%;
+        height: 44px;
+        background: #00469c;
+        border-radius: 4px;
+        color: #fff;
+        font-family: PingFangSC-Semibold;
+        font-size: 15px;
+        line-height: 20px;
+        letter-spacing: 10px;
+        margin: 0 auto;
+      }
     }
   }
-}
 </style>

src/pages/financingTrial/financing-trial.vue

@@ -19,7 +19,6 @@
       <img src="@/assets/contractInquire/search.png" alt="">
       <input type="text" placeholder="请输入产品名称">
     </div>
-    <h-content>
       <scroll
         ref="scrollList"
       >
@@ -55,7 +54,6 @@
           </div>
         </section>
       </scroll>
-    </h-content>
   </h-view>
 </template>
 
@@ -137,22 +135,8 @@ export default {
  },
 }
 </script>
-<style lang='less' scoped>
+<style lang='less'>
 #trial {
-    .h-header-btn {
-      img {
-        width: 16px;
-        height: 16px;
-        margin-left: 4px;
-      }
-      span {
-        font-family: PingFangSC-Semibold;
-        margin-left: 16px;
-        font-size: 17px;
-        letter-spacing: 0.61px;
-        line-height: 24px;
-      }
-}
 .search {
     background-color: #fff;
     padding: 8px 12px;
@@ -167,6 +151,7 @@ export default {
       font-family: PingFangSC-Regular;
       font-size: 14px;
       color: #888C8F;
+      line-height: 36px;
     }
 
     input::placeholder {
@@ -181,47 +166,14 @@ export default {
       top: 20px;
     }
   }
-// .hinput {
-//       position: relative;
-//       z-index: 50;
-//       width: 100%;
-//       height: 50px;
-//       //border-bottom: 1px solid #cccccc70;
-//       display: flex;
-//       justify-content: center;
-//       align-items: center;
-//       background: #fff;
-//       .search-box {
-//         width: 93.6%;
-//         height: 36px;
-//         font-size: 14px;
-//         color: #B4B4B5;
-//         letter-spacing: 0;
-//         font-family: PingFangSC-Regular;
-//         border: 1px solid #1D3FFF;
-//         border-radius: 4px;
-//         display: flex;
-//         flex-direction: row;
-//         justify-content: center;
-//         align-items: center;
-
-//         input {
-//           width: 90%;
-//           height: 100%;
-//           opacity: 0.4;
-//           border: none;
-//           line-height: 34px;
-//         }
-//       }
-//     }
 section {
   width: 95%;
   margin: 0 auto;
   margin-top: 8px;
 }
-.scrollContent {
-  padding-bottom: 70px!important;
-}
+  .scrollContent{
+    padding-bottom: 80px;
+  }
 .descript {
     width: 100%;
     height: 44px;