Commit 9144b8e5 authored by 李晓兵's avatar 李晓兵

Merge branch 'develop' of https://hel.hand-china.com/xugong/hls-xcmg-vue-app into develop

parents e3de6ee7 6a61e51a
Pipeline #4282 canceled with stages
...@@ -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: '',
......
<!-- <!--
* @Author: your name * @Author: your name
* @Date: 2019-09-29 10:02:11 * @Date: 2019-09-29 10:02:11
* @LastEditTime: 2019-12-19 14:28:00 * @LastEditTime : 2019-12-23 11:04:04
* @LastEditors: Please set LastEditors * @LastEditors : Please set LastEditors
* @Description: In User Settings Edit * @Description: In User Settings Edit
--> -->
<template> <template>
...@@ -62,10 +62,12 @@ export default { ...@@ -62,10 +62,12 @@ export default {
data () { data () {
return { return {
num: 1, num: 1,
pagenum: 1,
check1: Check1, check1: Check1,
check2: Check2, check2: Check2,
uncheck1: unCheck1, uncheck1: unCheck1,
uncheck2: unCheck2, uncheck2: unCheck2,
user_bp_type: '', // 客户类型
searchInput: '', // 搜索内容 searchInput: '', // 搜索内容
showLists: [ showLists: [
{ project_number: '201903022001', bp_name: '张三', total_price: '1000000', confirm_start_date: '2019-12-18' }, { project_number: '201903022001', bp_name: '张三', total_price: '1000000', confirm_start_date: '2019-12-18' },
...@@ -84,13 +86,39 @@ export default { ...@@ -84,13 +86,39 @@ export default {
}, },
beforeRouteEnter (to, from, next) { beforeRouteEnter (to, from, next) {
next(vm => { next(vm => {
if (from.name === 'MyInfo') {
vm.searchInput = ''
vm.pagenum = 1
vm.user_bp_type = vm.$route.params.user_bp_type
vm.listsQuery() // 已创建合同列表查询
}
}) })
}, },
methods: { methods: {
listsQuery () {
let vm = this
let url = process.env.basePath + 'prj_submit_list'
let param = {
user_phone: window.localStorage.user_phone,
pagesize: 10,
searchInput: vm.searchInput,
pagenum: vm.pagenum,
}
vm.hlsPopup.showLoading('请稍候')
vm.hlsHttp.post(url, param).then(function (res) {
vm.hlsPopup.hideLoading()
console.log('已创建合同列表查询', res)
if (res.result === 'S') {
// vm.showLists = res.lists
}
})
},
goDetails () { goDetails () {
this.$router.push({ this.$router.push({
name: 'SalesInfo', name: 'SalesInfo',
params: {
user_bp_type: this.user_bp_type,
},
}) })
}, },
changePage () { changePage () {
......
...@@ -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 {
......
<!-- <!--
* @Author: your name * @Author: your name
* @Date: 2019-09-29 10:02:11 * @Date: 2019-09-29 10:02:11
* @LastEditTime: 2019-12-20 17:03:56 * @LastEditTime : 2019-12-23 15:10:23
* @LastEditors: Please set LastEditors * @LastEditors : Please set LastEditors
* @Description: In User Settings Edit * @Description: In User Settings Edit
--> -->
<template> <template>
...@@ -32,7 +32,8 @@ ...@@ -32,7 +32,8 @@
</item> </item>
<item> <item>
<div slot="name" class="font-color">经销商</div> <div slot="name" class="font-color">经销商</div>
<input slot="content" v-model="bp_agent_name" readonly> <input v-if="user_bp_type !== 'OFFICE'" slot="content" v-model="bp_agent_name" readonly>
<input v-if="user_bp_type === 'OFFICE'" slot="content" placeholder="直销" readonly>
</item> </item>
<item :showArrow="true"> <item :showArrow="true">
<div slot="name" class="font-color">销售人员</div> <div slot="name" class="font-color">销售人员</div>
...@@ -69,53 +70,17 @@ ...@@ -69,53 +70,17 @@
</item> </item>
<item> <item>
<div slot="name" class="font-color">主机厂业务员</div> <div slot="name" class="font-color">主机厂业务员</div>
<input slot="content" placeholder="请输入业务员姓名"> <input slot="content" v-model="salesInfo.manu_manager" placeholder="请输入业务员姓名">
</item> </item>
<item @click.native="showTime('YYYY-MM-DD')"> <item v-if="user_bp_type === 'AGENT'">
<div slot="name" class="font-color">签约日期</div>
<input slot="content" v-model="salesInfo.dates" readonly>
<img src="@/assets/contractCreate/date.png" alt="" class="date-pic">
</item>
</list-item>
<list-item v-if="false" :item-height="44" class="second-part">
<item :showArrow="true">
<div slot="name" class="font-color">承租人</div>
<span slot="content">{{ '请选择' }}</span>
</item>
<item :showArrow="true">
<div slot="name" class="font-color">业务类型</div>
<input slot="content" placeholder="请选择">
</item>
<item>
<div slot="name" class="font-color">经销商</div>
<input slot="content" placeholder="上海汉得信息技术股份有限公司">
</item>
<item :showArrow="true">
<div slot="name" class="font-color">销售人员</div>
<input slot="content" readonly placeholder="请选择">
</item>
<item :showArrow="true">
<div slot="name" class="font-color">办事处</div>
<input slot="content" readonly placeholder="请选择">
</item>
<item :showArrow="true">
<div slot="name" class="font-color">主机厂</div>
<input slot="content" readonly placeholder="请选择">
</item>
<item>
<div slot="name" class="font-color">主机厂业务员</div>
<input slot="content" placeholder="请输入业务员姓名">
</item>
<item>
<div slot="name" class="font-color">授信额度</div> <div slot="name" class="font-color">授信额度</div>
<input slot="content" placeholder="授信额度"> <input slot="content" placeholder="授信额度">
</item> </item>
<item> <item v-if="user_bp_type === 'AGENT'">
<div slot="name" class="font-color">已使用授信额度</div> <div slot="name" class="font-color">已使用授信额度</div>
<input slot="content" placeholder="已使用授信额度"> <input slot="content" placeholder="已使用授信额度">
</item> </item>
<item> <item v-if="user_bp_type === 'AGENT'">
<div slot="name" class="font-color">剩余授信额度</div> <div slot="name" class="font-color">剩余授信额度</div>
<input slot="content" placeholder="剩余授信额度"> <input slot="content" placeholder="剩余授信额度">
</item> </item>
...@@ -178,6 +143,7 @@ export default { ...@@ -178,6 +143,7 @@ export default {
business: '', business: '',
showModal: false, showModal: false,
showLists: [], showLists: [],
user_bp_type: '', // 客户类型
businessLists: [], // 业务人员查询结果 businessLists: [], // 业务人员查询结果
salesLists: [], // 销售人员查询结果 salesLists: [], // 销售人员查询结果
officeLists: [], // 办事处查询结果 officeLists: [], // 办事处查询结果
...@@ -214,6 +180,7 @@ export default { ...@@ -214,6 +180,7 @@ export default {
vm.factory_name = '' vm.factory_name = ''
vm.bp_agent_id = '' vm.bp_agent_id = ''
vm.bp_agent_name = '' vm.bp_agent_name = ''
vm.user_bp_type = vm.$route.params.user_bp_type
vm.sales = window.localStorage.bp_name vm.sales = window.localStorage.bp_name
vm.salesInfo = { vm.salesInfo = {
bp_id_tenant: '', // 承租人id bp_id_tenant: '', // 承租人id
...@@ -360,7 +327,7 @@ export default { ...@@ -360,7 +327,7 @@ export default {
if (res.result === 'S') { if (res.result === 'S') {
vm.salesLists = res.lists.map(item => { vm.salesLists = res.lists.map(item => {
return { return {
code: item.user_id, code: item.bp_user_id,
code_name: item.agent_username, code_name: item.agent_username,
} }
}) })
......
<!-- <!--
* @Author: your name * @Author: your name
* @Date: 2019-10-31 09:49:57 * @Date: 2019-10-31 09:49:57
* @LastEditTime: 2019-12-18 16:58:54 * @LastEditTime : 2019-12-23 14:11:26
* @LastEditors: Please set LastEditors * @LastEditors : Please set LastEditors
* @Description: 合同查询--明细 * @Description: 合同查询--明细
* @FilePath: * @FilePath:
--> -->
...@@ -37,6 +37,10 @@ ...@@ -37,6 +37,10 @@
<div slot="name">产品名称</div> <div slot="name">产品名称</div>
<div slot="content">{{ detailInfo.division_n }}</div> <div slot="content">{{ detailInfo.division_n }}</div>
</item> </item>
<item>
<div slot="name">设备识别号</div>
<div slot="content">{{ 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>
...@@ -61,8 +65,8 @@ ...@@ -61,8 +65,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 +103,15 @@ export default { ...@@ -99,6 +103,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: [],
......
...@@ -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: [],
} }
......
...@@ -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: '',
......
<!-- <!--
* @Author: your name * @Author: your name
* @Date: 2019-11-07 17:48:53 * @Date: 2019-11-07 17:48:53
* @LastEditTime: 2019-12-19 14:49:11 * @LastEditTime : 2019-12-23 10:01:15
* @LastEditors: Please set LastEditors * @LastEditors : Please set LastEditors
* @Description: In User Settings Edit * @Description: In User Settings Edit
--> -->
<!-- --> <!-- -->
...@@ -321,6 +321,9 @@ export default { ...@@ -321,6 +321,9 @@ export default {
goCreate () { goCreate () {
this.$router.push({ this.$router.push({
name: 'ContractCreateList', name: 'ContractCreateList',
params: {
user_bp_type: this.user_bp_type,
},
}) })
}, },
// 进入待签约功能,客户类型为经销商则进入经销商功能,非经销商则进入合同签约 // 进入待签约功能,客户类型为经销商则进入经销商功能,非经销商则进入合同签约
......
...@@ -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({
......
...@@ -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>
...@@ -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
......
...@@ -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: '提示',
......
...@@ -2,8 +2,8 @@ ...@@ -2,8 +2,8 @@
* @Description: In User Settings Edit * @Description: In User Settings Edit
* @Author: your name * @Author: your name
* @Date: 2019-09-24 21:29:35 * @Date: 2019-09-24 21:29:35
* @LastEditTime: 2019-12-19 15:06:22 * @LastEditTime : 2019-12-23 09:26:37
* @LastEditors: Please set LastEditors * @LastEditors : Please set LastEditors
--> -->
<template> <template>
<h-view id="bankInfo" class="public-style"> <h-view id="bankInfo" class="public-style">
...@@ -161,7 +161,7 @@ export default { ...@@ -161,7 +161,7 @@ export default {
vm.getBankInfo() vm.getBankInfo()
vm.electQuery() vm.electQuery()
if (window.localStorage.bp_identity === 'ORG_NO') { if (window.localStorage.bp_identity === 'ORG_NO') {
vm.getOrgCertificationUrl() vm.getOrgCertificationUrl() // 获取企业认证url
} else { } else {
vm.getNpCertificationUrl() vm.getNpCertificationUrl()
} }
......
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