Skip to content

M
mcep-h5
提交 af13cd67 编写于 作者: donghuawangliang0612's avatar donghuawangliang0612
浏览文件
操作

自助贷款功能

上级 8b6477c6
隐藏空白字符变更
内嵌 并排
正在显示 包含 439 行增加 和 4 行删除
src/assets/svg/u1275.svg 0 → 100644
浏览文件 @ af13cd67
<?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 0 → 100644
浏览文件 @ af13cd67
<?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 0 → 100644
浏览文件 @ af13cd67
<?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 0 → 100644
浏览文件 @ af13cd67
<?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 0 → 100644
浏览文件 @ af13cd67
<?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
浏览文件 @ af13cd67
......@@ -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 0 → 100644
浏览文件 @ af13cd67
/*
* @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
浏览文件 @ af13cd67
......@@ -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
浏览文件 @ af13cd67
<!--
*@Author wangliang
*@date 20220729
-->
<template>
<div class="body d-page" style="background-color: #f5f2f0">
<div class="rarle">
......
src/views/ManageMoneyProduct/ManageProductDetail.vue
浏览文件 @ af13cd67
<!--
*@Author wangliang
*@date 20220729
-->
<template>
<div style="background-color: #f5f5f5">
<div class="rarle">
......
src/views/SelfHelpLoan/ApplyResult.vue 0 → 100644
浏览文件 @ af13cd67
<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/SelfHelpLoan/SelfHelpLoan.vue 0 → 100644
浏览文件 @ af13cd67
<!--
*@Author wangliang
*@date 20220729
-->
<template>
<div style="background-color: #FFFFFF">
<div class="rarle">
<!--上部分-->
<div style="width:100%;height: calc(25vh);background: linear-gradient(90deg, #76befa 0%, #3672f1 99%);">
<tatle-bar :tatle="titleName" :tatleflag="titleflag" >
</tatle-bar>
<div style="margin-top: 10%">
<van-row style="text-align: center;">
<van-col span="5">
<van-col span="24" style="text-align: right;z-index: 0"><img :src="choiceA?require('@/assets/svg/u1275.svg'):require('@/assets/svg/u1280.svg')"/></van-col>
<van-col span="24" style="z-index: 1;margin-top: -28%;margin-left: 26px;color: #1890FF"><span >1</span></van-col>
<!-- <van-col span="24" style="text-align: right;margin-top: 10px;color: #FFFFFF">授权书确认</van-col>-->
</van-col>
<van-col span="5"><img :src="require('@/assets/svg/u1283.svg')"/></van-col>
<van-col span="4">
<van-col span="24"><img :src="choiceB?require('@/assets/svg/u1275.svg'):require('@/assets/svg/u1280.svg')"/></van-col>
<van-col span="24" style="z-index: 1;margin-top: -34%;margin-left: 0px;color: #1890FF"><span >2</span></van-col>
<!-- <van-col span="24" style="margin-top: 10px;color: #FFFFFF">授信合同录入</van-col>-->
</van-col>
<van-col span="5"><img :src="require('@/assets/svg/u1283.svg')"/></van-col>
<van-col span="5" style="text-align: left">
<van-col span="24"><img :src="choiceC?require('@/assets/svg/u1275.svg'):require('@/assets/svg/u1280.svg')"/></van-col>
<van-col span="24" style="z-index: 1;margin-top: -28%;margin-left: 8px;color: #1890FF"><span >3</span></van-col>
<!-- <van-col span="24" style="text-align: left;margin-top: 10px;color: #FFFFFF">合同确认</van-col>-->
</van-col>
</van-row>
<van-row style="text-align: center">
<van-col span="8" :class="choiceA?'wordType':'wordTypeB'">授权书确认</van-col>
<van-col span="8" :class="choiceB?'wordType':'wordTypeB'">授信合同录入</van-col>
<van-col span="8" :class="choiceC?'wordType':'wordTypeB'">合同确认</van-col>
</van-row>
</div>
</div>
<div v-if="show">
<div style="background-color: #FFFFFF;text-align: center;margin-top: 10%">
<img :src="require('@/assets/images/shouquanwenjian.png')" style="width: 40%;height: 40%;"/>
</div>
<div style="margin-top: 10%;text-align: center;color: #3478E4">
《xxxxx授权书》
</div>
<div style="margin-top: 4%;text-align: center;color: #3478E4">
《xxxxxxxxxx授权书》
</div>
<div style="margin-top: 4%;text-align: center;color: #3478E4">
《xxxxxxxxxx授权书》
</div>
<div style="margin-top: 4%;text-align: center;color: #3478E4">
《xxxxxxxxxxxxx授权书》
</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>
<div v-if="showB">
<div class="layout">
<scroller-view v-calculate-height :pulldown="pulldown" :pullup="pullup">
<van-row type="flex" class="CoolName">
<van-col span="24" class="coollayout" style="color: black;font-size: 14px;font-weight: bolder;margin-top: 10px;margin-left: 10px;">个人信息</van-col>
</van-row>
<div class="layoutbody">
<van-row type="flex" class="layoutName">
<van-col span="24">
<van-cell-group>
<van-field label="身份证号" :value="idcard" input-align="right" />
</van-cell-group>
</van-col>
</van-row>
<van-row type="flex" class="layoutName">
<van-col span="24">
<van-cell-group>
<van-field label="姓名" :value="name" input-align="right" />
</van-cell-group>
</van-col>
</van-row>
<van-row type="flex" class="layoutName">
<van-col span="24">
<van-cell-group>
<van-field label="手机号码" :value="phone" input-align="right" />
</van-cell-group>
</van-col>
</van-row>
</div>
<van-row type="flex" class="CoolName">
<van-col span="24" class="coollayout" style="color: black;font-size: 14px;font-weight: bolder;margin-top: 10px;margin-left: 10px;">借款信息</van-col>
</van-row>
<div class="layoutbody">
<van-row type="flex" class="layoutName">
<van-col span="24">
<van-cell-group>
<van-field label="贷款品种" :value="varieties" input-align="right" />
</van-cell-group>
</van-col>
</van-row>
<van-row type="flex" class="layoutName">
<van-col span="24">
<van-cell-group>
<van-field label="借款金额" :value="amount" input-align="right" />
</van-cell-group>
</van-col>
</van-row>
<van-row type="flex" class="layoutName">
<van-col span="24">
<van-cell-group>
<van-field label="借款期限" :value="borrow" input-align="right" />
</van-cell-group>
</van-col>
</van-row>
<van-row type="flex" class="layoutName">
<van-col span="24">
<van-cell-group>
<van-field label="借款用途" :value="purposes" input-align="right" />
</van-cell-group>
</van-col>
</van-row>
<van-row type="flex" class="layoutName">
<van-col span="24">
<van-field is-link readonly label="业务办理地区" placeholder="请选择所在地区" @click="show = true" />
<van-popup v-model="show" round position="bottom">
<van-cascader title="请选择所在地区" :options="options" @close="show = false"
/>
</van-popup>
</van-col>
</van-row>
<!-- <van-row type="flex" class="layoutName">
<van-col span="24">
<van-cell-group>
<van-field label="客户经理电话" :value="phoneCard" input-align="right" />
</van-cell-group>
</van-col>
</van-row>-->
<van-row type="flex" class="layoutName">
<van-col span="24">
<van-field is-link readonly label="意向机构" placeholder="请选择" @click="show = true" />
<van-popup v-model="show" round position="bottom">
<van-cascader title="请选择所在地区" :options="options" @close="show = false"
/>
</van-popup>
</van-col>
</van-row>
<van-row type="flex" class="layoutName">
<van-col span="24">
<van-cell-group>
<van-field label="客户经理" :value="customer" input-align="right" />
</van-cell-group>
</van-col>
</van-row>
<van-row type="flex" class="layoutName">
<van-col span="12">
<van-button style="width: 80%;height: 35px;margin-left: 10%;margin-top: 10px" plain block type="info" @click="beforeStep()">上一步</van-button>
</van-col>
<van-col span="12">
<van-button block type="info" style="width: 80%;height: 35px;margin-left: 10%;margin-top: 10px" @click="nextStep()">下一步</van-button>
</van-col>
</van-row>
</div>
</scroller-view>
</div>
</div>
<div v-if="showC">
<div style="background-color: #FFFFFF;text-align: center;margin-top: 10%">
<img :src="require('@/assets/images/shouquanwenjian.png')" style="width: 60%;height: 60%;"/>
</div>
<van-row type="flex" class="layoutName" style="margin-top: 30%">
<van-col span="12">
<van-button style="width: 80%;height: 35px;margin-left: 10%;margin-top: 10px" plain block type="info" @click="countB()">上一步</van-button>
</van-col>
<van-col span="12">
<van-button block type="info" style="width: 80%;height: 35px;margin-left: 10%;margin-top: 10px" @click="confirm()">确认</van-button>
</van-col>
</van-row>
</div>
</div>
<!-- <div v-show=" style="background-color: #b80c0c;width: 90%;height: 50%;">
<van-password-input
:value="value"
:mask="false"
:focused="showKeyboard"
@focus="showKeyboard = true"
/>
</div>-->
<!-- <a-modal v-model:visible="showDialog" title="请输入短信验证码" cancelText="取消" okText="确定" @ok="handleOk">
<p>{{phoneNo}}</p>
<a-input placeholder="请输入验证码"></a-input>
<p style="color: #00c6ff">发送验证码</p>
</a-modal>-->
<a-modal v-model:visible="showDialog" title="请输入短信验证码">
<template #footer>
<a-button key="submit" type="primary" :loading="loading" @click="handleOk">确定</a-button>
</template>
<p>{{phoneNo}}</p>
<a-input placeholder="请输入验证码"></a-input>
<p style="color: #00c6ff">发送验证码</p>
</a-modal>
</div>
</template>
<script lang="ts">
import {Component, Vue} from "vue-property-decorator";
@Component({
name: "SelfHelpLoan",
})
export default class SelfHelpLoan extends Vue{
phoneNo="17703111111";
showDialog=false;
showC=false;
pullup=true;
pulldown=true;
choiceA=true;
choiceB=false;
choiceC=false;
titleName="自助贷款";
titleflag=true;
show=true;
showB=false;
countB() {
this.show=false;
this.showB=true;
this.showC=false;
this.choiceA=false;
this.choiceB=true;
this.choiceC=false;
}
//身份证
idcard = "23232111978211";
//姓名
name = "刘明明";
//电话
phone = "15665025053";
//贷款详情
varieties = "一般经营性贷款"
//借款金融
amount = "500万"
//借款期限
borrow = "24月"
//借款用途
purposes = "经营"
//业务办理地区
area = "黑龙江省-哈尔滨市-松北区"
//意向机构
intentions = "哈尔滨农信社松北区枝江大道分社"
//客户经理
customer = "赵恒请"
nextStep() {
this.show=false;
this.showB=false;
this.showC=true;
this.choiceA=false;
this.choiceB=false;
this.choiceC=true;
}
beforeStep() {
this.show=true;
this.showB=false;
this.showC=false;
this.choiceA=true;
this.choiceB=false;
this.choiceC=false;
}
confirm() {
this.showDialog=true;
}
handleOk() {
this.$router.push({
name: "ApplyResult",
});
}
}
</script>
<style scoped lang="scss">
.layout {
background: rgba(249, 249, 249, 1);
}
.coollayout {
margin: 3%;
}
.CoolName {
font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
font-weight: 700;
font-style: normal;
font-size: 16px;
}
.layoutName {
font-family: 'Arial Normal', 'Arial';
font-weight: 400;
font-style: normal;
font-size: 13px;
color: #333333;
}
.wordType{
margin-top: 10px;color: #FFFFFF
}
.wordTypeB{
margin-top: 10px;color: rgba(255, 255, 255, 0.75)
}
:root {
--van-dialog-message-max-height: 60vh
}
</style>
src/views/workbench/CompanyCard.vue
浏览文件 @ af13cd67
......@@ -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>
......
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或