Skip to content

T
tobiras-h5
Commit 69c16940 authored by ly's avatar ly
Browse files
Options

接口调试完毕

parent ac408d28
Show whitespace changes
Inline Side-by-side
Showing with 200 additions and 223 deletions
.env.development
View file @ 69c16940
NODE_ENV=development NODE_ENV=development
VUE_APP_API=https://bifrost.billionsat.net VUE_APP_API=https://bifrost.billionsat.net
VUE_APP_API_PUBLIC_URL=http://192.168.0.118:8080/ VUE_APP_API_PUBLIC_URL=http://ht.billionsat.net/
VUE_APP_ROUTE=http://192.168.0.118:8080/index.html#/ VUE_APP_ROUTE=http://ht.billionsat.net/index.html#/
.env.production
View file @ 69c16940
NODE_ENV=production NODE_ENV=production
VUE_APP_API=https://great.rockstect.net VUE_APP_API=https://great.rockstect.com
VUE_APP_API_PUBLIC_URL=https://blmx.jqtianxia.com/ VUE_APP_API_PUBLIC_URL=https://ht.billionsat.com/
VUE_APP_ROUTE=https://blmx.jqtianxia.com/index.html#/ VUE_APP_ROUTE=https://ht.billionsat.com/index.html#/
.env.staging
View file @ 69c16940
NODE_ENV=staging NODE_ENV=staging
VUE_APP_API=https://bifrost.billionsat.net VUE_APP_API=https://bifrost.billionsat.net
VUE_APP_API_PUBLIC_URL=http://192.168.0.118:8080/ VUE_APP_API_PUBLIC_URL=http://ht.billionsat.net/
VUE_APP_ROUTE=http://192.168.0.118:8080/index.html#/ VUE_APP_ROUTE=http://ht.billionsat.net/index.html#/
README.md
View file @ 69c16940
# tobiras-h5 # tobiras-h5
海桐公众号h5 海桐公众号h5
亿升
测试bucket：haitong-h5-test
地址：http://ht.billionsat.net
线上bucket:haitong-h5-prod
地址：https://ht.billionsat.com
## Project setup ## Project setup
``` ```
npm install npm install
......
public/index.html
View file @ 69c16940
...@@ -4,11 +4,11 @@ ...@@ -4,11 +4,11 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0,viewport-fit=cover" name="viewport"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0,viewport-fit=cover" name="viewport">
<script src="https://m.jqtianxia.com/public/libs/flexible.js"></script> <script src="https://ht.billionsat.com/flexible.js"></script>
<link rel="icon" href="<%= BASE_URL %>favicon.ico"> <link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title><%= htmlWebpackPlugin.options.title %></title> <title><%= htmlWebpackPlugin.options.title %></title>
<!-- 调试 --> <!-- 调试 -->
<script src="https://m.rockstect.com/public/vconsole.min.js"></script> <script src="https:/ht.billionsat.com/vconsole.min.js"></script>
<script> <script>
window.vConsole = new window.VConsole(); window.vConsole = new window.VConsole();
</script> </script>
......
src/App.vue
View file @ 69c16940
...@@ -17,10 +17,16 @@ export default { ...@@ -17,10 +17,16 @@ export default {
}) })
const init=async()=>{ const init=async()=>{
const token = localStorage.getItem('token') const token = localStorage.getItem('token')
console.log(token,'token') console.log(token,'token1')
if(token==null){
router.push('/login')
return false
}
const res=await API.checkLogins({ const res=await API.checkLogins({
"tsToken":token "tsToken":token
}) })
console.log(res,'4444')
if(res.result){ if(res.result){
const{idCard, mobile}=res.result const{idCard, mobile}=res.result
localStorage.setItem('idCard',idCard) localStorage.setItem('idCard',idCard)
......
src/api/api.js
View file @ 69c16940
...@@ -19,5 +19,9 @@ export default{ ...@@ -19,5 +19,9 @@ export default{
// 预约还款 // 预约还款
async applyC(data) { async applyC(data) {
return request.post('blackhole/custm/xiaChengMiniProgram/applyTs', data) return request.post('blackhole/custm/xiaChengMiniProgram/applyTs', data)
},
// 账单详情
async billDetails(data) {
return request.post('blackhole/custm/xiaChengMiniProgram/caseInfoDetail', data)
} }
} }
\ No newline at end of file
src/utils/Ajax.js
View file @ 69c16940
import axios from 'axios' import axios from 'axios'
import { showToast } from 'vant' import { showToast } from 'vant'
const API = process.env.VUE_APP_API const API = process.env.VUE_APP_API
console.log(process.env,'8766')
// axios 拦截器 // axios 拦截器
axios.interceptors.request.use(function (config) { axios.interceptors.request.use(function (config) {
// 在发送请求之前做些什么 // 在发送请求之前做些什么
const token = localStorage.getItem('token') const token = localStorage.getItem('token')
console.log(token,'token')
if (!config.data) config.data = {} if (!config.data) config.data = {}
if (token) config.data.tsToken = token if (token) config.data.tsToken = token
...@@ -22,7 +22,7 @@ axios.interceptors.request.use(function (config) { ...@@ -22,7 +22,7 @@ axios.interceptors.request.use(function (config) {
const Fetch = async options => { const Fetch = async options => {
let fetch let fetch
const {url,data, method} = options const {url,data, method} = options
console.log(options,'options')
const baseUrl = `${API}/${url}` const baseUrl = `${API}/${url}`
switch (method.toLowerCase()) { switch (method.toLowerCase()) {
case 'get': case 'get':
...@@ -59,9 +59,9 @@ const Fetch = async options => { ...@@ -59,9 +59,9 @@ const Fetch = async options => {
// 对返回结果和错误信息进行处理 // 对返回结果和错误信息进行处理
const request = function (options) { const request = function (options) {
console.log(options,'options9999')
return Fetch(options).then(res => { return Fetch(options).then(res => {
console.log(res,'resssss')
if (res.status === 200) { if (res.status === 200) {
const {message,code,success }=res.data const {message,code,success }=res.data
if(code==500 && success==false){ if(code==500 && success==false){
......
src/views/bill/index.css
View file @ 69c16940
...@@ -125,7 +125,7 @@ ...@@ -125,7 +125,7 @@
font-weight: 400; font-weight: 400;
font-size: 28px; font-size: 28px;
color: #2F87FF; color: #2F87FF;
line-height: 26px; line-height: 40px;
font-style: normal; font-style: normal;
} }
.bill-page .bill-mians .bill-card .card-bill .bill-mian .main-line { .bill-page .bill-mians .bill-card .card-bill .bill-mian .main-line {
......
src/views/bill/index.less
View file @ 69c16940
...@@ -54,6 +54,7 @@ ...@@ -54,6 +54,7 @@
padding-left: 8px; padding-left: 8px;
} }
} }
.main-text{ .main-text{
padding-top:28px; padding-top:28px;
font-family: PingFangSC, PingFang SC; font-family: PingFangSC, PingFang SC;
...@@ -123,7 +124,7 @@ ...@@ -123,7 +124,7 @@
font-weight: 400; font-weight: 400;
font-size: 28px; font-size: 28px;
color: #2F87FF; color: #2F87FF;
line-height: 26px; line-height: 40px;
// text-align: left; // text-align: left;
font-style: normal; font-style: normal;
} }
......
src/views/bill/index.vue
View file @ 69c16940
...@@ -11,18 +11,19 @@ ...@@ -11,18 +11,19 @@
<div class='bill-card'> <div class='bill-card'>
<div class='card-main'> <div class='card-main'>
<div class='main-top'> <div class='main-top'>
<span class='top-text'>产品名称</span> <span class='top-text'>{{billDetails.loanName}}</span>
<span>协议编号: BA205463526472425</span> <span>协议编号:{{billDetails.loanNo}}</span>
</div> </div>
<div class='main-s'> <div class='main-s'>
<div>借款金额：6000.00元</div> <div>借款金额：{{billDetails.loanTotalAmt}}元</div>
<div class="s-qishu"> <div class="s-qishu">
<span class="s-qishu">借款期数：12期</span> <span class="s-qishu">借款期数：{{billDetails.loanTotalPeriod}}期</span>
<!-- <span class='s-time'>借款时间：2017/12/12</span> --> <!-- <span class='s-time'>借款时间：2017/12/12</span> -->
</div> </div>
</div> </div>
<div class='main-text'>待还款金额（元）</div> <div class='main-text'>待还款金额（元）</div>
<div class='main-num'>5,000.00</div> <div class='main-num'>{{billDetails.totalShouldRepay}}</div>
</div> </div>
<div class='card-bill'> <div class='card-bill'>
<div class='bill-mian'> <div class='bill-mian'>
...@@ -31,139 +32,24 @@ ...@@ -31,139 +32,24 @@
<i class='l-icon'></i> <i class='l-icon'></i>
<span>待还期数</span> <span>待还期数</span>
</div> </div>
<div class='mian-r' @click='goPhone'> <div class='mian-r' @click='goPhone(billDetails.hotPhone)'>
<i class='r-icon'></i> <i class='r-icon'></i>
<span>400 888 8888</span> <span>{{billDetails.hotPhone}}</span>
</div> </div>
</div> </div>
<div class='main-line'> <div class='main-line' v-for="item in billDetails.loanCaseDetailList" :key="item.id">
<div class='line-l'> <div class='line-l'>
<div class='l-first'> <div class='l-first'>
<span class='first-text'>第<span class='text-num'>1</span>期</span> <span class='first-text'>第<span class='text-num'>{{item.loanCurrentPeriod}}</span>期</span>
<span class='first-time'>08/16</span> <span class='first-time'>{{item.loanBackDateString}}</span>
</div> </div>
<div class='l-nums'>1,255.00</div> <div class='l-nums'>{{item.capitalPeriodShouldRepay}}</div>
<div class='l-text'>当期应还(元)</div> <div class='l-text'>当期应还(元)</div>
</div> </div>
<div class='line-r'> <div class='line-r'>
<!-- <span class='r-red'>已逾期</span> --> <span v-show='item.overdueState.code=="YES"' class='r-red'>{{item.overdueState.message}}</span>
<!-- <span class='r-blue'>待还款</span> --> <span v-show='item.overdueState.code=="DUE"' class='r-blue'>{{item.overdueState.message}}</span>
<span class='r-grey'>未到还款日</span> <span v-show='item.overdueState.code=="NO_DUE"' class='r-grey'>{{item.overdueState.message}}</span>
</div>
</div>
<div class='main-line'>
<div class='line-l'>
<div class='l-first'>
<span class='first-text'>第<span class='text-num'>2</span>期</span>
<span class='first-time'>08/16</span>
</div>
<div class='l-nums'>1,255.00</div>
<div class='l-text'>当期应还(元)</div>
</div>
<div class='line-r'>
<!-- <span class='r-red'>已逾期</span> -->
<span class='r-blue'>待还款</span>
<!-- <span class='r-grey'>未到还款日</span> -->
</div>
</div>
<div class='main-line'>
<div class='line-l'>
<div class='l-first'>
<span class='first-text'>第<span class='text-num'>2</span>期</span>
<span class='first-time'>08/16</span>
</div>
<div class='l-nums'>1,255.00</div>
<div class='l-text'>当期应还(元)</div>
</div>
<div class='line-r'>
<!-- <span class='r-red'>已逾期</span> -->
<span class='r-blue'>待还款</span>
<!-- <span class='r-grey'>未到还款日</span> -->
</div>
</div>
<div class='main-line'>
<div class='line-l'>
<div class='l-first'>
<span class='first-text'>第<span class='text-num'>2</span>期</span>
<span class='first-time'>08/16</span>
</div>
<div class='l-nums'>1,255.00</div>
<div class='l-text'>当期应还(元)</div>
</div>
<div class='line-r'>
<!-- <span class='r-red'>已逾期</span> -->
<span class='r-blue'>待还款</span>
<!-- <span class='r-grey'>未到还款日</span> -->
</div>
</div>
<div class='main-line'>
<div class='line-l'>
<div class='l-first'>
<span class='first-text'>第<span class='text-num'>2</span>期</span>
<span class='first-time'>08/16</span>
</div>
<div class='l-nums'>1,255.00</div>
<div class='l-text'>当期应还(元)</div>
</div>
<div class='line-r'>
<!-- <span class='r-red'>已逾期</span> -->
<span class='r-blue'>待还款</span>
<!-- <span class='r-grey'>未到还款日</span> -->
</div>
</div>
<div class='main-line'>
<div class='line-l'>
<div class='l-first'>
<span class='first-text'>第<span class='text-num'>2</span>期</span>
<span class='first-time'>08/16</span>
</div>
<div class='l-nums'>1,255.00</div>
<div class='l-text'>当期应还(元)</div>
</div>
<div class='line-r'>
<!-- <span class='r-red'>已逾期</span> -->
<span class='r-blue'>待还款</span>
<!-- <span class='r-grey'>未到还款日</span> -->
</div>
</div>
<div class='main-line'>
<div class='line-l'>
<div class='l-first'>
<span class='first-text'>第<span class='text-num'>2</span>期</span>
<span class='first-time'>08/16</span>
</div>
<div class='l-nums'>1,255.00</div>
<div class='l-text'>当期应还(元)</div>
</div>
<div class='line-r'>
<!-- <span class='r-red'>已逾期</span> -->
<span class='r-blue'>待还款</span>
<!-- <span class='r-grey'>未到还款日</span> -->
</div>
</div>
<div class='main-line'>
<div class='line-l'>
<div class='l-first'>
<span class='first-text'>第<span class='text-num'>3</span>期</span>
<span class='first-time'>08/16</span>
</div>
<div class='l-nums'>1,255.00</div>
<div class='l-text'>当期应还(元)</div>
</div>
<div class='line-r'>
<span class='r-red'>已逾期</span>
<!-- <span class='r-blue'>待还款</span> -->
<!-- <span class='r-grey'>未到还款日</span> -->
</div> </div>
</div> </div>
...@@ -177,18 +63,35 @@ ...@@ -177,18 +63,35 @@
<script> <script>
import { onMounted, toRefs, reactive } from "vue"; import { onMounted, toRefs, reactive } from "vue";
import { useRouter } from 'vue-router';
import API from "../../api/api";
export default { export default {
setup(){ setup(){
const route=useRouter()
const state=reactive({ const state=reactive({
titleDes:"", titleDes:"",
billDetails:{}
}) })
const onClickLeft = () => history.back() const onClickLeft = () => history.back()
const goPhone=()=>{ const goPhone=(item)=>{
window.location.href = 'tel://4006672319'
const telNum='tel://'
window.location.href = `${telNum}${item}`
}
const init=async(val)=>{
const res=await API.billDetails({
"idCard": "",
"mobile": "",
"loanId":val,
})
console.log(res,'9766')
state.billDetails=res.result
} }
onMounted(()=>{ onMounted(()=>{
state.titleDes='账单' state.titleDes='账单'
const paramss=route.currentRoute.value.query
console.log(paramss.id,'paramss')
init(paramss.id)
}) })
return { return {
...toRefs(state), ...toRefs(state),
......
src/views/login/index.css
View file @ 69c16940
...@@ -67,13 +67,12 @@ ...@@ -67,13 +67,12 @@
font-style: normal; font-style: normal;
} }
.login-page .login-main .mian-box .box-id .id-sendcodes { .login-page .login-main .mian-box .box-id .id-sendcodes {
width: 240px; width: 260px;
font-family: PingFangSC, PingFang SC; font-family: PingFangSC, PingFang SC;
font-weight: 400; font-weight: 400;
font-size: 24px; font-size: 26px;
color: #3877F8; color: #3877F8;
line-height: 28px; line-height: 28px;
text-align: left;
} }
.login-page .login-main .mian-box .box-btn { .login-page .login-main .mian-box .box-btn {
margin-top: 54px; margin-top: 54px;
......
src/views/login/index.less
View file @ 69c16940
...@@ -64,13 +64,13 @@ ...@@ -64,13 +64,13 @@
font-style: normal; font-style: normal;
} }
.id-sendcodes{ .id-sendcodes{
width: 240px; width: 260px;
font-family: PingFangSC, PingFang SC; font-family: PingFangSC, PingFang SC;
font-weight: 400; font-weight: 400;
font-size: 24px; font-size: 26px;
color: #3877F8; color: #3877F8;
line-height: 28px; line-height: 28px;
text-align: left;
} }
} }
.box-btn{ .box-btn{
......
src/views/login/index.vue
View file @ 69c16940
...@@ -32,6 +32,7 @@ ...@@ -32,6 +32,7 @@
:value="sendcode" :value="sendcode"
type="number" type="number"
@input="changecode($event)"/> @input="changecode($event)"/>
<div class='id-sendcode' @click='loginSendCode' v-if="canSendCode">获取验证码</div> <div class='id-sendcode' @click='loginSendCode' v-if="canSendCode">获取验证码</div>
<div class='id-sendcodes' v-else>重新获取({{count}}秒)</div> <div class='id-sendcodes' v-else>重新获取({{count}}秒)</div>
</div> </div>
...@@ -49,11 +50,10 @@ ...@@ -49,11 +50,10 @@
<script> <script>
import { onMounted, toRefs, reactive } from "vue"; import { onMounted, toRefs, reactive } from "vue";
import API from "../../api/api"; import API from "../../api/api";
import { Toast } from 'vant';
import { useRouter } from 'vue-router'; import { useRouter } from 'vue-router';
export default { export default {
setup(){ setup(){
const router=useRouter() const route=useRouter()
const state=reactive({ const state=reactive({
titleDes:"", titleDes:"",
idCardNumber:'', idCardNumber:'',
...@@ -63,7 +63,7 @@ export default { ...@@ -63,7 +63,7 @@ export default {
passWord:'', passWord:'',
accountVal:'', accountVal:'',
timer: null,//倒计时 timer: null,//倒计时
count: '',//倒计时 count: '58',//倒计时
}) })
// const onClickLeft = () => history.back() // const onClickLeft = () => history.back()
const IDChange = (e) => { const IDChange = (e) => {
...@@ -99,7 +99,7 @@ export default { ...@@ -99,7 +99,7 @@ export default {
const { tsToken }=res.result const { tsToken }=res.result
if(tsToken){ if(tsToken){
localStorage.setItem('token',tsToken) localStorage.setItem('token',tsToken)
router.push('/') route.push('/')
} }
} }
// 获取验证码倒计时 // 获取验证码倒计时
......
src/views/myLoan/index.css
View file @ 69c16940
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
} }
.loan-page .loan-contant { .loan-page .loan-contant {
box-sizing: border-box; box-sizing: border-box;
padding-top: 90px; padding-top: 10px;
} }
.loan-page .loan-contant .loan-main { .loan-page .loan-contant .loan-main {
margin: 32px; margin: 32px;
...@@ -17,15 +17,13 @@ ...@@ -17,15 +17,13 @@
box-shadow: 0px 0px 20px 0px rgba(220, 220, 220, 0.5); box-shadow: 0px 0px 20px 0px rgba(220, 220, 220, 0.5);
border-radius: 12px; border-radius: 12px;
} }
.loan-page .loan-contant .loan-main .main-box {
padding: 40px 24px;
}
.loan-page .loan-contant .loan-main .main-box .box-top { .loan-page .loan-contant .loan-main .main-box .box-top {
padding: 40px 24px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
padding-bottom: 24px; padding-bottom: 24px;
border-bottom: 2px solid #ccc; border-bottom: 1px solid #ccc;
} }
.loan-page .loan-contant .loan-main .main-box .box-top .top-l { .loan-page .loan-contant .loan-main .main-box .box-top .top-l {
display: flex; display: flex;
...@@ -129,15 +127,32 @@ ...@@ -129,15 +127,32 @@
color: #2F87FF; color: #2F87FF;
text-align: center; text-align: center;
} }
.loan-page .popup-btn { .loan-page .page-popup .popup-main {
margin: 46px auto 0; padding: 46px;
}
.loan-page .page-popup .popup-main .popup-text {
padding-bottom: 8px;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 32px;
color: #333333;
line-height: 48px;
text-align: center;
font-style: normal;
}
.loan-page .page-popup .popup-footer {
padding: 40px;
border-top: 2px solid #EBEBEB;
}
.loan-page .page-popup .popup-footer .popup-btn {
margin: 24px auto;
width: 526px; width: 526px;
height: 72px; height: 72px;
background: #2F87FF; background: #2F87FF;
border-radius: 36px; border-radius: 36px;
font-family: PingFangSC, PingFang SC; font-family: PingFangSC, PingFang SC;
font-weight: 500; font-weight: 500;
font-size: 32px; font-size: 36px;
color: #FFFFFF; color: #FFFFFF;
line-height: 72px; line-height: 72px;
text-align: center; text-align: center;
......
src/views/myLoan/index.less
View file @ 69c16940
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
padding-bottom:140px; padding-bottom:140px;
.loan-contant{ .loan-contant{
box-sizing: border-box; box-sizing: border-box;
padding-top:90px; padding-top:10px;
.loan-main{ .loan-main{
margin:32px; margin:32px;
...@@ -16,13 +16,14 @@ ...@@ -16,13 +16,14 @@
box-shadow: 0px 0px 20px 0px rgba(220,220,220,0.5); box-shadow: 0px 0px 20px 0px rgba(220,220,220,0.5);
border-radius: 12px; border-radius: 12px;
.main-box{ .main-box{
padding: 40px 24px;
.box-top{ .box-top{
padding: 40px 24px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content:space-between; justify-content:space-between;
padding-bottom: 24px; padding-bottom: 24px;
border-bottom: 2px solid #ccc; border-bottom: 1px solid #ccc;
.top-l{ .top-l{
display: flex; display: flex;
align-items: center; align-items: center;
...@@ -141,15 +142,33 @@ ...@@ -141,15 +142,33 @@
color:#2F87FF; color:#2F87FF;
text-align: center; text-align: center;
} }
.page-popup{
.popup-main{
padding:46px;
.popup-text{
padding-bottom: 8px;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 32px;
color: #333333;
line-height: 48px;
text-align: center;
font-style: normal;
}
}
.popup-footer{
padding:40px;
border-top:2px solid #EBEBEB;
.popup-btn{ .popup-btn{
margin: 46px auto 0; margin:24px auto;
width: 526px; width: 526px;
height: 72px; height: 72px;
background: #2F87FF; background: #2F87FF;
border-radius: 36px; border-radius: 36px;
font-family: PingFangSC, PingFang SC; font-family: PingFangSC, PingFang SC;
font-weight: 500; font-weight: 500;
font-size: 32px; font-size: 36px;
color: #FFFFFF; color: #FFFFFF;
line-height: 72px; line-height: 72px;
text-align: center; text-align: center;
...@@ -157,5 +176,9 @@ ...@@ -157,5 +176,9 @@
} }
}
}
} }
\ No newline at end of file
src/views/myLoan/index.vue
View file @ 69c16940
<template> <template>
<div class='loan-page'> <div class='loan-page'>
<van-nav-bar <!-- <van-nav-bar
:title="titleDes" :title="titleDes"
left-text="" left-text=""
fixed fixed
left-arrow left-arrow
@click-left="onClickLeft" @click-left="onClickLeft"
/> /> -->
<div class='loan-contant'> <div class='loan-contant'>
<div class='loan-main'> <div class='loan-main' v-for="item in loanList" :key='item.id'>
<div class='main-box'> <div class='main-box'>
<div class='box-top'> <div class='box-top'>
<div class='top-l'> <div class='top-l'>
<img class='l-img' src='' /> <img class='l-img' :src='item.logoUrl' />
<span>一时代</span> <span>{{item.loanName}}</span>
</div> </div>
<div class='top-r' @click="goPopup"> <div class='top-r' @click="goPopup(item.customerId,item.loanNo)">
<i class='r-icon'></i> <i class='r-icon'></i>
<span>咨询</span> <span>咨询</span>
</div> </div>
</div> </div>
<div class='box-con'> <div class='box-con'>
<div class='con-l'> <div class='con-l'>
<div class='l-num'>5500.00</div> <div class='l-num'>{{item.shouldRepayTotal}}</div>
<div class='l-tex'>待还款金额（元）</div> <div class='l-tex'>待还款金额（元）</div>
</div> </div>
<div class='con-r'> <div class='con-r'>
<div class='r-loan-num'>借款金额：5000.00（元）</div> <div class='r-loan-num'>借款金额：{{item.loanTotalAmt}}（元）</div>
<div class='r-back-num'>已还金额：1000.00（元）</div> <div class='r-back-num'>已还金额：{{item.repayAmount}}（元）</div>
<div class='r-back-num'>逾期期数：28期</div> <div class='r-back-num'>逾期期数：{{item.overdueTotalPeriod}}期</div>
<div class='r-back-nums'>逾期天数：12360天</div> <div class='r-back-nums'>逾期天数：{{item.overdueDay}}天</div>
</div> </div>
</div> </div>
<div class='box-btn' @click="goBill">还 款</div> <div class='box-btn' @click="goBill(item.customerId,item.loanNo,item.loanId)">还 款</div>
</div> </div>
</div> </div>
</div> </div>
<div class="myloan-footer" @click="gophone"> <div class="myloan-footer" @click="gophone">
<div >客服热线</div> <div >客服热线</div>
<div>4006063123</div> <div>{{callMobile}}</div>
</div> </div>
<van-popup v-model:show="showCenter" round :style="{ padding: '24px' , fontSize:'18px' }" > <van-popup v-model:show="showCenter" round class='page-popup' >
<div>咨询申请已提交，</div> <div class='popup-main'>
<div>工作人员会在24小时内电话联系你，</div> <div class='popup-text'>咨询申请已提交，</div>
<div>请注意接听</div> <div class='popup-text'>工作人员会在24小时内电话联系你，</div>
<div class='popup-text'>请注意接听</div>
</div>
<div class='popup-footer'>
<div class="popup-btn" @click='showCancel'>确 定</div> <div class="popup-btn" @click='showCancel'>确 定</div>
</div>
</van-popup> </van-popup>
</div> </div>
</template> </template>
...@@ -64,30 +60,54 @@ import { useRouter } from 'vue-router'; ...@@ -64,30 +60,54 @@ import { useRouter } from 'vue-router';
import API from "../../api/api"; import API from "../../api/api";
export default { export default {
setup(){ setup(){
const router=useRouter() const route=useRouter()
const state=reactive({ const state=reactive({
titleDes:"", titleDes:"",
showCenter:false showCenter:false,
loanList:[],
callMobile:''
}) })
const onClickLeft = () => history.back() // const onClickLeft = () => history.back()
const goPopup=()=>{ const goPopup=(valF,valS)=>{
notifyCustomer(valF,valS)
state.showCenter=true state.showCenter=true
} }
const showCancel=()=>{ const showCancel=()=>{
state.showCenter=false state.showCenter=false
} }
const goBill=()=>{ const goBill=(valF,valS,valT)=>{
router.push('/bill') notifyCustomer(valF,valS)
route.push({
path: 'bill',
query:{
id:valT
}
})
} }
const init=async()=>{ const init=async()=>{
const res=await API.loanDetails({ const res=await API.loanDetails({
"idCard": "", "idCard": "",
"mobile": "" "mobile": ""
}) })
console.log(res,'reess') if(res.result){
const {caseCustmViews,hotPhone}=res.result
state.loanList=caseCustmViews
state.callMobile=hotPhone
}
// console.log(res,'reess')
}
const notifyCustomer=async(valF,valS)=>{
console.log(valF,valS)
const res= await API.applyC({
"customerId":valF,
"idCard": "string",
"loanNo": valS,
"mobile": "string"
})
} }
const gophone=()=>{ const gophone=()=>{
window.location.href = 'tel://4006672319' const telNum='tel://'
window.location.href = `${telNum}${state.callMobile}`
} }
onMounted(()=>{ onMounted(()=>{
state.titleDes='我的借款' state.titleDes='我的借款'
...@@ -95,7 +115,7 @@ export default { ...@@ -95,7 +115,7 @@ export default {
}) })
return { return {
...toRefs(state), ...toRefs(state),
onClickLeft, // onClickLeft,
goPopup, goPopup,
showCancel, showCancel,
goBill, goBill,
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment