Skip to content

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

add

parent a96f2644
Hide whitespace changes
Inline Side-by-side
Showing with 307 additions and 244 deletions
src/pages/carConfirm/confirm-detail.vue
View file @ ed7232da
...@@ -83,6 +83,10 @@ ...@@ -83,6 +83,10 @@
<div slot="name">产品名称</div> <div slot="name">产品名称</div>
<input slot="content" v-model="info.division_n" readonly placeholder="暂无数据" > <input slot="content" v-model="info.division_n" readonly placeholder="暂无数据" >
</item> </item>
<item>
<div slot="name">设备识别号</div>
<input slot="content" v-model="info.product_code" readonly placeholder="暂无数据" >
</item>
<item> <item>
<div slot="name">合同金额</div> <div slot="name">合同金额</div>
<input slot="content" v-model="info.total_price" readonly placeholder="暂无数据" > <input slot="content" v-model="info.total_price" readonly placeholder="暂无数据" >
...@@ -112,8 +116,8 @@ ...@@ -112,8 +116,8 @@
<span>租赁物信息</span> <span>租赁物信息</span>
<span :class="['status',item.lease_status === 'Y'?'unMantain':'mantain']">{{ item.lease_status === 'Y'?'已维护':'待维护' }}</span> <span :class="['status',item.lease_status === 'Y'?'unMantain':'mantain']">{{ item.lease_status === 'Y'?'已维护':'待维护' }}</span>
<p> <p>
参数项 设备识别号
<span>{{ item.product_code }}</span> <span>{{ item.product_code }}-{{ index+1|lengthCheck }}</span>
</p> </p>
</div> </div>
<div class="right"> <div class="right">
...@@ -128,6 +132,15 @@ ...@@ -128,6 +132,15 @@
</template> </template>
<script> <script>
export default { export default {
filters: {
lengthCheck: function (value) {
if ((value.toString()).length === 1) {
return `0${value}`
} else {
return value
}
},
},
data () { data () {
return { return {
num: null, num: null,
...@@ -144,6 +157,7 @@ export default { ...@@ -144,6 +157,7 @@ export default {
project_number: '', project_number: '',
bp_agent_name: ' ', bp_agent_name: ' ',
product_plan_id_n: '', product_plan_id_n: '',
product_code: '',
}, },
rentInfo: { rentInfo: {
frame_number: '', frame_number: '',
......
src/pages/contractCreate/create-base-info.vue
View file @ ed7232da
...@@ -209,7 +209,7 @@ ...@@ -209,7 +209,7 @@
</div> </div>
<div class="another-info"> <div class="another-info">
<img src="@/assets/contractCreate/undertake.png" >担保人信息 <img src="@/assets/contractCreate/undertake.png" >担保人信息
<span @click="addPerson">+</span> <img src="@/assets/contractCreate/add.png" @click="addPerson">
</div> </div>
</div> </div>
<item-option class="mySlider"> <item-option class="mySlider">
...@@ -247,19 +247,21 @@ ...@@ -247,19 +247,21 @@
<div class="search has-header"> <div class="search has-header">
<input v-model="keyWord" placeholder="请输入担保人名称/证件号码" > <input v-model="keyWord" placeholder="请输入担保人名称/证件号码" >
</div> </div>
<list-item :item-height="68" class="item"> <scroll ref="scroll" :updateData="[undertakeList]" :pullUp="true" @pullingUp="getUndertake">
<item> <list-item :item-height="68" class="item">
<img slot="left-icon" src="@/assets/contractCreate/name.png" class="left-icon" > <item>
<div slot="name"> <img slot="left-icon" src="@/assets/contractCreate/name.png" class="left-icon" >
担保人名称 <div slot="name">
<br >证件号 担保人名称
</div> <br >证件号
<div slot="content"> </div>
<input placeholder="暂无信息" readonly > <div slot="content">
<input placeholder="暂无信息" readonly > <input placeholder="暂无信息" readonly >
</div> <input placeholder="暂无信息" readonly >
</item> </div>
</list-item> </item>
</list-item>
</scroll>
</h-content> </h-content>
</h-view> </h-view>
</h-modal> </h-modal>
...@@ -274,10 +276,12 @@ export default { ...@@ -274,10 +276,12 @@ export default {
bp_class: '', bp_class: '',
showModalValue: false, showModalValue: false,
keyWord: '', keyWord: '',
pageNum: 1,
BussinessSituationList: [], // 行业情况 BussinessSituationList: [], // 行业情况
jobSituationList: [], // 职业情况 jobSituationList: [], // 职业情况
houseInfonList: [], // 房产信息 houseInfonList: [], // 房产信息
equipInfonList: [], // 设备信息 equipInfonList: [], // 设备信息
undertakeList: [], // 担保人列表
NPBaseInfo: {}, // 自然人基本信息 NPBaseInfo: {}, // 自然人基本信息
ORGBaseInfo: {}, // 企业基本信息 ORGBaseInfo: {}, // 企业基本信息
saveInfo: {// 需要保存的信息 saveInfo: {// 需要保存的信息
...@@ -303,9 +307,32 @@ export default { ...@@ -303,9 +307,32 @@ export default {
}, },
} }
}, },
watch: {
'checked': {
handler (newVal, oldVal) {
if (newVal === false) {
this.saveInfo.abc_deduction_flag = 'N'
} else if (newVal === true) {
this.saveInfo.abc_deduction_flag = 'Y'
}
},
immediate: true,
},
'checkedApproved': {
handler (newVal, oldVal) {
if (newVal === false) {
this.saveInfo.special_flag = 'N'
} else if (newVal === true) {
this.saveInfo.special_flag = 'Y'
}
},
immediate: true,
},
},
beforeRouteEnter (to, from, next) { beforeRouteEnter (to, from, next) {
next(vm => { next(vm => {
vm.showModalValue = false vm.showModalValue = false
vm.pageNum = 1
vm.bp_class = window.localStorage.bp_class vm.bp_class = window.localStorage.bp_class
if (from.name === 'ContractCreateList') { if (from.name === 'ContractCreateList') {
vm.getBaseInfo() vm.getBaseInfo()
...@@ -315,6 +342,7 @@ export default { ...@@ -315,6 +342,7 @@ export default {
methods: { methods: {
addPerson () { addPerson () {
this.showModalValue = true this.showModalValue = true
this.getUndertake()
}, },
goRent () { goRent () {
this.$router.push({ this.$router.push({
...@@ -332,6 +360,48 @@ export default { ...@@ -332,6 +360,48 @@ export default {
this.getORGInfo() this.getORGInfo()
} }
}, },
getUndertake () { // 担保人查询
let vm = this
let randomString = Math.floor(Math.random() * 21)
let url =
process.env.basePath +
'car_confirm_list_query' +
'&index' +
`'${randomString}'`
let param = {
user_phone: window.localStorage.getItem('user_phone'),
pagesize: 10,
pagenum: vm.status === 'APPROVED' ? vm.pagenumApproved : vm.pagenumNew,
confirm_status: vm.status,
searchInput: vm.keyWord,
}
hlsPopup.showLoading('请稍候')
vm.$post(url, param).then(function (res) {
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
let returnData = []
returnData = res.lists
if (returnData.length === 0) {
vm.$refs.scroll.update(true)
} else if (returnData.length > 0 && returnData.length < 10) {
vum.forEach(returnData, function (data, index, array) {
vm.lists.push(array[index])
})
vm.status === 'APPROVED' ? vm.pagenumApproved++ : vm.pagenumNew++
vm.$refs.scroll.update(true)
} else if (returnData.length === 10) {
vum.forEach(returnData, function (data, index, array) {
vm.lists.push(array[index])
})
vm.status === 'APPROVED' ? vm.pagenumApproved++ : vm.pagenumNew++
vm.$refs.scroll.update(false)
}
vm.selectShowList()
} else {
hlsPopup.showLongCenter(res.message)
}
})
},
getNPInfo () { getNPInfo () {
let vm = this let vm = this
let url = process.env.basePath + 'bp_np_info_query' let url = process.env.basePath + 'bp_np_info_query'
...@@ -564,21 +634,14 @@ export default { ...@@ -564,21 +634,14 @@ export default {
color: @headerColor; color: @headerColor;
display: flex; display: flex;
align-items: center; align-items: center;
img { img:nth-of-type(1){
margin-left: 16px; margin-left: 16px;
width: 19px; width: 19px;
margin-right: 10px; margin-right: 10px;
} }
span { img:nth-of-type(2){
display: flex; margin-left:58%;
margin-left: 58%; width:19px;
justify-content: center;
align-items: center;
width: 18px;
height: 18px;
border: 1px solid @headerColor;
color: @headerColor;
border-radius: 50%;
} }
} }
.userInfo：first-of-type { .userInfo：first-of-type {
......
src/pages/contractInquire/repay-detail.vue
View file @ ed7232da
...@@ -61,8 +61,8 @@ ...@@ -61,8 +61,8 @@
<item v-for="(item,index) in lists" :proportion="[2,1]" :key="index"> <item v-for="(item,index) in lists" :proportion="[2,1]" :key="index">
<div slot="name" class="parameters"> <div slot="name" class="parameters">
<div class="list"> <div class="list">
<p>参数项</p> <p>设备识别号</p>
<span class="bold">{{ item.product_code }}</span> <span class="bold">{{ item.product_code }}-{{ index+1|lengthCheck }}</span>
</div> </div>
<div class="list"> <div class="list">
<p>发动机号</p> <p>发动机号</p>
...@@ -99,6 +99,15 @@ export default { ...@@ -99,6 +99,15 @@ export default {
name: 'RepayDetail', name: 'RepayDetail',
components: { components: {
}, },
filters: {
lengthCheck: function (value) {
if ((value.toString()).length === 1) {
return `0${value}`
} else {
return value
}
},
},
data () { data () {
return { return {
lists: [], lists: [],
......
src/pages/contractRepayment/repay-details.vue
View file @ ed7232da
...@@ -25,6 +25,10 @@ ...@@ -25,6 +25,10 @@
<div slot="name">产品名称</div> <div slot="name">产品名称</div>
<div slot="content">{{ detailInfo.division_n?detailInfo.division_n:"暂无数据" }}</div> <div slot="content">{{ detailInfo.division_n?detailInfo.division_n:"暂无数据" }}</div>
</item> </item>
<item>
<div slot="name">设备识别号</div>
<div slot="content" >{{ detailInfo.product_code?detailInfo.product_code:"暂无数据" }}</div>
</item>
<item> <item>
<div slot="name">合同金额</div> <div slot="name">合同金额</div>
<div slot="content">{{ detailInfo.total_price|currency }}</div> <div slot="content">{{ detailInfo.total_price|currency }}</div>
...@@ -47,8 +51,8 @@ ...@@ -47,8 +51,8 @@
<item v-for="(item,index) in lists" :proportion="[2,1]" :key="index"> <item v-for="(item,index) in lists" :proportion="[2,1]" :key="index">
<div slot="name" class="parameters"> <div slot="name" class="parameters">
<div class="list"> <div class="list">
<p>参数项</p> <p>设备识别号</p>
<span class="bold">{{ item.product_code }}</span> <span class="bold">{{ item.product_code }}-{{ index+1 |lengthCheck }}</span>
</div> </div>
<div class="list"> <div class="list">
<p>发动机号</p> <p>发动机号</p>
...@@ -77,11 +81,19 @@ ...@@ -77,11 +81,19 @@
</template> </template>
<script> <script>
export default { export default {
name: 'RepayDetails', name: 'RepayDetails',
components: { components: {
}, },
filters: {
lengthCheck: function (value) {
if ((value.toString()).length === 1) {
return `0${value}`
} else {
return value
}
},
},
data () { data () {
return { return {
pagenum: 1, pagenum: 1,
...@@ -93,6 +105,7 @@ export default { ...@@ -93,6 +105,7 @@ export default {
total_price: '', total_price: '',
product_plan_id_n: '', product_plan_id_n: '',
product_num: '', product_num: '',
product_code: '',
}, },
lists: [], lists: [],
} }
......
src/pages/contractStart/add-car.vue
View file @ ed7232da
...@@ -120,6 +120,10 @@ ...@@ -120,6 +120,10 @@
<div slot="name">产品名称</div> <div slot="name">产品名称</div>
<input slot="content" v-model="detail.division_n" readonly placeholder="暂无数据" > <input slot="content" v-model="detail.division_n" readonly placeholder="暂无数据" >
</item> </item>
<item v-if="read">
<div slot="name">设备识别号</div>
<input slot="content" v-model="detail.product_code" readonly placeholder="暂无数据" >
</item>
<item> <item>
<div slot="name">合同金额</div> <div slot="name">合同金额</div>
<input <input
...@@ -163,8 +167,8 @@ ...@@ -163,8 +167,8 @@
<span>租赁物信息</span> <span>租赁物信息</span>
<span :class="['status',item.lease_status === 'Y'?'unMantain':'mantain']">{{ item.lease_status === 'Y'?'已维护':'待维护' }}</span> <span :class="['status',item.lease_status === 'Y'?'unMantain':'mantain']">{{ item.lease_status === 'Y'?'已维护':'待维护' }}</span>
<p> <p>
参数项 设备识别号
<span>{{ item.product_code }}</span> <span>{{ item.product_code }}-{{ index+1|lengthCheck }}</span>
</p> </p>
</div> </div>
<div class="right"> <div class="right">
...@@ -223,6 +227,15 @@ ...@@ -223,6 +227,15 @@
</template> </template>
<script> <script>
export default { export default {
filters: {
lengthCheck: function (value) {
if ((value.toString()).length === 1) {
return `0${value}`
} else {
return value
}
},
},
data () { data () {
return { return {
num: null, num: null,
...@@ -311,6 +324,7 @@ export default { ...@@ -311,6 +324,7 @@ export default {
product_plan_id: '', product_plan_id: '',
project_id: '', project_id: '',
bp_id: '', bp_id: '',
product_code: '',
}, },
equip: [], equip: [],
vehicleImg: '', vehicleImg: '',
......
src/pages/pay/firstPay/pay-entry.vue
View file @ ed7232da
...@@ -100,11 +100,12 @@ ...@@ -100,11 +100,12 @@
<span>手续费</span> <span>手续费</span>
<span>+¥{{ serviceCharge |currency }}</span> <span>+¥{{ serviceCharge |currency }}</span>
</div> </div>
<div class="info-item" @click="wayShow=true"> <div class="info-item" @click="show=true">
<span>付款方式</span> <span>银行卡</span>
<span> <span>
<img :src="checkPayWay.img" > <img :src="checkType.img" >
<span>{{ checkPayWay.pay_type_name }}</span> <span>{{ checkType.bank_full_name }}</span>
<span v-if="sectctNong">({{ selectLast(checkType) }})</span>
<img class="arrow" src="@/assets/payment/go.png" > <img class="arrow" src="@/assets/payment/go.png" >
</span> </span>
</div> </div>
...@@ -115,52 +116,6 @@ ...@@ -115,52 +116,6 @@
</div> </div>
</div> </div>
</transition> </transition>
<transition name="trans">
<div v-show="wayShow" class="modal-show-payWay">
<div class="down">
<div class="top">
<img src="@/assets/payment/back.png" @click="wayShow=false" >
<span>选择支付方式</span>
</div>
<scroll>
<list-item :item-height="56" class="pay-way">
<item
v-for="(item,index) in notNongList"
:proportion="[7,1,1]"
:key="index"
@click.native="isSelect(`bind`);ischeckPay(item)"
>
<div slot="name" style="flex=3">
<img src="@/assets/payment/bind.png" alt class="icon" >
{{ item.pay_type_name }}
</div>
<section slot="content">
<img v-show="select === `bind`" src="@/assets/payment/select.png" alt >
<img v-show="select !== `bind`" src="@/assets/payment/unselect.png" alt >
</section>
</item>
</list-item>
<list-item v-if="isNongPay" :item-height="56" class="pay-way">
<item
v-for="(item,index) in nongPayList"
:proportion="[7,1,1]"
:key="index"
@click.native="isSelect(`pay${index}`);ischeckPay(item)"
>
<div slot="name" style="flex=3">
<img src="@/assets/payment/ly.png" alt class="icon" >
{{ item.pay_type_name }}
</div>
<section slot="content">
<img v-show="select === `pay${index}`" src="@/assets/payment/select.png" alt >
<img v-show="select !== `pay${index}`" src="@/assets/payment/unselect.png" alt >
</section>
</item>
</list-item>
</scroll>
</div>
</div>
</transition>
<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()" >
...@@ -305,34 +260,6 @@ export default { ...@@ -305,34 +260,6 @@ export default {
this.money = this.$route.params.money this.money = this.$route.params.money
}, },
methods: { methods: {
ischeckPay (way) {
this.checkPayWay.pay_type_name = way.pay_type_name
if (way.pay_type_name === '银联支付') {
this.checkPayWay.img = yinlian
} else {
this.checkPayWay.img = ny
}
this.sectctNong = true
this.wayShow = false
},
getPayType () {
let vm = this
let url = process.env.basePath + 'payment_type_query'
let param = {}
vm.$post(url, param).then(function (res) {
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
vm.notNongList = res.lists.filter(i => {
return i.pay_type === 'ABC_UNION'
})
vm.nongPayList = res.lists.filter(i => {
return i.pay_type === 'ABC_KM' || i.pay_type === 'ABC_KL'
})
} else {
hlsPopup.showLongCenter(res.message)
}
})
},
selectImg (e) { selectImg (e) {
if (e.bank_full_name.indexOf('建设') !== -1) { if (e.bank_full_name.indexOf('建设') !== -1) {
return js return js
...@@ -453,16 +380,6 @@ export default { ...@@ -453,16 +380,6 @@ export default {
affirm () { affirm () {
this.confirm = true this.confirm = true
this.confirmToPay() this.confirmToPay()
this.getPayType()
if (this.checkType.bank_full_name.indexOf('农业') !== -1) {
this.checkPayWay.img = ny
this.checkPayWay.pay_type_name = 'K码支付'
this.isNongPay = true
} else {
this.checkPayWay.img = yinlian
this.checkPayWay.pay_type_name = '银联支付'
this.isNongPay = false
}
}, },
changePage () { changePage () {
this.$router.push({ this.$router.push({
......
src/pages/pay/pay-page.vue
View file @ ed7232da
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<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="changePage" > <img src="@/assets/userBind/arrow.png" @click="changePage" >
<span>支付中心</span> <span>支付详情</span>
</div> </div>
</h-header> </h-header>
<h-content class="box"> <h-content class="box">
...@@ -61,11 +61,51 @@ ...@@ -61,11 +61,51 @@
</div> </div>
</div> </div>
</div> </div>
<button v-if="showpay" @click="pay">立即支付</button> <div>
<button v-if="showSelect" @click="searchResult">查询支付结果</button> <div class="box-top">
<button v-if="isGo" @click="goMyInfo">返回个人中心</button> <img src="@/assets/payment/bank-title.png" >
</div>
<div class="box-center">
<list-item :item-height="44">
<item>
<div slot="name" class="name">订单编号</div>
<div slot="content">{{ info.order_number }}</div>
</item>
<item>
<div slot="name" class="name">付款人</div>
<div slot="content">{{ info.pay_amount_name }}</div>
</item>
<item>
<div slot="name" class="name">付款账号</div>
<div slot="content">{{ info.pay_amount }}</div>
</item>
<item>
<div slot="name" class="name">交易金额</div>
<div slot="content">{{ info.orderamount|currency }}</div>
</item>
<item>
<div slot="name" class="name">支付方式</div>
<div slot="content">K码/K令支付</div>
</item>
</list-item>
<div class="description">
<p>- 说明 -</p>
<p>上述两种支付方式均支持借记卡和信用卡;</p>
<p>手机K码支付需要您开通我行消息服务。</p>
<p>掌上银行支付需要您首先开通我行掌上银行,</p>
<p>且支付账户已添加到掌上银行;</p>
<p>www.abchina. com</p>
<p>全国24小时服务热线:95599</p>
<p>中国农业银行版权所有</p>
</div>
</div>
</div>
</h-content> </h-content>
<bottom-tab>
<tab-button v-if="showpay" class="foot" @click.native="pay">立即支付</tab-button>
<tab-button v-if="showSelect" class="foot" @click.native="searchResult">查询支付结果</tab-button>
<tab-button v-if="isGo" class="foot" @click.native="goMyInfo">返回个人中心</tab-button>
</bottom-tab>
</h-view> </h-view>
</template> </template>
<script> <script>
...@@ -80,6 +120,7 @@ export default { ...@@ -80,6 +120,7 @@ export default {
order_date: '', order_date: '',
orderamount: '', orderamount: '',
order_id: '', order_id: '',
pay_amount: '',
}, },
showSelect: false, showSelect: false,
showpay: true, showpay: true,
...@@ -90,7 +131,6 @@ export default { ...@@ -90,7 +131,6 @@ export default {
}, },
beforeRouteEnter (to, from, next) { beforeRouteEnter (to, from, next) {
next(vm => { next(vm => {
console.log(1111111)
vm.showSelect = false vm.showSelect = false
vm.showpay = true vm.showpay = true
vm.isSuccess = false vm.isSuccess = false
...@@ -98,6 +138,7 @@ export default { ...@@ -98,6 +138,7 @@ export default {
vm.isGo = false vm.isGo = false
vm.name = from.name vm.name = from.name
vm.url = vm.$route.params.url vm.url = vm.$route.params.url
vm.getInfo()
}) })
}, },
methods: { methods: {
...@@ -120,6 +161,22 @@ export default { ...@@ -120,6 +161,22 @@ export default {
name: 'MyInfo', name: 'MyInfo',
}) })
}, },
getInfo () {
let vm = this
let url = process.env.basePath + 'order_info_query'
let param = {
order_id: vm.$route.params.order_id,
}
hlsPopup.showLoading('请稍候')
vm.$post(url, param).then(function (res) {
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
Object.assign(vm.info, res.info)
} else {
hlsPopup.showLongCenter(res.message)
}
})
},
getDetail () { getDetail () {
let vm = this let vm = this
let url = process.env.basePath + 'order_info_query' let url = process.env.basePath + 'order_info_query'
...@@ -168,26 +225,43 @@ export default { ...@@ -168,26 +225,43 @@ export default {
</script> </script>
<style lang="less"> <style lang="less">
#pay-page { #pay-page {
.payBtn{ .payBtn {
width: 200px; width: 200px;
height: 40px; height: 40px;
text-align: center; text-align: center;
line-height: 40px; line-height: 40px;
background: @headerColor; background: @headerColor;
color: #FFF; color: #fff;
border-radius: 6px; border-radius: 6px;
} }
.box { .box {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center;
flex-wrap: wrap; flex-wrap: wrap;
background-color: #fafafa;
.box-top {
img {
height: 72px;
}
}
.description {
width: 232px;
height: 141px;
margin: 0 auto;
margin-top:145px;
margin-bottom: 30px;
font-family: PingFangSC-Regular;
font-size: 12px;
color: #d5d5d5;
letter-spacing: 0;
text-align: center;
line-height: 18px;
flex-flow: row wrap;
}
} }
button { .foot {
color: #fff; color: #fff;
background-color: @headerColor; background-color: #009983;
width: 50%;
height: 40px;
border-radius: 5px; border-radius: 5px;
} }
.my-content { .my-content {
...@@ -235,8 +309,5 @@ export default { ...@@ -235,8 +309,5 @@ export default {
} }
} }
} }
.content {
background-color: #fff;
}
} }
</style> </style>
src/pages/pay/payment/pay-entry.vue
View file @ ed7232da
...@@ -80,52 +80,6 @@ ...@@ -80,52 +80,6 @@
</scroll> </scroll>
</div> </div>
</div></transition> </div></transition>
<transition name="trans">
<div v-show="wayShow" class="modal-show-payWay">
<div class="down">
<div class="top">
<img src="@/assets/payment/back.png" @click="wayShow=false" >
<span>选择支付方式</span>
</div>
<scroll>
<list-item :item-height="56" class="pay-way">
<item
v-for="(item,index) in notNongList"
:proportion="[7,1,1]"
:key="index"
@click.native="isSelect(`bind`);ischeckPay(item)"
>
<div slot="name" style="flex=3">
<img src="@/assets/payment/bind.png" alt class="icon" >
{{ item.pay_type_name }}
</div>
<section slot="content">
<img v-show="select === `bind`" src="@/assets/payment/select.png" alt >
<img v-show="select !== `bind`" src="@/assets/payment/unselect.png" alt >
</section>
</item>
</list-item>
<list-item v-if="isNongPay" :item-height="56" class="pay-way">
<item
v-for="(item,index) in nongPayList"
:proportion="[7,1,1]"
:key="index"
@click.native="isSelect(`pay${index}`);ischeckPay(item)"
>
<div slot="name" style="flex=3">
<img src="@/assets/payment/ly.png" alt class="icon" >
{{ item.pay_type_name }}
</div>
<section slot="content">
<img v-show="select === `pay${index}`" src="@/assets/payment/select.png" alt >
<img v-show="select !== `pay${index}`" src="@/assets/payment/unselect.png" alt >
</section>
</item>
</list-item>
</scroll>
</div>
</div>
</transition>
<transition name="trans"> <transition name="trans">
<div v-show="confirm" class="modal-show-confirm"> <div v-show="confirm" class="modal-show-confirm">
<div class="down"> <div class="down">
...@@ -145,11 +99,12 @@ ...@@ -145,11 +99,12 @@
<span>手续费</span> <span>手续费</span>
<span>+¥{{ serviceCharge |currency }}</span> <span>+¥{{ serviceCharge |currency }}</span>
</div> </div>
<div class="info-item" @click="wayShow=true"> <div class="info-item" @click="show=true">
<span>付款方式</span> <span>银行卡</span>
<span> <span>
<img :src="checkPayWay.img" > <img :src="checkType.img" >
<span>{{ checkPayWay.pay_type_name }}</span> <span>{{ checkType.bank_full_name }}</span>
<span v-if="sectctNong">({{ selectLast(checkType) }})</span>
<img class="arrow" src="@/assets/payment/go.png" > <img class="arrow" src="@/assets/payment/go.png" >
</span> </span>
</div> </div>
...@@ -227,7 +182,6 @@ export default { ...@@ -227,7 +182,6 @@ export default {
money: '', money: '',
select: 'one', select: 'one',
name: '', name: '',
wayShow: false,
pay_type: '', pay_type: '',
bank_account_id: '', bank_account_id: '',
sectctNong: false, sectctNong: false,
...@@ -236,10 +190,6 @@ export default { ...@@ -236,10 +190,6 @@ export default {
bank_full_name: '', bank_full_name: '',
bank_account_num: '', bank_account_num: '',
}, },
checkPayWay: {
img: '',
pay_type_name: '',
},
confirm: false, confirm: false,
show: false, show: false,
downNum: false, downNum: false,
...@@ -287,7 +237,6 @@ export default { ...@@ -287,7 +237,6 @@ export default {
vm.confirm = false vm.confirm = false
vm.show = false vm.show = false
vm.downNum = false vm.downNum = false
vm.getPayType()
if (from.name === 'NewList') { if (from.name === 'NewList') {
vm.money = vm.$route.params.money vm.money = vm.$route.params.money
} else if (from.name === 'PaymentContractRecord') { } else if (from.name === 'PaymentContractRecord') {
...@@ -298,46 +247,9 @@ export default { ...@@ -298,46 +247,9 @@ export default {
}) })
}, },
methods: { methods: {
getPayType () {
let vm = this
let url = process.env.basePath + 'payment_type_query'
let param = {}
vm.$post(url, param).then(function (res) {
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
vm.notNongList = res.lists.filter(i => {
return i.pay_type === 'ABC_UNION'
})
vm.nongPayList = res.lists.filter(i => {
return i.pay_type === 'ABC_KM' || i.pay_type === 'ABC_KL'
})
} else {
hlsPopup.showLongCenter(res.message)
}
})
},
ischeckPay (way) {
this.checkPayWay.pay_type_name = way.pay_type_name
if (way.pay_type_name === '银联支付') {
this.checkPayWay.img = yinlian
} else {
this.checkPayWay.img = ny
}
this.sectctNong = true
this.wayShow = false
},
affirm () { affirm () {
this.confirm = true this.confirm = true
this.confirmToPay() this.confirmToPay()
if (this.checkType.bank_full_name.indexOf('农业') !== -1) {
this.checkPayWay.img = ny
this.checkPayWay.pay_type_name = 'K码支付'
this.isNongPay = true
} else {
this.checkPayWay.img = yinlian
this.checkPayWay.pay_type_name = '银联支付'
this.isNongPay = false
}
}, },
confirmToPay (e) { confirmToPay (e) {
let vm = this let vm = this
......
src/pages/userBindNew/np/bank-info.vue
View file @ ed7232da
...@@ -130,6 +130,8 @@ export default { ...@@ -130,6 +130,8 @@ export default {
showModalValue: false, showModalValue: false,
bankList: [], bankList: [],
isClear: false, isClear: false,
certification_status: '',
authUrl: '',
bank: { bank: {
bank_account_num: '', bank_account_num: '',
bank_account_name: '', bank_account_name: '',
...@@ -149,6 +151,7 @@ export default { ...@@ -149,6 +151,7 @@ export default {
beforeRouteEnter (to, from, next) { beforeRouteEnter (to, from, next) {
next(vm => { next(vm => {
vm.getBankInfo() vm.getBankInfo()
vm.getNpCertificationUrl()
}) })
}, },
methods: { methods: {
...@@ -172,15 +175,34 @@ export default { ...@@ -172,15 +175,34 @@ export default {
showModal () { showModal () {
this.showModalValue = true this.showModalValue = true
}, },
putData () { async checkElectonic () {
let vm = this
let id = window.localStorage.getItem('bp_id')
let url = process.env.basePath + 'bp_elec_check'
let param = {
bp_id: id,
}
vm.hlsPopup.showLoading('请稍候')
let res = await vm.$post(url, param)
if (res.result === 'S') {
vm.hlsPopup.hideLoading()
vm.certification_status = res.info.certification_status
return true
} else {
vm.hlsPopup.hideLoading()
this.hlsPopup.showLongCenter(res.message)
}
},
async putData () {
let vm = this
let bp_id = window.localStorage.getItem('bp_id') let bp_id = window.localStorage.getItem('bp_id')
let isCheck = await vm.checkElectonic()
if (bp_id) { if (bp_id) {
this.hlsPopup.showConfirm({ this.hlsPopup.showConfirm({
title: '提示', title: '提示',
content: '您确认提交吗？', content: '您确认提交吗？',
onConfirm: data => { onConfirm: data => {
if (data) { if (data) {
let vm = this
let url = process.env.basePath + 'bp_bind_submit' let url = process.env.basePath + 'bp_bind_submit'
let param = { let param = {
master: { master: {
...@@ -189,17 +211,28 @@ export default { ...@@ -189,17 +211,28 @@ export default {
}, },
} }
vm.hlsPopup.showLoading('请稍候') vm.hlsPopup.showLoading('请稍候')
vm.hlsHttp.post(url, param).then(function (res) { if (isCheck) {
vm.hlsPopup.hideLoading() vm.hlsHttp.post(url, param).then(function (res) {
if (res.result === 'S') { vm.hlsPopup.hideLoading()
vm.hlsPopup.showSuccess('提交成功') if (res.result === 'S') {
vm.$router.push({ vm.hlsPopup.showSuccess('提交成功')
name: 'HomePage', if (vm.certification_status === 'Y') {
}) vm.$router.push({
} else { name: 'HomePage',
vm.hlsPopup.showLongCenter(res.message) })
} } else {
}) vm.$router.push({
name: 'Certification',
params: {
authUrl: vm.authUrl,
},
})
}
} else {
vm.hlsPopup.showLongCenter(res.message)
}
})
}
} }
}, },
}) })
...@@ -207,6 +240,23 @@ export default { ...@@ -207,6 +240,23 @@ export default {
this.hlsPopup.showLongCenter('请先保存') this.hlsPopup.showLongCenter('请先保存')
} }
}, },
getNpCertificationUrl () {
let vm = this
let url = $config.basePath + 'auth_user_sign'
let param = {
phone: window.localStorage.user_phone,
}
hlsPopup.showLoading('请稍候')
vm.$post(url, param).then(function (res) {
hlsPopup.hideLoading()
console.log('获取个人认证url', res)
if (res.info.code === 0) {
vm.authUrl = res.info.data.authUrl
} else {
vm.errorMsg = res.info.msg
}
})
},
addBankInfo () { addBankInfo () {
this.hlsPopup.showConfirm({ this.hlsPopup.showConfirm({
title: '提示', title: '提示',
......
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