Skip to content

H
hls-xcmg-vue-app
Commit 1d74aa25 authored by linxin's avatar linxin
Browse files
Options

add

parents 1a375898 356ae70d
Hide whitespace changes
Inline Side-by-side
Showing with 243 additions and 85 deletions
src/pages/infoCenter/infoList.vue
View file @ 1d74aa25
......@@ -35,7 +35,7 @@ export default {
let vm = this
let url = process.env.basePath + 'hls_app_notice_query'
let param = {
phone: window.sessionStorage.getItem('user_phone'),
phone: window.localStorage.getItem('user_phone'),
}
hlsPopup.showLoading('请稍候')
vm.$post(url, param).then(function (res) {
......
src/pages/pay/firstPay/pay-entry.vue
View file @ 1d74aa25
......@@ -88,9 +88,17 @@ export default {
},
pay () {
let vm = this
hlsPopup.showLoading('请稍候')
setTimeout(() => {
vm.hlsPopup.showSuccess('支付成功！')
}, 1000)
vm.hlsPopup.hideLoading()
// vm.hlsPopup.showSuccess('支付成功！')
vm.changePage()
}, 2000)
},
changePage () {
this.$router.push({
name: 'Success',
})
},
getType () {
let vm = this
......
src/pages/pay/success.vue 0 → 100644
View file @ 1d74aa25
<template>
<h-view id="result" class="public-style">
<h-header :proportion="[5,1,1]" class="bar-custom">
<div slot="left" class="h-header-btn">
<img src="@/assets/userBind/arrow.png" @click="$routeGo()">
<span>支付中心</span>
</div>
</h-header>
</h-view>
</template>
<script>
export default {
}
</script>
<style lang="less" scoped>
#result{
.h-header {
background-color: #00469C;
.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;
}
}
}
}
</style>
src/pages/reimburseMyself/reimburse-detail.vue
View file @ 1d74aa25
......@@ -6,67 +6,110 @@
<h-view id="reimburseDetail" class="public-style" style="height: 100%">
<h-header :proportion="[5,1,1]" class="bar-custom">
<div slot="left" class="h-header-btn">
<img src="@/assets/userBind/arrow.png" @click="$routeGo()">
<img src="@/assets/userBind/arrow.png" @click="$routeGo()" >
<span>还款明细</span>
</div>
</h-header>
<h-content>
<list-item>
<list-item :item-height="44">
<item>
<div slot="name">交易流水号</div>
<div slot="content">{{ '10000037r9459348' }}</div>
<div slot="content">{{ detail.order_number }}</div>
</item>
<item>
<div slot="name">交易时间</div>
<div slot="content">{{ '2019-10-20' }}</div>
<div slot="content">{{ detail.order_date }}</div>
</item>
<item>
<div slot="name">收款账号</div>
<div slot="content">{{ '245678345678' }}</div>
<div slot="content">{{ '暂无字段' }}</div>
</item>
<item>
<div slot="name">收款账户名称</div>
<div slot="content">{{ '张三' }}</div>
<div slot="content">{{ '暂无字段' }}</div>
</item>
<item>
<div slot="name">商业伙伴</div>
<div slot="content">{{ '张三' }}</div>
<div slot="content">{{ detail.bp_name }}</div>
</item>
<item>
<div slot="name">商业伙伴类型</div>
<div slot="content">{{ '主承租人' }}</div>
</item>
<item>
<div slot="name">交易金额</div>
<div slot="content">{{ '40000' }}</div>
<div slot="content">{{ detail.bp_type_n }}</div>
</item>
<item>
<div slot="name">付款账号</div>
<div slot="content">{{ '8765432234567' }}</div>
<div slot="content">{{ '暂无字段' }}</div>
</item>
<item>
<div slot="name">付款账户名称</div>
<div slot="content">{{ '张三' }}</div>
<div slot="content">{{ '暂无字段' }}</div>
</item>
</list-item>
<div class="list-wrap">
<list-item v-for="(list,index) in [0,1]" :key="index">
<item>
<img slot="left-icon" src="@/assets/reimburseMyself/reimburse.png" class="left-icon">
<div slot="name">合同号</div>
<div slot="content">{{ 'con2134567654' }}</div>
</item>
<item>
<img slot="left-icon" src="" class="left-icon">
<div slot="name" class="time-font">款项</div>
<div slot="content" class="time-font">{{ '首付款：手续费' }}</div>
</item>
<item>
<img slot="left-icon" src="" class="left-icon">
<div slot="name" class="time-font">交易金额</div>
<div slot="content" class="money-font">{{ 90000 | currency }}</div>
</item>
</list-item>
<div class="contract">
<div>
<div class="top">
<img src="@/assets/reimburseMyself/q.png" >
<span class="number">合同号</span>
<span>CON201903022001</span>
</div>
<div class="bottom">
<list-item :item-height="30">
<item>
<div slot="name">首付款</div>
<div slot="content">{{ '20000'|currency }}</div>
</item>
<item>
<div slot="name">保证金</div>
<div slot="content">{{ '20000'|currency }}</div>
</item>
<item>
<div slot="name">手续费</div>
<div slot="content">{{ '20000'|currency }}</div>
</item>
<item>
<div slot="name">GPS费用</div>
<div slot="content">{{ '20000'|currency }}</div>
</item>
<item>
<div slot="name">保险押金</div>
<div slot="content">{{ '20000'|currency }}</div>
</item>
</list-item>
</div>
</div>
</div>
<div class="contract">
<div>
<div class="top">
<img src="@/assets/reimburseMyself/q.png" >
<span class="number">合同号</span>
<span>CON201903022001</span>
</div>
<div class="bottom">
<list-item :item-height="30">
<item>
<div slot="name">首付款</div>
<div slot="content">{{ '20000'|currency }}</div>
</item>
<item>
<div slot="name">保证金</div>
<div slot="content">{{ '20000'|currency }}</div>
</item>
<item>
<div slot="name">手续费</div>
<div slot="content">{{ '20000'|currency }}</div>
</item>
<item>
<div slot="name">GPS费用</div>
<div slot="content">{{ '20000'|currency }}</div>
</item>
<item>
<div slot="name">保险押金</div>
<div slot="content">{{ '20000'|currency }}</div>
</item>
</list-item>
</div>
</div>
</div>
</h-content>
</h-view>
......@@ -75,65 +118,130 @@
<script>
export default {
data () {
return {}
},
created: function () {
},
mounted: function () {
return {
detail: {},
}
},
updated: function () {
beforeRouteEnter (to, from, next) {
next(vm => {
vm.getDetail()
})
},
destroyed: function () {
created: function () {},
mounted: function () {},
updated: function () {},
destroyed: function () {},
methods: {
getDetail () {
let vm = this
let url = process.env.basePath + 'my_repayment_detial_query'
let param = {
order_id: vm.$route.params.order_id,
}
hlsPopup.showLoading('请稍候')
vm.$post(url, param).then(function (res) {
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
vm.detail = res.info
} else {
hlsPopup.showLongCenter(res.message)
}
})
},
},
methods: {},
}
</script>
<style lang="less" rel="stylesheet">
#reimburseDetail {
.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;
}
#reimburseDetail {
.h-header-btn {
img {
width: 16px;
height: 16px;
margin-left: 4px;
}
.hls-item .contents .add-name .left-icon {
width: 30px;
span {
font-family: PingFangSC-Semibold;
margin-left: 16px;
font-size: 17px;
letter-spacing: 0.61px;
line-height: 24px;
}
}
.hls-item .contents .add-name .left-icon {
width: 30px;
}
.list-wrap {
margin: 10px;
}
.list-wrap {
margin: 10px;
.add-name {
.time-font {
font-family: PingFangSC-Regular;
font-size: 14px;
color: #656464;
}
}
.add-name {
.time-font {
font-family: PingFangSC-Regular;
font-size: 14px;
color: #656464;
}
.add-content {
.money-font {
font-family: Verdana-Bold;
font-size: 15px;
color: rgba(56, 63, 69, 0.6);
font-weight: 600;
}
.add-content {
.money-font {
font-family: Verdana-Bold;
font-size: 15px;
color: rgba(56, 63, 69, 0.60);
font-weight: 600;
.time-font {
font-family: PingFangSC-Regular;
font-size: 14px;
color: #656464;
}
}
.contract {
width: 359px;
height: 194.5px;
background-color: #fff;
margin: 0 auto;
margin-top: 8px;
.top {
height: 43px;
display: flex;
align-items: center;
display: flex;
img {
width: 30px;
height: 30px;
margin-left: 10px;
}
.time-font {
font-family: PingFangSC-Regular;
.number {
margin-left: 10px;
font-family: PingFangSC-Semibold;
font-size: 14px;
color: #656464;
color: #4b4a4b;
letter-spacing: 0;
line-height: 18px;
}
span:last-child {
margin-left: 116px;
font-family: PingFangSC-Semibold;
font-size: 14px;
color: rgba(75, 74, 75, 0.97);
letter-spacing: 0;
line-height: 18px;
}
}
.bottom {
width: 300px;
margin: 0 auto;
display: flex;
}
.left {
flex: 1;
}
.right {
flex: 1;
text-align: right;
}
}
}
</style>
src/pages/reimburseMyself/reimburse-myself-list.Vue
View file @ 1d74aa25
......@@ -22,16 +22,16 @@
:pullUp="true"
>
<section class="reimburse-wrap">
<list-item v-for="(list,index) in [0,1,2,3,4,5,6,7,8]" :key="index" @click.native="godetail">
<list-item v-for="(list,index) in reimburseList" :key="index" @click.native="godetail(list.order_id)">
<item>
<img slot="left-icon" src="@/assets/reimburseMyself/reimburse.png" class="left-icon">
<div slot="name">还款金额</div>
<div slot="content" class="money-font">{{90000 | currency}}</div>
<div slot="content" class="money-font">{{list.orderamount | currency}}</div>
</item>
<item>
<img slot="left-icon" src="" class="left-icon">
<div slot="name" class="time-font">还款时间</div>
<div slot="content" class="time-font">{{'2019-10-20'}}</div>
<div slot="content" class="time-font">{{list.order_date}}</div>
</item>
</list-item>
</section>
......@@ -63,22 +63,25 @@
})
},
methods: {
godetail(){
godetail(e){
this.$router.push({
name:'ReimburseDetail'
name:'ReimburseDetail',
params:{
order_id:e
}
})
},
getList(){
let vm = this
let url = process.env.basePath + 'my_repayment_query'
let param = {
user_phone:"13149628296",
}
vm.hlsPopup.showLoading('数据加载中，请稍后!')
vm.hlsHttp.post(url, param).then(function (res) {
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
vm.reimburseList = res.list
vm.reimburseList = res.lists
if (res.list.length > 0 && res.list.length < 10) {
vm.$refs.scroll.update(true)
}
......
src/router/index.js
View file @ 1d74aa25
......@@ -51,6 +51,7 @@ import EntryInfo from '@/pages/ContractSigning/entry-info'
import FirstPay from '../pages/pay/firstPay/first-pay'
import PayEntry from '@/pages/pay/firstPay/pay-entry'
import ContractRecord from '@/pages/pay/firstPay/contract-record'
import Success from '@/pages/pay/success'
// 款项支付
import PaymentFirstPay from '@/pages/pay/payment/first-pay'
import PaymentPayEntry from '@/pages/pay/payment/pay-entry'
......@@ -176,6 +177,7 @@ export default new Router({
{path: '/first-pay', component: FirstPay, name: 'FirstPay', meta: {keepAlive: true}},
{path: '/pay-entry', component: PayEntry, name: 'PayEntry', meta: {keepAlive: true}},
{path: '/contract-record', component: ContractRecord, name: 'ContractRecord', meta: {keepAlive: true}},
{path: '/success', component: Success, name: 'Success', meta: {keepAlive: true}},
// 款项支付
{path: '/payment-first-pay', component: PaymentFirstPay, name: 'PaymentFirstPay', meta: {keepAlive: true}},
{path: '/payment-pay-entry', component: PaymentPayEntry, name: 'PaymentPayEntry', meta: {keepAlive: false}},
......
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