自助贷款功能

src/assets/svg/u1275.svg

+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="25px" height="25px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -45 -83 )">
+    <path d="M 57.5 83  C 64.5 83  70 88.5  70 95.5  C 70 102.5  64.5 108  57.5 108  C 50.5 108  45 102.5  45 95.5  C 45 88.5  50.5 83  57.5 83  Z " fill-rule="nonzero" fill="#ffffff" stroke="none" />
+  </g>
+</svg>
\ No newline at end of file

src/assets/svg/u1280.svg

+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="25px" height="25px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -311 -83 )">
+    <path d="M 323.5 83  C 330.5 83  336 88.5  336 95.5  C 336 102.5  330.5 108  323.5 108  C 316.5 108  311 102.5  311 95.5  C 311 88.5  316.5 83  323.5 83  Z " fill-rule="nonzero" fill="#ffffff" stroke="none" fill-opacity="0.6" />
+  </g>
+</svg>
\ No newline at end of file

src/assets/svg/u1283.svg

+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="80px" height="2px" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient gradientUnits="userSpaceOnUse" x1="153.982129870129" y1="106.831168831168" x2="92.1581298701294" y2="106.831168831168" id="LinearGradient82">
+      <stop id="Stop83" stop-color="#ffffff" stop-opacity="0.00392156862745098" offset="0" />
+      <stop id="Stop84" stop-color="#ffffff" stop-opacity="0.698039215686274" offset="0.51" />
+      <stop id="Stop85" stop-color="#ffffff" stop-opacity="0.00392156862745098" offset="1" />
+    </linearGradient>
+  </defs>
+  <g transform="matrix(1 0 0 1 -83 -96 )">
+    <path d="M 83 96  L 163 96  L 163 98  L 83 98  L 83 96  Z " fill-rule="nonzero" fill="url(#LinearGradient82)" stroke="none" />
+  </g>
+</svg>
\ No newline at end of file

src/assets/svg/u1506.svg

+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="30px" height="21px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -173 -116 )">
+    <path d="M 29.25 0.847636363636365  C 28.5 0.0840000000000009  27.36 0.0840000000000009  26.64 0.817090909090911  L 11.52 16.212  L 3.33 7.87309090909091  C 2.61 7.14  1.43999999999999 7.14  0.749999999999997 7.87309090909091  C 0.0299999999999967 8.60618181818182  0.0299999999999967 9.79745454545455  0.749999999999997 10.5  L 10.26 20.1829090909091  C 10.98 20.916  12.15 20.916  12.84 20.1829090909091  L 29.25 3.47454545454546  C 29.97 2.74145454545455  29.97 1.55018181818182  29.25 0.847636363636365  Z " fill-rule="nonzero" fill="#09dc15" stroke="none" transform="matrix(1 0 0 1 173 116 )" />
+  </g>
+</svg>
\ No newline at end of file

src/assets/svg/u1507.svg

+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="60px" height="60px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -158 -96 )">
+    <path d="M 59.7752380952381 30  C 59.7752380952381 13.5428571428571  46.4266666666667 0.224761904761902  30 0.224761904761905  C 13.5733333333333 0.224761904761905  0.224761904761905 13.5733333333333  0.224761904761905 30  C 0.224761904761905 46.4266666666667  13.5733333333333 59.7752380952381  30 59.7752380952381  C 46.4266666666667 59.7752380952381  59.7752380952381 46.4266666666667  59.7752380952381 30  Z M 56.3619047619048 30  C 56.3619047619048 44.567619047619  44.567619047619 56.3619047619048  30 56.3619047619048  C 15.432380952381 56.3619047619048  3.63809523809524 44.567619047619  3.63809523809524 30  C 3.63809523809524 15.432380952381  15.432380952381 3.63809523809524  30 3.63809523809524  C 44.567619047619 3.63809523809524  56.3619047619048 15.432380952381  56.3619047619048 30  Z " fill-rule="nonzero" fill="#09dc15" stroke="none" transform="matrix(1 0 0 1 158 96 )" />
+  </g>
+</svg>
\ No newline at end of file

src/components/common/Tool.vue

@@ -22,7 +22,7 @@
           <use xlink:href="#icon-a-licaichanpin32x32px"></use>
         </svg>
       </van-col>
-      <van-col span="6" class="imglocal">
+      <van-col span="6" class="imglocal" @click="pushSelf">
          <svg class="icon" aria-hidden="true">
           <use xlink:href="#icon-a-zizhudaikuan32x32px"></use>
         </svg>
@@ -36,7 +36,7 @@
     <van-row class="imgNo">
       <van-col span="6" class="imglocal" @click="pushTrial">存款利息试算</van-col>
       <van-col span="6" class="imglocal" @click="pushManage">理财产品 </van-col>
-      <van-col span="6" class="imglocal">自助贷款</van-col>
+      <van-col span="6" class="imglocal" @click="pushSelf">自助贷款</van-col>
       <van-col span="6" class="imglocal">积分商城</van-col>
     </van-row>
   </div>
@@ -62,6 +62,11 @@ export default class Tool extends Vue {
       name: "ManageMoneyProduct",
     });
   }
+  pushSelf() {
+    this.$router.push({
+      name: "SelfHelpLoan",
+    });
+  }
 }
 </script>
 <style scoped lang="scss">

src/router/SelfHelpLoan.routing.ts

+/*
+* @Author wangliang
+* @date 20220729
+*/
+import {propsConvert} from "@/services/props-convert";
+
+const selfHelpLoanRoutes = [
+  {
+    path: `/SelfHelpLoan`,
+    name: "SelfHelpLoan",
+    props: propsConvert,
+    meta: { keepAlive: false, requiresAuth: true, name: "自助贷款"},
+    component: () => import("@/views/SelfHelpLoan/SelfHelpLoan.vue"),
+  },
+  {
+    path: `/ApplyResult`,
+    name: "ApplyResult",
+    props: propsConvert,
+    meta: { keepAlive: false, requiresAuth: true, name: "申请结果"},
+    component: () => import("@/views/SelfHelpLoan/ApplyResult.vue"),
+  },
+];
+export default selfHelpLoanRoutes;

src/router/index.ts

@@ -19,6 +19,7 @@ import productRoutes from "./product.mgt.routing";
 import mypageRoutes from "./mypage.mgt.routing";
 import depositInterestTrialRoutes from "@/router/depositInterestTrial.routing";
 import manageMoneyProductRoutes from "@/router/manageMoneyProduct.routing";
+import selfHelpLoanRoutes from "@/router/SelfHelpLoan.routing";
 
 
 
@@ -45,6 +46,7 @@ const routes: Array<RouteConfig> = [
   ...mypageRoutes,
   ...depositInterestTrialRoutes,
   ...manageMoneyProductRoutes,
+  ...selfHelpLoanRoutes,
 ];
 
 const router = new VueRouter({

src/views/ManageMoneyProduct/ManageMoneyProduct.vue

+<!--
+*@Author wangliang
+*@date 20220729
+-->
 <template>
   <div class="body d-page" style="background-color: #f5f2f0">
     <div class="rarle">

src/views/ManageMoneyProduct/ManageProductDetail.vue

+<!--
+*@Author wangliang
+*@date 20220729
+-->
 <template>
   <div  style="background-color: #f5f5f5">
     <div class="rarle">

src/views/SelfHelpLoan/ApplyResult.vue

+<template>
+  <div class="body d-page">
+    <div class="rarle">
+      <tatle-bar :tatle="tatleName"></tatle-bar>
+    </div>
+    <div>
+      <div style="margin-top: 30px;text-align: center;z-index: 0"><img :src="require('@/assets/svg/u1507.svg')" style="width: 15%;height: 15%;"/></div>
+      <div style="margin-top: -38px;z-index: 1;text-align: center"><img :src="require('@/assets/svg/u1506.svg')" style="width: 10%;height: 10%;"/></div>
+    </div>
+    <div style="    text-align: center;
+    margin-top: 26px;
+    color: black;
+    font-size: 17px">
+      自助贷款申请提交成功!
+    </div>
+    <div style="margin-top: 10px;width: 80%;margin-left: 10%;font-size: smaller">自助贷款申请已成功提交，请耐心等待管理人员审核，审核结果将会以短信方式通知。</div>
+    <div>
+      <van-button style="    width: 90%;
+    margin-left: 5%;
+    background-color: rgb(24, 144, 255);
+    position: absolute;
+    margin-top: 14%;
+    height: 5%;
+    border-radius: 5px;" type="primary" @click="countB">首页</van-button>        </div>
+  </div>
+</template>
+
+<script lang="ts">
+import {Component, Vue} from "vue-property-decorator";
+@Component({
+  name: "ApplyResult",
+})
+export default class ApplyResult extends Vue {
+  tatleName="申请结果";
+  countB() {
+    this.$router.push({
+      path:"/Mianview",
+    });
+  }
+}
+</script>
+
+<style scoped lang="scss">
+
+</style>

src/views/workbench/CompanyCard.vue

@@ -4,7 +4,7 @@
 */
 <template>
   <div class="d-page backage-color-body">
-    <scroller-view>
+    <scroller-view  v-calculate-height :pulldown="pulldown" :pullup="pullup">
   <div class="roolsolt" v-for="(item , index) in params" :key="index">
     <div class="body">
       <van-row type="flex" class="title">
@@ -39,8 +39,10 @@ import { ProductData } from '@/model/entity/ProductData'
   name: "CompanyCard",
 })
 export default class CompanyCard extends Vue {
+  pulldown=true;
+  pullup=true;
   @Prop({ default: "" }) params: any | [];
-    image:any=require('@/assets/images/qyimage.png');
+  image:any=require('@/assets/images/qyimage.png');
 }
 </script>