Skip to content

H
hls-xcmg-vue-app
Commit dc8a5eb5 authored by 786817560's avatar 786817560
Browse files
Options

''

parent bc00c0ed
Hide whitespace changes
Inline Side-by-side
Showing with 433 additions and 99 deletions
src/pages/contractCreate/create-base-info.vue
View file @ dc8a5eb5
......@@ -506,6 +506,7 @@ export default {
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
vm.ORGBaseInfo = res.info
window.localStorage.setItem('auth_flag', res.info.auth_flag)
} else {
hlsPopup.showLongCenter(res.message)
}
......
src/pages/contractCreate/create-enclosure-info.vue
View file @ dc8a5eb5
<template>
<h-view id="create-base-info">
<h-view id="create-enclosure-info">
<h-header :proportion="[5,1,1]" class="bar-custom">
<div slot="left" class="h-header-btn">
<img src="@/assets/userBind/arrow.png" @click="$routeGo()" >
......@@ -23,10 +23,118 @@
<p style="color: #383F45;">附件信息</p>
</div>
</div>
<div class="userInfo">基本资料</div>
<div v-if="bpClass === 'ORG'" class="house">
<p class="titles">营业执照</p>
<div v-if="!licenseImg" class="card-upload" @click="ocrShow('CAR_CARD', '')">
<img src="@/assets/userBind/camera.png" class="upload-btn" >
</div>
<div v-if="licenseImg && status !== 'APPROVED'" class="card-upload">
<img :src="licenseImg" @click="ocrShow('CAR_CARD', '')">
</div>
<div v-if="licenseImg && status === 'APPROVED'" class="card-upload">
<img :src="licenseImg" @click="showBigPicture(licenseImg)">
</div>
</div>
<div class="house">
<p v-if="bpClass === 'NP'" class="titles">身份证</p>
<p v-if="bpClass === 'ORG'" class="titles">法人代表身份证</p>
<div class="upload-box">
<div v-if="!idCardFront" @click="ocrShow('idCard', 'front')">
<img src="@/assets/userBind/front.png" >
<p>正面</p>
</div>
<div v-if="idCardFront && status === 'APPROVED'">
<img
v-if="idCardFront"
:src="idCardFront"
style="width: 100%;height: 100%;margin: 0"
@click="showBigPicture(idCardFront)"
>
</div>
<div v-if="idCardFront && status !== 'APPROVED'">
<img
v-if="idCardFront"
:src="idCardFront"
style="width: 100%;height: 100%;margin: 0"
@click="ocrShow('idCard', 'front')"
>
</div>
<div v-if="!idCardBack" @click="ocrShow('idCard', 'back')">
<img src="@/assets/userBind/back.png" >
<p>反面</p>
</div>
<div v-if="idCardBack && status === 'APPROVED'">
<img
v-if="idCardBack"
:src="idCardBack"
style="width: 100%;height: 100%;margin: 0"
@click="showBigPicture(idCardBack)"
>
</div>
<div v-if="idCardBack && status !== 'APPROVED'">
<img
v-if="idCardBack"
:src="idCardBack"
style="width: 100%;height: 100%;margin: 0"
@click="ocrShow('idCard', 'back')"
>
</div>
</div>
</div>
<div class="house">
<p class="titles">房产证件</p>
<div v-if="!houseImg" class="card-upload" @click="ocrShow('HOUSE_CARD', '')">
<img src="@/assets/userBind/camera.png" class="upload-btn" >
</div>
<div v-if="houseImg && status !== 'APPROVED'" class="card-upload">
<img :src="houseImg" @click="ocrShow('HOUSE_CARD', '')">
</div>
<div v-if="houseImg && status === 'APPROVED'" class="card-upload">
<img :src="houseImg" @click="showBigPicture(houseImg)">
</div>
</div>
<div class="house">
<p class="titles">车辆行驶证</p>
<div v-if="!carImg" class="card-upload" @click="ocrShow('CAR_CARD', '')">
<img src="@/assets/userBind/camera.png" class="upload-btn" >
</div>
<div v-if="carImg && status !== 'APPROVED'" class="card-upload">
<img :src="carImg" @click="ocrShow('CAR_CARD', '')">
</div>
<div v-if="carImg && status === 'APPROVED'" class="card-upload">
<img :src="carImg" @click="showBigPicture(carImg)">
</div>
</div>
<div v-if="bpClass === 'NP'" class="house">
<p class="titles">婚姻状况证明</p>
<div v-if="!marryImg" class="card-upload" @click="ocrShow('CAR_CARD', '')">
<img src="@/assets/userBind/camera.png" class="upload-btn" >
</div>
<div v-if="marryImg && status !== 'APPROVED'" class="card-upload">
<img :src="marryImg" @click="ocrShow('', '')">
</div>
<div v-if="marryImg && status === 'APPROVED'" class="card-upload">
<img :src="marryImg" @click="showBigPicture(marryImg)">
</div>
</div>
<div class="userInfo">补充资料</div>
<div class="house">
<p class="titles">特批申请书</p>
<div v-if="!applicationImg" class="card-upload" @click="ocrShow('CAR_CARD', '')">
<img src="@/assets/userBind/camera.png" class="upload-btn" >
</div>
<div v-if="applicationImg && status !== 'APPROVED'" class="card-upload">
<img :src="applicationImg" @click="ocrShow('', '')">
</div>
<div v-if="applicationImg && status === 'APPROVED'" class="card-upload">
<img :src="applicationImg" @click="showBigPicture(applicationImg)">
</div>
</div>
</h-content>
<bottom-tab class="add-box">
<tab-button class="before" @click.native="$routeGo()">上一步</tab-button>
<tab-button class="next" @click.native="goRent">下一步</tab-button>
<tab-button class="before" @click.native="$routeGo()">保存</tab-button>
<tab-button class="next" @click.native="goRent">提交</tab-button>
</bottom-tab>
</h-view>
</template>
......@@ -34,7 +142,26 @@
export default {
data () {
return {
cddItemList: [],
idCardFrontCheck_id: '', // 承租人身份证正面
idCardBackCheck_id: '', // 承租人身份证背面
idCardFrontUrlFlag: false,
idCardBackUrlFlag: false,
houseFlag: false,
carFlag: false,
licenseFlag: false,
idCardFront: '', // 身份证图片
idCardBack: '',
houseImg: '',
carImg: '',
marryImg: '',
applicationImg: '',
licenseImg: '',
house_id: '',
car_id: '',
license_id: '',
status: '', // 审批状态
bpClass: '',
}
},
watch: {
......@@ -42,105 +169,171 @@ export default {
},
beforeRouteEnter (to, from, next) {
next(vm => {
vm.loadItemList()
if (from.name === 'CreateRentInfo') {
vm.bpClass = window.localStorage.bp_class
vm.status = window.localStorage.user_bp_status
vm.loadItemList()
}
})
},
methods: {
// 查看大图
showBigPicture (pic) {
let vm = this
vm.hlsPopup.showBigPicture({
imgUrl: pic,
width: '100% !important',
})
},
// ocr识别入口
ocrShow (ocrType, type) {
let vm = this
hlsPopup.showActionSheet({
titleText: '请选择照片',
buttonArray: ['拍照', '从相册取'],
callback: index => {
if (index === 0) {
vm.openCamera(ocrType, type)
} else {
vm.takePicture(ocrType, type)
}
},
})
},
loadItemList () {
let vm = this
vm.dowload_list = []
let bpId = window.localStorage.getItem('bp_id')
let url = process.env.basePath + 'prj_cdd_check_list'
let group = ''
if (vm.bpClass === 'NP') {
group = 'HLS_NP'
} else {
window.localStorage.auth_flag === '是' ? group = 'HLS_ORG_AUTH' : group = 'HLS_ORG_NAUTH'
}
let param = {
master: {
document_id: bpId,
document_table: 'HLS_BP_MASTER',
tab_group: 'HLS_NP',
tab_group: group,
},
}
// vm.hlsPopup.showLoading('请稍候')
vm.hlsHttp.post(url, param).then(function (res) {
// vm.hlsPopup.hideLoading()
console.log(res)
// if (res.result === 'S') {
// var listTemp = [...res.lists]
// listTemp.forEach(item => {
// switch (item.cdd_item) {
// case 'HOUSE_CARD': // 房产证
// vm.house_id = item.check_id
// break
// case 'CAR_CARD': // 承租人身份证背面
// vm.car_id = item.check_id
// break
// case 'REAL_EST_CERTIFICATE': // 承租人身份证背面
// vm.estate_id = item.check_id
// break
// default:
// break
// }
// })
// vm.cddItemList = res.lists.filter(i => {
// return i.description.indexOf('身份证') === -1
// })
// // 查询图片
// vm.cddItemList.forEach((item, index) => {
// vm.load_picture(item.check_id, index, item.cdd_item)
// })
// }
vm.cddItemList = res.lists
if (res.result === 'S') {
let listTemp = [...res.lists]
listTemp.forEach(item => {
switch (item.cdd_item) {
case 'NP_ID_CARD_F': // 自然人身份证正面
vm.idCardFrontCheck_id = item.check_id
break
case 'LEGAL_ID_CARD_F': // 法人代表身份证正面
vm.idCardFrontCheck_id = item.check_id
break
case 'NP_ID_CARD_B': // 身份证背面
vm.idCardBackCheck_id = item.check_id
break
case 'LEGAL_ID_CARD_B': // 身份证背面
vm.idCardBackCheck_id = item.check_id
break
case 'HOUSE_CARD': // 房产证
vm.house_id = item.check_id
break
case 'CAR_CARD': // 行驶证
vm.car_id = item.check_id
break
case 'ORG_CODE': // 营业执照
vm.license_id = item.check_id
break
default:
}
})
// 查询图片
listTemp.forEach((item, index) => {
vm.load_picture(item.check_id, index, item.cdd_item)
})
}
})
},
load_picture (check_id, index, cdd_item) {
let vm = this
let url =
process.env.basePath + 'attachment_list_query' + '&index' + index // 附件查询
let param = {
check_id: check_id,
}
hlsPopup.showLoading('请稍候')
vm.$post(url, param).then(function (res) {
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
res.lists.forEach(item => {
item['url'] =
process.env.filePath +
'attachment_id=' +
item.attachment_id +
'&access_token=' +
window.localStorage.access_token
})
console.log('图片查询', res.lists)
switch (cdd_item) {
case 'NP_ID_CARD_F': // 自然人身份证正面
if (!vm.idCardFrontUrlFlag) {
vm.idCardFront = res.lists[0].url
}
vm.idCardFrontAttachmentId = res.lists[0].attachment_id
break
case 'LEGAL_ID_CARD_F': // 身份证正面
if (!vm.idCardFrontUrlFlag) {
vm.idCardFront = res.lists[0].url
}
vm.idCardFrontAttachmentId = res.lists[0].attachment_id
break
case 'NP_ID_CARD_B': // 承租人身份证背面
if (!vm.idCardBackUrlFlag) {
vm.idCardBack = res.lists[0].url
}
vm.idCardBackAttachmentId = res.lists[0].attachment_id
break
case 'LEGAL_ID_CARD_B': // 承租人身份证背面
if (!vm.idCardBackUrlFlag) {
vm.idCardBack = res.lists[0].url
}
vm.idCardBackAttachmentId = res.lists[0].attachment_id
break
case 'HOUSE_CARD': // 房产证
if (!vm.houseFlag) {
vm.houseImg = res.lists[0].url
}
// vm.house_id = res.lists[0].attachment_id
break
case 'CAR_CARD': // 房产证
if (!vm.carFlag) {
vm.carImg = res.lists[0].url
}
// vm.house_id = res.lists[0].attachment_id
break
case 'ORG_CODE': // 营业执照
if (!vm.licenseFlag) {
vm.licenseImg = res.lists[0].url
}
// vm.house_id = res.lists[0].attachment_id
break
default:
vm.dowload_list.push(res.lists)
}
} else {
hlsPopup.showLongCenter(res.message)
}
})
},
// load_picture (check_id, index, cdd_item) {
// let vm = this
// let url =
// process.env.basePath + 'attachment_list_query' + '&index' + index // 附件查询
// let param = {
// check_id: check_id,
// }
// hlsPopup.showLoading('请稍候')
// vm.$post(url, param).then(function (res) {
// vm.hlsPopup.hideLoading()
// if (res.result === 'S') {
// res.lists.forEach(item => {
// item['url'] =
// process.env.filePath +
// 'attachment_id=' +
// item.attachment_id +
// '&access_token=' +
// window.localStorage.access_token
// })
// switch (cdd_item) {
// case 'HOUSE_CARD': // 房产证
// if (!vm.houseFlag) {
// vm.houseImg = res.lists[0].url
// }
// vm.houseAttachmentId = res.lists[0].attachment_id
// console.log(vm.houseAttachmentId)
// break
// case 'CAR_CARD': // 行驶证
// if (!vm.carFlag) {
// vm.carImg = res.lists[0].url
// }
// vm.carAttachmentId = res.lists[0].attachment_id
// break
// case 'REAL_EST_CERTIFICATE': // 行驶证
// if (!vm.estateFlag) {
// vm.estateImg = res.lists[0].url
// }
// vm.estateAttachmentId = res.lists[0].attachment_id
// break
// default:
// vm.dowload_list.push(res.lists)
// }
// } else {
// hlsPopup.showLongCenter(res.message)
// }
// })
// },
},
}
</script>
<style lang="less" >
#create-base-info {
#create-enclosure-info {
.swipeout-list .item .function {
height: 68px;
background: url("../../assets/contractCreate/delete.png") 45% 45% #fde5e8
......@@ -217,12 +410,128 @@ export default {
.item:nth-of-type(3) {
font-family: PingFangSC-Semibold;
font-size: 12px;
color: rgba(56, 63, 69, 0.5);
color: rgb(56, 63, 69);
letter-spacing: 0.43px;
span {
background-color: #ffa000;
}
}
}
.userInfo {
height: 40px;
line-height: 40px;
color: @headerColor;
// margin-top: -10px;
font-size: 15px;
margin-left: 16px;
position: relative;
}
.userInfo::before {
content: "";
display: block;
width: 4px;
height: 20px;
background-color: @headerColor;
position: absolute;
left: -15px;
top: 12px;
}
.add-box {
.before {
border: 1px solid #fdb62f;
border-radius: 4px;
color: #fdb62f;
}
.next {
background: #1d3fff;
border-radius: 4px;
color: #fff;
}
}
.titles {
color: #656464;
margin-left: 16px;
padding-top: 16px;
font-size: 13px;
}
.house {
background: #fff;
margin-top: 10px;
padding-bottom: 10px;
.card-upload {
position: relative;
width: 80px;
height: 80px;
border: 1px dashed #dcdcdd;
display: flex;
justify-content: center;
align-items: center;
margin-top: 12px;
margin-left: 16px;
//float: left;
.close {
/* position: relative;
color: #F96F68;
margin-top: -100%;
margin-left: -10%;*/
position: absolute;
color: #F96F68;
top: -6px;
right: -6px;
img {
width: 14px;
height: 14px;
}
}
img {
/*width: 88px;
height: 88px;*/
width: 100%;
height: 100%;
}
.upload-btn {
width: 24px;
height: 24px;
}
}
}
.house:last-child {
margin-top: 0
}
.upload-box {
display: flex;
justify-content: center;
margin-top: 15px;
div {
width: 172px;
height: 120px;
border: 1px dashed #dcdcdd;
text-align: center;
font-size: 14px;
color: #b4b4b5;
.front,
.back {
width: 172px;
height: 120px;
}
}
div:nth-of-type(2) {
margin-left: 7px;
}
img {
margin-top: 32px;
width: 58px;
height: 45px;
}
p {
margin-top: 12px;
font-size: 13px;
}
}
}
</style>
src/pages/contractInquire/repay-plans.vue
View file @ dc8a5eb5
<!--
* @Author: your name
* @Date: 2019-10-31 09:49:57
* @LastEditTime: 2019-11-15 09:40:02
* @LastEditors: Please set LastEditors
* @LastEditTime : 2019-12-24 18:28:09
* @LastEditors : Please set LastEditors
* @Description: 还款
* @FilePath:
-->
......@@ -46,13 +46,22 @@
<p>{{ item.due_date.substr(0,4) }}</p>
<span>{{ dateConverse(item.due_date).substr(5,10) }}</span>
</div>
<div class="name">
<span>款项</span>
<span>租金</span>
</div>
<div class="number">
<span>应还金额</span>
<span :class="{'orang':statu==='orange','blu':statu==='blue','gree':statu==='green'}">{{ item.rental |currency }}</span>
<div>
<span>本金</span>
<span>{{ item.principal |currency }}</span>
</div>
<div>
<span>租金</span>
<span :class="{'orang':statu==='orange','blu':statu==='blue','gree':statu==='green'}">{{ item.rental |currency }}</span>
</div>
</div>
<div class="name">
<!-- <span>款项</span>
<span>租金</span> -->
<p>利息</p>
<p>{{ item.interest }}</p>
</div>
<img v-if="statu === 'black'" src="@/assets/contractInquire/done.png" alt="" class="status">
<img v-if="statu === 'orange'" src="@/assets/contractInquire/prompt.png" alt="" class="status">
......@@ -347,7 +356,7 @@ export default {
font-family: PingFangSC-Regular;
font-size: 13px;
color: #4B4A4B;
padding-top: 20px;
//padding-top: 20px;
margin-left: 22px;
span:nth-of-type(2) {
margin-left: 8px;
......@@ -359,10 +368,13 @@ export default {
.number {
// flex: 9;
display: flex;
flex-direction: column;
justify-content: space-evenly;
font-family: PingFangSC-Regular;
font-size: 13px;
color: #4B4A4B;
padding-top: 20px;
//padding-top: 20px;
margin-left: 40px;
span:nth-of-type(2) {
margin-left: 8px;
......
src/pages/contractSigning/contract-content.vue
View file @ dc8a5eb5
<!--
* @Author: your name
* @Date: 2019-09-29 10:02:11
* @LastEditTime: 2019-12-04 19:39:24
* @LastEditors: Please set LastEditors
* @LastEditTime : 2019-12-24 16:52:59
* @LastEditors : Please set LastEditors
* @Description: In User Settings Edit
-->
<template>
......@@ -20,7 +20,7 @@
<img v-show="name === '融资租赁合同'" src="@/assets/constractSigning/contract-icon.png" alt="">
<h1>{{ name }}</h1>
<Distributors v-if="name === '经销商担保协议' || '农行代扣授权书'"/>
<Distributors v-if="name === '经销商担保协议'"/>
<Lessee v-if="name === '承租人确认意见'"/>
<Transfer v-if="name === '租赁物所有权转移及接收确认书'"/>
<LeasingContract v-if="name === '融资租赁合同'&&business_type === 'LEASE'"/>
......
src/pages/userBindNew/org/bankInfo.vue
View file @ dc8a5eb5
......@@ -2,7 +2,7 @@
* @Description: In User Settings Edit
* @Author: your name
* @Date: 2019-09-24 21:29:35
* @LastEditTime : 2019-12-23 09:26:37
* @LastEditTime : 2019-12-24 16:25:09
* @LastEditors : Please set LastEditors
-->
<template>
......@@ -468,6 +468,15 @@ export default {
vm.hlsPopup.hideLoading()
vm.showModalValue = false
vm.hlsPopup.showSuccess('添加成功')
vm.bankImg = ''
vm.bank_card_flag = false
vm.bank_lists = {
bank_account_num: '', // 卡号
bank_account_name: '', // 账户姓名
bank_card_type: '', // 类型（信用卡/借记卡/未知）
bank_full_name: '', // 银行名称
bank_branch_name: '', // 支行
}
vm.getBankInfo()
}
})
......
src/pages/userBindNew/org/baseInfo.vue
View file @ dc8a5eb5
......@@ -2,8 +2,8 @@
* @Description: In User Settings Edit
* @Author: your name
* @Date: 2019-09-19 09:31:19
* @LastEditTime: 2019-12-18 16:35:21
* @LastEditors: Please set LastEditors
* @LastEditTime : 2019-12-24 15:36:17
* @LastEditors : Please set LastEditors
-->
<template>
<h-view id="base-info" class="public-style" title="基本信息">
......@@ -951,6 +951,7 @@ export default {
bp_id: vm.bp_id,
organization_code: vm.baseInfo.organization_code,
from: vm.from,
bp_name: vm.baseInfo.bp_name,
},
})
// 查询资料清单
......
src/pages/userBindNew/org/invoice.vue
View file @ dc8a5eb5
......@@ -2,8 +2,8 @@
* @Description: In User Settings Edit
* @Author: your name
* @Date: 2019-09-20 09:35:11
* @LastEditTime: 2019-12-19 12:29:29
* @LastEditors: Please set LastEditors
* @LastEditTime : 2019-12-24 15:42:01
* @LastEditors : Please set LastEditors
-->
<template>
<h-view id="invoice" class="public-style">
......@@ -111,7 +111,7 @@ export default {
invoice_kind: '',
invoice_kind_n: '',
taxpayer_type: '',
invoice_title: '',
invoice_title: vm.$route.params.bp_name,
taxpayer_type_n: '',
organization_code: '',
invoice_adds: '',
......@@ -119,6 +119,7 @@ export default {
open_bank: '',
open_account: '',
}
// vm.invoiceInfo.invoice_title = vm.$route.params.bp_name
vm.bp_id = vm.$route.params.bp_id
vm.invoiceInfo.organization_code = vm.$route.params.organization_code
vm.getInvoiceType()
......@@ -145,6 +146,7 @@ export default {
if (res.result === 'S') {
console.log('invoiceInfo', res.info)
vm.invoiceInfo = res.info
vm.invoiceInfo.invoice_title = vm.$route.params.bp_name
// Object.assign(vm.invoiceInfo, res.info)
}
})
......
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