Skip to content

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

电子签

parent 7f5fbbb0
Hide whitespace changes
Inline Side-by-side
Showing with 397 additions and 264 deletions
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>授权人(承租人)：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;身份证号：&nbsp;&nbsp;&nbsp;&nbsp;日期： </div>
<div>法定代表人/负责人：&nbsp;&nbsp;&nbsp;&nbsp;身份证号：&nbsp;&nbsp;&nbsp;日期： </div>
<div>授权人(承租人配偶)：&nbsp;&nbsp;&nbsp;&nbsp;身份证号：&nbsp;&nbsp;&nbsp;日期： </div>
<div>授权人(担保人)：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;身份证号：&nbsp;&nbsp;&nbsp;&nbsp;日期： </div>
<div>法定代表人/负责人：&nbsp;&nbsp;&nbsp;&nbsp;身份证号：&nbsp;&nbsp;&nbsp;日期： </div>
<div>授权人(承租人)：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;身份证号：&nbsp;&nbsp;&nbsp;&nbsp;日期：</div>
<div>法定代表人/负责人：&nbsp;&nbsp;&nbsp;&nbsp;身份证号：&nbsp;&nbsp;&nbsp;日期：</div>
<div>授权人(承租人配偶)：&nbsp;&nbsp;&nbsp;&nbsp;身份证号：&nbsp;&nbsp;&nbsp;日期：</div>
<div>授权人(担保人)：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;身份证号：&nbsp;&nbsp;&nbsp;&nbsp;日期：</div>
<div>法定代表人/负责人：&nbsp;&nbsp;&nbsp;&nbsp;身份证号：&nbsp;&nbsp;&nbsp;日期：</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;
......@@ -773,152 +865,152 @@ export default {
}
}
.name-box {
display: inline-block;
text-align: center;
line-height: 16px;
color: #00469c;
width: 16px;
height: 16px;
background: #cddbec;
border-radius: 4px;
}
.name {
font-family: PingFangSC-Regular;
font-size: 14px;
color: #383f45;
letter-spacing: 0;
margin-left: 10px;
}
.card-num {
font-family: PingFangSC-Regular;
font-size: 14px;
color: #383f45;
letter-spacing: 0;
display: block;
margin-left: 31px;
margin-top: 7px;
}
.right {
position: relative;
}
.right span {
float: right;
margin-right: 48px;
display: block;
font-family: PingFangSC-Regular;
font-size: 14px;
color: rgba(56, 63, 69, 0.6);
letter-spacing: 0;
line-height: 18px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 150px;
margin-top: -10px;
text-align: right
}
.right span:last-child {
margin-top: 7px;
}
.right img {
position: absolute;
top: 30%;
left: 88%;
width: 14px;
height: 16px;
}
display: inline-block;
text-align: center;
line-height: 16px;
color: #00469c;
width: 16px;
height: 16px;
background: #cddbec;
border-radius: 4px;
}
.name {
font-family: PingFangSC-Regular;
font-size: 14px;
color: #383f45;
letter-spacing: 0;
margin-left: 10px;
}
.card-num {
font-family: PingFangSC-Regular;
font-size: 14px;
color: #383f45;
letter-spacing: 0;
display: block;
margin-left: 31px;
margin-top: 7px;
}
.right {
position: relative;
}
.right span {
float: right;
margin-right: 48px;
display: block;
font-family: PingFangSC-Regular;
font-size: 14px;
color: rgba(56, 63, 69, 0.6);
letter-spacing: 0;
line-height: 18px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 150px;
margin-top: -10px;
text-align: right;
}
.right span:last-child {
margin-top: 7px;
}
.right img {
position: absolute;
top: 30%;
left: 88%;
width: 14px;
height: 16px;
}
.alert {
padding-bottom: 84px;
width: 100%;
//margin-top: -10px;
background: #FbF2d2;
}
.alert-fund{
margin-top: -10px;
}
.alert-content {
width: 334px;
margin: 0 auto;
padding-top: 16px;
}
padding-bottom: 150px;
width: 100%;
//margin-top: -10px;
background: #fbf2d2;
}
.alert-fund {
margin-top: -10px;
}
.alert-content {
width: 334px;
margin: 0 auto;
padding-top: 16px;
}
.info-word {
font-family: PingFangSC-Semibold;
font-size: 14px;
color: #fcc800;
letter-spacing: 0.5px;
margin-left: 8px;
}
.info-word {
font-family: PingFangSC-Semibold;
font-size: 14px;
color: #fcc800;
letter-spacing: 0.5px;
margin-left: 8px;
}
.title {
display: flex;
align-items: center;
}
.top-word {
p {
font-family: PingFangSC-Regular;
font-size: 12px;
color: #656464;
letter-spacing: 0.37px;
margin-top: 7px;
line-height: 15px;
text-indent: 16px;
position: relative;
}
p::before {
content: "";
display: block;
position: absolute;
top: 5px;
left: 0px;
width: 4px;
height: 4px;
border-radius: 20px;
background-color: #fcc800;
}
}
.top-info {
.title {
display: flex;
align-items: center;
}
.top-word {
p {
font-family: PingFangSC-Regular;
font-size: 12px;
color: #656464;
letter-spacing: 0.37px;
margin-top: 7px;
line-height: 15px;
span {
color: #fcc800;
}
text-indent: 16px;
position: relative;
}
p::before {
content: "";
display: block;
position: absolute;
top: 5px;
left: 0px;
width: 4px;
height: 4px;
border-radius: 20px;
background-color: #fcc800;
}
}
.top-info {
font-family: PingFangSC-Regular;
font-size: 12px;
color: #656464;
letter-spacing: 0.37px;
margin-top: 7px;
line-height: 15px;
.alert img {
width: 18px;
height: 18px;
span {
color: #fcc800;
}
}
.alert img {
width: 18px;
height: 18px;
}
.font-color {
font-family: PingFangSC-Regular;
font-size: 14px;
color: #656464;
letter-spacing: 0;
}
.repay-plan {
}
.repay-plan {
height: 44px;
width: 100%;
margin-top: -10px;
background: #F2F2F2;
margin-top: -10px;
background: #f2f2f2;
p {
font-family: PingFangSC-Semibold;
font-size: 14px;
color: #00469C;
letter-spacing: 0;
height: 44px;
width: 84px;
line-height: 44px;
font-weight: bold;
text-decoration: underline;
margin-left: 16px;
font-family: PingFangSC-Semibold;
font-size: 14px;
color: #00469c;
letter-spacing: 0;
height: 44px;
width: 84px;
line-height: 44px;
font-weight: bold;
text-decoration: underline;
margin-left: 16px;
}
}
.equipment-list-fund{
}
.equipment-list-fund {
height: 40px;
line-height: 40px;
background-color: #fafafa;
......@@ -929,176 +1021,176 @@ 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 #F1F0F5;
border-bottom: 1px solid #f1f0f5;
div:first-child{
div:first-child {
font-family: PingFangSC-Semibold;
font-size: 14px;
color: #E50020;
color: #e50020;
letter-spacing: 0.5px;
font-weight: 700;
margin-top:13px;
margin-top: 13px;
img{
img {
width: 18px;
line-height: 12px;
display: block;
margin: -3px 5px 0 40%;
margin: -3px 5px 0 40%;
float: left;
}
}
div:nth-child(2){
margin-top:22px;
div:nth-child(2) {
margin-top: 22px;
font-family: PingFangSC-Regular;
font-size: 13px;
color: #383F45;
color: #383f45;
letter-spacing: 0.4px;
padding: 0 22px;
line-height: 20px;
}
}
.bottom{
.bottom {
text-align: center;
font-family: PingFangSC-Regular;
font-size: 14px;
color: #00469C;
color: #00469c;
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;
letter-spacing: 0.43px;
margin: 0 4px;
margin: 0 4px;
line-height: 32px;
}
.undone{
background: rgba(220,220,221,0.26);
color: #383F45;
.undone {
background: rgba(220, 220, 221, 0.26);
color: #383f45;
}
.done{
background: rgba(0,70,156,0.10);
color: #00469C;
.done {
background: rgba(0, 70, 156, 0.1);
color: #00469c;
}
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;
background-color: #fff;
}
.hls-item {
margin-top: 8px;
background-color: #fff;
}
.contents{
padding: 0;
}
.contents {
padding: 0;
}
.in-detail{
background-color: rgba(0,70,156,0.08);
width: 48px;
height: 56px;
text-align: center;
line-height: 65px;
.in-detail {
background-color: rgba(0, 70, 156, 0.08);
width: 48px;
height: 56px;
text-align: center;
line-height: 65px;
img{
width: 16px;
}
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;
}
}
......@@ -1143,8 +1235,8 @@ export default {
.pics {
// width: 21px;
height: 30px;
}
height: 30px;
}
.read {
height: 16px;
......@@ -1158,7 +1250,7 @@ export default {
font-family: PingFangSC-Regular;
font-size: 14px;
margin-left: 16px;
color: #383F45;
color: #383f45;
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}},
......
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