Commit 457d2a3c authored by linxin's avatar linxin

add:多角色切换权限控制以及支付跳转浏览器

parent e2d7524f
...@@ -194,6 +194,7 @@ export default { ...@@ -194,6 +194,7 @@ export default {
padding: 8px 12px; padding: 8px 12px;
position: absolute; position: absolute;
width: 100%; width: 100%;
height:1.02rem;
z-index: 100; z-index: 100;
margin-top: 52px; margin-top: 52px;
margin-bottom: 8px; margin-bottom: 8px;
...@@ -201,9 +202,8 @@ export default { ...@@ -201,9 +202,8 @@ export default {
background: url("../../assets/contractStart/search1.png") 320px no-repeat; background: url("../../assets/contractStart/search1.png") 320px no-repeat;
background-size: 16px 16px; background-size: 16px 16px;
background-color: rgba(239,239,239,0.55); background-color: rgba(239,239,239,0.55);
padding-left: 12px; padding:8px 12px;
border-radius: 4px; border-radius: 4px;
height: 36px;
width: 100%; width: 100%;
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 14px; font-size: 14px;
......
...@@ -10,7 +10,9 @@ ...@@ -10,7 +10,9 @@
<div class="search has-header"> <div class="search has-header">
<input v-model="keyWord" placeholder="请输入合同号/产品线/承租人名称" > <input v-model="keyWord" placeholder="请输入合同号/产品线/承租人名称" >
</div> </div>
<scroll ref="scroll" :updateData="[lists]" :pullUp="true" @pullingUp="getList" class="has-footer"> <scroll
ref="scroll" :updateData="[lists]" :pullUp="true" class="has-footer"
@pullingUp="getList">
<div v-for="(item,index) in showList" :key="index" class="item" @click="changePage(item)"> <div v-for="(item,index) in showList" :key="index" class="item" @click="changePage(item)">
<div class="left"> <div class="left">
<span> <span>
...@@ -206,6 +208,7 @@ export default { ...@@ -206,6 +208,7 @@ export default {
padding: 8px 12px; padding: 8px 12px;
position: absolute; position: absolute;
width: 100%; width: 100%;
height:1.02rem;
z-index: 100; z-index: 100;
margin-top: 52px; margin-top: 52px;
margin-bottom: 8px; margin-bottom: 8px;
...@@ -213,9 +216,8 @@ export default { ...@@ -213,9 +216,8 @@ export default {
background: url("../../assets/contractStart/search1.png") 320px no-repeat; background: url("../../assets/contractStart/search1.png") 320px no-repeat;
background-size: 16px 16px; background-size: 16px 16px;
background-color: rgba(239,239,239,0.55); background-color: rgba(239,239,239,0.55);
padding-left: 12px; padding:8px 12px;
border-radius: 4px; border-radius: 4px;
height: 36px;
width: 100%; width: 100%;
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 14px; font-size: 14px;
......
...@@ -115,8 +115,8 @@ export default { ...@@ -115,8 +115,8 @@ export default {
background: #fff; background: #fff;
input { input {
width: 351px; width: 351px;
height: 36px; // height: 36px;
padding-left: 20px; padding:8px 20px;
margin: 0 auto; margin: 0 auto;
opacity: 0.4; opacity: 0.4;
border: none; border: none;
......
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
<div class="top" style="margin-top:-1px;"> <div class="top" style="margin-top:-1px;">
<div class="card-top"> <div class="card-top">
<img :src="upLoadObj.picture" @click="checkType" > <img :src="upLoadObj" @click="checkType" >
<div class="sign"> <div class="sign">
<span>{{ user_phone }}</span> <span>{{ user_phone }}</span>
<div> <div>
...@@ -29,15 +29,15 @@ ...@@ -29,15 +29,15 @@
<div class="card"> <div class="card">
<div class="card-info"> <div class="card-info">
<div class="card-bottom"> <div class="card-bottom">
<div @click="goStart"> <div v-if="(user_bp_type!=='TENANT')&&(user_bp_type!=='GUTA')" @click="goStart">
<img src="@/assets/myInfo/car.png" > <img src="@/assets/myInfo/car.png" >
<p>发车申请</p> <p>发车申请</p>
</div> </div>
<div @click="changePay"> <div v-if="(user_bp_type==='TENANT')||(user_bp_type==='GUTA')" @click="changePay">
<img src="@/assets/myInfo/pay.png" > <img src="@/assets/myInfo/pay.png" >
<p>首付还款</p> <p>首付还款</p>
</div> </div>
<div @click="changeRent"> <div v-if="(user_bp_type==='TENANT')||(user_bp_type==='GUTA')" @click="changeRent">
<img src="@/assets/myInfo/refund.png" > <img src="@/assets/myInfo/refund.png" >
<p>租金还款</p> <p>租金还款</p>
</div> </div>
...@@ -64,7 +64,7 @@ ...@@ -64,7 +64,7 @@
<img src="@/assets/myInfo/unConfirm.png" > <img src="@/assets/myInfo/unConfirm.png" >
<p>待确认</p> <p>待确认</p>
</div>--> </div>-->
<div class="content-wrap" @click="goVideoSign"> <div v-if="user_bp_type!=='FACTORY'" class="content-wrap" @click="goVideoSign">
<span <span
v-if="vedioCount > 0" v-if="vedioCount > 0"
:class="{'content-wrap-class-width':vedioCount>99, 'content-wrap-class':vedioCount<99}" :class="{'content-wrap-class-width':vedioCount>99, 'content-wrap-class':vedioCount<99}"
...@@ -72,7 +72,7 @@ ...@@ -72,7 +72,7 @@
<img src="@/assets/myInfo/unFace.png" > <img src="@/assets/myInfo/unFace.png" >
<p>待面签</p> <p>待面签</p>
</div> </div>
<div class="content-wrap" @click="goCarConfirm"> <div v-if="(user_bp_type==='TENANT')||(user_bp_type==='GUTA')" class="content-wrap" @click="goCarConfirm">
<span <span
v-if="carCount > 0" v-if="carCount > 0"
:class="{'content-wrap-class-width':carCount>99, 'content-wrap-class':carCount<99}" :class="{'content-wrap-class-width':carCount>99, 'content-wrap-class':carCount<99}"
...@@ -83,7 +83,7 @@ ...@@ -83,7 +83,7 @@
</div> </div>
</div> </div>
<list-item :item-height="44" class="list"> <list-item :item-height="44" class="list">
<item @click.native="goReimburse"> <item v-if="(user_bp_type==='TENANT')||(user_bp_type==='GUTA')" @click.native="goReimburse">
<img slot="left-icon" src="@/assets/myInfo/myRefund.png" class="left-icon" > <img slot="left-icon" src="@/assets/myInfo/myRefund.png" class="left-icon" >
<div slot="name">我的还款</div> <div slot="name">我的还款</div>
</item> </item>
...@@ -144,10 +144,7 @@ export default { ...@@ -144,10 +144,7 @@ export default {
data () { data () {
return { return {
currentVersion: process.env.currentVersion, currentVersion: process.env.currentVersion,
upLoadObj: { upLoadObj: defaultImg, // 上传的图片
picture: defaultImg,
filePath: '',
}, // 上传的图片
flag: true, flag: true,
isAGENT: false, isAGENT: false,
elecStatusDesceibe: '', elecStatusDesceibe: '',
...@@ -467,6 +464,7 @@ export default { ...@@ -467,6 +464,7 @@ export default {
}) })
}, },
checkType () { checkType () {
let vm = this
this.hlsPopup.showActionSheet({ this.hlsPopup.showActionSheet({
buttonArray: buttonArray:
this.bp_id === undefined this.bp_id === undefined
...@@ -474,7 +472,7 @@ export default { ...@@ -474,7 +472,7 @@ export default {
: ['修改头像', '用户信息', '角色切换'], : ['修改头像', '用户信息', '角色切换'],
callback: index => { callback: index => {
if (index === 0) { if (index === 0) {
this.imgUploadShow('app_user_id') this.imgUploadShow(vm.bp_id)
} else if (index === 1) { } else if (index === 1) {
this.changePageHead() this.changePageHead()
} else if (index === 2) { } else if (index === 2) {
...@@ -503,7 +501,7 @@ export default { ...@@ -503,7 +501,7 @@ export default {
let vm = this let vm = this
let obj = { let obj = {
pkvalue: check_id, pkvalue: check_id,
source_type: 'PRJ_CDD_ITEM_CHECK', source_type: 'HLS_APP_USER',
picture: '', picture: '',
check_id: check_id, check_id: check_id,
filePath: '', filePath: '',
...@@ -517,7 +515,7 @@ export default { ...@@ -517,7 +515,7 @@ export default {
let success = function (imgdata) { let success = function (imgdata) {
obj.picture = imgdata obj.picture = imgdata
obj.filePath = imgdata obj.filePath = imgdata
Object.assign(vm.upLoadObj, obj) vm.upLoadObj = obj.picture
vm.save_picture(obj) vm.save_picture(obj)
} }
let error = function () { let error = function () {
...@@ -533,7 +531,7 @@ export default { ...@@ -533,7 +531,7 @@ export default {
let success = function (imgUrl) { let success = function (imgUrl) {
let obj = { let obj = {
pkvalue: check_id, pkvalue: check_id,
source_type: 'PRJ_CDD_ITEM_CHECK', source_type: 'HLS_APP_USER',
picture: '', picture: '',
check_id: check_id, check_id: check_id,
filePath: '', filePath: '',
...@@ -543,7 +541,7 @@ export default { ...@@ -543,7 +541,7 @@ export default {
} }
obj.picture = imgUrl obj.picture = imgUrl
obj.filePath = imgUrl obj.filePath = imgUrl
Object.assign(vm.upLoadObj, obj) vm.upLoadObj = obj.picture
// 拍完一张立马执行保存图片逻辑 // 拍完一张立马执行保存图片逻辑
vm.save_picture(obj) vm.save_picture(obj)
} }
...@@ -587,7 +585,10 @@ export default { ...@@ -587,7 +585,10 @@ export default {
}, },
save_picture (obj) { save_picture (obj) {
if (obj) { if (obj) {
hlsUtil.fileUploadSvc(obj) let success = function () {
hlsPopup.showLongCenter('头像上传成功')
}
hlsUtil.fileUploadSvc(obj, success)
} else { } else {
hlsPopup.hideLoading() hlsPopup.hideLoading()
} }
...@@ -875,7 +876,7 @@ export default { ...@@ -875,7 +876,7 @@ export default {
width: 285px; width: 285px;
margin: 0 auto; margin: 0 auto;
display: flex; display: flex;
justify-content: space-between; justify-content:flex-start;
align-items: center; align-items: center;
text-align: center; text-align: center;
p { p {
...@@ -888,6 +889,9 @@ export default { ...@@ -888,6 +889,9 @@ export default {
width: 48px; width: 48px;
height: 48px; height: 48px;
} }
div:not(:first-child){
margin-left:60px;
}
} }
} }
} }
...@@ -926,7 +930,7 @@ export default { ...@@ -926,7 +930,7 @@ export default {
width: 295px; width: 295px;
margin: 0 auto; margin: 0 auto;
display: flex; display: flex;
justify-content: space-between; justify-content: flex-start;
align-items: center; align-items: center;
text-align: center; text-align: center;
.content-wrap { .content-wrap {
...@@ -968,6 +972,9 @@ export default { ...@@ -968,6 +972,9 @@ export default {
color: #383f45; color: #383f45;
margin-top: 5px; margin-top: 5px;
} }
div:not(:first-child){
margin-left:85px;
}
} }
.list { .list {
width: 359px; width: 359px;
......
...@@ -27,7 +27,7 @@ ...@@ -27,7 +27,7 @@
</div> </div>
<div class="pay-input"> <div class="pay-input">
<span>应还首付款</span> <span>应还首付款</span>
<CurrencyInput v-model="money" placeholder="请输入支付金额"/> <CurrencyInput v-model="money" class="currencyInput" placeholder="请输入支付金额" />
<div @click="createOrder"> <div @click="createOrder">
<img src="@/assets/payment/into.png" > <img src="@/assets/payment/into.png" >
</div> </div>
...@@ -70,8 +70,7 @@ export default { ...@@ -70,8 +70,7 @@ export default {
vm.getDownPayment() vm.getDownPayment()
} else if (from.name === 'Success') { } else if (from.name === 'Success') {
vm.money = vm.money =
parseInt(vm.default) - parseInt(vm.default) - parseInt(window.localStorage.getItem('money'))
parseInt(window.localStorage.getItem('money'))
vm.default = vm.money vm.default = vm.money
} }
}) })
...@@ -259,11 +258,13 @@ export default { ...@@ -259,11 +258,13 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.currencyInput {
input {
flex: 3; flex: 3;
text-align: right; text-align: right;
padding-right: 5px; padding-right: 5px;
height: 100%;
display: flex;
align-items: center;
} }
div { div {
......
...@@ -80,6 +80,60 @@ ...@@ -80,6 +80,60 @@
</scroll> </scroll>
</div> </div>
</div> </div>
</transition>
<transition name="trans">
<div v-show="showOutside" class="modal-show-bank">
<div class="down">
<div class="top">
<img src="@/assets/payment/back.png" @click="showOutside=false" >
<span>支付方式</span>
</div>
<scroll>
<list-item :item-height="56" class="pay-way">
<item
v-for="(item,index) in nongBank"
:proportion="[7,1,1]"
:key="item.bank_account_num"
@click.native="isSelect(`nong${index}`);ischeck(item)"
>
<div slot="name" style="flex=3">
<img :src="selectImg(item)" alt class="icon" >
{{ item.bank_full_name }}({{ selectLast(item) }})
<img
v-show="item.recommand"
class="push"
src="@/assets/payment/push.png"
>
</div>
<section slot="content">
<img v-show="select === `nong${index}`" src="@/assets/payment/select.png" alt >
<img v-show="select !== `nong${index}`" src="@/assets/payment/unselect.png" alt >
</section>
</item>
<item
v-for="(item,index) in newList"
:proportion="[7,1,1]"
:key="index"
@click.native="isSelect(`three${index}`);ischeck(item)"
>
<div slot="name" style="flex=3">
<img :src="selectImg(item)" alt class="icon" >
{{ item.bank_full_name }}({{ selectLast(item) }})
<img
v-show="item.recommand"
class="push"
src="@/assets/payment/push.png"
>
</div>
<section slot="content">
<img v-show="select === `three${index}`" src="@/assets/payment/select.png" alt >
<img v-show="select !== `three${index}`" src="@/assets/payment/unselect.png" alt >
</section>
</item>
</list-item>
</scroll>
</div>
</div>
</transition> </transition>
<transition name="trans"> <transition name="trans">
<div v-show="confirm" class="modal-show-confirm"> <div v-show="confirm" class="modal-show-confirm">
...@@ -111,7 +165,7 @@ ...@@ -111,7 +165,7 @@
</div> </div>
</div> </div>
<bottom-tab> <bottom-tab>
<tab-button class="foot" @click.native="checkPay">立即支付</tab-button> <tab-button :disable="isReturn" class="foot" @click.native="checkPay">立即支付</tab-button>
</bottom-tab> </bottom-tab>
</div> </div>
</div> </div>
...@@ -139,7 +193,7 @@ ...@@ -139,7 +193,7 @@
<span>手续费</span> <span>手续费</span>
<span>{{ serviceCharge }}</span> <span>{{ serviceCharge }}</span>
</div> </div>
<div class="info-item" @click="show=true"> <div class="info-item" @click="showOutside=true">
<span>付款方式</span> <span>付款方式</span>
<span> <span>
<img :src="checkType.img" > <img :src="checkType.img" >
...@@ -179,10 +233,13 @@ export default { ...@@ -179,10 +233,13 @@ export default {
components: {}, components: {},
data () { data () {
return { return {
url: '',
money: '', money: '',
timer: null,
select: 'three0', select: 'three0',
name: '', name: '',
sectctNong: false, sectctNong: false,
isReturn:true,
pay_type: '', pay_type: '',
bank_account_id: '', bank_account_id: '',
checkType: { checkType: {
...@@ -192,6 +249,7 @@ export default { ...@@ -192,6 +249,7 @@ export default {
}, },
confirm: false, confirm: false,
show: false, show: false,
showOutside:false,
downNum: false, downNum: false,
recommand: false, recommand: false,
userName: window.localStorage.getItem('bp_name'), userName: window.localStorage.getItem('bp_name'),
...@@ -230,7 +288,9 @@ export default { ...@@ -230,7 +288,9 @@ export default {
next(vm => { next(vm => {
vm.confirm = false vm.confirm = false
vm.show = false vm.show = false
vm.showOutside = false
vm.downNum = false vm.downNum = false
vm.isReturn = true
vm.name = from.name vm.name = from.name
vm.getType() vm.getType()
vm.nongBank = [] vm.nongBank = []
...@@ -298,6 +358,7 @@ export default { ...@@ -298,6 +358,7 @@ export default {
this.sectctNong = true this.sectctNong = true
} }
this.show = false this.show = false
this.showOutside = false
}, },
confirmToPay (e) { confirmToPay (e) {
let vm = this let vm = this
...@@ -317,7 +378,7 @@ export default { ...@@ -317,7 +378,7 @@ export default {
hlsPopup.showLoading('请稍候') hlsPopup.showLoading('请稍候')
vm.$post(url, param).then(function (res) { vm.$post(url, param).then(function (res) {
if (res.result === 'S') { if (res.result === 'S') {
vm.hlsPopup.hideLoading() vm.pay()
} else { } else {
hlsPopup.showLongCenter(res.message) hlsPopup.showLongCenter(res.message)
} }
...@@ -329,7 +390,7 @@ export default { ...@@ -329,7 +390,7 @@ export default {
hlsPopup.showLongCenter('您支付的金额为0元') hlsPopup.showLongCenter('您支付的金额为0元')
console.log('您支付的金额为0元') console.log('您支付的金额为0元')
} else if (parseFloat(vm.sumMoney) > 0) { } else if (parseFloat(vm.sumMoney) > 0) {
vm.pay() window.open(vm.url)
} }
}, },
pay () { pay () {
...@@ -338,12 +399,13 @@ export default { ...@@ -338,12 +399,13 @@ export default {
let param = { let param = {
order_id: vm.$route.params.order_id, order_id: vm.$route.params.order_id,
} }
hlsPopup.showLoading('请稍候') // hlsPopup.showLoading('请稍候')
vm.$post(url, param).then(function (res) { vm.$post(url, param).then(function (res) {
vm.hlsPopup.hideLoading() vm.hlsPopup.hideLoading()
if (res.result === 'S') { if (res.result === 'S') {
if (res.return_code !== '0000') { if (res.return_code !== '0000') {
hlsPopup.showLongCenter(res.error_message) hlsPopup.showLongCenter(res.error_message)
vm.isReturn = true
} else { } else {
// vm.$router.push({ // vm.$router.push({
// name: 'PayPage', // name: 'PayPage',
...@@ -351,7 +413,9 @@ export default { ...@@ -351,7 +413,9 @@ export default {
// url: res.paymentURL, // url: res.paymentURL,
// }, // },
// }) // })
window.open(res.paymentURL) vm.url = res.paymentURL
vm.isReturn = false
} }
} else { } else {
hlsPopup.showLongCenter(res.message) hlsPopup.showLongCenter(res.message)
...@@ -371,7 +435,6 @@ export default { ...@@ -371,7 +435,6 @@ export default {
}, },
}) })
}, },
getType () { getType () {
let vm = this let vm = this
let url = process.env.basePath + 'payment_method_query' let url = process.env.basePath + 'payment_method_query'
......
...@@ -26,7 +26,7 @@ ...@@ -26,7 +26,7 @@
</div> </div>
<div class="pay-input"> <div class="pay-input">
<span>应还租金</span> <span>应还租金</span>
<CurrencyInput v-model="pay_rent" type="text" placeholder="请输入支付金额" /> <CurrencyInput v-model="pay_rent" class="currencyInput" type="text" placeholder="请输入支付金额" />
<div @click="createOrder"> <div @click="createOrder">
<img src="@/assets/payment/into.png" > <img src="@/assets/payment/into.png" >
</div> </div>
...@@ -40,7 +40,10 @@ ...@@ -40,7 +40,10 @@
</div> </div>
<div class="pay-input"> <div class="pay-input">
<span>逾期利息</span> <span>逾期利息</span>
<CurrencyInput v-model="liquidated_damages" readonly type="text" placeholder="请输入支付金额" /></currencyinput></div> <CurrencyInput
v-model="liquidated_damages" class="currencyInput" readonly type="text"
placeholder="请输入支付金额" />
</div>
</div> </div>
</div> </div>
</section> </section>
...@@ -180,6 +183,11 @@ export default { ...@@ -180,6 +183,11 @@ export default {
</script> </script>
<style lang='less' > <style lang='less' >
#first-pay { #first-pay {
.currencyInput{
height:100%;
display: flex;
align-items: center;
}
.top-head { .top-head {
width: 100%; width: 100%;
height: 142px; height: 142px;
......
...@@ -102,6 +102,7 @@ export default { ...@@ -102,6 +102,7 @@ export default {
padding: 8px 12px; padding: 8px 12px;
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 1.02rem;
z-index: 100; z-index: 100;
// margin-top: 52px; // margin-top: 52px;
margin-bottom: 8px; margin-bottom: 8px;
...@@ -109,9 +110,9 @@ export default { ...@@ -109,9 +110,9 @@ export default {
background: url("../../assets/contractStart/search1.png") 320px no-repeat; background: url("../../assets/contractStart/search1.png") 320px no-repeat;
background-size: 16px 16px; background-size: 16px 16px;
background-color: rgba(239,239,239,0.55); background-color: rgba(239,239,239,0.55);
padding-left: 12px; padding:8px 12px;
border-radius: 4px; border-radius: 4px;
height: 36px; // height: 36px;
width: 100%; width: 100%;
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 14px; font-size: 14px;
......
...@@ -214,6 +214,7 @@ export default { ...@@ -214,6 +214,7 @@ export default {
padding: 8px 12px; padding: 8px 12px;
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 1.02rem;
z-index: 100; z-index: 100;
margin-top: 52px; margin-top: 52px;
// margin-bottom: 8px; // margin-bottom: 8px;
...@@ -221,9 +222,8 @@ export default { ...@@ -221,9 +222,8 @@ export default {
background: url("../../assets/contractStart/search1.png") 320px no-repeat; background: url("../../assets/contractStart/search1.png") 320px no-repeat;
background-size: 16px 16px; background-size: 16px 16px;
background-color: rgba(239,239,239,0.55); background-color: rgba(239,239,239,0.55);
padding-left: 12px; padding:8px 12px;
border-radius: 4px; border-radius: 4px;
height: 36px;
width: 100%; width: 100%;
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 14px; font-size: 14px;
......
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