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
c10f6225
Commit
c10f6225
authored
Dec 06, 2019
by
linxin
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
电子签
parent
7f5fbbb0
Changes
4
Show whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
397 additions
and
264 deletions
+397
-264
contract-detail.vue
src/pages/contractSigning/contract-detail.vue
+354
-264
contract-signing.vue
src/pages/contractSigning/contract-signing.vue
+1
-0
electronic-sign.vue
src/pages/contractSigning/electronic-sign.vue
+38
-0
index.js
src/router/index.js
+4
-0
No files found.
src/pages/contractSigning/contract-detail.vue
View file @
c10f6225
...
...
@@ -10,7 +10,10 @@
<div
v-show=
"isshow"
class=
"all"
>
<div
class=
"prompt"
>
<div
class=
"top"
>
<div><img
src=
"@/assets/constractSigning/prompt.png"
alt=
""
>
<span>
提示
</span>
</div>
<div>
<img
src=
"@/assets/constractSigning/prompt.png"
alt
>
<span>
提示
</span>
</div>
<div>
请前往【农行代扣授权书】界面完成银行卡信息录入!
</div>
</div>
<div
class=
"bottom"
@
click=
"isshow = !isshow"
>
我知道了
</div>
...
...
@@ -18,11 +21,15 @@
</div>
<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>
<div
v-if=
"!isConfirm&&con_confirm_status!=='APPROVED'&&auth_credit_flag!=='Y'"
v-once
class=
"myModal"
>
<div
v-if=
"!isConfirm&&con_confirm_status!=='APPROVED'&&auth_credit_flag!=='Y'"
v-once
class=
"myModal"
>
<div
class=
"box"
>
<span
class=
"title-box"
>
征信授权书
</span>
<div
class=
"content-box"
>
...
...
@@ -37,11 +44,11 @@
<p>
特别声明:
</p>
<p>
本授权书经接受后即时生效,且效力具有独立性,不因相关业务合同或条款无效或被撤销而无效或失效,本授权一经做出,便不可撤销。
</p>
<p>
授权人已知悉本授权书全部内容(特别是加粗字体内容)的含义及因此产生的法律效力,自愿作出以上授权。本授权书是授权人真实意思表示,授权人同意承担由此带来的一切法律后果。
</p>
<div>
授权人(承租人):
身份证号:
日期:
</div>
<div>
法定代表人/负责人:
身份证号:
日期:
</div>
<div>
授权人(承租人配偶):
身份证号:
日期:
</div>
<div>
授权人(担保人):
身份证号:
日期:
</div>
<div>
法定代表人/负责人:
身份证号:
日期:
</div>
<div>
授权人(承租人):
身份证号:
日期:
</div>
<div>
法定代表人/负责人:
身份证号:
日期:
</div>
<div>
授权人(承租人配偶):
身份证号:
日期:
</div>
<div>
授权人(担保人):
身份证号:
日期:
</div>
<div>
法定代表人/负责人:
身份证号:
日期:
</div>
<p
class=
"font-blod"
>
注:1.承租人、担保人为法人或者其他机构的,法定代表人或负责人需签名
</p>
<p
class=
"font-blod sec"
>
2.承租人为自然人且已婚的,配偶双方共同签名
</p>
</div>
...
...
@@ -53,18 +60,27 @@
</div>
</div>
<div
class=
"tab-style"
>
<div
:class=
"
{'done':num === 0,'undone':num !== 0}" @click="num = 0;">
<img
:src=
"num === 0?check1:uncheck1"
>
基本信息
</div>
<div
:class=
"
{'done':num === 1,'undone':num !== 1}" @click="num = 1;">
<img
:src=
"num === 1?check3:uncheck3"
>
租赁信息
</div>
<div
:class=
"
{'done':num === 2,'undone':num !== 2}" @click="num = 2;">
<img
:src=
"num === 2?check2:uncheck2"
>
合同文本
</div>
<div
:class=
"
{'done':num === 0,'undone':num !== 0}" @click="num = 0;">
<img
:src=
"num === 0?check1:uncheck1"
>
基本信息
</div>
<div
:class=
"
{'done':num === 1,'undone':num !== 1}" @click="num = 1;">
<img
:src=
"num === 1?check3:uncheck3"
>
租赁信息
</div>
<div
:class=
"
{'done':num === 2,'undone':num !== 2}" @click="num = 2;">
<img
:src=
"num === 2?check2:uncheck2"
>
合同文本
</div>
</div>
<h-content
v-if=
"num === 0"
class=
"business-condition"
>
<!-- 法人信息 -->
<LegalPerson
v-if=
"bp_flag"
:baseInfo=
"baseInfo"
/>
<LegalPerson
v-if=
"bp_flag"
:baseInfo=
"baseInfo"
/>
<!-- 个人信息(自然人) -->
<Personal
v-if=
"!bp_flag"
:baseInfo=
"baseInfo"
/>
<Personal
v-if=
"!bp_flag"
:baseInfo=
"baseInfo"
/>
<div
class=
"equipment-list"
>
担保人信息
<span
v-if=
"guarantorInfo.length === 0"
>
(无)
</span></div>
<div
class=
"equipment-list"
>
担保人信息
<span
v-if=
"guarantorInfo.length === 0"
>
(无)
</span>
</div>
<list-item
v-if=
"guarantorInfo.length"
:item-height=
"76"
>
<item
v-for=
"(item,index) in guarantorInfo"
:key=
"index"
>
<div
slot=
"name"
>
...
...
@@ -80,7 +96,6 @@
</div>
</item>
</list-item>
<div
class=
"alert"
>
<div
class=
"alert-content"
>
<div
class=
"title"
>
...
...
@@ -94,36 +109,46 @@
<p>
本人同意接收来自于徐工融资租赁有限公司或第三方发出的提醒付款、确认付款、催款等短信(不含广告),同意接收来自于徐工融资租赁有限公司的录音电话,并积极配合。
</p>
</div>
</div>
<div
v-if=
"tabNum === 1"
class=
"sign-elect"
>
<button
@
click=
"goElectronicSign"
>
电子签
</button>
</div>
</div>
</h-content>
<h-content
v-if=
"num === 2"
>
<list-item
:item-height=
"56"
class=
"contract-text"
style=
"background-color:rgb(250,250,250);"
>
<item
:proportion=
"[4,1]"
>
<div
slot=
"name"
class=
"aguremrnt-list"
>
<img
src=
"@/assets/constractSigning/npack.png"
alt
=
""
class=
"pics"
>
<img
src=
"@/assets/constractSigning/npack.png"
alt
class=
"pics"
>
<p
class=
"second first"
>
承租人确认意见
</p>
</div>
<div
slot=
"content"
class=
"in-detail"
@
click=
"goContractContent('承租人确认意见')"
><img
src=
"@/assets/constractSigning/detail.png"
alt=
""
></div>
<div
slot=
"content"
class=
"in-detail"
@
click=
"goContractContent('承租人确认意见')"
>
<img
src=
"@/assets/constractSigning/detail.png"
alt
>
</div>
</item>
<item
:proportion=
"[4,1]"
:class=
"
{'border-red':isshow}">
<div
slot=
"name"
class=
"aguremrnt-list"
>
<img
src=
"@/assets/constractSigning/pack.png"
alt
=
""
class=
"pics"
>
<img
src=
"@/assets/constractSigning/pack.png"
alt
class=
"pics"
>
<p
class=
"second"
>
农行代扣授权书
</p>
<img
:src=
"bankPic"
alt
=
""
class=
"read"
>
<img
:src=
"bankPic"
alt
class=
"read"
>
</div>
<div
slot=
"content"
class=
"in-all"
>
<div
@
click=
"entryInfo"
><img
src=
"@/assets/constractSigning/scan.png"
alt=
""
></div>
<div
@
click=
"goContractContent('农行代扣授权书')"
><img
src=
"@/assets/constractSigning/detail.png"
alt=
""
></div>
<div
@
click=
"entryInfo"
>
<img
src=
"@/assets/constractSigning/scan.png"
alt
>
</div>
<div
@
click=
"goContractContent('农行代扣授权书')"
>
<img
src=
"@/assets/constractSigning/detail.png"
alt
>
</div>
</div>
</item>
<item
:proportion=
"[4,1]"
>
<div
slot=
"name"
class=
"aguremrnt-list"
>
<img
src=
"@/assets/constractSigning/pack.png"
alt
=
""
class=
"pics"
>
<img
src=
"@/assets/constractSigning/pack.png"
alt
class=
"pics"
>
<p
class=
"second"
>
融资租赁合同
</p>
<img
:src=
"leasePic"
alt=
""
class=
"read"
>
<img
:src=
"leasePic"
alt
class=
"read"
>
</div>
<div
slot=
"content"
class=
"in-detail"
@
click=
"goContractContent('融资租赁合同')"
>
<img
src=
"@/assets/constractSigning/detail.png"
alt
>
</div>
<div
slot=
"content"
class=
"in-detail"
@
click=
"goContractContent('融资租赁合同')"
><img
src=
"@/assets/constractSigning/detail.png"
alt=
""
></div>
</item>
<!--
<item
:proportion=
"[4,1]"
>
<div
slot=
"name"
class=
"aguremrnt-list"
>
...
...
@@ -132,14 +157,16 @@
<img
:src=
"agentPic"
alt=
""
class=
"read"
>
</div>
<div
slot=
"content"
class=
"in-detail"
@
click=
"goContractContent('经销商担保协议')"
><img
src=
"@/assets/constractSigning/detail.png"
alt=
""
></div>
</item>
-->
</item>
-->
<item
:proportion=
"[4,1]"
>
<div
slot=
"name"
class=
"aguremrnt-list"
>
<img
src=
"@/assets/constractSigning/pack.png"
alt
=
""
class=
"pics"
>
<img
src=
"@/assets/constractSigning/pack.png"
alt
class=
"pics"
>
<p
class=
"second"
>
租赁物所有权转移及接收确认书
</p>
<img
:src=
"agentPic"
alt=
""
class=
"read"
>
<img
:src=
"agentPic"
alt
class=
"read"
>
</div>
<div
slot=
"content"
class=
"in-detail"
@
click=
"goContractContent('租赁物所有权转移及接收确认书')"
>
<img
src=
"@/assets/constractSigning/detail.png"
alt
>
</div>
<div
slot=
"content"
class=
"in-detail"
@
click=
"goContractContent('租赁物所有权转移及接收确认书')"
><img
src=
"@/assets/constractSigning/detail.png"
alt=
""
></div>
</item>
</list-item>
</h-content>
...
...
@@ -147,7 +174,7 @@
<list-item
:item-height=
"44"
class=
"second-part"
>
<item>
<div
slot=
"name"
class=
"font-color"
>
商务政策
</div>
<input
slot=
"content"
v-model=
"info.product_plan_id_n"
readonly
>
<input
slot=
"content"
v-model=
"info.product_plan_id_n"
readonly
>
</item>
<item>
<div
slot=
"name"
class=
"font-color"
>
设备总价
</div>
...
...
@@ -171,11 +198,13 @@
</item>
<item>
<div
slot=
"name"
class=
"font-color"
>
手续费比例
</div>
<input
slot=
"content"
v-model=
"info.lease_charge_ratio_n"
readonly
>
<input
slot=
"content"
v-model=
"info.lease_charge_ratio_n"
readonly
>
</item>
<item>
<div
slot=
"name"
class=
"font-color"
>
手续费
</div>
<span
slot=
"content"
>
{{
parseFloat
(
info
.
lease_charge
*
info
.
product_num
).
toFixed
(
2
)
|
currency
}}
</span>
<span
slot=
"content"
>
{{
parseFloat
(
info
.
lease_charge
*
info
.
product_num
).
toFixed
(
2
)
|
currency
}}
</span>
</item>
<item>
<div
slot=
"name"
class=
"font-color"
>
保险押金
</div>
...
...
@@ -195,45 +224,48 @@
</item>
<item>
<div
slot=
"name"
class=
"font-color"
>
还款周期
</div>
<input
slot=
"content"
v-model=
"info.annual_pay_times_n"
readonly
>
<input
slot=
"content"
v-model=
"info.annual_pay_times_n"
readonly
>
</item>
<item>
<div
slot=
"name"
class=
"font-color"
>
租赁期数
</div>
<input
slot=
"content"
v-model=
"info.lease_times"
readonly
>
<input
slot=
"content"
v-model=
"info.lease_times"
readonly
>
</item>
<item>
<div
slot=
"name"
class=
"font-color"
>
年利率
</div>
<input
slot=
"content"
v-model=
"info.int_rate_n"
readonly
>
<input
slot=
"content"
v-model=
"info.int_rate_n"
readonly
>
</item>
</list-item>
<div
class=
"repay-plan"
>
<p
@
click=
"repayPlan"
>
查看还款计划
</p>
</div>
<div
class=
"equipment-list-fund"
>
<span/>
<p>
设备清单
</p></div>
<span
/>
<p>
设备清单
</p>
</div>
<list-item
:item-height=
"44"
class=
"second-part"
>
<item>
<div
slot=
"name"
class=
"font-color"
>
参数项
</div>
<input
slot=
"content"
v-model=
"info.product_code"
readonly
>
<input
slot=
"content"
v-model=
"info.product_code"
readonly
>
</item>
<item>
<div
slot=
"name"
class=
"font-color"
>
产品线
</div>
<input
slot=
"content"
v-model=
"info.product_name"
readonly
>
<input
slot=
"content"
v-model=
"info.product_name"
readonly
>
</item>
<item>
<div
slot=
"name"
class=
"font-color"
>
产品数量
</div>
<input
slot=
"content"
v-model=
"info.product_num"
readonly
>
<input
slot=
"content"
v-model=
"info.product_num"
readonly
>
</item>
</list-item>
<div
class=
"alert alert-fund"
>
<div
class=
"alert-content"
>
<div
class=
"title"
>
<img
src=
"@/assets/intoApproval/info.png"
>
<img
src=
"@/assets/intoApproval/info.png"
>
<span
class=
"info-word"
>
提示
</span>
</div>
<p
class=
"top-info"
>
绑定成功后,您即可使用APP中合同查询、还款查询等功能。
<span>
为了确保您的权益,请查看全部
</span></p>
<p
class=
"top-info"
>
绑定成功后,您即可使用APP中合同查询、还款查询等功能。
<span>
为了确保您的权益,请查看全部
</span>
</p>
</div>
</div>
</h-content>
...
...
@@ -241,7 +273,7 @@
<tab-button
class=
"footer"
@
click
.
native=
"inSure"
>
审批
</tab-button>
</bottom-tab>
-->
</bottom-tab>
-->
<bottom-tab
v-if=
"con_confirm_status!=='APPROVED'"
class=
"footer-button"
>
<!--
<tab-button
class=
"approve"
@
click
.
native=
"showModalValue=true"
>
-->
<tab-button
class=
"approve"
@
click
.
native=
"inSure"
>
...
...
@@ -249,8 +281,12 @@
</tab-button>
</bottom-tab>
<h-modal
v-if=
"con_confirm_status!=='APPROVED'"
ref=
"modal"
v-model=
"showModalValue"
position=
"bottom"
cus-class=
"sign-modal"
>
v-if=
"con_confirm_status!=='APPROVED'"
ref=
"modal"
v-model=
"showModalValue"
position=
"bottom"
cus-class=
"sign-modal"
>
<h-view>
<h-content
class=
"approveContent"
>
<div
class=
"approveBottom"
>
...
...
@@ -294,6 +330,7 @@ export default {
isshow
:
false
,
// 提示框的显示与隐藏
bp_flag
:
false
,
// 判断自然人和法人
num
:
0
,
tabNum
:
null
,
bp_name
:
''
,
showModalValue
:
false
,
guarantorInfo
:
[],
// 担保人信息
...
...
@@ -328,7 +365,7 @@ export default {
},
computed
:
{},
watch
:
{
'ischecked'
:
function
(
newVal
,
oldVal
)
{
ischecked
:
function
(
newVal
,
oldVal
)
{
let
appro
=
document
.
querySelector
(
'.appro'
)
// 同意按钮
if
(
newVal
)
{
appro
.
style
.
backgroundColor
=
'#00469c'
...
...
@@ -352,6 +389,7 @@ export default {
vm
.
isConfirm
=
false
vm
.
ischecked
=
false
vm
.
showModalValue
=
false
vm
.
tabNum
=
vm
.
$route
.
params
.
num
vm
.
confirm_note
=
''
// 审批意见
vm
.
num
=
0
// 进入详情显示基本信息
vm
.
bp_name
=
vm
.
$route
.
params
.
item
.
bp_name
...
...
@@ -386,12 +424,34 @@ export default {
}
},
methods
:
{
goElectronicSign
()
{
// 电子签
let
vm
=
this
let
url
=
process
.
env
.
basePath
+
'get_sign_url'
let
param
=
{
// confirm_id: vm.confirm_id,
confirm_id
:
1295
,
}
vm
.
hlsPopup
.
showLoading
(
'提交数据中!'
)
vm
.
hlsHttp
.
post
(
url
,
param
).
then
(
function
(
res
)
{
vm
.
hlsPopup
.
hideLoading
()
if
(
res
.
info
.
msg
===
'success'
)
{
vm
.
$router
.
push
({
name
:
'ElectronicSign'
,
params
:
{
url
:
res
.
info
.
data
.
url
,
},
})
}
else
{
vm
.
hlsPopup
.
showLongCenter
(
res
.
info
.
msg
)
}
})
},
charge
(
val
,
status
)
{
let
vm
=
this
this
.
hlsPopup
.
showConfirm
({
title
:
'提示'
,
content
:
`您确认
${
val
}
吗?`
,
onConfirm
:
(
data
)
=>
{
onConfirm
:
data
=>
{
if
(
data
)
{
// 执行同意的逻辑,先打开相机自拍一张
vm
.
takePhonto
(
status
)
...
...
@@ -415,13 +475,13 @@ export default {
let
vm
=
this
vm
.
faceListUpload
=
[]
let
obj
=
{
'pkvalue'
:
vm
.
confirm_id
,
'source_type'
:
'PRJ_PROJECT_BP_CONFIRM'
,
'picture'
:
''
,
'filePath'
:
''
,
'attachment_id'
:
''
,
'user_id'
:
1
,
'fileName'
:
'face'
,
pkvalue
:
vm
.
confirm_id
,
source_type
:
'PRJ_PROJECT_BP_CONFIRM'
,
picture
:
''
,
filePath
:
''
,
attachment_id
:
''
,
user_id
:
1
,
fileName
:
'face'
,
}
let
cameraoptions
=
{
quality
:
100
,
...
...
@@ -457,7 +517,12 @@ export default {
let
res
=
await
vm
.
$post
(
url
,
param
)
hlsPopup
.
hideLoading
()
if
(
res
.
result
===
'S'
&&
res
.
info
)
{
let
cardUrl
=
process
.
env
.
filePath
+
'attachment_id='
+
res
.
info
.
attachment_id
+
'&access_token='
+
window
.
localStorage
.
access_token
let
cardUrl
=
process
.
env
.
filePath
+
'attachment_id='
+
res
.
info
.
attachment_id
+
'&access_token='
+
window
.
localStorage
.
access_token
return
cardUrl
}
else
if
(
res
.
result
===
'S'
&&
!
res
.
info
)
{
hlsPopup
.
showLongCenter
(
'未找到身份证照片'
)
...
...
@@ -471,8 +536,8 @@ export default {
faceIdentify
(
faceImg
,
idCardImgUrl
,
status
)
{
let
vm
=
this
let
obj
=
{
'fileUrl'
:
faceImg
,
'idCardImgUrl'
:
idCardImgUrl
,
fileUrl
:
faceImg
,
idCardImgUrl
:
idCardImgUrl
,
}
hlsPopup
.
showLoading
(
'正在比对'
)
let
url
=
process
.
env
.
ocrPath
+
'/baidu/ocr/face'
...
...
@@ -483,11 +548,10 @@ export default {
hlsPopup
.
showConfirm
({
title
:
'提示'
,
content
:
`识别分数为
${
identifyScore
}
`
,
onConfirm
:
(
data
)
=>
{
onConfirm
:
data
=>
{
if
(
data
)
{
vm
.
doConfirm
(
status
)
}
else
{
}
},
})
...
...
@@ -501,7 +565,7 @@ export default {
let
vm
=
this
let
url
=
process
.
env
.
basePath
+
'do_confrim_bp'
let
param
=
{
'master'
:
{
master
:
{
confirm_id
:
vm
.
confirm_id
,
confirm_status
:
status
,
confirm_note
:
this
.
confirm_note
,
...
...
@@ -590,7 +654,6 @@ export default {
vm
.
hlsHttp
.
post
(
url
,
param
).
then
(
function
(
res
)
{
vm
.
hlsPopup
.
hideLoading
()
if
(
res
.
result
===
'S'
)
{
}
})
},
...
...
@@ -633,7 +696,7 @@ export default {
let
url
=
''
let
url1
=
$config
.
basePath
+
'prj_np_info_query'
let
url2
=
$config
.
basePath
+
'prj_org_info_query'
vm
.
$route
.
params
.
item
.
bp_class
===
'NP'
?
url
=
url1
:
url
=
url2
vm
.
$route
.
params
.
item
.
bp_class
===
'NP'
?
(
url
=
url1
)
:
(
url
=
url2
)
let
param
=
{
project_id
:
vm
.
project_id
,
}
...
...
@@ -670,16 +733,22 @@ export default {
},
})
if
(
name
===
'经销商担保协议'
)
{
setTimeout
(()
=>
{
this
.
agentPic
=
this
.
readed
},
1000
)
setTimeout
(()
=>
{
this
.
agentPic
=
this
.
readed
},
1000
)
}
else
if
(
name
===
'租赁主合同'
)
{
setTimeout
(()
=>
{
this
.
leasePic
=
this
.
readed
},
1000
)
setTimeout
(()
=>
{
this
.
leasePic
=
this
.
readed
},
1000
)
}
},
// 跳转银行信息录入
entryInfo
()
{
let
idCard
=
''
if
(
this
.
baseInfo
.
auth_flag
)
{
this
.
baseInfo
.
auth_flag
===
'是'
?
idCard
=
this
.
baseInfo
.
auth_person_id_card
:
this
.
baseInfo
.
id_card_no
this
.
baseInfo
.
auth_flag
===
'是'
?
(
idCard
=
this
.
baseInfo
.
auth_person_id_card
)
:
this
.
baseInfo
.
id_card_no
console
.
log
(
',,,,,,,,,,,'
,
idCard
)
}
else
{
idCard
=
this
.
baseInfo
.
id_card_no
...
...
@@ -755,6 +824,29 @@ export default {
</
script
>
<
style
lang=
"less"
rel=
"stylesheet"
>
#contract-details {
.sign-elect {
width:100%;
height:1.1rem;
position: fixed;
bottom: 43px;
// margin-top: 20px;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
button {
width: 7.172rem;
height: 0.88rem;
background: #1d3fff;
border-radius: 0.08rem;
color: #fff;
font-family: PingFangSC-Semibold;
font-size: 0.3rem;
line-height: 0.4rem;
letter-spacing: 0.2rem;
}
}
.footer-button {
.approve {
width: 358.6px;
...
...
@@ -815,7 +907,7 @@ export default {
white-space: nowrap;
width: 150px;
margin-top: -10px;
text-align: right
text-align: right;
}
.right span:last-child {
margin-top: 7px;
...
...
@@ -828,12 +920,12 @@ export default {
height: 16px;
}
.alert {
padding-bottom: 84
px;
padding-bottom: 150
px;
width: 100%;
//margin-top: -10px;
background: #FbF
2d2;
background: #fbf
2d2;
}
.alert-fund
{
.alert-fund
{
margin-top: -10px;
}
.alert-content {
...
...
@@ -854,7 +946,7 @@ export default {
display: flex;
align-items: center;
}
.top-word {
.top-word {
p {
font-family: PingFangSC-Regular;
font-size: 12px;
...
...
@@ -899,16 +991,16 @@ export default {
font-size: 14px;
color: #656464;
letter-spacing: 0;
}
.repay-plan {
}
.repay-plan {
height: 44px;
width: 100%;
margin-top: -10px;
background: #F2F2F
2;
background: #f2f2f
2;
p {
font-family: PingFangSC-Semibold;
font-size: 14px;
color: #00469C
;
color: #00469c
;
letter-spacing: 0;
height: 44px;
width: 84px;
...
...
@@ -917,8 +1009,8 @@ export default {
text-decoration: underline;
margin-left: 16px;
}
}
.equipment-list-fund
{
}
.equipment-list-fund
{
height: 40px;
line-height: 40px;
background-color: #fafafa;
...
...
@@ -929,49 +1021,49 @@ export default {
//margin-left: 16px;
position: relative;
//margin-top: -10px;
span{
span
{
width: 4px;
height: 20px;
background: #00469c;
}
p{
p
{
padding-left: 10px;
}
}
.all{
.all
{
position: absolute;
background-color: transparent;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index:2;
z-index:
2;
.prompt{
.prompt
{
position: absolute;
top: 50%;
left:50%;
margin-top:-75px;
left:
50%;
margin-top:
-75px;
margin-left: -121px;
background-color: #fff;
box-shadow: 0 1px 2px 1px rgba(128,
128,128,0.10
);
box-shadow: 0 1px 2px 1px rgba(128,
128, 128, 0.1
);
border-radius: 4px;
width: 242px;
height: 150px;
.top{
.top
{
height: 105px;
border-bottom:
1px solid #F1F0F
5;
border-bottom:
1px solid #f1f0f
5;
div:first-child{
div:first-child
{
font-family: PingFangSC-Semibold;
font-size: 14px;
color: #
E
50020;
color: #
e
50020;
letter-spacing: 0.5px;
font-weight: 700;
margin-top:13px;
margin-top:
13px;
img{
img
{
width: 18px;
line-height: 12px;
display: block;
...
...
@@ -980,41 +1072,41 @@ export default {
}
}
div:nth-child(2){
margin-top:22px;
div:nth-child(2)
{
margin-top:
22px;
font-family: PingFangSC-Regular;
font-size: 13px;
color: #383
F
45;
color: #383
f
45;
letter-spacing: 0.4px;
padding: 0 22px;
line-height: 20px;
}
}
.bottom{
.bottom
{
text-align: center;
font-family: PingFangSC-Regular;
font-size: 14px;
color: #00469
C
;
color: #00469
c
;
line-height: 32px;
}
}
}
}
.tab-style{
display:flex;
.tab-style
{
display:
flex;
justify-content: center;
padding-top:12px;
padding-top:
12px;
padding-bottom: 8px;
align-items: center;
background-color: #fff;
box-shadow:
0 2px 3px 0 rgba(220,220,221,0.50
);
box-shadow:
0 2px 3px 0 rgba(220, 220, 221, 0.5
);
div{
div
{
display: block;
height: 32px;
width: 172px;
border-radius:16px;
border-radius:
16px;
border-radius: 16px;
font-family: PingFangSC-Semibold;
font-size: 14px;
...
...
@@ -1022,83 +1114,83 @@ export default {
margin: 0 4px;
line-height: 32px;
}
.undone{
background: rgba(220,
220,221,
0.26);
color: #383
F
45;
.undone
{
background: rgba(220,
220, 221,
0.26);
color: #383
f
45;
}
.done{
background: rgba(0,
70,156,0.10
);
color: #00469
C
;
.done
{
background: rgba(0,
70, 156, 0.1
);
color: #00469
c
;
}
img{
img
{
width: 16px;
display: block;
float: left;
margin: 8px 5px 0 20px;
}
span:nth-of-type(2){
span:nth-of-type(2)
{
margin-left: 7px;
}
}
.content{
.content
{
height: 87%;
.contract-text{
.border-red{
border: 2px solid rgba(255,0,0,0.40
);
.contract-text
{
.border-red
{
border: 2px solid rgba(255, 0, 0, 0.4
);
}
.hls-item
{
margin-top:
8px;
.hls-item
{
margin-top:
8px;
background-color: #fff;
}
.contents
{
.contents
{
padding: 0;
}
.in-detail
{
background-color: rgba(0,70,156,
0.08);
.in-detail
{
background-color: rgba(0, 70, 156,
0.08);
width: 48px;
height: 56px;
text-align: center;
line-height: 65px;
img
{
img
{
width: 16px;
}
}
.in-all{
.in-all
{
//width: 96px;
display: flex;
img{
img
{
width: 16px;
}
div{
div
{
width: 48px;
height: 56px;
text-align: center;
line-height: 65px;
}
div:first-child{
background-color:
rgba(252,200,0,0.10
);
div:first-child
{
background-color:
rgba(252, 200, 0, 0.1
);
}
div:nth-child(2){
background-color:
rgba(0,70,156,
0.08);
div:nth-child(2)
{
background-color:
rgba(0, 70, 156,
0.08);
}
}
}
}
.business-condition{
.business-condition
{
.equipment-list {
height: 40px;
line-height: 40px;
...
...
@@ -1120,15 +1212,15 @@ export default {
top: 10px;
}
div{
div
{
font-family: PingFangSC-Regular;
color: #656464;
letter-spacing: 0;
}
section{
section
{
font-family: PingFangSC-Regular;
color: rgba(56,
63,69,0.60
);
color: rgba(56,
63, 69, 0.6
);
letter-spacing: 0;
}
}
...
...
@@ -1158,7 +1250,7 @@ export default {
font-family: PingFangSC-Regular;
font-size: 14px;
margin-left: 16px;
color: #383
F
45;
color: #383
f
45;
letter-spacing: 0.43px;
}
...
...
@@ -1212,7 +1304,7 @@ export default {
overflow-y: scroll;
div {
height: 20px;
line-height: 20px
line-height: 20px
;
}
p {
text-indent: 22px;
...
...
@@ -1226,7 +1318,6 @@ export default {
.sec {
text-indent: 22px;
}
}
.confirm {
width: 240px;
...
...
@@ -1318,6 +1409,5 @@ export default {
}
.modal {
background-color: rgba(0, 0, 0, 0) !important;
}
</
style
>
src/pages/contractSigning/contract-signing.vue
View file @
c10f6225
...
...
@@ -331,6 +331,7 @@ export default {
params
:
{
item
:
item
,
user_bp_type
:
this
.
user_bp_type
,
num
:
this
.
num
,
},
})
},
...
...
src/pages/contractSigning/electronic-sign.vue
0 → 100644
View file @
c10f6225
<
template
>
<h-view
id=
"ElectronicSign"
>
<!--
<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-content>
<iframe
:src=
"url"
frameborder=
"0"
scrolling=
"yes"
width=
"100%"
height=
"100%"
/>
</h-content>
</h-view>
</
template
>
<
script
>
export
default
{
data
()
{
return
{
url
:
this
.
$route
.
params
.
url
,
}
},
created
()
{
console
.
log
(
this
)
},
activated
()
{
},
methods
:
{
},
}
</
script
>
<
style
lang=
"less"
scoped
>
</
style
>
src/router/index.js
View file @
c10f6225
...
...
@@ -49,7 +49,9 @@ import ContractSigning from '../pages/contractSigning/contract-signing'
import
ContractDetail
from
'@/pages/ContractSigning/contract-detail'
import
ContractContent
from
'@/pages/ContractSigning/contract-content'
import
EntryInfo
from
'@/pages/ContractSigning/entry-info'
import
ElectronicSign
from
'@/pages/ContractSigning/electronic-sign'
import
ContractRepayPlan
from
'@/pages/ContractSigning/contract-repay-plan'
// 首付款支付
import
FirstPay
from
'../pages/pay/firstPay/first-pay'
import
PayEntry
from
'@/pages/pay/firstPay/pay-entry'
...
...
@@ -207,6 +209,8 @@ export default new Router({
{
path
:
'/contract-content'
,
component
:
ContractContent
,
name
:
'ContractContent'
,
meta
:
{
keepAlive
:
true
}},
{
path
:
'/entry-info'
,
component
:
EntryInfo
,
name
:
'EntryInfo'
,
meta
:
{
keepAlive
:
true
}},
{
path
:
'/contract-repay-plan'
,
component
:
ContractRepayPlan
,
name
:
'ContractRepayPlan'
,
meta
:
{
keepAlive
:
true
}},
{
path
:
'/electronic-sign'
,
component
:
ElectronicSign
,
name
:
'ElectronicSign'
,
meta
:
{
keepAlive
:
true
}},
// 首付款支付
{
path
:
'/first-pay'
,
component
:
FirstPay
,
name
:
'FirstPay'
,
meta
:
{
keepAlive
:
true
}},
{
path
:
'/pay-entry'
,
component
:
PayEntry
,
name
:
'PayEntry'
,
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