Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
H
hls-xcmg-vue-app
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
xugong
hls-xcmg-vue-app
Commits
08a87b5f
Commit
08a87b5f
authored
Dec 13, 2019
by
linxin
Browse files
Options
Browse Files
Download
Plain Diff
Merge branch 'liuxin' into develop
parents
90d121d8
699cfd85
Pipeline
#4185
canceled with stages
Changes
8
Pipelines
1
Expand all
Show whitespace changes
Inline
Side-by-side
Showing
8 changed files
with
382 additions
and
252 deletions
+382
-252
contract-repayment.vue
src/pages/contractRepayment/contract-repayment.vue
+0
-4
contract-record.vue
src/pages/pay/firstPay/contract-record.vue
+44
-23
contract-record.vue
src/pages/pay/payment/contract-record.vue
+143
-22
success.vue
src/pages/pay/success.vue
+0
-128
reimburse-detail.vue
src/pages/reimburseMyself/reimburse-detail.vue
+6
-6
reimburse-myself-list.Vue
src/pages/reimburseMyself/reimburse-myself-list.Vue
+127
-33
accessory-info.vue
src/pages/userBindNew/np/accessory-info.vue
+61
-33
index.js
src/router/index.js
+1
-3
No files found.
src/pages/contractRepayment/contract-repayment.vue
View file @
08a87b5f
...
@@ -100,10 +100,6 @@ export default {
...
@@ -100,10 +100,6 @@ export default {
vm
.
pagenum
++
vm
.
pagenum
++
vm
.
$refs
.
scroll
.
update
(
false
)
vm
.
$refs
.
scroll
.
update
(
false
)
}
}
// vm.lists = res.lists
// if (res.listst.length >= 0 && res.lists.length
<
10
)
{
// vm.$refs.scroll.update(true)
// }
}
else
{
}
else
{
hlsPopup
.
showLongCenter
(
res
.
message
)
hlsPopup
.
showLongCenter
(
res
.
message
)
}
}
...
...
src/pages/pay/firstPay/contract-record.vue
View file @
08a87b5f
...
@@ -6,7 +6,7 @@
...
@@ -6,7 +6,7 @@
<span>
合同记录
</span>
<span>
合同记录
</span>
</div>
</div>
</h-header>
</h-header>
<
h-content
class=
"my-content"
style=
"margin-top:-1px"
>
<
div
class=
"my-content"
style=
"margin-top:-1px"
>
<div
class=
"top-head"
>
<div
class=
"top-head"
>
<div
class=
"center"
>
<div
class=
"center"
>
<div
class=
"now-pay"
>
<div
class=
"now-pay"
>
...
@@ -18,7 +18,9 @@
...
@@ -18,7 +18,9 @@
</div>
</div>
</div>
</div>
</div>
</div>
<section
class=
"pay-content"
>
<scroll
ref=
"scroll"
:updateData=
"[prj_lists]"
:pullUp=
"true"
class=
"pay-content"
@
pullingUp=
"getDetail"
>
<section
v-for=
"(item,index) in prj_lists"
:key=
"index"
class=
"contract-item"
>
<section
v-for=
"(item,index) in prj_lists"
:key=
"index"
class=
"contract-item"
>
<div
class=
"header"
>
<div
class=
"header"
>
<img
src=
"@/assets/payment/file.png"
>
<img
src=
"@/assets/payment/file.png"
>
...
@@ -40,8 +42,9 @@
...
@@ -40,8 +42,9 @@
</div>
</div>
</div>
</div>
</section>
</section>
</section>
</scroll>
<div
class=
"prompt"
>
</div>
<div
class=
"prompt has-footer"
>
<div>
<div>
<img
src=
"@/assets/payment/prompt.png"
alt
>
<img
src=
"@/assets/payment/prompt.png"
alt
>
</div>
</div>
...
@@ -54,7 +57,6 @@
...
@@ -54,7 +57,6 @@
<bottom-tab>
<bottom-tab>
<tab-button
class=
"footer"
@
click
.
native=
"createDetail"
>
支
付
</tab-button>
<tab-button
class=
"footer"
@
click
.
native=
"createDetail"
>
支
付
</tab-button>
</bottom-tab>
</bottom-tab>
</h-content>
</h-view>
</h-view>
</
template
>
</
template
>
...
@@ -67,6 +69,7 @@ export default {
...
@@ -67,6 +69,7 @@ export default {
data
()
{
data
()
{
return
{
return
{
money
:
0
,
money
:
0
,
pagenum
:
1
,
prj_lists
:
[],
prj_lists
:
[],
}
}
},
},
...
@@ -95,7 +98,6 @@ export default {
...
@@ -95,7 +98,6 @@ export default {
vm
.
money
=
a
vm
.
money
=
a
})
})
}
else
if
(
notNaN
.
length
===
0
)
{
}
else
if
(
notNaN
.
length
===
0
)
{
debugger
vm
.
money
=
0
vm
.
money
=
0
}
}
}
}
...
@@ -118,12 +120,30 @@ export default {
...
@@ -118,12 +120,30 @@ export default {
let
url
=
process
.
env
.
basePath
+
'payment_prj_list_query'
let
url
=
process
.
env
.
basePath
+
'payment_prj_list_query'
let
param
=
{
let
param
=
{
bp_id
:
window
.
localStorage
.
getItem
(
'bp_id'
),
bp_id
:
window
.
localStorage
.
getItem
(
'bp_id'
),
pagenum
:
vm
.
pagenum
,
pagesize
:
10
,
}
}
hlsPopup
.
showLoading
(
'请稍候'
)
hlsPopup
.
showLoading
(
'请稍候'
)
vm
.
$post
(
url
,
param
).
then
(
function
(
res
)
{
vm
.
$post
(
url
,
param
).
then
(
function
(
res
)
{
vm
.
hlsPopup
.
hideLoading
()
vm
.
hlsPopup
.
hideLoading
()
if
(
res
.
result
===
'S'
)
{
if
(
res
.
result
===
'S'
)
{
vm
.
prj_lists
=
res
.
prj_lists
let
returnData
=
[]
returnData
=
res
.
prj_lists
if
(
returnData
.
length
===
0
)
{
vm
.
$refs
.
scroll
.
update
(
true
)
}
else
if
(
returnData
.
length
>
0
&&
returnData
.
length
<
10
)
{
vum
.
forEach
(
returnData
,
function
(
data
,
index
,
array
)
{
vm
.
prj_lists
.
push
(
array
[
index
])
})
vm
.
pagenum
++
vm
.
$refs
.
scroll
.
update
(
true
)
}
else
if
(
returnData
.
length
===
10
)
{
vum
.
forEach
(
returnData
,
function
(
data
,
index
,
array
)
{
vm
.
prj_lists
.
push
(
array
[
index
])
})
vm
.
pagenum
++
vm
.
$refs
.
scroll
.
update
(
false
)
}
vm
.
prj_lists
.
forEach
(
i
=>
{
vm
.
prj_lists
.
forEach
(
i
=>
{
i
.
cf_lists
.
forEach
(
j
=>
{
i
.
cf_lists
.
forEach
(
j
=>
{
let
num
=
parseFloat
(
j
.
due_amount
)
-
parseFloat
(
j
.
received_amount
)
let
num
=
parseFloat
(
j
.
due_amount
)
-
parseFloat
(
j
.
received_amount
)
...
@@ -220,16 +240,17 @@ export default {
...
@@ -220,16 +240,17 @@ export default {
.pay-content {
.pay-content {
position: absolute;
position: absolute;
bottom: 150px;
bottom: 150px;
width: 100%;
left:0;
right:0;
margin:auto;
width: 355px;
//margin-top:-60px;
//margin-top:-60px;
// height: 370px;
height:9rem;
height:7.4rem;
overflow: scroll;
overflow: scroll;
//background-color: #FFF;
//background-color: #FFF;
.contract-item {
.contract-item {
width:
95
%;
width:
100
%;
background-color: #fff;
background-color: #fff;
margin: 0 auto;
box-shadow: 0 1px 3px 2px rgba(168, 168, 168, 0.14);
box-shadow: 0 1px 3px 2px rgba(168, 168, 168, 0.14);
.header {
.header {
...
...
src/pages/pay/payment/contract-record.vue
View file @
08a87b5f
...
@@ -6,7 +6,7 @@
...
@@ -6,7 +6,7 @@
<span>
合同记录
</span>
<span>
合同记录
</span>
</div>
</div>
</h-header>
</h-header>
<
h-content
style=
"margin-top:-1px;"
>
<
div
style=
"margin-top:-1px;"
>
<div
class=
"top-head"
>
<div
class=
"top-head"
>
<div
class=
"center"
>
<div
class=
"center"
>
<div
class=
"now-pay"
>
<div
class=
"now-pay"
>
...
@@ -19,17 +19,19 @@
...
@@ -19,17 +19,19 @@
</div>
</div>
</div>
</div>
<div
class=
"search"
>
<div
class=
"search"
>
<input
type=
"text"
placeholder=
"请输入合同号/车架号/承租人名称"
>
<input
v-model=
"keyWords"
type=
"text"
placeholder=
"请输入合同号/车架号/承租人名称"
>
<img
src=
"@/assets/payment/search.png"
alt
>
<img
src=
"@/assets/payment/search.png"
alt
>
</div>
</div>
<section
class=
"pay-content"
>
<scroll
<section
v-for=
"(item,index) in info"
:key=
"index"
class=
"contract-item"
>
ref=
"scroll"
:updateData=
"[showList]"
:pullUp=
"true"
class=
"pay-content"
@
pullingUp=
"loadMore"
>
<section
v-for=
"(item,index) in showList"
:key=
"index"
class=
"contract-item"
>
<div
class=
"header"
>
<div
class=
"header"
>
<img
src=
"@/assets/payment/file.png"
alt
>
<img
src=
"@/assets/payment/file.png"
alt
>
<p>
{{
item
.
project_number
}}
</p>
<p>
{{
item
.
project_number
}}
</p>
<span>
还款中
</span>
<span>
还款中
</span>
</div>
</div>
<div
class=
"content"
>
<div
class=
"
my-
content"
>
<div
v-for=
"(detail,index) in item.con_lists"
:key=
"index"
class=
"item"
>
<div
v-for=
"(detail,index) in item.con_lists"
:key=
"index"
class=
"item"
>
<div
class=
"list"
>
<div
class=
"list"
>
<div>
<div>
...
@@ -67,7 +69,6 @@
...
@@ -67,7 +69,6 @@
<span>
合格证编号
</span>
<span>
合格证编号
</span>
<span>
{{
detail
.
certificate_number
}}
</span>
<span>
{{
detail
.
certificate_number
}}
</span>
</div>
</div>
<div>
<div>
<span>
本次还款
</span>
<span>
本次还款
</span>
<section>
<section>
...
@@ -78,14 +79,14 @@
...
@@ -78,14 +79,14 @@
</div>
</div>
</div>
</div>
</section>
</section>
<list-item
:item-height=
"44"
>
</scroll>
<list-item
:item-height=
"44"
class=
"rate"
>
<item>
<item>
<div
slot=
"name"
>
逾期利息
</div>
<div
slot=
"name"
>
逾期利息
</div>
<span
slot=
"content"
>
¥
{{
money
|
currency
}}
</span>
<span
slot=
"content"
>
¥
{{
money
|
currency
}}
</span>
</item>
</item>
</list-item>
</list-item>
</section>
<div
class=
"prompt has-footer"
>
<div
class=
"prompt"
>
<div>
<div>
<img
src=
"@/assets/payment/prompt.png"
alt
>
<img
src=
"@/assets/payment/prompt.png"
alt
>
</div>
</div>
...
@@ -98,7 +99,7 @@
...
@@ -98,7 +99,7 @@
<bottom-tab>
<bottom-tab>
<tab-button
class=
"footer"
@
click
.
native=
"payDetail()"
>
支
付
</tab-button>
<tab-button
class=
"footer"
@
click
.
native=
"payDetail()"
>
支
付
</tab-button>
</bottom-tab>
</bottom-tab>
</
h-content
>
</
div
>
</h-view>
</h-view>
</
template
>
</
template
>
<
script
>
<
script
>
...
@@ -110,9 +111,14 @@ export default {
...
@@ -110,9 +111,14 @@ export default {
},
},
beforeRouteEnter
(
to
,
from
,
next
)
{
beforeRouteEnter
(
to
,
from
,
next
)
{
next
(
vm
=>
{
next
(
vm
=>
{
vm
.
pagenum
=
1
vm
.
searchPagenum
=
1
vm
.
getRentInfo
()
vm
.
getRentInfo
()
vm
.
money
=
vm
.
$route
.
params
.
money
vm
.
money
=
vm
.
$route
.
params
.
money
vm
.
sumMoney
=
vm
.
money
vm
.
sumMoney
=
vm
.
money
vm
.
info
=
[]
vm
.
showList
=
[]
vm
.
searchList
=
[]
})
})
},
},
data
()
{
data
()
{
...
@@ -121,7 +127,12 @@ export default {
...
@@ -121,7 +127,12 @@ export default {
money
:
''
,
money
:
''
,
reFund1
:
''
,
reFund1
:
''
,
reFund2
:
''
,
reFund2
:
''
,
keyWords
:
''
,
pagenum
:
1
,
searchPagenum
:
1
,
info
:
[],
info
:
[],
showList
:
[],
searchList
:
[],
}
}
},
},
computed
:
{},
computed
:
{},
...
@@ -165,26 +176,127 @@ export default {
...
@@ -165,26 +176,127 @@ export default {
},
},
deep
:
true
,
deep
:
true
,
},
},
keyWords
(
newVal
,
oldVal
)
{
this
.
search
()
},
},
},
activated
()
{},
methods
:
{
methods
:
{
loadMore
()
{
if
(
this
.
keyWords
)
{
this
.
searchMore
()
}
else
{
this
.
getRentInfo
()
}
},
searchMore
()
{
let
vm
=
this
let
url
=
process
.
env
.
basePath
+
'payment_con_list_query'
let
param
=
{
bp_id
:
window
.
localStorage
.
getItem
(
'bp_id'
),
pagesize
:
10
,
pagenum
:
vm
.
searchPagenum
,
searchInput
:
vm
.
keyWords
,
}
vm
.
hlsPopup
.
showLoading
(
'数据加载中,请稍后!'
)
vm
.
hlsHttp
.
post
(
url
,
param
).
then
(
function
(
res
)
{
vm
.
hlsPopup
.
hideLoading
()
if
(
res
.
result
===
'S'
)
{
let
returnData
=
[]
returnData
=
res
.
prj_lists
if
(
returnData
.
length
===
0
)
{
vm
.
$refs
.
scroll
.
update
(
true
)
}
else
if
(
returnData
.
length
>
0
&&
returnData
.
length
<
10
)
{
vum
.
forEach
(
returnData
,
function
(
data
,
index
,
array
)
{
vm
.
searchList
.
push
(
array
[
index
])
})
vm
.
searchPagenum
++
vm
.
$refs
.
scroll
.
update
(
true
)
}
else
if
(
returnData
.
length
===
10
)
{
vum
.
forEach
(
returnData
,
function
(
data
,
index
,
array
)
{
vm
.
searchList
.
push
(
array
[
index
])
})
vm
.
searchPagenum
++
vm
.
$refs
.
scroll
.
update
(
false
)
}
vm
.
searchList
.
forEach
(
i
=>
{
i
.
con_lists
.
forEach
(
j
=>
{
let
num
=
(
parseFloat
(
j
.
due_amount
)
-
parseFloat
(
j
.
received_amount
))
vm
.
$set
(
j
,
'amount'
,
num
)
})
})
vm
.
showList
=
vm
.
searchList
}
})
},
search
()
{
let
vm
=
this
vm
.
searchPagenum
=
2
vm
.
$refs
.
scroll
.
scrollToTop
()
let
randomString
=
Math
.
floor
(
Math
.
random
()
*
21
)
let
url
=
process
.
env
.
basePath
+
'payment_con_list_query'
+
'&index'
+
`'
${
randomString
}
'`
let
param
=
{
bp_id
:
window
.
localStorage
.
getItem
(
'bp_id'
),
searchInput
:
vm
.
keyWords
,
pagesize
:
10
,
pagenum
:
1
,
}
vm
.
hlsPopup
.
showLoading
(
'数据加载中,请稍后!'
)
vm
.
hlsHttp
.
post
(
url
,
param
).
then
(
function
(
res
)
{
vm
.
hlsPopup
.
hideLoading
()
if
(
res
.
result
===
'S'
)
{
vm
.
searchList
=
res
.
prj_lists
vm
.
searchList
.
forEach
(
i
=>
{
i
.
con_lists
.
forEach
(
j
=>
{
let
num
=
(
parseFloat
(
j
.
due_amount
)
-
parseFloat
(
j
.
received_amount
))
vm
.
$set
(
j
,
'amount'
,
num
)
})
})
vm
.
showList
=
vm
.
searchList
vm
.
$refs
.
scroll
.
update
(
false
)
}
})
},
getRentInfo
()
{
getRentInfo
()
{
let
vm
=
this
let
vm
=
this
let
url
=
process
.
env
.
basePath
+
'payment_con_list_query'
let
url
=
process
.
env
.
basePath
+
'payment_con_list_query'
let
param
=
{
let
param
=
{
bp_id
:
window
.
localStorage
.
getItem
(
'bp_id'
),
bp_id
:
window
.
localStorage
.
getItem
(
'bp_id'
),
pagesize
:
10
,
pagenum
:
vm
.
pagenum
,
}
}
hlsPopup
.
showLoading
(
'请稍候'
)
hlsPopup
.
showLoading
(
'请稍候'
)
vm
.
$post
(
url
,
param
).
then
(
function
(
res
)
{
vm
.
$post
(
url
,
param
).
then
(
function
(
res
)
{
vm
.
hlsPopup
.
hideLoading
()
vm
.
hlsPopup
.
hideLoading
()
if
(
res
.
result
===
'S'
)
{
if
(
res
.
result
===
'S'
)
{
vm
.
info
=
res
.
prj_lists
// vm.info = res.prj_lists
let
returnData
=
[]
returnData
=
res
.
prj_lists
if
(
returnData
.
length
===
0
)
{
vm
.
$refs
.
scroll
.
update
(
true
)
}
else
if
(
returnData
.
length
>
0
&&
returnData
.
length
<
10
)
{
vum
.
forEach
(
returnData
,
function
(
data
,
index
,
array
)
{
vm
.
info
.
push
(
array
[
index
])
})
vm
.
pagenum
++
vm
.
$refs
.
scroll
.
update
(
true
)
}
else
if
(
returnData
.
length
===
10
)
{
vum
.
forEach
(
returnData
,
function
(
data
,
index
,
array
)
{
vm
.
info
.
push
(
array
[
index
])
})
vm
.
pagenum
++
vm
.
$refs
.
scroll
.
update
(
false
)
}
vm
.
info
.
forEach
(
i
=>
{
vm
.
info
.
forEach
(
i
=>
{
i
.
con_lists
.
forEach
(
j
=>
{
i
.
con_lists
.
forEach
(
j
=>
{
let
num
=
(
parseFloat
(
j
.
due_amount
)
-
parseFloat
(
j
.
received_amount
))
let
num
=
(
parseFloat
(
j
.
due_amount
)
-
parseFloat
(
j
.
received_amount
))
vm
.
$set
(
j
,
'amount'
,
num
)
vm
.
$set
(
j
,
'amount'
,
num
)
})
})
})
})
vm
.
showList
=
vm
.
info
}
else
{
}
else
{
hlsPopup
.
showLongCenter
(
res
.
message
)
hlsPopup
.
showLongCenter
(
res
.
message
)
}
}
...
@@ -310,10 +422,12 @@ export default {
...
@@ -310,10 +422,12 @@ export default {
}
}
}
}
.pay-content {
.pay-content {
width:
100
%;
width:
95
%;
position: absolute;
position: absolute;
bottom: 150px;
bottom: 150px;
height: 57%;
left:0; right:0;
margin:auto;
height: 50%;
overflow: scroll;
overflow: scroll;
.contract-item {
.contract-item {
background-color: #fff;
background-color: #fff;
...
@@ -354,7 +468,7 @@ export default {
...
@@ -354,7 +468,7 @@ export default {
letter-spacing: 0;
letter-spacing: 0;
}
}
}
}
.content {
.
my-
content {
margin-bottom: 8px;
margin-bottom: 8px;
.item {
.item {
padding: 4px 0;
padding: 4px 0;
...
@@ -436,7 +550,12 @@ export default {
...
@@ -436,7 +550,12 @@ export default {
}
}
}
}
}
}
.rate{
position: absolute;
width: 100%;
bottom: 134px;
box-shadow: -2px -2px 10px #ccc;
}
.prompt {
.prompt {
position: absolute;
position: absolute;
width: 100%;
width: 100%;
...
@@ -444,7 +563,6 @@ export default {
...
@@ -444,7 +563,6 @@ export default {
background: rgba(142, 195, 30, 0.1);
background: rgba(142, 195, 30, 0.1);
height: 111px;
height: 111px;
display: flex;
display: flex;
div:first-child {
div:first-child {
flex: 1;
flex: 1;
padding: 16px 0 0 16px;
padding: 16px 0 0 16px;
...
@@ -484,6 +602,9 @@ export default {
...
@@ -484,6 +602,9 @@ export default {
background: @headerColor;
background: @headerColor;
color: white;
color: white;
}
}
.hls-list-item{
}
}
}
@media (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) {
@media (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) {
.platform-ios {
.platform-ios {
...
...
src/pages/pay/success.vue
deleted
100644 → 0
View file @
90d121d8
<
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=
"changePage"
>
<span>
支付中心
</span>
</div>
</h-header>
<h-content>
<div
class=
"my-content"
>
<img
class=
"flag"
src=
"@/assets/payment/success.png"
>
<h3>
支付成功
</h3>
<p>
感谢您的还款,我们将尽快为您结清金额
</p>
<div
class=
"info"
>
<div
class=
"left"
>
<list-item
:item-height=
"30"
>
<item>
<div
slot=
"name"
class=
"name"
>
时间
</div>
<div
slot=
"content"
>
{{
date
}}
</div>
</item>
<item>
<div
slot=
"name"
class=
"name"
>
姓名
</div>
<div
slot=
"content"
>
{{
userName
}}
</div>
</item>
<item>
<div
slot=
"name"
class=
"name"
>
还款金额
</div>
<div
slot=
"content"
>
{{
money
|
currency
}}
</div>
</item>
</list-item>
</div>
</div>
</div>
</h-content>
</h-view>
</
template
>
<
script
>
export
default
{
data
()
{
return
{
date
:
null
,
userName
:
window
.
localStorage
.
getItem
(
'bp_name'
),
isShow
:
false
,
name
:
null
,
money
:
this
.
$route
.
params
.
money
,
}
},
beforeRouteEnter
(
to
,
from
,
next
)
{
next
(
vm
=>
{
vm
.
name
=
from
.
name
window
.
localStorage
.
setItem
(
'money'
,
vm
.
money
)
})
},
watch
:
{
'date'
:
{
handler
(
newVal
,
oldVal
)
{
let
time
=
new
Date
()
let
year
=
time
.
getFullYear
()
let
month
=
time
.
getMonth
()
+
1
let
day
=
time
.
getDate
()
this
.
date
=
`
${
year
}
-
${
month
}
-
${
day
}
`
},
immediate
:
true
,
},
},
methods
:
{
changePage
()
{
if
(
this
.
name
===
'PayEntry'
)
{
this
.
$router
.
replace
({
name
:
'FirstPay'
,
})
}
else
if
(
this
.
name
===
'PaymentPayEntry'
)
{
this
.
$router
.
replace
({
name
:
'NewList'
,
})
}
},
},
}
</
script
>
<
style
lang=
"less"
scoped
>
#result {
background-color: #fafafa;
.my-content {
height: 400px;
background-color: #fff;
.flag {
display: block;
margin: 0 auto;
width: 72px;
padding-top: 48px;
}
h3 {
margin: 0 auto;
margin-top: 32px;
width: 83px;
font-weight: 600;
font-family: PingFangSC-Semibold;
font-size: 20px;
color: #383f45;
letter-spacing: 0.71px;
}
p {
margin: 0 auto;
margin-top: 10px;
width: 234px;
font-family: PingFangSC-Regular;
font-size: 13px;
color: rgba(56, 63, 69, 0.6);
letter-spacing: 0;
}
.info {
width: 343px;
margin: 0 auto;
border-top: 1px solid #d9dbdf;
margin-top: 48px;
.name {
font-family: PingFangSC-Regular;
font-size: 14px;
color: rgba(56, 63, 69, 0.6);
letter-spacing: 0.5px;
}
.left {
padding-top: 10px;
}
}
}
}
</
style
>
src/pages/reimburseMyself/reimburse-detail.vue
View file @
08a87b5f
...
@@ -22,11 +22,11 @@
...
@@ -22,11 +22,11 @@
</item>
</item>
<item>
<item>
<div
slot=
"name"
>
收款账号
</div>
<div
slot=
"name"
>
收款账号
</div>
<div
slot=
"content"
>
{{
'暂无字段'
}}
</div>
<div
slot=
"content"
>
{{
detail
.
received_amount
}}
</div>
</item>
</item>
<item>
<item>
<div
slot=
"name"
>
收款账户名称
</div>
<div
slot=
"name"
>
收款账户名称
</div>
<div
slot=
"content"
>
{{
'暂无字段'
}}
</div>
<div
slot=
"content"
>
{{
detail
.
received_amount_name
}}
</div>
</item>
</item>
<item>
<item>
<div
slot=
"name"
>
商业伙伴
</div>
<div
slot=
"name"
>
商业伙伴
</div>
...
@@ -38,21 +38,21 @@
...
@@ -38,21 +38,21 @@
</item>
</item>
<item>
<item>
<div
slot=
"name"
>
付款账号
</div>
<div
slot=
"name"
>
付款账号
</div>
<div
slot=
"content"
>
{{
'暂无字段'
}}
</div>
<div
slot=
"content"
>
{{
detail
.
pay_amount
}}
</div>
</item>
</item>
<item>
<item>
<div
slot=
"name"
>
付款账户名称
</div>
<div
slot=
"name"
>
付款账户名称
</div>
<div
slot=
"content"
>
{{
'暂无字段'
}}
</div>
<div
slot=
"content"
>
{{
detail
.
pay_amount_name
}}
</div>
</item>
</item>
</list-item>
</list-item>
<div
v-for=
"(list,index) in conList"
class=
"contract"
:key=
"index
"
>
<div
v-for=
"(list,index) in conList"
:key=
"index"
class=
"contract
"
>
<div>
<div>
<div
class=
"top"
>
<div
class=
"top"
>
<img
src=
"@/assets/reimburseMyself/q.png"
>
<img
src=
"@/assets/reimburseMyself/q.png"
>
<span
class=
"number"
>
合同号
</span>
<span
class=
"number"
>
合同号
</span>
<span>
{{
list
.
project_number
}}
</span>
<span>
{{
list
.
project_number
}}
</span>
</div>
</div>
<div
v-for=
"(item,indexTwo) in list.con_lists"
class=
"bottom"
:key=
"indexTwo
"
>
<div
v-for=
"(item,indexTwo) in list.con_lists"
:key=
"indexTwo"
class=
"bottom
"
>
<list-item
>
<list-item
>
<item>
<item>
<div
slot=
"name"
>
首付款
</div>
<div
slot=
"name"
>
首付款
</div>
...
...
src/pages/reimburseMyself/reimburse-myself-list.Vue
View file @
08a87b5f
...
@@ -6,24 +6,24 @@
...
@@ -6,24 +6,24 @@
<h-view
id=
"reimburse"
class=
"public-style"
style=
"height: 100%"
>
<h-view
id=
"reimburse"
class=
"public-style"
style=
"height: 100%"
>
<h-header
:proportion=
"[5,1,1]"
class=
"bar-custom"
>
<h-header
:proportion=
"[5,1,1]"
class=
"bar-custom"
>
<div
slot=
"left"
class=
"h-header-btn"
>
<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>
<span>
我的还款
</span>
</div>
</div>
</h-header>
</h-header>
<div
class=
"search has-header"
>
<div
class=
"search has-header"
>
<input
v-model=
"keyWords"
type=
"text"
placeholder=
"请输入还款金额"
/
>
<input
v-model=
"keyWords"
type=
"text"
placeholder=
"请输入还款金额"
>
</div>
</div>
<scroll
ref=
"scroll"
:updateData=
"[
reimburseList]"
:pullUp=
"tru
e"
>
<scroll
ref=
"scroll"
:updateData=
"[
showList]"
:pullUp=
"true"
@
pullingUp=
"loadMor
e"
>
<section
class=
"reimburse-wrap"
>
<section
class=
"reimburse-wrap"
>
<list-item
<list-item
v-for=
"(list,index) in
reimburse
List"
v-for=
"(list,index) in
show
List"
:key=
"index"
:key=
"index"
@
click
.
native=
"godetail(list.order_id)"
@
click
.
native=
"godetail(list.order_id)"
>
>
<item>
<item>
<img
slot=
"left-icon"
src=
"@/assets/reimburseMyself/reimburse.png"
class=
"left-icon"
/
>
<img
slot=
"left-icon"
src=
"@/assets/reimburseMyself/reimburse.png"
class=
"left-icon"
>
<div
slot=
"name"
>
还款金额
</div>
<div
slot=
"name"
>
还款金额
</div>
<div
slot=
"content"
class=
"money-font"
>
{{
list
.
order
amount
|
currency
}}
</div>
<div
slot=
"content"
class=
"money-font"
>
{{
list
.
order
_amount
|
currency
}}
</div>
</item>
</item>
<item>
<item>
<div
slot=
"left-icon"
class=
"left-icon"
/>
<div
slot=
"left-icon"
class=
"left-icon"
/>
...
@@ -38,47 +38,141 @@
...
@@ -38,47 +38,141 @@
<
script
>
<
script
>
export
default
{
export
default
{
data
()
{
data
()
{
return
{
return
{
reimburseList
:
[],
reimburseList
:
[],
keyWords
:
""
searchList
:
[],
};
showList
:
[],
keyWords
:
''
,
pagenum
:
1
,
searchPagenum
:
1
,
}
},
},
beforeRouteEnter
(
to
,
from
,
next
)
{
beforeRouteEnter
(
to
,
from
,
next
)
{
next
(
vm
=>
{
next
(
vm
=>
{
// if (from.name === 'MyInfo') {
// if (from.name === 'MyInfo') {
vm
.
getList
();
vm
.
pagenum
=
1
vm
.
searchPagenum
=
1
vm
.
getList
()
// }
// }
});
})
},
watch
:
{
keyWords
(
newVal
,
oldVal
)
{
this
.
search
()
},
},
},
methods
:
{
methods
:
{
godetail
(
e
)
{
godetail
(
e
)
{
this
.
$router
.
push
({
this
.
$router
.
push
({
name
:
"ReimburseDetail"
,
name
:
'ReimburseDetail'
,
params
:
{
params
:
{
order_id
:
e
order_id
:
e
,
},
})
},
loadMore
()
{
if
(
this
.
keyWords
)
{
this
.
searchMore
()
}
else
{
this
.
getList
()
}
}
});
},
},
getList
()
{
searchMore
()
{
let
vm
=
this
;
let
vm
=
this
let
url
=
process
.
env
.
basePath
+
"my_repayment_query"
;
let
url
=
process
.
env
.
basePath
+
'my_repayment_query'
let
param
=
{
let
param
=
{
user_phone
:
window
.
localStorage
.
getItem
(
"user_phone"
)
user_phone
:
window
.
localStorage
.
getItem
(
'user_phone'
),
};
pagesize
:
10
,
vm
.
hlsPopup
.
showLoading
(
"数据加载中,请稍后!"
);
pagenum
:
vm
.
searchPagenum
,
vm
.
hlsHttp
.
post
(
url
,
param
).
then
(
function
(
res
)
{
searchInput
:
vm
.
keyWords
,
vm
.
hlsPopup
.
hideLoading
();
}
if
(
res
.
result
===
"S"
)
{
vm
.
hlsPopup
.
showLoading
(
'数据加载中,请稍后!'
)
vm
.
reimburseList
=
res
.
lists
;
vm
.
hlsHttp
.
post
(
url
,
param
).
then
(
function
(
res
)
{
// if (res.lists.length > 0 && res.lists.length
<
10
)
{
vm
.
hlsPopup
.
hideLoading
()
vm
.
$refs
.
scroll
.
update
(
true
);
if
(
res
.
result
===
'S'
)
{
// }
let
returnData
=
[]
returnData
=
res
.
lists
if
(
returnData
.
length
===
0
)
{
vm
.
$refs
.
scroll
.
update
(
true
)
}
else
if
(
returnData
.
length
>
0
&&
returnData
.
length
<
10
)
{
vum
.
forEach
(
returnData
,
function
(
data
,
index
,
array
)
{
vm
.
searchList
.
push
(
array
[
index
])
})
vm
.
searchPagenum
++
vm
.
$refs
.
scroll
.
update
(
true
)
}
else
if
(
returnData
.
length
===
10
)
{
vum
.
forEach
(
returnData
,
function
(
data
,
index
,
array
)
{
vm
.
searchList
.
push
(
array
[
index
])
})
vm
.
searchPagenum
++
vm
.
$refs
.
scroll
.
update
(
false
)
}
vm
.
showList
=
vm
.
searchList
}
})
},
search
()
{
let
vm
=
this
vm
.
searchPagenum
=
2
vm
.
$refs
.
scroll
.
scrollToTop
()
let
randomString
=
Math
.
floor
(
Math
.
random
()
*
21
)
let
url
=
process
.
env
.
basePath
+
'my_repayment_query'
+
'&index'
+
`'
${
randomString
}
'`
let
param
=
{
user_phone
:
window
.
localStorage
.
getItem
(
'user_phone'
),
searchInput
:
vm
.
keyWords
,
pagesize
:
10
,
pagenum
:
1
,
}
vm
.
hlsPopup
.
showLoading
(
'数据加载中,请稍后!'
)
vm
.
hlsHttp
.
post
(
url
,
param
).
then
(
function
(
res
)
{
vm
.
hlsPopup
.
hideLoading
()
if
(
res
.
result
===
'S'
)
{
vm
.
searchList
=
res
.
lists
vm
.
showList
=
res
.
lists
vm
.
$refs
.
scroll
.
update
(
false
)
}
}
});
})
},
getList
()
{
let
vm
=
this
let
url
=
process
.
env
.
basePath
+
'my_repayment_query'
let
param
=
{
user_phone
:
window
.
localStorage
.
getItem
(
'user_phone'
),
pagesize
:
10
,
pagenum
:
vm
.
pagenum
,
}
}
vm
.
hlsPopup
.
showLoading
(
'数据加载中,请稍后!'
)
vm
.
hlsHttp
.
post
(
url
,
param
).
then
(
function
(
res
)
{
vm
.
hlsPopup
.
hideLoading
()
if
(
res
.
result
===
'S'
)
{
let
returnData
=
[]
returnData
=
res
.
lists
if
(
returnData
.
length
===
0
)
{
vm
.
$refs
.
scroll
.
update
(
true
)
}
else
if
(
returnData
.
length
>
0
&&
returnData
.
length
<
10
)
{
vum
.
forEach
(
returnData
,
function
(
data
,
index
,
array
)
{
vm
.
reimburseList
.
push
(
array
[
index
])
})
vm
.
pagenum
++
vm
.
$refs
.
scroll
.
update
(
true
)
}
else
if
(
returnData
.
length
===
10
)
{
vum
.
forEach
(
returnData
,
function
(
data
,
index
,
array
)
{
vm
.
reimburseList
.
push
(
array
[
index
])
})
vm
.
pagenum
++
vm
.
$refs
.
scroll
.
update
(
false
)
}
}
};
vm
.
showList
=
vm
.
reimburseList
}
})
},
},
}
</
script
>
</
script
>
<
style
lang=
"less"
rel=
"stylesheet"
>
<
style
lang=
"less"
rel=
"stylesheet"
>
...
...
src/pages/userBindNew/np/accessory-info.vue
View file @
08a87b5f
This diff is collapsed.
Click to expand it.
src/router/index.js
View file @
08a87b5f
...
@@ -64,7 +64,6 @@ import ContractRepayPlan from '@/pages/ContractSigning/contract-repay-plan'
...
@@ -64,7 +64,6 @@ import ContractRepayPlan from '@/pages/ContractSigning/contract-repay-plan'
import
FirstPay
from
'../pages/pay/firstPay/first-pay'
import
FirstPay
from
'../pages/pay/firstPay/first-pay'
import
PayEntry
from
'@/pages/pay/firstPay/pay-entry'
import
PayEntry
from
'@/pages/pay/firstPay/pay-entry'
import
ContractRecord
from
'@/pages/pay/firstPay/contract-record'
import
ContractRecord
from
'@/pages/pay/firstPay/contract-record'
import
Success
from
'@/pages/pay/success'
// 款项支付
// 款项支付
import
PaymentPayEntry
from
'@/pages/pay/payment/pay-entry'
import
PaymentPayEntry
from
'@/pages/pay/payment/pay-entry'
import
PaymentContractRecord
from
'@/pages/pay/payment/contract-record'
import
PaymentContractRecord
from
'@/pages/pay/payment/contract-record'
...
@@ -234,7 +233,6 @@ export default new Router({
...
@@ -234,7 +233,6 @@ export default new Router({
{
path
:
'/first-pay'
,
component
:
FirstPay
,
name
:
'FirstPay'
,
meta
:
{
keepAlive
:
true
}},
{
path
:
'/first-pay'
,
component
:
FirstPay
,
name
:
'FirstPay'
,
meta
:
{
keepAlive
:
true
}},
{
path
:
'/pay-entry'
,
component
:
PayEntry
,
name
:
'PayEntry'
,
meta
:
{
keepAlive
:
true
}},
{
path
:
'/pay-entry'
,
component
:
PayEntry
,
name
:
'PayEntry'
,
meta
:
{
keepAlive
:
true
}},
{
path
:
'/contract-record'
,
component
:
ContractRecord
,
name
:
'ContractRecord'
,
meta
:
{
keepAlive
:
true
}},
{
path
:
'/contract-record'
,
component
:
ContractRecord
,
name
:
'ContractRecord'
,
meta
:
{
keepAlive
:
true
}},
{
path
:
'/success'
,
component
:
Success
,
name
:
'Success'
,
meta
:
{
keepAlive
:
false
}},
// 款项支付
// 款项支付
{
path
:
'/payment-pay-entry'
,
component
:
PaymentPayEntry
,
name
:
'PaymentPayEntry'
,
meta
:
{
keepAlive
:
false
}},
{
path
:
'/payment-pay-entry'
,
component
:
PaymentPayEntry
,
name
:
'PaymentPayEntry'
,
meta
:
{
keepAlive
:
false
}},
{
path
:
'/new-list'
,
component
:
NewList
,
name
:
'NewList'
,
meta
:
{
keepAlive
:
true
}},
{
path
:
'/new-list'
,
component
:
NewList
,
name
:
'NewList'
,
meta
:
{
keepAlive
:
true
}},
...
@@ -253,7 +251,7 @@ export default new Router({
...
@@ -253,7 +251,7 @@ export default new Router({
{
path
:
'/help-detail'
,
component
:
HelpDetail
,
name
:
'HelpDetail'
,
meta
:
{
keepAlive
:
true
}},
{
path
:
'/help-detail'
,
component
:
HelpDetail
,
name
:
'HelpDetail'
,
meta
:
{
keepAlive
:
true
}},
{
path
:
'/help-feedback'
,
component
:
HelpFeedback
,
name
:
'HelpFeedback'
,
meta
:
{
keepAlive
:
false
}},
{
path
:
'/help-feedback'
,
component
:
HelpFeedback
,
name
:
'HelpFeedback'
,
meta
:
{
keepAlive
:
false
}},
// 我的还款
// 我的还款
{
path
:
'/reimburse-myself-list'
,
component
:
ReimburseMyselfList
,
name
:
'ReimburseMyselfList'
,
meta
:
{
keepAlive
:
tru
e
}},
{
path
:
'/reimburse-myself-list'
,
component
:
ReimburseMyselfList
,
name
:
'ReimburseMyselfList'
,
meta
:
{
keepAlive
:
fals
e
}},
{
path
:
'/reimburse-detail'
,
component
:
ReimburseDetail
,
name
:
'ReimburseDetail'
,
meta
:
{
keepAlive
:
false
}},
{
path
:
'/reimburse-detail'
,
component
:
ReimburseDetail
,
name
:
'ReimburseDetail'
,
meta
:
{
keepAlive
:
false
}},
// 我的收藏
// 我的收藏
{
path
:
'/my-product-list'
,
component
:
MyProductList
,
name
:
'MyProductList'
,
meta
:
{
keepAlive
:
true
}},
{
path
:
'/my-product-list'
,
component
:
MyProductList
,
name
:
'MyProductList'
,
meta
:
{
keepAlive
:
true
}},
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment