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 @@ ...@@ -10,7 +10,10 @@
<div v-show="isshow" class="all"> <div v-show="isshow" class="all">
<div class="prompt"> <div class="prompt">
<div class="top"> <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>
</div> </div>
<div class="bottom" @click="isshow = !isshow">我知道了</div> <div class="bottom" @click="isshow = !isshow">我知道了</div>
...@@ -18,11 +21,15 @@ ...@@ -18,11 +21,15 @@
</div> </div>
<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 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"> <div class="box">
<span class="title-box">征信授权书</span> <span class="title-box">征信授权书</span>
<div class="content-box"> <div class="content-box">
...@@ -37,11 +44,11 @@ ...@@ -37,11 +44,11 @@
<p>特别声明：</p> <p>特别声明：</p>
<p>本授权书经接受后即时生效，且效力具有独立性，不因相关业务合同或条款无效或被撤销而无效或失效，本授权一经做出，便不可撤销。</p> <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;身份证号：&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;日期： </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;身份证号：&nbsp;&nbsp;&nbsp;&nbsp;日期：</div>
<div>法定代表人/负责人：&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">注：1.承租人、担保人为法人或者其他机构的，法定代表人或负责人需签名</p>
<p class="font-blod sec">2.承租人为自然人且已婚的，配偶双方共同签名</p> <p class="font-blod sec">2.承租人为自然人且已婚的，配偶双方共同签名</p>
</div> </div>
...@@ -53,18 +60,27 @@ ...@@ -53,18 +60,27 @@
</div> </div>
</div> </div>
<div class="tab-style"> <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 === 0,'undone':num !== 0}" @click="num = 0;">
<div :class="{'done':num === 1,'undone':num !== 1}" @click="num = 1;"><img :src="num === 1?check3:uncheck3" >租赁信息</div> <img :src="num === 0?check1:uncheck1" >基本信息
<div :class="{'done':num === 2,'undone':num !== 2}" @click="num = 2;"><img :src="num === 2?check2:uncheck2" >合同文本</div> </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> </div>
<h-content v-if="num === 0" class="business-condition"> <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"> <list-item v-if="guarantorInfo.length" :item-height="76">
<item v-for="(item,index) in guarantorInfo" :key="index"> <item v-for="(item,index) in guarantorInfo" :key="index">
<div slot="name"> <div slot="name">
...@@ -80,7 +96,6 @@ ...@@ -80,7 +96,6 @@
</div> </div>
</item> </item>
</list-item> </list-item>
<div class="alert"> <div class="alert">
<div class="alert-content"> <div class="alert-content">
<div class="title"> <div class="title">
...@@ -94,36 +109,46 @@ ...@@ -94,36 +109,46 @@
<p>本人同意接收来自于徐工融资租赁有限公司或第三方发出的提醒付款、确认付款、催款等短信(不含广告),同意接收来自于徐工融资租赁有限公司的录音电话,并积极配合。</p> <p>本人同意接收来自于徐工融资租赁有限公司或第三方发出的提醒付款、确认付款、催款等短信(不含广告),同意接收来自于徐工融资租赁有限公司的录音电话,并积极配合。</p>
</div> </div>
</div> </div>
<div v-if="tabNum === 1" class="sign-elect">
<button @click="goElectronicSign">电子签</button>
</div>
</div> </div>
</h-content> </h-content>
<h-content v-if="num === 2"> <h-content v-if="num === 2">
<list-item :item-height="56" class="contract-text" style="background-color:rgb(250,250,250);"> <list-item :item-height="56" class="contract-text" style="background-color:rgb(250,250,250);">
<item :proportion="[4,1]"> <item :proportion="[4,1]">
<div slot="name" class="aguremrnt-list"> <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> <p class="second first">承租人确认意见</p>
</div> </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>
<item :proportion="[4,1]" :class="{'border-red':isshow}"> <item :proportion="[4,1]" :class="{'border-red':isshow}">
<div slot="name" class="aguremrnt-list"> <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> <p class="second">农行代扣授权书</p>
<img :src="bankPic" alt="" class="read"> <img :src="bankPic" alt class="read" >
</div> </div>
<div slot="content" class="in-all"> <div slot="content" class="in-all">
<div @click="entryInfo"><img src="@/assets/constractSigning/scan.png" alt=""></div> <div @click="entryInfo">
<div @click="goContractContent('农行代扣授权书')"><img src="@/assets/constractSigning/detail.png" alt=""></div> <img src="@/assets/constractSigning/scan.png" alt >
</div>
<div @click="goContractContent('农行代扣授权书')">
<img src="@/assets/constractSigning/detail.png" alt >
</div>
</div> </div>
</item> </item>
<item :proportion="[4,1]"> <item :proportion="[4,1]">
<div slot="name" class="aguremrnt-list"> <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> <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>
<div slot="content" class="in-detail" @click="goContractContent('融资租赁合同')"><img src="@/assets/constractSigning/detail.png" alt=""></div>
</item> </item>
<!-- <item :proportion="[4,1]"> <!-- <item :proportion="[4,1]">
<div slot="name" class="aguremrnt-list"> <div slot="name" class="aguremrnt-list">
...@@ -132,14 +157,16 @@ ...@@ -132,14 +157,16 @@
<img :src="agentPic" alt="" class="read"> <img :src="agentPic" alt="" class="read">
</div> </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>-->
<item :proportion="[4,1]"> <item :proportion="[4,1]">
<div slot="name" class="aguremrnt-list"> <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> <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>
<div slot="content" class="in-detail" @click="goContractContent('租赁物所有权转移及接收确认书')"><img src="@/assets/constractSigning/detail.png" alt=""></div>
</item> </item>
</list-item> </list-item>
</h-content> </h-content>
...@@ -147,7 +174,7 @@ ...@@ -147,7 +174,7 @@
<list-item :item-height="44" class="second-part"> <list-item :item-height="44" class="second-part">
<item> <item>
<div slot="name" class="font-color">商务政策</div> <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>
<item> <item>
<div slot="name" class="font-color">设备总价</div> <div slot="name" class="font-color">设备总价</div>
...@@ -171,11 +198,13 @@ ...@@ -171,11 +198,13 @@
</item> </item>
<item> <item>
<div slot="name" class="font-color">手续费比例</div> <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>
<item> <item>
<div slot="name" class="font-color">手续费</div> <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>
<item> <item>
<div slot="name" class="font-color">保险押金</div> <div slot="name" class="font-color">保险押金</div>
...@@ -195,45 +224,48 @@ ...@@ -195,45 +224,48 @@
</item> </item>
<item> <item>
<div slot="name" class="font-color">还款周期</div> <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>
<item> <item>
<div slot="name" class="font-color">租赁期数</div> <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>
<item> <item>
<div slot="name" class="font-color">年利率</div> <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> </item>
</list-item> </list-item>
<div class="repay-plan"> <div class="repay-plan">
<p @click="repayPlan">查看还款计划</p> <p @click="repayPlan">查看还款计划</p>
</div> </div>
<div class="equipment-list-fund"> <div class="equipment-list-fund">
<span/> <span />
<p>设备清单</p></div> <p>设备清单</p>
</div>
<list-item :item-height="44" class="second-part"> <list-item :item-height="44" class="second-part">
<item> <item>
<div slot="name" class="font-color">参数项</div> <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>
<item> <item>
<div slot="name" class="font-color">产品线</div> <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>
<item> <item>
<div slot="name" class="font-color">产品数量</div> <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> </item>
</list-item> </list-item>
<div class="alert alert-fund"> <div class="alert alert-fund">
<div class="alert-content"> <div class="alert-content">
<div class="title"> <div class="title">
<img src="@/assets/intoApproval/info.png"> <img src="@/assets/intoApproval/info.png" >
<span class="info-word">提示</span> <span class="info-word">提示</span>
</div> </div>
<p class="top-info">绑定成功后，您即可使用APP中合同查询、还款查询等功能。 <p class="top-info">
<span>为了确保您的权益，请查看全部</span></p> 绑定成功后，您即可使用APP中合同查询、还款查询等功能。
<span>为了确保您的权益，请查看全部</span>
</p>
</div> </div>
</div> </div>
</h-content> </h-content>
...@@ -241,7 +273,7 @@ ...@@ -241,7 +273,7 @@
<tab-button class="footer" @click.native="inSure"> <tab-button class="footer" @click.native="inSure">
审批 审批
</tab-button> </tab-button>
</bottom-tab> --> </bottom-tab>-->
<bottom-tab v-if="con_confirm_status!=='APPROVED'" class="footer-button"> <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="showModalValue=true"> -->
<tab-button class="approve" @click.native="inSure"> <tab-button class="approve" @click.native="inSure">
...@@ -249,8 +281,12 @@ ...@@ -249,8 +281,12 @@
</tab-button> </tab-button>
</bottom-tab> </bottom-tab>
<h-modal <h-modal
v-if="con_confirm_status!=='APPROVED'" ref="modal" v-model="showModalValue" position="bottom" v-if="con_confirm_status!=='APPROVED'"
cus-class="sign-modal"> ref="modal"
v-model="showModalValue"
position="bottom"
cus-class="sign-modal"
>
<h-view> <h-view>
<h-content class="approveContent"> <h-content class="approveContent">
<div class="approveBottom"> <div class="approveBottom">
...@@ -294,6 +330,7 @@ export default { ...@@ -294,6 +330,7 @@ export default {
isshow: false, // 提示框的显示与隐藏 isshow: false, // 提示框的显示与隐藏
bp_flag: false, // 判断自然人和法人 bp_flag: false, // 判断自然人和法人
num: 0, num: 0,
tabNum: null,
bp_name: '', bp_name: '',
showModalValue: false, showModalValue: false,
guarantorInfo: [], // 担保人信息 guarantorInfo: [], // 担保人信息
...@@ -328,7 +365,7 @@ export default { ...@@ -328,7 +365,7 @@ export default {
}, },
computed: {}, computed: {},
watch: { watch: {
'ischecked': function (newVal, oldVal) { ischecked: function (newVal, oldVal) {
let appro = document.querySelector('.appro') // 同意按钮 let appro = document.querySelector('.appro') // 同意按钮
if (newVal) { if (newVal) {
appro.style.backgroundColor = '#00469c' appro.style.backgroundColor = '#00469c'
...@@ -352,6 +389,7 @@ export default { ...@@ -352,6 +389,7 @@ export default {
vm.isConfirm = false vm.isConfirm = false
vm.ischecked = false vm.ischecked = false
vm.showModalValue = false vm.showModalValue = false
vm.tabNum = vm.$route.params.num
vm.confirm_note = '' // 审批意见 vm.confirm_note = '' // 审批意见
vm.num = 0 // 进入详情显示基本信息 vm.num = 0 // 进入详情显示基本信息
vm.bp_name = vm.$route.params.item.bp_name vm.bp_name = vm.$route.params.item.bp_name
...@@ -386,12 +424,34 @@ export default { ...@@ -386,12 +424,34 @@ export default {
} }
}, },
methods: { 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) { charge (val, status) {
let vm = this let vm = this
this.hlsPopup.showConfirm({ this.hlsPopup.showConfirm({
title: '提示', title: '提示',
content: `您确认${val}吗？`, content: `您确认${val}吗？`,
onConfirm: (data) => { onConfirm: data => {
if (data) { if (data) {
// 执行同意的逻辑,先打开相机自拍一张 // 执行同意的逻辑,先打开相机自拍一张
vm.takePhonto(status) vm.takePhonto(status)
...@@ -415,13 +475,13 @@ export default { ...@@ -415,13 +475,13 @@ export default {
let vm = this let vm = this
vm.faceListUpload = [] vm.faceListUpload = []
let obj = { let obj = {
'pkvalue': vm.confirm_id, pkvalue: vm.confirm_id,
'source_type': 'PRJ_PROJECT_BP_CONFIRM', source_type: 'PRJ_PROJECT_BP_CONFIRM',
'picture': '', picture: '',
'filePath': '', filePath: '',
'attachment_id': '', attachment_id: '',
'user_id': 1, user_id: 1,
'fileName': 'face', fileName: 'face',
} }
let cameraoptions = { let cameraoptions = {
quality: 100, quality: 100,
...@@ -457,7 +517,12 @@ export default { ...@@ -457,7 +517,12 @@ export default {
let res = await vm.$post(url, param) let res = await vm.$post(url, param)
hlsPopup.hideLoading() hlsPopup.hideLoading()
if (res.result === 'S' && res.info) { 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 return cardUrl
} else if (res.result === 'S' && !res.info) { } else if (res.result === 'S' && !res.info) {
hlsPopup.showLongCenter('未找到身份证照片') hlsPopup.showLongCenter('未找到身份证照片')
...@@ -471,8 +536,8 @@ export default { ...@@ -471,8 +536,8 @@ export default {
faceIdentify (faceImg, idCardImgUrl, status) { faceIdentify (faceImg, idCardImgUrl, status) {
let vm = this let vm = this
let obj = { let obj = {
'fileUrl': faceImg, fileUrl: faceImg,
'idCardImgUrl': idCardImgUrl, idCardImgUrl: idCardImgUrl,
} }
hlsPopup.showLoading('正在比对') hlsPopup.showLoading('正在比对')
let url = process.env.ocrPath + '/baidu/ocr/face' let url = process.env.ocrPath + '/baidu/ocr/face'
...@@ -483,11 +548,10 @@ export default { ...@@ -483,11 +548,10 @@ export default {
hlsPopup.showConfirm({ hlsPopup.showConfirm({
title: '提示', title: '提示',
content: `识别分数为${identifyScore}`, content: `识别分数为${identifyScore}`,
onConfirm: (data) => { onConfirm: data => {
if (data) { if (data) {
vm.doConfirm(status) vm.doConfirm(status)
} else { } else {
} }
}, },
}) })
...@@ -501,7 +565,7 @@ export default { ...@@ -501,7 +565,7 @@ export default {
let vm = this let vm = this
let url = process.env.basePath + 'do_confrim_bp' let url = process.env.basePath + 'do_confrim_bp'
let param = { let param = {
'master': { master: {
confirm_id: vm.confirm_id, confirm_id: vm.confirm_id,
confirm_status: status, confirm_status: status,
confirm_note: this.confirm_note, confirm_note: this.confirm_note,
...@@ -590,7 +654,6 @@ export default { ...@@ -590,7 +654,6 @@ export default {
vm.hlsHttp.post(url, param).then(function (res) { vm.hlsHttp.post(url, param).then(function (res) {
vm.hlsPopup.hideLoading() vm.hlsPopup.hideLoading()
if (res.result === 'S') { if (res.result === 'S') {
} }
}) })
}, },
...@@ -633,7 +696,7 @@ export default { ...@@ -633,7 +696,7 @@ export default {
let url = '' let url = ''
let url1 = $config.basePath + 'prj_np_info_query' let url1 = $config.basePath + 'prj_np_info_query'
let url2 = $config.basePath + 'prj_org_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 = { let param = {
project_id: vm.project_id, project_id: vm.project_id,
} }
...@@ -670,16 +733,22 @@ export default { ...@@ -670,16 +733,22 @@ export default {
}, },
}) })
if (name === '经销商担保协议') { if (name === '经销商担保协议') {
setTimeout(() => { this.agentPic = this.readed }, 1000) setTimeout(() => {
this.agentPic = this.readed
}, 1000)
} else if (name === '租赁主合同') { } else if (name === '租赁主合同') {
setTimeout(() => { this.leasePic = this.readed }, 1000) setTimeout(() => {
this.leasePic = this.readed
}, 1000)
} }
}, },
// 跳转银行信息录入 // 跳转银行信息录入
entryInfo () { entryInfo () {
let idCard = '' let idCard = ''
if (this.baseInfo.auth_flag) { 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) console.log(',,,,,,,,,,,', idCard)
} else { } else {
idCard = this.baseInfo.id_card_no idCard = this.baseInfo.id_card_no
...@@ -755,6 +824,29 @@ export default { ...@@ -755,6 +824,29 @@ export default {
</script> </script>
<style lang="less" rel="stylesheet"> <style lang="less" rel="stylesheet">
#contract-details { #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 { .footer-button {
.approve { .approve {
width: 358.6px; width: 358.6px;
...@@ -773,152 +865,152 @@ export default { ...@@ -773,152 +865,152 @@ export default {
} }
} }
.name-box { .name-box {
display: inline-block; display: inline-block;
text-align: center; text-align: center;
line-height: 16px; line-height: 16px;
color: #00469c; color: #00469c;
width: 16px; width: 16px;
height: 16px; height: 16px;
background: #cddbec; background: #cddbec;
border-radius: 4px; border-radius: 4px;
} }
.name { .name {
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 14px; font-size: 14px;
color: #383f45; color: #383f45;
letter-spacing: 0; letter-spacing: 0;
margin-left: 10px; margin-left: 10px;
} }
.card-num { .card-num {
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 14px; font-size: 14px;
color: #383f45; color: #383f45;
letter-spacing: 0; letter-spacing: 0;
display: block; display: block;
margin-left: 31px; margin-left: 31px;
margin-top: 7px; margin-top: 7px;
} }
.right { .right {
position: relative; position: relative;
} }
.right span { .right span {
float: right; float: right;
margin-right: 48px; margin-right: 48px;
display: block; display: block;
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 14px; font-size: 14px;
color: rgba(56, 63, 69, 0.6); color: rgba(56, 63, 69, 0.6);
letter-spacing: 0; letter-spacing: 0;
line-height: 18px; line-height: 18px;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
width: 150px; width: 150px;
margin-top: -10px; margin-top: -10px;
text-align: right text-align: right;
} }
.right span:last-child { .right span:last-child {
margin-top: 7px; margin-top: 7px;
} }
.right img { .right img {
position: absolute; position: absolute;
top: 30%; top: 30%;
left: 88%; left: 88%;
width: 14px; width: 14px;
height: 16px; height: 16px;
} }
.alert { .alert {
padding-bottom: 84px; padding-bottom: 150px;
width: 100%; width: 100%;
//margin-top: -10px; //margin-top: -10px;
background: #FbF2d2; background: #fbf2d2;
} }
.alert-fund{ .alert-fund {
margin-top: -10px; margin-top: -10px;
} }
.alert-content { .alert-content {
width: 334px; width: 334px;
margin: 0 auto; margin: 0 auto;
padding-top: 16px; padding-top: 16px;
} }
.info-word { .info-word {
font-family: PingFangSC-Semibold; font-family: PingFangSC-Semibold;
font-size: 14px; font-size: 14px;
color: #fcc800; color: #fcc800;
letter-spacing: 0.5px; letter-spacing: 0.5px;
margin-left: 8px; margin-left: 8px;
} }
.title { .title {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.top-word { .top-word {
p { 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 {
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 12px; font-size: 12px;
color: #656464; color: #656464;
letter-spacing: 0.37px; letter-spacing: 0.37px;
margin-top: 7px; margin-top: 7px;
line-height: 15px; line-height: 15px;
text-indent: 16px;
span { position: relative;
color: #fcc800;
}
} }
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 { span {
width: 18px; color: #fcc800;
height: 18px;
} }
}
.alert img {
width: 18px;
height: 18px;
}
.font-color { .font-color {
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 14px; font-size: 14px;
color: #656464; color: #656464;
letter-spacing: 0; letter-spacing: 0;
} }
.repay-plan { .repay-plan {
height: 44px; height: 44px;
width: 100%; width: 100%;
margin-top: -10px; margin-top: -10px;
background: #F2F2F2; background: #f2f2f2;
p { p {
font-family: PingFangSC-Semibold; font-family: PingFangSC-Semibold;
font-size: 14px; font-size: 14px;
color: #00469C; color: #00469c;
letter-spacing: 0; letter-spacing: 0;
height: 44px; height: 44px;
width: 84px; width: 84px;
line-height: 44px; line-height: 44px;
font-weight: bold; font-weight: bold;
text-decoration: underline; text-decoration: underline;
margin-left: 16px; margin-left: 16px;
} }
} }
.equipment-list-fund{ .equipment-list-fund {
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
background-color: #fafafa; background-color: #fafafa;
...@@ -929,176 +1021,176 @@ export default { ...@@ -929,176 +1021,176 @@ export default {
//margin-left: 16px; //margin-left: 16px;
position: relative; position: relative;
//margin-top: -10px; //margin-top: -10px;
span{ span {
width: 4px; width: 4px;
height: 20px; height: 20px;
background: #00469c; background: #00469c;
} }
p{ p {
padding-left: 10px; padding-left: 10px;
} }
} }
.all{ .all {
position: absolute; position: absolute;
background-color: transparent; background-color: transparent;
width: 100%; width: 100%;
height: 100%; height: 100%;
top: 0; top: 0;
left: 0; left: 0;
z-index:2; z-index: 2;
.prompt{ .prompt {
position: absolute; position: absolute;
top: 50%; top: 50%;
left:50%; left: 50%;
margin-top:-75px; margin-top: -75px;
margin-left: -121px; margin-left: -121px;
background-color: #fff; 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; border-radius: 4px;
width: 242px; width: 242px;
height: 150px; height: 150px;
.top{ .top {
height: 105px; height: 105px;
border-bottom:1px solid #F1F0F5; border-bottom: 1px solid #f1f0f5;
div:first-child{ div:first-child {
font-family: PingFangSC-Semibold; font-family: PingFangSC-Semibold;
font-size: 14px; font-size: 14px;
color: #E50020; color: #e50020;
letter-spacing: 0.5px; letter-spacing: 0.5px;
font-weight: 700; font-weight: 700;
margin-top:13px; margin-top: 13px;
img{ img {
width: 18px; width: 18px;
line-height: 12px; line-height: 12px;
display: block; display: block;
margin: -3px 5px 0 40%; margin: -3px 5px 0 40%;
float: left; float: left;
} }
} }
div:nth-child(2){ div:nth-child(2) {
margin-top:22px; margin-top: 22px;
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 13px; font-size: 13px;
color: #383F45; color: #383f45;
letter-spacing: 0.4px; letter-spacing: 0.4px;
padding: 0 22px; padding: 0 22px;
line-height: 20px; line-height: 20px;
} }
} }
.bottom{ .bottom {
text-align: center; text-align: center;
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 14px; font-size: 14px;
color: #00469C; color: #00469c;
line-height: 32px; line-height: 32px;
} }
} }
} }
.tab-style{ .tab-style {
display:flex; display: flex;
justify-content: center; justify-content: center;
padding-top:12px; padding-top: 12px;
padding-bottom: 8px; padding-bottom: 8px;
align-items: center; align-items: center;
background-color: #fff; 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; display: block;
height: 32px; height: 32px;
width: 172px; width: 172px;
border-radius:16px; border-radius: 16px;
border-radius: 16px; border-radius: 16px;
font-family: PingFangSC-Semibold; font-family: PingFangSC-Semibold;
font-size: 14px; font-size: 14px;
letter-spacing: 0.43px; letter-spacing: 0.43px;
margin: 0 4px; margin: 0 4px;
line-height: 32px; line-height: 32px;
} }
.undone{ .undone {
background: rgba(220,220,221,0.26); background: rgba(220, 220, 221, 0.26);
color: #383F45; color: #383f45;
} }
.done{ .done {
background: rgba(0,70,156,0.10); background: rgba(0, 70, 156, 0.1);
color: #00469C; color: #00469c;
} }
img{ img {
width: 16px; width: 16px;
display: block; display: block;
float: left; float: left;
margin: 8px 5px 0 20px; margin: 8px 5px 0 20px;
} }
span:nth-of-type(2){ span:nth-of-type(2) {
margin-left: 7px; margin-left: 7px;
} }
} }
.content{ .content {
height: 87%; height: 87%;
.contract-text{ .contract-text {
.border-red{ .border-red {
border: 2px solid rgba(255,0,0,0.40); border: 2px solid rgba(255, 0, 0, 0.4);
} }
.hls-item{ .hls-item {
margin-top:8px; margin-top: 8px;
background-color: #fff; background-color: #fff;
} }
.contents{ .contents {
padding: 0; padding: 0;
} }
.in-detail{ .in-detail {
background-color: rgba(0,70,156,0.08); background-color: rgba(0, 70, 156, 0.08);
width: 48px; width: 48px;
height: 56px; height: 56px;
text-align: center; text-align: center;
line-height: 65px; line-height: 65px;
img{ img {
width: 16px; width: 16px;
} }
} }
.in-all{ .in-all {
//width: 96px; //width: 96px;
display: flex; display: flex;
img{ img {
width: 16px; width: 16px;
} }
div{ div {
width: 48px; width: 48px;
height: 56px; height: 56px;
text-align: center; text-align: center;
line-height: 65px; line-height: 65px;
} }
div:first-child{ div:first-child {
background-color: rgba(252,200,0,0.10); background-color: rgba(252, 200, 0, 0.1);
} }
div:nth-child(2){ div:nth-child(2) {
background-color: rgba(0,70,156,0.08); background-color: rgba(0, 70, 156, 0.08);
} }
} }
} }
} }
.business-condition{ .business-condition {
.equipment-list { .equipment-list {
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
...@@ -1120,15 +1212,15 @@ export default { ...@@ -1120,15 +1212,15 @@ export default {
top: 10px; top: 10px;
} }
div{ div {
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
color: #656464; color: #656464;
letter-spacing: 0; letter-spacing: 0;
} }
section{ section {
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
color: rgba(56,63,69,0.60); color: rgba(56, 63, 69, 0.6);
letter-spacing: 0; letter-spacing: 0;
} }
} }
...@@ -1143,8 +1235,8 @@ export default { ...@@ -1143,8 +1235,8 @@ export default {
.pics { .pics {
// width: 21px; // width: 21px;
height: 30px; height: 30px;
} }
.read { .read {
height: 16px; height: 16px;
...@@ -1158,7 +1250,7 @@ export default { ...@@ -1158,7 +1250,7 @@ export default {
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 14px; font-size: 14px;
margin-left: 16px; margin-left: 16px;
color: #383F45; color: #383f45;
letter-spacing: 0.43px; letter-spacing: 0.43px;
} }
...@@ -1212,7 +1304,7 @@ export default { ...@@ -1212,7 +1304,7 @@ export default {
overflow-y: scroll; overflow-y: scroll;
div { div {
height: 20px; height: 20px;
line-height: 20px line-height: 20px;
} }
p { p {
text-indent: 22px; text-indent: 22px;
...@@ -1226,7 +1318,6 @@ export default { ...@@ -1226,7 +1318,6 @@ export default {
.sec { .sec {
text-indent: 22px; text-indent: 22px;
} }
} }
.confirm { .confirm {
width: 240px; width: 240px;
...@@ -1318,6 +1409,5 @@ export default { ...@@ -1318,6 +1409,5 @@ export default {
} }
.modal { .modal {
background-color: rgba(0, 0, 0, 0) !important; background-color: rgba(0, 0, 0, 0) !important;
} }
</style> </style>
src/pages/contractSigning/contract-signing.vue
View file @ c10f6225
...@@ -331,6 +331,7 @@ export default { ...@@ -331,6 +331,7 @@ export default {
params: { params: {
item: item, item: item,
user_bp_type: this.user_bp_type, 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' ...@@ -49,7 +49,9 @@ import ContractSigning from '../pages/contractSigning/contract-signing'
import ContractDetail from '@/pages/ContractSigning/contract-detail' import ContractDetail from '@/pages/ContractSigning/contract-detail'
import ContractContent from '@/pages/ContractSigning/contract-content' import ContractContent from '@/pages/ContractSigning/contract-content'
import EntryInfo from '@/pages/ContractSigning/entry-info' import EntryInfo from '@/pages/ContractSigning/entry-info'
import ElectronicSign from '@/pages/ContractSigning/electronic-sign'
import ContractRepayPlan from '@/pages/ContractSigning/contract-repay-plan' 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'
...@@ -207,6 +209,8 @@ export default new Router({ ...@@ -207,6 +209,8 @@ export default new Router({
{path: '/contract-content', component: ContractContent, name: 'ContractContent', meta: {keepAlive: true}}, {path: '/contract-content', component: ContractContent, name: 'ContractContent', meta: {keepAlive: true}},
{path: '/entry-info', component: EntryInfo, name: 'EntryInfo', 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: '/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: '/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}},
......
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