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
559ce305
Commit
559ce305
authored
Nov 04, 2019
by
linxin
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
修复bug
parent
bcb0d17a
Changes
16
Hide whitespace changes
Inline
Side-by-side
Showing
16 changed files
with
305 additions
and
306 deletions
+305
-306
back1.png
src/assets/payment/back1.png
+0
-0
background.png
src/assets/payment/background.png
+0
-0
select.png
src/assets/payment/select.png
+0
-0
confirm-detail.vue
src/pages/carConfirm/confirm-detail.vue
+27
-25
confirm-list.vue
src/pages/carConfirm/confirm-list.vue
+33
-25
add-car.vue
src/pages/contractStart/add-car.vue
+71
-43
start-list.vue
src/pages/contractStart/start-list.vue
+20
-19
contract-record.vue
src/pages/pay/firstPay/contract-record.vue
+1
-1
first-pay.vue
src/pages/pay/firstPay/first-pay.vue
+107
-101
pay-entry.vue
src/pages/pay/firstPay/pay-entry.vue
+17
-31
first-pay.vue
src/pages/pay/marginPay/first-pay.vue
+1
-1
pay-entry.vue
src/pages/pay/marginPay/pay-entry.vue
+0
-1
contract-record.vue
src/pages/pay/payment/contract-record.vue
+2
-2
first-pay.vue
src/pages/pay/payment/first-pay.vue
+1
-1
pay-entry.vue
src/pages/pay/payment/pay-entry.vue
+25
-39
success.vue
src/pages/pay/success.vue
+0
-17
No files found.
src/assets/payment/back1.png
0 → 100644
View file @
559ce305
77.8 KB
src/assets/payment/background.png
deleted
100644 → 0
View file @
bcb0d17a
10 KB
src/assets/payment/select.png
View replaced file @
bcb0d17a
View file @
559ce305
1.25 KB
|
W:
|
H:
1.13 KB
|
W:
|
H:
2-up
Swipe
Onion skin
src/pages/carConfirm/confirm-detail.vue
View file @
559ce305
...
...
@@ -28,11 +28,11 @@
</item>
<item>
<div
slot=
"name"
>
车辆型号
</div>
<input
slot=
"content"
v-model=
"
i
nfo.type"
readonly
placeholder=
"自动识别车辆型号"
>
<input
slot=
"content"
v-model=
"
rentI
nfo.type"
readonly
placeholder=
"自动识别车辆型号"
>
</item>
<item>
<div
slot=
"name"
>
合格证编号
</div>
<input
slot=
"content"
v-model=
"
i
nfo.number"
readonly
placeholder=
"自动识别合格证编号"
>
<input
slot=
"content"
v-model=
"
rentI
nfo.number"
readonly
placeholder=
"自动识别合格证编号"
>
</item>
<item>
<div
slot=
"name"
>
厂商型号
</div>
...
...
@@ -53,6 +53,15 @@
placeholder=
"请输入车牌号"
>
</item>
<item>
<div
slot=
"name"
>
发车日期
</div>
<input
slot=
"content"
v-model=
"rentInfo.date"
readonly
placeholder=
"请输入发车日期"
>
</item>
</list-item>
</div>
</div>
...
...
@@ -98,10 +107,10 @@
</list-item>
<div
class=
"userInfo"
>
设备清单
</div>
<div
v-for=
"(item,index) in
numInt
"
v-for=
"(item,index) in
equip
"
:key=
"index"
class=
"equipment"
@
click=
"downNum=true;getRent()"
@
click=
"downNum=true;getRent(
item.contract_id
)"
>
<div
class=
"left"
>
<span>
...
...
@@ -134,15 +143,15 @@ export default {
downNum
:
false
,
show
:
false
,
info
:
{
product_plan_id
:
'
29
'
,
product_num
:
'
1
'
,
first_pay
:
'
102500
'
,
division_n
:
'
平地机
'
,
gps_fee
:
'
500
'
,
bp_name
:
'
黄冲
'
,
project_number
:
'
PJ2019050043
'
,
bp_agent_name
:
'
上海汉得信息技术股份有限公司
'
,
product_plan_id_n
:
'
PDJ
'
,
product_plan_id
:
''
,
product_num
:
''
,
first_pay
:
''
,
division_n
:
''
,
gps_fee
:
''
,
bp_name
:
''
,
project_number
:
''
,
bp_agent_name
:
' '
,
product_plan_id_n
:
''
,
},
rentInfo
:
{
frame_number
:
''
,
...
...
@@ -161,18 +170,11 @@ export default {
}
},
computed
:
{
numInt
()
{
if
(
this
.
info
.
product_num
!==
null
&&
this
.
info
.
product_num
!==
''
)
{
return
parseInt
(
this
.
info
.
product_num
)
}
else
{
return
0
}
},
},
beforeRouteEnter
(
to
,
from
,
next
)
{
next
(
vm
=>
{
//
vm.getDetail()
//
vm.getEquipment()
vm
.
getDetail
()
vm
.
getEquipment
()
})
},
methods
:
{
...
...
@@ -223,11 +225,11 @@ export default {
}
})
},
getRent
()
{
getRent
(
e
)
{
let
vm
=
this
let
url
=
process
.
env
.
basePath
+
'leases_info_query'
let
param
=
{
contract_id
:
vm
.
equip
.
contract_id
,
contract_id
:
e
,
}
hlsPopup
.
showLoading
(
'请稍候'
)
vm
.
$post
(
url
,
param
).
then
(
function
(
res
)
{
...
...
@@ -297,7 +299,7 @@ export default {
.down {
position: relative;
width: 314px;
height:
46
6px;
height:
50
6px;
background-size: 301px 24.7px;
background-color: #fff;
}
...
...
src/pages/carConfirm/confirm-list.vue
View file @
559ce305
...
...
@@ -59,30 +59,7 @@ export default {
return
{
contructs
:
[],
tabNum
:
0
,
lists
:
[{
'project_id'
:
'48812'
,
'project_number'
:
''
,
'bp_name'
:
'张三'
,
'total_price'
:
'51'
,
'division_n'
:
'PDJ'
,
'confirm_status'
:
'SUBMIT'
,
},
{
'project_id'
:
'48800'
,
'project_number'
:
''
,
'bp_name'
:
'李四'
,
'total_price'
:
'51'
,
'division_n'
:
'PDJ'
,
'confirm_status'
:
'APPROVED'
,
},
{
'project_id'
:
'48800'
,
'project_number'
:
''
,
'bp_name'
:
'王五'
,
'total_price'
:
'51'
,
'division_n'
:
'PDJ'
,
'confirm_status'
:
'APPROVED'
,
}],
lists
:
[],
showList
:
[],
undo
:
[],
done
:
[],
...
...
@@ -101,7 +78,13 @@ export default {
},
},
created
()
{
this
.
selectShowList
()
},
beforeRouteEnter
(
to
,
from
,
next
)
{
next
(
vm
=>
{
if
(
from
.
name
===
'MyInfo'
)
{
vm
.
getList
()
}
})
},
methods
:
{
selectShowList
()
{
...
...
@@ -136,6 +119,31 @@ export default {
vm
.
hlsPopup
.
hideLoading
()
if
(
res
.
result
===
'S'
)
{
vm
.
lists
=
res
.
lists
// vm.lists = [{
// 'project_id': '48812',
// 'project_number': '',
// 'bp_name': '张三',
// 'total_price': '51',
// 'division_n': 'PDJ',
// 'confirm_status': 'SUBMIT',
// },
// {
// 'project_id': '48800',
// 'project_number': '',
// 'bp_name': '李四',
// 'total_price': '51',
// 'division_n': 'PDJ',
// 'confirm_status': 'APPROVED',
// },
// {
// 'project_id': '48800',
// 'project_number': '',
// 'bp_name': '王五',
// 'total_price': '51',
// 'division_n': 'PDJ',
// 'confirm_status': 'APPROVED',
// }]
vm
.
selectShowList
()
}
else
{
hlsPopup
.
showLongCenter
(
res
.
message
)
}
...
...
src/pages/contractStart/add-car.vue
View file @
559ce305
...
...
@@ -42,6 +42,10 @@
<div
slot=
"name"
>
车牌号
</div>
<input
slot=
"content"
v-model=
"info.license_plate_number"
placeholder=
"请输入车牌号"
>
</item>
<item>
<div
slot=
"name"
>
发车日期
</div>
<input
slot=
"content"
v-model=
"showDate"
placeholder=
"请输入发车日期"
@
click=
"showTime('YYYY-MM-DD')"
>
</item>
<!--
<item
:showArrow=
"true"
@
click
.
native=
"showModalValue=true"
>
<div
slot=
"name"
>
产品参数
</div>
<input
slot=
"content"
v-model=
"info.bank_branch_name"
placeholder=
"请选择产品参数"
@
click=
"changeHeight"
>
...
...
@@ -141,7 +145,7 @@
v-for=
"(item,index) in equip"
:key=
"index"
class=
"equipment"
@
click=
"downNum = true;
addContractId
(item.contract_id)"
@
click=
"downNum = true;
getRent
(item.contract_id)"
>
<div
class=
"left"
>
<span>
...
...
@@ -217,7 +221,8 @@ export default {
num
:
null
,
downNum
:
false
,
show
:
false
,
read
:
false
,
read
:
false
,
// 表示只读
showDate
:
''
,
productLine
:
[
{
code
:
'5'
,
...
...
@@ -282,6 +287,7 @@ export default {
license_plate_number
:
''
,
type
:
''
,
number
:
''
,
date
:
''
,
},
detail
:
{
product_num
:
''
,
...
...
@@ -298,23 +304,37 @@ export default {
project_id
:
''
,
bp_id
:
''
,
},
equip
:
[
{
product_id
:
'3'
,
product_code
:
'GTC389'
,
contract_id
:
'231'
,
},
],
equip
:
[],
// {
// product_id: '3',
// product_code: 'GTC389',
// contract_id: '231',
// },
}
},
computed
:
{
numInt
()
{
numInt
()
{
// 添加设备的时候处理值为空或者nul的情况
if
(
this
.
detail
.
product_num
!==
null
&&
this
.
detail
.
product_num
!==
''
)
{
return
parseInt
(
this
.
detail
.
product_num
)
}
else
{
return
0
}
},
carDate
()
{
let
date
=
new
Date
()
let
y
=
date
.
getFullYear
()
let
m
=
date
.
getMonth
()
+
1
let
d
=
date
.
getDate
()
if
((
m
.
toString
()).
length
<
2
)
{
m
=
`0
${
m
}
`
}
else
if
((
d
.
toString
()).
length
<
2
)
{
d
=
`0
${
d
}
`
}
return
`
${
y
}
-
${
m
}
-
${
d
}
`
},
},
created
()
{
this
.
showDate
=
this
.
carDate
},
beforeRouteEnter
(
to
,
from
,
next
)
{
next
(
vm
=>
{
...
...
@@ -331,9 +351,19 @@ export default {
})
},
methods
:
{
showTime
(
format
)
{
this
.
hlsPopup
.
showTime
({
nowDate
:
`
${
this
.
carDate
}
`
,
format
:
format
,
callback
:
(
date
)
=>
{
this
.
showDate
=
date
},
})
},
save
()
{
let
vm
=
this
let
url
=
process
.
env
.
basePath
+
'leases_info_save'
this
.
info
.
date
=
this
.
showDate
let
param
=
{
master
:
this
.
info
,
}
...
...
@@ -369,11 +399,12 @@ export default {
},
})
},
getRent
()
{
getRent
(
e
)
{
let
vm
=
this
vm
.
info
.
contract_id
=
e
let
url
=
process
.
env
.
basePath
+
'leases_info_query'
let
param
=
{
contract_id
:
vm
.
equip
.
contract_id
,
contract_id
:
e
,
}
hlsPopup
.
showLoading
(
'请稍候'
)
vm
.
$post
(
url
,
param
).
then
(
function
(
res
)
{
...
...
@@ -385,9 +416,7 @@ export default {
}
})
},
addContractId
(
e
)
{
this
.
info
.
contract_id
=
e
},
approve
()
{
let
vm
=
this
let
url
=
process
.
env
.
basePath
+
'car_apply_submit'
...
...
@@ -417,7 +446,6 @@ export default {
vm
.
hlsPopup
.
hideLoading
()
if
(
res
.
result
===
'S'
)
{
vm
.
equip
=
res
.
lists
vm
.
getRent
()
}
else
{
hlsPopup
.
showLongCenter
(
res
.
message
)
}
...
...
@@ -488,33 +516,33 @@ export default {
})
},
getDetail
()
{
let
obj
=
{
product_plan_id
:
'29'
,
product_num
:
'1'
,
first_pay
:
'102500'
,
division_n
:
'平地机'
,
gps_fee
:
'500'
,
bp_name
:
'黄冲'
,
project_number
:
'PJ2019050043'
,
bp_agent_name
:
'上海汉得信息技术股份有限公司 '
,
product_plan_id_n
:
'PDJ'
,
total_price
:
'1111111111'
,
}
Object
.
assign
(
this
.
detail
,
obj
)
// let vm = this
// let url = process.env.basePath + 'con_contract_detial'
// let param = {
// project_id: this.$route.params.project_id,
// let obj = {
// product_plan_id: '29',
// product_num: '1',
// first_pay: '102500',
// division_n: '平地机',
// gps_fee: '500',
// bp_name: '黄冲',
// project_number: 'PJ2019050043',
// bp_agent_name: '上海汉得信息技术股份有限公司 ',
// product_plan_id_n: 'PDJ',
// total_price: '1111111111',
// }
// hlsPopup.showLoading('请稍候')
// vm.$post(url, param).then(function (res) {
// vm.hlsPopup.hideLoading()
// if (res.result === 'S') {
// Object.assign(vm.detail, res.info)
// } else {
// hlsPopup.showLongCenter(res.message)
// }
// })
// Object.assign(this.detail, obj)
let
vm
=
this
let
url
=
process
.
env
.
basePath
+
'con_contract_detial'
let
param
=
{
project_id
:
this
.
$route
.
params
.
project_id
,
}
hlsPopup
.
showLoading
(
'请稍候'
)
vm
.
$post
(
url
,
param
).
then
(
function
(
res
)
{
vm
.
hlsPopup
.
hideLoading
()
if
(
res
.
result
===
'S'
)
{
Object
.
assign
(
vm
.
detail
,
res
.
info
)
}
else
{
hlsPopup
.
showLongCenter
(
res
.
message
)
}
})
},
changeHeight
()
{
let
popClient
=
document
.
querySelector
(
'.bottom-content'
)
...
...
@@ -631,7 +659,7 @@ export default {
.down {
position: relative;
width: 314px;
height: 5
3
6px;
height: 5
8
6px;
background-size: 301px 24.7px;
background-color: #fff;
}
...
...
src/pages/contractStart/start-list.vue
View file @
559ce305
...
...
@@ -63,24 +63,7 @@ export default {
return
{
tabNum
:
0
,
contructs
:
[],
lists
:
[
{
project_id
:
'48812'
,
project_number
:
''
,
bp_name
:
'李四'
,
total_price
:
'51'
,
division_n
:
'PDJ'
,
leases_status
:
'Y'
,
},
{
project_id
:
'48800'
,
project_number
:
''
,
bp_name
:
'张三'
,
total_price
:
'51'
,
division_n
:
'PDJ'
,
leases_status
:
'N'
,
},
],
lists
:
[],
showList
:
[],
undo
:
[],
done
:
[],
...
...
@@ -106,7 +89,6 @@ export default {
},
},
created
()
{
this
.
selectShowList
()
},
methods
:
{
selectShowList
()
{
...
...
@@ -148,6 +130,25 @@ export default {
vm
.
hlsPopup
.
hideLoading
()
if
(
res
.
result
===
'S'
)
{
vm
.
lists
=
res
.
lists
// vm.lists = [
// {
// project_id: '48812',
// project_number: '',
// bp_name: '李四',
// total_price: '51',
// division_n: 'PDJ',
// leases_status: 'Y',
// },
// {
// project_id: '48800',
// project_number: '',
// bp_name: '张三',
// total_price: '51',
// division_n: 'PDJ',
// leases_status: 'N',
// },
// ]
vm
.
selectShowList
()
}
else
{
hlsPopup
.
showLongCenter
(
res
.
message
)
}
...
...
src/pages/pay/firstPay/contract-record.vue
View file @
559ce305
...
...
@@ -188,7 +188,7 @@ export default {
background-color: #00469C;
.now-pay {
background: url('../../../assets/payment/background.png');
//
background: url('../../../assets/payment/background.png');
background-size: 365px;
background-position: -5px;
position: absolute;
...
...
src/pages/pay/firstPay/first-pay.vue
View file @
559ce305
...
...
@@ -2,47 +2,59 @@
<h-view
id=
"first-pay"
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=
"goHome"
>
<img
src=
"@/assets/userBind/arrow.png"
@
click=
"goHome"
>
<span>
首付款支付
</span>
</div>
</h-header>
<div
class=
"center"
>
<div
class=
"now-pay"
>
<div>
当前应付
</div>
<div><span>
¥
</span>
{{
money
|
currency
}}
</div>
<h-content>
<div
class=
"top-head"
>
<div
class=
"center"
>
<div
class=
"now-pay"
>
<div
class=
"title"
>
当前应付
</div>
<div
class=
"data"
>
<span>
¥
</span>
{{
money
|
currency
}}
</div>
</div>
</div>
</div>
</div>
<h-content
class=
"pay-content"
>
<div
class=
"pay-money"
>
<div
class=
"pay-icon"
><img
src=
"@/assets/payment/first-pay.png"
alt=
""
>
首付款支付
</div>
<div
class=
"pay-input"
>
<span>
应还首付款
</span>
<input
v-model=
"money"
type=
"text"
placeholder=
"请输入支付金额"
>
<div
@
click=
"createOrder"
><i
class=
"icon ion-ios-arrow-right"
/></div>
<section
class=
"pay-content"
>
<div
class=
"pos"
>
<div
class=
"pay-money"
>
<div
class=
"pay-icon"
>
<img
src=
"@/assets/payment/first-pay.png"
>
首付款支付
</div>
<div
class=
"pay-input"
>
<span>
应还首付款
</span>
<input
v-model=
"money"
type=
"text"
placeholder=
"请输入支付金额"
>
<div
@
click=
"createOrder"
>
<i
class=
"icon ion-ios-arrow-right"
/>
</div>
</div>
</div>
</div>
</section>
<div
class=
"prompt"
>
<div>
<img
src=
"@/assets/payment/prompt.png"
alt
>
</div>
<div>
<p>
温馨提示
</p>
<p>
推荐使用农行卡,农行卡支付免收手续费!
</p>
</div>
</div>
</h-content>
<div
class=
"prompt"
>
<div><img
src=
"@/assets/payment/prompt.png"
alt=
""
></div>
<div>
<p>
温馨提示
</p>
<p>
推荐使用农行卡,农行卡支付免收手续费!
</p>
</div>
</div>
<bottom-tab>
<tab-button
class=
"footer"
@
click
.
native=
"pay"
>
支
付
</tab-button>
<tab-button
class=
"footer"
@
click
.
native=
"pay"
>
支
付
</tab-button>
</bottom-tab>
</h-view>
</
template
>
<
script
>
export
default
{
name
:
'FirstPay'
,
components
:
{
},
components
:
{},
data
()
{
return
{
money
:
0
,
...
...
@@ -54,7 +66,9 @@ export default {
if
(
from
.
name
===
'MyInfo'
)
{
vm
.
getDownPayment
()
}
else
if
(
from
.
name
===
'Success'
)
{
vm
.
money
=
parseInt
(
vm
.
default
)
-
parseInt
(
window
.
sessionStorage
.
getItem
(
'money'
))
vm
.
money
=
parseInt
(
vm
.
default
)
-
parseInt
(
window
.
sessionStorage
.
getItem
(
'money'
))
vm
.
default
=
vm
.
money
}
})
...
...
@@ -156,80 +170,64 @@ export default {
</
script
>
<
style
lang=
'less'
>
#first-pay {
.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;
}
}
}
.center {
position: relative;
height: 50px;
background-color: #00469C;
.top-head {
width: 100%;
height: 206px;
background: url("../../../assets/payment/back1.png");
background-size: 100% 206px;
.now-pay {
background: url('../../../assets/payment/background.png');
background-size: 365px;
background-position: -5px;
position: absolute;
left: 10px;
z-index: 2;
text-align: center;
width: 355px;
height: 89px;
border-radius: 4px;
box-shadow: 0 1px 3px 2px rgba(168,168,168,0.14);
:first-child {
width: 90px;
margin: 0 auto;
display: flex;
justify-content: center;
flex-wrap: wrap;
.title {
font-family: PingFangSC-Regular;
font-size: 14px;
color: #383F45;
height: 35px;
line-height: 42px;
color: #ffffff;
margin-top: 20px;
}
:last-child {
font-family: DIN-Bold;
.data {
font-family: Verdana-Bold;
font-size: 24px;
color: #FF8300;
font-weight: 700;
span {
font-size: 16px;
margin-right: 5px;
}
color: #ffffff;
letter-spacing: 0;
line-height: 18px;
text-align: center;
margin-top: 16px;
}
}
}
.pay-content {
padding-top: 50px;
position: relative;
top: -47px;
width: 100%;
height: 94px;
display: flex;
justify-content: center;
.pos {
width: 96%;
height: 100%;
background: #ffffff;
box-shadow: 0 1px 3px 2px rgba(168, 168, 168, 0.14);
}
.pay-money {
height: 74px;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
flex: 1;
background-color: #fff;
padding-left: 16px;
.pay-icon {
height: 50%;
display: flex;
align-items: center;
font-family: PingFangSC-Regular;
font-size: 14px;
color: #00469C;
padding-top: 12px;
color: #00469c;
img{
img
{
width: 18px;
display: block;
float: left;
...
...
@@ -238,17 +236,21 @@ export default {
}
.pay-input {
margin-top: 11px;
display: flex;
height: 50%;
display: flex;
align-items: center;
flex:1;
font-family: PingFangSC-Regular;
font-size: 14px;
color: #656464;
height: 37px;
span {
flex: 2;
text-align: left;
line-height: 37px;
height: 100%;
display: flex;
align-items: center;
}
input {
...
...
@@ -257,14 +259,16 @@ export default {
padding-right: 5px;
}
div{
div {
display: flex;
height: 100%;
align-items: center;
flex: 1;
text-align: center;
line-height: 37px;
background: rgba(0,70,156,0.08);
background: rgba(0, 70, 156, 0.08);
i {
color: #00469
C
;
color: #00469
c
;
font-size: 16px;
}
}
...
...
@@ -272,17 +276,19 @@ export default {
input::placeholder {
font-family: PingFangSC-Regular;
font-size: 14px;
color: #
B4B4B
5;
color: #
b4b4b
5;
}
}
}
}
.prompt {
background: rgba(142,
195,30,0.10
);
background: rgba(142,
195, 30, 0.1
);
height: 77px;
display: flex;
position: absolute;
width: 100%;
bottom: 0;
div:first-child {
flex: 1;
padding: 16px 0 0 16px;
...
...
@@ -294,13 +300,13 @@ export default {
}
div:last-child {
flex:12;
flex:
12;
p:first-child {
padding-top: 16px;
font-family: PingFangSC-Semibold;
font-size: 14px;
color: #8
EC31E
;
color: #8
ec31e
;
letter-spacing: 0.5px;
}
...
...
@@ -308,16 +314,16 @@ export default {
padding-top: 15px;
font-family: PingFangSC-Regular;
font-size: 12px;
color: rgba(101,
100,100,0.80
);
color: rgba(101,
100, 100, 0.8
);
letter-spacing: 0.37px;
}
}
}
.bottom-tab-button{
background: #00469
C
;
.bottom-tab-button
{
background: #00469
c
;
border-radius: 4px;
color:white;
color:
white;
height: 40px;
margin: 4px 2% 0 2%;
}
...
...
src/pages/pay/firstPay/pay-entry.vue
View file @
559ce305
...
...
@@ -13,6 +13,13 @@
<div>
¥
{{
money
|
currency
}}
</div>
</div>
<list-item
:item-height=
"56"
class=
"pay-way"
>
<item
v-for=
"(item,index) in nongBank"
:proportion=
"[7,1,1]"
:key=
"index"
@
click
.
native=
"isSelect(`nong$
{index}`)">
<div
slot=
"name"
style=
"flex=3"
>
<img
:src=
"selectImg(item)"
alt=
""
class=
"icon"
>
{{
item
.
bank_full_name
}}
(
{{
selectLast
(
item
)
}}
)
<img
v-show=
"item.recommand"
class=
"push"
src=
"@/assets/payment/push.png"
></div>
<section
slot=
"content"
>
<img
v-show=
"select === `nong$
{index}`" src="@/assets/payment/select.png" alt="">
<img
v-show=
"select !== `nong$
{index}`" src="@/assets/payment/unselect.png" alt="">
</section>
</item>
<item
:proportion=
"[7,1,1]"
@
click
.
native=
"isSelect('one')"
>
<div
slot=
"name"
>
<img
src=
"@/assets/payment/alipay.png"
alt=
""
class=
"icon1"
>
支付宝
</div>
<section
slot=
"content"
>
...
...
@@ -40,7 +47,7 @@
</h-content>
<bottom-tab>
<tab-button
class=
"foot
er
"
@
click
.
native=
"pay"
>
<tab-button
class=
"foot"
@
click
.
native=
"pay"
>
立即付款
</tab-button>
</bottom-tab>
...
...
@@ -75,22 +82,22 @@ export default {
recommand
:
false
,
flag
:
false
,
// 用于判断是否有农业银行卡
lists
:
[],
nongBank
:
[],
// 存农行卡
}
},
computed
:
{
newList
()
{
let
vm
=
this
let
value
let
flag
vm
.
lists
.
forEach
((
item
,
i
)
=>
{
if
(
item
.
bank_full_name
.
indexOf
(
'农业'
)
!==
-
1
)
{
value
=
vm
.
lists
.
splice
(
i
,
1
)
vm
.
lists
.
unshift
(...
value
)
flag
=
true
vm
.
nongBank
.
push
(...
value
)
vm
.
flag
=
true
}
})
if
(
flag
)
{
vm
.
select
=
'
three
0'
if
(
vm
.
flag
)
{
vm
.
select
=
'
nong
0'
}
else
{
vm
.
select
=
'one'
}
...
...
@@ -195,24 +202,7 @@ export default {
margin-left:10px;
width:35px;
}
.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;
}
}
}
.entry-content {
.amount {
height: 166px;
...
...
@@ -281,13 +271,9 @@ export default {
}
}
.bottom-tab-button{
background: #00469C;
border-radius: 4px;
color:white;
height: 40px;
margin: 4px 2% 0 2%;
}
.foot{
background-color: @headerColor;
color: #fff;
}
}
</
style
>
src/pages/pay/marginPay/first-pay.vue
View file @
559ce305
...
...
@@ -106,7 +106,7 @@ export default {
background-color: #00469C;
.now-pay {
background: url('../../../assets/payment/background.png');
//
background: url('../../../assets/payment/background.png');
background-size: 365px;
background-position: -5px;
position: absolute;
...
...
src/pages/pay/marginPay/pay-entry.vue
View file @
559ce305
...
...
@@ -6,7 +6,6 @@
<span>
支付中心
</span>
</div>
</h-header>
<h-content
class=
"entry-content"
>
<div
class=
"amount"
>
<p>
首付还款
</p>
...
...
src/pages/pay/payment/contract-record.vue
View file @
559ce305
...
...
@@ -46,7 +46,7 @@
</section>
<list-item
:item-height=
"44"
>
<item>
<div
slot=
"name"
>
应还违约金
</div>
<div
slot=
"name"
>
逾期利息
</div>
<span
slot=
"content"
>
{{
money
|
currency
}}
</span>
</item>
</list-item></h-content>
...
...
@@ -221,7 +221,7 @@ export default {
background-color: #00469C;
.now-pay {
background: url('../../../assets/payment/background.png');
//
background: url('../../../assets/payment/background.png');
background-size: 365px;
background-position: -5px;
position: absolute;
...
...
src/pages/pay/payment/first-pay.vue
View file @
559ce305
...
...
@@ -187,7 +187,7 @@ export default {
background-color: #00469C;
.now-pay {
background: url('../../../assets/payment/background.png');
//
background: url('../../../assets/payment/background.png');
background-size: 365px;
background-position: -5px;
position: absolute;
...
...
src/pages/pay/payment/pay-entry.vue
View file @
559ce305
...
...
@@ -13,6 +13,13 @@
<div>
¥
{{
money
|
currency
}}
</div>
</div>
<list-item
:item-height=
"56"
class=
"pay-way"
>
<item
v-for=
"(item,index) in nongBank"
:proportion=
"[7,1,1]"
:key=
"index"
@
click
.
native=
"isSelect(`nong$
{index}`)">
<div
slot=
"name"
style=
"flex=3"
>
<img
:src=
"selectImg(item)"
alt=
""
class=
"icon"
>
{{
item
.
bank_full_name
}}
(
{{
selectLast
(
item
)
}}
)
<img
v-show=
"item.recommand"
class=
"push"
src=
"@/assets/payment/push.png"
></div>
<section
slot=
"content"
>
<img
v-show=
"select === `nong$
{index}`" src="@/assets/payment/select.png" alt="">
<img
v-show=
"select !== `nong$
{index}`" src="@/assets/payment/unselect.png" alt="">
</section>
</item>
<item
:proportion=
"[7,1,1]"
@
click
.
native=
"isSelect('one')"
>
<div
slot=
"name"
>
<img
src=
"@/assets/payment/alipay.png"
alt=
""
class=
"icon1"
>
支付宝
</div>
<section
slot=
"content"
>
...
...
@@ -67,7 +74,8 @@ export default {
data
()
{
return
{
money
:
''
,
select
:
'three0'
,
select
:
'one'
,
nongBank
:
[],
// 存农行卡
flag
:
false
,
// 用于判断是否有农业银行卡
lists
:
[],
}
...
...
@@ -76,16 +84,15 @@ export default {
newList
()
{
let
vm
=
this
let
value
let
flag
vm
.
lists
.
forEach
((
item
,
i
)
=>
{
if
(
item
.
bank_full_name
.
indexOf
(
'农业'
)
!==
-
1
)
{
value
=
vm
.
lists
.
splice
(
i
,
1
)
vm
.
lists
.
unshift
(...
value
)
flag
=
true
vm
.
nongBank
.
push
(...
value
)
vm
.
flag
=
true
}
})
if
(
flag
)
{
vm
.
select
=
'
three
0'
if
(
vm
.
flag
)
{
vm
.
select
=
'
nong
0'
}
else
{
vm
.
select
=
'one'
}
...
...
@@ -191,30 +198,19 @@ export default {
</
script
>
<
style
lang=
'less'
>
#payment-pay-entry {
.icon {
width: 30px;
display: block;
float: left;
position: relative;
margin: 12px 8px 0 3px;
}
.push{
position: absolute;
top:10px;
margin-left:10px;
width:35px;
}
.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;
}
}
}
.entry-content {
.amount {
height: 166px;
...
...
@@ -265,13 +261,7 @@ export default {
margin-top: 12px;
margin-right: 8px;
}
.icon {
width: 30px;
display: block;
float: left;
position: relative;
margin: 12px 8px 0 3px;
}
}
.add-content {
...
...
@@ -283,13 +273,9 @@ export default {
}
}
.bottom-tab-button{
background: #00469C;
border-radius: 4px;
color:white;
height: 40px;
margin: 4px 2% 0 2%;
}
.footer{
color: #fff;
background-color: @headerColor;
}
}
</
style
>
src/pages/pay/success.vue
View file @
559ce305
...
...
@@ -80,23 +80,6 @@ export default {
<
style
lang=
"less"
scoped
>
#result {
background-color: #fafafa;
.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;
}
}
}
.my-content {
height: 400px;
background-color: #fff;
...
...
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