Commit bee66d59 authored by ly's avatar ly

多典花

parent df26e329
No preview for this file type
......@@ -151,6 +151,14 @@
"node": ">=4"
}
},
"node_modules/moment": {
"version": "2.30.1",
"resolved": "https://registry.npmmirror.com/moment/-/moment-2.30.1.tgz",
"integrity": "sha512-uEmtNhbDOrWPFS+hdjFCBfy9f2YoyzRpwcl+DqpC6taX21FzsTLQVbMV/W7PzNSX6x/bhC1zA3c2UQ5NzH6how==",
"engines": {
"node": "*"
}
},
"node_modules/needle": {
"version": "3.3.1",
"resolved": "https://registry.npmmirror.com/needle/-/needle-3.3.1.tgz",
......
......@@ -5,7 +5,8 @@
"packages": {
"": {
"dependencies": {
"image-tools": "^1.4.0"
"image-tools": "^1.4.0",
"moment": "^2.30.1"
},
"devDependencies": {
"less": "^4.2.0",
......@@ -160,6 +161,14 @@
"node": ">=4"
}
},
"node_modules/moment": {
"version": "2.30.1",
"resolved": "https://registry.npmmirror.com/moment/-/moment-2.30.1.tgz",
"integrity": "sha512-uEmtNhbDOrWPFS+hdjFCBfy9f2YoyzRpwcl+DqpC6taX21FzsTLQVbMV/W7PzNSX6x/bhC1zA3c2UQ5NzH6how==",
"engines": {
"node": "*"
}
},
"node_modules/needle": {
"version": "3.3.1",
"resolved": "https://registry.npmmirror.com/needle/-/needle-3.3.1.tgz",
......@@ -342,6 +351,11 @@
"dev": true,
"optional": true
},
"moment": {
"version": "2.30.1",
"resolved": "https://registry.npmmirror.com/moment/-/moment-2.30.1.tgz",
"integrity": "sha512-uEmtNhbDOrWPFS+hdjFCBfy9f2YoyzRpwcl+DqpC6taX21FzsTLQVbMV/W7PzNSX6x/bhC1zA3c2UQ5NzH6how=="
},
"needle": {
"version": "3.3.1",
"resolved": "https://registry.npmmirror.com/needle/-/needle-3.3.1.tgz",
......
......@@ -4,6 +4,7 @@
"less-loader": "^12.2.0"
},
"dependencies": {
"image-tools": "^1.4.0"
"image-tools": "^1.4.0",
"moment": "^2.30.1"
}
}
......@@ -113,6 +113,15 @@
"navigationBarTitleText": "设置"
}
},
{
"path": "pages/contact/contact",
"style": {
"navigationBarTitleText": "通讯录",
"enablePullDownRefresh": false
}
},
{
"path": "pages/webview/webview",
"style": {
......@@ -128,10 +137,9 @@
}
},
{
"path": "pages/bill/index",
"path": "pages/bill/indexs",
"style": {
"enablePullDownRefresh": true,
"navigationStyle": "custom"
"navigationBarTitleText": "账单"
}
},
{
......@@ -181,7 +189,7 @@
"text": "贷款"
},
{
"pagePath": "pages/bill/index",
"pagePath": "pages/bill/indexs",
"iconPath": "/static/tab/billh.png",
"selectedIconPath": "/static/tab/bill.png",
"text": "账单"
......
No preview for this file type
.bill-page{
width: 100%;
height: 100vh;
// max-height: 1857rpx;
background: #F7FAFF;
.bill-data{
margin:0 20rpx;
.data-tips{
padding:15rpx 0 15rpx 18rpx;
height: 33rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 24rpx;
color: #2263E6;
line-height: 33rpx;
text-align: left;
font-style: normal;
}
.scroll-Y{
// margin-top:15rpx;
height: 800rpx;
.data-card{
// width: 690rpx;
margin-bottom:24rpx;
height: 240rpx;
background: #FFFFFF;
box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(232,232,232,0.49);
border-radius: 10rpx;
.card-main{
padding:24rpx 20rpx 25rpx 25rpx;
.main-top{
display: flex;
align-items: center;
justify-content: space-between;
.top-l{
display: flex;
.l-icon{
width: 54rpx;
height: 55rpx;
background-size: 54rpx 55rpx;
}
.l-name{
padding:7rpx 55rpx 0 16rpx;
height: 40rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 500;
font-size: 28rpx;
color: #333333;
line-height: 40rpx;
text-align: left;
font-style: normal;
}
}
.top-time{
padding: 12rpx 128rpx 13rpx 0rpx ;
height: 30rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 22rpx;
color: #999999;
line-height: 30rpx;
text-align: left;
font-style: normal;
}
.top-des{
padding-top:11rpx;
// padding-left: 34rpx;
height: 33rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 24rpx;
color: #2263E6;
line-height: 33rpx;
text-align: right;
font-style: normal;
}
}
.main-s{
margin-top:34rpx;
display: flex;
align-items: center;
justify-content: space-between;
.s-f{
.f-num{
height: 49rpx;
font-family: DIN, DIN;
font-weight: bold;
font-size: 40rpx;
color: #333333;
line-height: 49rpx;
text-align: left;
font-style: normal;
}
.f-text{
padding-top:16rpx;
height: 37rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 26rpx;
color: #999999;
line-height: 37rpx;
text-align: left;
font-style: normal;
}
}
.s-t{
padding:0 128rpx 0 76rpx;
.t-text{
height: 56rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 500;
font-size: 40rpx;
color: #999999;
line-height: 56rpx;
text-align: left;
font-style: normal;
}
.t-red{
height: 56rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 500;
font-size: 40rpx;
color: #FC4D3E;
line-height: 56rpx;
text-align: left;
font-style: normal;
}
.t-blue{
height: 56rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 500;
font-size: 40rpx;
color: #2263E6;
line-height: 56rpx;
text-align: left;
font-style: normal;
}
.t-time{
margin-top:10rpx;
height: 37rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 26rpx;
color: #999999;
line-height: 37rpx;
text-align: left;
font-style: normal;
}
}
.s-btn{
// margin-top:10rpx;
width: 180rpx;
height: 64rpx;
background: #E8EFFC;
border-radius: 32rpx;
.btn-text{
font-family: PingFangSC, PingFang SC;
font-weight: 500;
font-size: 26rpx;
color: #2263E6;
line-height: 64rpx;
text-align: center;
font-style: normal;
}
}
}
}
}
}
.data-text{
position: fixed;
bottom:0;
left:38%;
padding-bottom:20rpx;
height: 33rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 24rpx;
color: #999999;
line-height: 33rpx;
text-align: center;
font-style: normal;
}
}
.bill-null{
padding-top:188rpx;
.n-img{
margin:0 auto 35rpx;
width: 328rpx;
height: 328rpx;
background: url('https://ddh.yyhock.com/appStatic/bill-null.png') 0 0 no-repeat;
background-size: 100%;
}
.n-text{
height: 33rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 24rpx;
color: #999999;
line-height: 33rpx;
text-align: center;
font-style: normal;
}
.n-btn{
margin:87rpx 40rpx 0;
width: 670rpx;
height: 88rpx;
background: linear-gradient( 137deg, #3877F5 0%, #5690FA 100%);
border-radius: 44rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 32rpx;
color: #FFFFFF;
line-height: 88rpx;
text-align: center;
font-style: normal;
}
}
}
<template>
<view class="bill-page">
<!-- 有数据 -->
<view class='bill-data' v-if="billList && billList.length>0">
<view class='data-tips'>温馨提示:保持良好的借还习惯将有助于您提升借款额度</view>
<scroll-view
scroll-y="true"
class="scroll-Y"
@scrolltoupper="upper"
@scrolltolower="lower"
@scroll="scroll">
<view class='data-card' v-for="item in billList" :key="item.id">
<view class='card-main'>
<view class='main-top'>
<view class='top-l'>
<image class='l-icon' :src='item.appLogo'></image>
<view class='l-name'>{{item.appName}}</view>
</view>
<!-- <view class='top-time'>借款日:{{item.gmtCreated}}</view> -->
<view class='top-des'>{{item.loanStatusStr}}</view>
</view>
<view class='main-s'>
<view class='s-f'>
<view class='f-num'>{{item.amount}}</view>
<view class='f-text'>本期账单</view>
</view>
<view class='s-t'>
<view class='t-text' v-show="item.status=='UNCURRENT'">未到期</view>
<view class='t-red' v-show="item.status=='OVERDUED'">已逾期</view>
<view class='t-blue' v-show="item.status=='CURRENT'">当前期</view>
<view class='t-time'>{{moment(item.currentDate).format('MM-DD')}}</view>
</view>
<view class='s-btn' @click="gopay(item)">
<view class='btn-text'>立即还款</view>
</view>
</view>
</view>
</view>
</scroll-view>
<view class='data-text'>理性借贷 合理消费</view>
</view>
<!-- 空账单 -->
<view class='bill-null' v-else>
<view class='n-img'></view>
<view class='n-text'>目前还没有账单哦~</view>
<view class='n-btn' v-show="tokenShow==''" @click="goLoan">去登录</view>
</view>
</view>
</template>
<script>
import moment from "moment";
import {loadDevice,loadNetwork,loadUuid,loadLocation} from '../../utils/deviceInfo.js'
export default {
data() {
return {
moment,
title: 'Hello',
billList:[],
tokenShow:''
}
},
onLoad() {
const token=uni.getStorageSync('token')
this.tokenShow=token
const common = uni.getStorageSync("m-header-device")
// if(!common && plus.os.name!='iOS' && token){
// loadDevice()
// loadNetwork()
// loadUuid()
// loadLocation()
// this.init()
// }else{
this.init()
// }
},
methods: {
init(){
const self=this
self.$request('/app/v1/billsApp','GET').then(res => {
console.log(res,'billsApp');
const { billList }=res.result
self.billList=billList
}).catch(err=>{
console.log(err,'请求出错')
})
},
gopay(item){
const {loanNo,appNo,orderNo }=item
uni.setStorageSync('orderNo',orderNo)
uni.setStorageSync('appNo',appNo)
uni.navigateTo({
url:`/pages/billDetail/billDetail?loanNo=${loanNo}`
})
},
goLoan(){
const token=uni.getStorageSync('token')
if(token==''){
this.Go('uni:/pages/login/login')
}else{
//去做什么事情
this.Go('uni:/pages/indexfinance/index','tab')
}
},
upper: function(e) {
console.log(e)
},
lower: function(e) {
console.log(e)
},
scroll: function(e) {
console.log(e)
},
},
onShow() {
const token=uni.getStorageSync('token')
this.tokenShow=token
this.init()
}
}
</script>
<style src='./index.less' lang="less" scoped></style>
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
......@@ -45,7 +45,6 @@ const request=async(url,type,data)=>{
})
uni.removeStorageSync('token')
// this.Go('uni:/pages/login/login')
}else{
uni.showToast({
title: data.message,
......
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