Skip to content

H
hls-xcmg-vue-app
Commit 95be47d2 authored by Jennie Shi's avatar Jennie Shi
Browse files
Options

fixIssue

parent a6532da7
Hide whitespace changes
Inline Side-by-side
Showing with 644 additions and 598 deletions
src/pages/contractCreate/create-base-info.vue
View file @ 95be47d2
......@@ -430,7 +430,7 @@ export default {
},
watch: {
$route (to, from) {
if(to.name === 'SalesInfo'){
if (to.name === 'SalesInfo' && from.name === 'CreateBaseInfo') {
this.routeGoCustom()
}
},
......
src/pages/contractCreate/sales-info.vue
View file @ 95be47d2
......@@ -186,6 +186,12 @@ export default {
},
immediate: true,
},
// '$route' (to, from) {
// debugger
// if (from.fullPath !== '/contract-create-list' && to.fullPath === '/sales-info') {
// this.$router.go(0)
// }
// },
},
activated () {
......@@ -222,7 +228,8 @@ export default {
}
vm.businessQuery().then(res => {
vm.agentQuery().then(res => {
vm.factoryQuery()
vm.factoryQuery().then(res => {
})
})
})
} else if (from.name === 'CreateBaseInfo') {
......@@ -327,7 +334,7 @@ export default {
phone: window.localStorage.getItem('user_phone'),
}
vm.hlsPopup.showLoading('请稍候')
vm.hlsHttp.post(url, param).then(function (res) {
return vm.hlsHttp.post(url, param).then(function (res) {
vm.hlsPopup.hideLoading()
vm.factoty = res.lists
if (res.result === 'S') {
......
src/pages/contractSigning/contract-detail.vue
View file @ 95be47d2
......@@ -114,59 +114,71 @@
</div>-->
<!-- <div v-if="tabNum === 1" class="sign-elect">
<button @click="goElectronicSign">电子签</button>
</div>-->
</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="[7,1]">
<item v-for="(item,index) in attachArray" :proportion="[7,1]" :key="index">
<div slot="name" class="aguremrnt-list">
<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>
</item>
<!-- 农行代扣授权书 -->
<item v-if="abc_deduction_flag === 'Y'" :proportion="[7,1]" :class="{'border-red':isshow}">
<div slot="name" class="aguremrnt-list">
<img src="@/assets/constractSigning/pack.png" alt class="pics" >
<p class="second">农行代扣授权书</p>
<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>
</item>
<item :proportion="[7,1]">
<div slot="name" class="aguremrnt-list">
<img src="@/assets/constractSigning/pack.png" alt class="pics" >
<p class="second">融资租赁合同</p>
<img :src="leasePic" alt class="read" >
<p class="second first">{{ item.attachment_file }}</p>
</div>
<div slot="content" class="in-detail" @click="goContractContent('融资租赁合同')">
<div slot="content" class="in-detail" @click="goContent(item.attachment_file_path)">
<img src="@/assets/constractSigning/detail.png" alt >
</div>
</item>
</list-item>
</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="[7,1]">
<div slot="name" class="aguremrnt-list">
<img src="@/assets/constractSigning/pack.png" alt class="pics" >
<p class="second">租赁物所有权转移及接收确认书</p>
<img :src="agentPic" alt class="read" >
<img src="@/assets/constractSigning/npack.png" alt class="pics" >
<p class="second first">承租人确认意见</p>
</div>
<div slot="content" class="in-detail" @click="goContractContent('租赁物所有权转移及接收确认书')">
<div slot="content" class="in-detail" @click="goContractContent('承租人确认意见')">
<img src="@/assets/constractSigning/detail.png" alt >
</div>
</item>
<item v-if="abc_deduction_flag === 'Y'" :proportion="[7,1]" :class="{'border-red':isshow}">
<div slot="name" class="aguremrnt-list">
<img src="@/assets/constractSigning/pack.png" alt class="pics" >
<p class="second">农行代扣授权书</p>
<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>
</item>
<item :proportion="[7,1]">
<div slot="name" class="aguremrnt-list">
<img src="@/assets/constractSigning/pack.png" alt class="pics" >
<p class="second">融资租赁合同</p>
<img :src="leasePic" alt class="read" >
</div>
<div slot="content" class="in-detail" @click="goContractContent('融资租赁合同')">
<img src="@/assets/constractSigning/detail.png" alt >
</div>
</item>
<item :proportion="[7,1]">
<div slot="name" class="aguremrnt-list">
<img src="@/assets/constractSigning/pack.png" alt class="pics" >
<p class="second">租赁物所有权转移及接收确认书</p>
<img :src="agentPic" alt class="read" >
</div>
<div slot="content" class="in-detail" @click="goContractContent('租赁物所有权转移及接收确认书')">
<img src="@/assets/constractSigning/detail.png" alt >
</div>
</item>
</list-item>
</h-content>
</h-content>-->
<h-content v-if="num === 1">
<list-item :item-height="44" class="second-part">
<item>
......@@ -302,12 +314,11 @@
</h-view>
</h-modal>
<!--活体检测-->
<body-check ref="body" :check_id="$route.params.check_id" :confirm_id="confirm_id"/>
<body-check ref="body" :check_id="$route.params.check_id" :confirm_id="confirm_id" />
</h-view>
</template>
<script>
import Check1 from '@/assets/constractSigning/business.png'
import Check2 from '@/assets/constractSigning/constract.png'
import Check3 from '@/assets/constractSigning/lease.png'
......@@ -334,6 +345,7 @@ export default {
showModalValue: false,
credit_status: 'N', // 一个月内是否查过征信 N查过
guarantorInfo: [], // 担保人信息
attachArray: [], // 附件数组
bp_class: this.$route.params.item.bp_class, // 承租人性质(自然人，企业)
info: {}, // 租赁信息
baseInfo: {}, // 基本信息
......@@ -366,6 +378,7 @@ export default {
}
},
computed: {},
watch: {
$route (to, from) {
hlsPopup.hideConfirm()
......@@ -418,6 +431,8 @@ export default {
vm.getLease()
vm.getGuarantor()
vm.getContractLists() // 合同列表
// 合同文本附件查询
vm.getAttachment()
} else if (from.name === 'EntryInfo') {
vm.bankCardQuery()
}
......@@ -456,9 +471,32 @@ export default {
if (res.result === 'S') {
return true
} else {
// vm.hlsPopup.showLongCenter(res.message)
// vm.hlsPopup.showLongCenter(res.message)
}
},
goContent (url) {
// 详情
// window.open(url)
cordova.InAppBrowser.open(url, '_blank', 'location=yes')
},
// 合同文本详情附件查询
getAttachment () {
let vm = this
let url = process.env.basePath + 'get_content_app'
let param = {
confirm_id: vm.confirm_id,
data_class: 'PRJ_PROJECT',
}
hlsPopup.showLoading('请稍候')
vm.hlsHttp.post(url, param).then(res => {
hlsPopup.hideLoading()
if (res.result === 'S') {
vm.attachArray = res.attachments
} else {
vm.hlsPopup.showLongCenter(res.message)
}
})
},
// 征信查询
creditCheck () {
let vm = this
......@@ -477,7 +515,8 @@ export default {
}
})
},
goBodyCheck (confirm_id) { // 活体检测
goBodyCheck (confirm_id) {
// 活体检测
this.$refs.body.show()
/* this.$router.push({
name: 'BodyCheck',
......@@ -532,7 +571,6 @@ export default {
if (index === 1) {
vm.takePhontoOpenCamera()
} else {
}
},
})
......@@ -585,11 +623,11 @@ export default {
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
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('未找到身份证照片')
......@@ -859,7 +897,8 @@ export default {
},
async inSure () {
let flag = await this.signCheck()
if (flag) { // 只有认证通过后方可进行签约操作
if (flag) {
// 只有认证通过后方可进行签约操作
if (!this.bank_flag && this.abc_deduction_flag === 'Y') {
this.isshow = true // 未查到农行卡给出提示且勾选农行代扣
} else {
......@@ -898,629 +937,629 @@ 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;
}
}
.bodyCheck{
width:100%;
height:1.1rem;
position: fixed;
bottom: 92px;
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.88rem;
letter-spacing: 0.2rem;
}
#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;
height: 44px;
background: @headerColor;
border-radius: 4px;
color: #fff;
font-family: PingFangSC-Semibold;
font-size: 15px;
line-height: 20px;
letter-spacing: 10px;
img {
width: 16.8px;
height: 16.8px;
}
}
}
.bodyCheck {
width: 100%;
height: 1.1rem;
position: fixed;
bottom: 92px;
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.88rem;
letter-spacing: 0.2rem;
}
.name-box {
display: inline-block;
text-align: center;
line-height: 16px;
color: #00469c;
width: 16px;
height: 16px;
background: #cddbec;
}
.footer-button {
.approve {
width: 358.6px;
height: 44px;
background: @headerColor;
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: 30px;
width: 100%;
//margin-top: -10px;
background: #fbf2d2;
}
.alert-fund {
margin-top: -10px;
}
.alert-content {
width: 334px;
margin: 0 auto;
padding-top: 16px;
}
.info-word {
color: #fff;
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;
font-size: 15px;
line-height: 20px;
letter-spacing: 10px;
img {
width: 16.8px;
height: 16.8px;
}
}
.top-info {
}
.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;
}
.alert {
padding-bottom: 30px;
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;
}
.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;
}
.font-color {
font-family: PingFangSC-Regular;
}
.alert img {
width: 18px;
height: 18px;
}
.font-color {
font-family: PingFangSC-Regular;
font-size: 14px;
color: #656464;
letter-spacing: 0;
}
.repay-plan {
height: 44px;
width: 100%;
margin-top: -10px;
background: #f2f2f2;
p {
font-family: PingFangSC-Semibold;
font-size: 14px;
color: #656464;
color: #00469c;
letter-spacing: 0;
}
.repay-plan {
height: 44px;
width: 100%;
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;
}
width: 84px;
line-height: 44px;
font-weight: bold;
text-decoration: underline;
margin-left: 16px;
}
.equipment-list-fund {
height: 40px;
line-height: 40px;
background-color: #fafafa;
display: flex;
align-items: center;
color: #00469c;
font-size: 15px;
//margin-left: 16px;
position: relative;
//margin-top: -10px;
span {
width: 4px;
height: 20px;
background: #00469c;
}
p {
padding-left: 10px;
}
}
.equipment-list-fund {
height: 40px;
line-height: 40px;
background-color: #fafafa;
display: flex;
align-items: center;
color: #00469c;
font-size: 15px;
//margin-left: 16px;
position: relative;
//margin-top: -10px;
span {
width: 4px;
height: 20px;
background: #00469c;
}
.all {
position: absolute;
background-color: transparent;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 2;
.prompt {
position: absolute;
top: 50%;
left: 50%;
margin-top: -75px;
margin-left: -121px;
background-color: #fff;
box-shadow: 0 1px 2px 1px rgba(128, 128, 128, 0.1);
border-radius: 4px;
width: 242px;
height: 150px;
p {
padding-left: 10px;
}
}
.all {
position: absolute;
background-color: transparent;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 2;
.top {
height: 105px;
border-bottom: 1px solid #f1f0f5;
.prompt {
position: absolute;
top: 50%;
left: 50%;
margin-top: -75px;
margin-left: -121px;
background-color: #fff;
box-shadow: 0 1px 2px 1px rgba(128, 128, 128, 0.1);
border-radius: 4px;
width: 242px;
height: 150px;
div:first-child {
font-family: PingFangSC-Semibold;
font-size: 14px;
color: #e50020;
letter-spacing: 0.5px;
font-weight: 700;
margin-top: 13px;
.top {
height: 105px;
border-bottom: 1px solid #f1f0f5;
img {
width: 18px;
line-height: 12px;
display: block;
margin: -3px 5px 0 40%;
float: left;
}
}
div:first-child {
font-family: PingFangSC-Semibold;
font-size: 14px;
color: #e50020;
letter-spacing: 0.5px;
font-weight: 700;
margin-top: 13px;
div:nth-child(2) {
margin-top: 22px;
font-family: PingFangSC-Regular;
font-size: 13px;
color: #383f45;
letter-spacing: 0.4px;
padding: 0 22px;
line-height: 20px;
img {
width: 18px;
line-height: 12px;
display: block;
margin: -3px 5px 0 40%;
float: left;
}
}
.bottom {
text-align: center;
div:nth-child(2) {
margin-top: 22px;
font-family: PingFangSC-Regular;
font-size: 14px;
color: #00469c;
line-height: 32px;
font-size: 13px;
color: #383f45;
letter-spacing: 0.4px;
padding: 0 22px;
line-height: 20px;
}
}
}
.tab-style {
display: flex;
justify-content: center;
padding-top: 12px;
padding-bottom: 8px;
align-items: center;
background-color: #fff;
box-shadow: 0 2px 3px 0 rgba(220, 220, 221, 0.5);
div {
display: block;
height: 32px;
width: 172px;
border-radius: 16px;
border-radius: 16px;
font-family: PingFangSC-Semibold;
.bottom {
text-align: center;
font-family: PingFangSC-Regular;
font-size: 14px;
letter-spacing: 0.43px;
margin: 0 4px;
color: #00469c;
line-height: 32px;
}
.undone {
background: rgba(220, 220, 221, 0.26);
color: #383f45;
}
.done {
background: rgba(0, 70, 156, 0.1);
color: #00469c;
}
}
.tab-style {
display: flex;
justify-content: center;
padding-top: 12px;
padding-bottom: 8px;
align-items: center;
background-color: #fff;
box-shadow: 0 2px 3px 0 rgba(220, 220, 221, 0.5);
div {
display: block;
height: 32px;
width: 172px;
border-radius: 16px;
border-radius: 16px;
font-family: PingFangSC-Semibold;
font-size: 14px;
letter-spacing: 0.43px;
margin: 0 4px;
line-height: 32px;
}
.undone {
background: rgba(220, 220, 221, 0.26);
color: #383f45;
}
.done {
background: rgba(0, 70, 156, 0.1);
color: #00469c;
}
img {
width: 16px;
display: block;
float: left;
margin: 8px 5px 0 20px;
}
span:nth-of-type(2) {
margin-left: 7px;
}
}
.content {
height: 87%;
.contract-text {
.border-red {
border: 2px solid rgba(255, 0, 0, 0.4);
}
img {
width: 16px;
display: block;
float: left;
margin: 8px 5px 0 20px;
.hls-item {
margin-top: 8px;
background-color: #fff;
}
span:nth-of-type(2) {
margin-left: 7px;
.contents {
padding: 0;
}
}
.content {
height: 87%;
.in-detail {
background-color: rgba(0, 70, 156, 0.08);
width: 48px;
height: 56px;
text-align: center;
line-height: 65px;
.contract-text {
.border-red {
border: 2px solid rgba(255, 0, 0, 0.4);
img {
width: 16px;
}
}
.hls-item {
margin-top: 8px;
background-color: #fff;
}
.in-all {
//width: 96px;
display: flex;
.contents {
padding: 0;
img {
width: 16px;
}
.in-detail {
background-color: rgba(0, 70, 156, 0.08);
div {
width: 48px;
height: 56px;
text-align: center;
line-height: 65px;
}
img {
width: 16px;
}
div:first-child {
background-color: rgba(252, 200, 0, 0.1);
}
.in-all {
//width: 96px;
display: flex;
div:nth-child(2) {
background-color: rgba(0, 70, 156, 0.08);
}
}
}
}
img {
width: 16px;
}
.business-condition {
.equipment-list {
height: 40px;
line-height: 40px;
background-color: #fafafa;
color: #00469c;
font-size: 15px;
margin-left: 16px;
position: relative;
}
div {
width: 48px;
height: 56px;
text-align: center;
line-height: 65px;
}
.equipment-list::before {
content: "";
display: block;
width: 4px;
height: 20px;
background-color: #00469c;
position: absolute;
left: -15px;
top: 10px;
}
div:first-child {
background-color: rgba(252, 200, 0, 0.1);
}
div {
font-family: PingFangSC-Regular;
color: #656464;
letter-spacing: 0;
}
div:nth-child(2) {
background-color: rgba(0, 70, 156, 0.08);
}
}
}
section {
font-family: PingFangSC-Regular;
color: rgba(56, 63, 69, 0.6);
letter-spacing: 0;
}
}
.business-condition {
.equipment-list {
height: 40px;
line-height: 40px;
background-color: #fafafa;
color: #00469c;
font-size: 15px;
margin-left: 16px;
position: relative;
}
.aguremrnt-list {
display: flex;
flex-direction: row;
.equipment-list::before {
content: "";
display: block;
width: 4px;
height: 20px;
background-color: #00469c;
position: absolute;
left: -15px;
top: 10px;
}
.pic {
margin-left: -3px;
}
div {
font-family: PingFangSC-Regular;
color: #656464;
letter-spacing: 0;
}
.pics {
// width: 21px;
height: 30px;
}
section {
font-family: PingFangSC-Regular;
color: rgba(56, 63, 69, 0.6);
letter-spacing: 0;
}
.read {
height: 16px;
margin-top: 8px;
margin-left: 6px;
}
.aguremrnt-list {
display: flex;
flex-direction: row;
.second {
height: 32px;
line-height: 32px;
font-family: PingFangSC-Regular;
font-size: 14px;
margin-left: 16px;
color: #383f45;
letter-spacing: 0.43px;
}
.pic {
margin-left: -3px;
}
.first {
margin-left: 13px;
}
}
.pics {
// width: 21px;
height: 30px;
.myModal {
width: 100%;
height: 100%;
position: absolute;
z-index: 999;
background-color: rgba(56, 63, 69, 0.3);
display: flex;
justify-content: center;
align-items: center;
.box {
position: relative;
width: 301px;
height: 467px;
background: url("../../assets/intoApproval/top.png") no-repeat;
background-size: 301px 24.7px;
background-color: #fff;
button {
width: 240px;
height: 40px;
position: absolute;
color: #fff;
bottom: 16px;
left: 30.5px;
background-color: rgba(56, 63, 69, 0.5);
}
.read {
height: 16px;
margin-top: 8px;
margin-left: 6px;
.title-box {
width: 100%;
display: block;
text-align: center;
margin-top: 37px;
font-family: PingFangSC-Semibold;
font-size: 16px;
color: #00469c;
}
.second {
height: 32px;
line-height: 32px;
.content-box {
width: 240px;
height: 280px;
font-family: PingFangSC-Regular;
font-size: 14px;
margin-left: 16px;
font-size: 12px;
color: #383f45;
letter-spacing: 0.43px;
}
.first {
margin-left: 13px;
}
}
.myModal {
width: 100%;
height: 100%;
position: absolute;
z-index: 999;
background-color: rgba(56, 63, 69, 0.3);
display: flex;
justify-content: center;
align-items: center;
.box {
position: relative;
width: 301px;
height: 467px;
background: url("../../assets/intoApproval/top.png") no-repeat;
background-size: 301px 24.7px;
background-color: #fff;
button {
width: 240px;
height: 40px;
position: absolute;
color: #fff;
bottom: 16px;
left: 30.5px;
background-color: rgba(56, 63, 69, 0.5);
margin: 0 auto;
margin-top: 12px;
overflow-y: scroll;
div {
height: 20px;
line-height: 20px;
}
.title-box {
width: 100%;
display: block;
text-align: center;
margin-top: 37px;
font-family: PingFangSC-Semibold;
font-size: 16px;
color: #00469c;
p {
text-indent: 22px;
line-height: 16px;
margin-top: 6px;
}
.content-box {
width: 240px;
height: 280px;
font-family: PingFangSC-Regular;
font-size: 12px;
color: #383f45;
margin: 0 auto;
margin-top: 12px;
overflow-y: scroll;
div {
height: 20px;
line-height: 20px;
}
p {
text-indent: 22px;
line-height: 16px;
margin-top: 6px;
}
.font-blod {
font-weight: bold;
text-indent: 0;
}
.sec {
text-indent: 22px;
}
.font-blod {
font-weight: bold;
text-indent: 0;
}
.confirm {
width: 240px;
height: 20px;
padding-top: 25px;
margin: 0 auto;
font-family: PingFangSC-Regular;
font-size: 12px;
color: #383f45;
line-height: 20px;
display: flex;
justify-content: center;
align-items: center;
input {
width: 16px;
height: 16px;
margin-right: 8px;
background: none;
}
input::before {
content: "";
display: block;
background-image: url("../../assets/intoApproval/top.png");
}
.sec {
text-indent: 22px;
}
}
}
.approveContent {
position: absolute;
top: 50%;
background-color: #fafafa;
overflow-y: scroll;
}
.approveBottom {
width: 343px;
margin: 0 auto;
span {
display: block;
width: 100%;
font-family: PingFangSC-Semibold;
font-size: 15px;
color: #00469c;
height: 21px;
line-height: 21px;
margin: 16px 0;
img {
float: right;
.confirm {
width: 240px;
height: 20px;
padding-top: 25px;
margin: 0 auto;
font-family: PingFangSC-Regular;
font-size: 12px;
color: #383f45;
line-height: 20px;
display: flex;
justify-content: center;
align-items: center;
input {
width: 16px;
height: 16px;
margin-right: 8px;
background: none;
}
input::before {
content: "";
display: block;
background-image: url("../../assets/intoApproval/top.png");
}
}
textarea {
width: 343px;
height: 178px;
border-radius: 2px;
padding: 10px;
}
span::after {
content: "";
display: block;
position: relative;
left: 70px;
top: -17px;
width: 14px;
height: 14px;
background: url("../../assets/intoApproval/approv.png");
background-size: 14px 14px;
}
}
.reject,
.same {
width: 175px;
height: 40px;
border-radius: 4px;
}
.approveContent {
position: absolute;
top: 50%;
background-color: #fafafa;
overflow-y: scroll;
}
.approveBottom {
width: 343px;
margin: 0 auto;
span {
display: block;
width: 100%;
font-family: PingFangSC-Semibold;
font-size: 15px;
color: #00469c;
height: 21px;
line-height: 21px;
margin: 16px 0;
img {
width: 13px;
height: 13px;
float: right;
}
}
.reject {
color: #656464;
border: 1px solid #656464;
textarea {
width: 343px;
height: 178px;
border-radius: 2px;
padding: 10px;
}
.same {
color: #ffffff;
background: #00469c;
border: 1px solid #00469c;
span::after {
content: "";
display: block;
position: relative;
left: 70px;
top: -17px;
width: 14px;
height: 14px;
background: url("../../assets/intoApproval/approv.png");
background-size: 14px 14px;
}
.add-box {
.before {
border: 1px solid #fdb62f;
border-radius: 4px;
color: #fdb62f;
img{
width: 18px;
}
}
.reject,
.same {
width: 175px;
height: 40px;
border-radius: 4px;
font-family: PingFangSC-Semibold;
font-size: 15px;
img {
width: 13px;
height: 13px;
}
}
.reject {
color: #656464;
border: 1px solid #656464;
}
.same {
color: #ffffff;
background: #00469c;
border: 1px solid #00469c;
}
.add-box {
.before {
border: 1px solid #fdb62f;
border-radius: 4px;
color: #fdb62f;
img {
width: 18px;
}
.next {
background: #1d3fff;
border-radius: 4px;
color: #fff;
img{
width: 18px;
}
}
.next {
background: #1d3fff;
border-radius: 4px;
color: #fff;
img {
width: 18px;
}
}
}
.modal {
background-color: rgba(0, 0, 0, 0) !important;
}
}
.modal {
background-color: rgba(0, 0, 0, 0) !important;
}
</style>
src/pages/pay/pay-page.vue
View file @ 95be47d2
......@@ -62,7 +62,7 @@
</div>
</div>
<div v-if="isShowpayInfo" class="box-wrap">
<!-- <div class="box-top">
<!-- <div class="box-top">
<img src="@/assets/payment/bank-title.png" >
</div>-->
<div class="box-center">
......@@ -71,7 +71,7 @@
<div slot="name" class="name">订单编号</div>
<div slot="content">{{ info.order_number }}</div>
</item>
<!-- <item>
<!-- <item>
<div slot="name" class="name">付款人</div>
<div slot="content">{{ info.pay_amount_name }}</div>
</item>
......@@ -79,13 +79,13 @@
<div slot="name" class="name">付款账号</div>
<div slot="content">{{ info.pay_amount }}</div>
</item>-->
<!-- <item>
<!-- <item>
<div slot="name" class="name">交易金额</div>
<div slot="content">{{ info.orderamount|currency }}</div>
</item>-->
<div class="orderamount-wrap">
<span class="orderamount-item">交易金额</span>
<span class="orderamount-item font-color">￥ {{info.orderamount|currency}}</span>
<span class="orderamount-item font-color">￥ {{ info.orderamount|currency }}</span>
</div>
<item>
<div slot="name" class="name">支付方式</div>
......@@ -105,13 +105,13 @@
<p>手机K码支付需要您开通我行消息服务。</p>
<p>掌上银行支付需要您首先开通我行掌上银行,</p>
<p>且支付账户已添加到掌上银行;</p>
<!-- <p>www.abchina. com</p>
<!-- <p>www.abchina. com</p>
<p>全国24小时服务热线:95599</p>
<p>中国农业银行版权所有</p>-->
</div>
</div>
</h-content>
<!-- <bottom-tab>
<!-- <bottom-tab>
<tab-button v-if="showpay" class="foot" @click.native="pay">立即支付</tab-button>
<tab-button v-if="nextPay" class="foot" @click.native="pay">继续支付</tab-button>
<tab-button v-if="showSelect" class="foot" @click.native="searchResult">查询支付结果</tab-button>
......@@ -176,7 +176,7 @@ export default {
pay (status) {
let vm = this
vm.nextPay = false
if(status === 'continue' && vm.payType === 'ABC_UNION'){ // 在银联模式下继续支付重新获取支付url,因为银联页面只能打开一次
if (status === 'continue' && vm.payType === 'ABC_UNION') { // 在银联模式下继续支付重新获取支付url,因为银联页面只能打开一次
hlsPopup.showConfirm({
title: '提示',
content: '银联不支持二次支付，请重新发起支付订单',
......@@ -188,16 +188,16 @@ export default {
}
},
})
}else{
cordova.InAppBrowser.open(this.url, '_blank', 'location=yes')
// window.open(this.url)
} else {
cordova.InAppBrowser.open(this.url, '_blank', 'location=yes')
// window.open(this.url)
}
setTimeout(() => {
vm.showSelect = true
vm.showpay = false
}, 3000)
},
getPayUrl(){
getPayUrl () {
let vm = this
let url = process.env.basePath + 'merchant_payment'
let param = {
......@@ -209,7 +209,7 @@ export default {
if (res.return_code !== '0000') {
hlsPopup.showLongCenter(res.error_message)
} else {
cordova.InAppBrowser.open(res.paymentURL, '_blank', 'location=yes')
cordova.InAppBrowser.open(res.paymentURL, '_blank', 'location=yes')
}
} else {
hlsPopup.showLongCenter(res.message)
......
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