Skip to content

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

'用户绑定'

parent 4e64c179
Hide whitespace changes
Inline Side-by-side
Showing with 3361 additions and 10 deletions
src/pages/contractSigning/contract-detail.vue
View file @ dad1e467
<!--
* @Author: your name
* @Date: 2019-09-29 10:02:11
* @LastEditTime: 2019-12-09 11:01:19
* @LastEditTime: 2019-12-11 13:49:08
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
-->
......@@ -810,6 +810,7 @@ export default {
vm.hlsHttp.post(url, param).then(function (res) {
// vm.hlsPopup.hideLoading()
if (res.result === 'S') {
console.log(res)
console.log(res.info.bank_full_name === ' ')
if (res.info.bank_full_name === ' ') {
vm.bank_flag = false
......
src/pages/help/feedback.vue
View file @ dad1e467
......@@ -74,7 +74,7 @@ export default {
'master': {
user_phone: window.localStorage.user_phone,
question_desc: vm.question_desc,
question_id: vm.$route.params.question_id,
question_id: vm.question_id,
},
}
vm.hlsPopup.showLoading('提交数据中!')
......
src/pages/myInfo/my-info.vue
View file @ dad1e467
<!--
* @Author: your name
* @Date: 2019-11-07 17:48:53
* @LastEditTime: 2019-12-07 18:21:48
* @LastEditTime: 2019-12-11 15:25:51
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
-->
......@@ -645,7 +645,7 @@ export default {
})
} else {
this.$router.push({
name: 'Enterprise',
name: 'EnterpriseNew',
params: {
bp_id: this.bp_id,
user_bp_name: this.user_bp_name,
......@@ -667,7 +667,7 @@ export default {
})
} else {
this.$router.push({
name: 'Enterprise',
name: 'EnterpriseNew',
params: {
bp_id: this.bp_id,
user_bp_name: this.user_bp_name,
......
src/pages/userBind/org/enterprise.vue
View file @ dad1e467
......@@ -1696,7 +1696,7 @@ export default {
})
if (vm.idCardFrontEditFlag) { // 法定代表人身份证正面图片已修改，重新上传
vm.idCardFrontUrlFlag = true
vm.delete_pic_to_ocr(vm.idCardFrontAttachmentId)// 先删除之前识别的图片
vm.delete_pic_to_ocr(vm.idCardFrontAttachmentId)// 先删除之前识vm.delete_pic_to_ocr(vm.idCardFrontAttachmentId)// 先删除之前识别的图片
var list = []
let obj = {
'pkvalue': vm.idCardFrontCheck_id,
......
src/pages/userBind/userBind.vue
View file @ dad1e467
......@@ -10,7 +10,7 @@
<div class="info">
<div class="info-icon">
<img src="@/assets/userBind/info.png" >
<span>温馨提示</span>
<span @click="goEnterprise">温馨提示</span>
</div>
<p>绑定成功后，您即可使用APP中合同查询、还款查询等功能。</p>
</div>
......@@ -56,7 +56,7 @@ export default {
name = 'NaturePerson'
bpClass = 'NP'
} else if (this.flag === 1) {
name = 'Enterprise'
name = 'EnterpriseNew'
bpClass = 'ORG'
}
this.$router.push({
......@@ -66,6 +66,11 @@ export default {
},
})
},
goEnterprise () {
this.$router.push({
name: 'EnterpriseNew',
})
},
},
}
</script>
......
src/pages/userBindNew/org/bankInfo.vue 0 → 100644
View file @ dad1e467
<!--
* @Description: In User Settings Edit
* @Author: your name
* @Date: 2019-09-24 21:29:35
* @LastEditTime: 2019-12-11 19:26:10
* @LastEditors: Please set LastEditors
-->
<template>
<h-view id="bankInfo" class="public-style">
<h-header :proportion="[5,1,1]" class="bar-custom">
<div slot="left" class="h-header-btn" @click="$routeGo()">
<img src="@/assets/userBind/arrow.png">
<span>银行信息</span>
</div>
</h-header>
<div class="info">
<div class="info-icon">
<img src="@/assets/userBind/info.png" >
<span>温馨提示</span>
</div>
<p>推荐使用农行卡，农行卡支付免收手续费!</p>
</div>
<div class="my-card">
<div class="top">
<div class="left">
<img src="@/assets/userBind/bankIcon.png" class="icon" >
<span class="top-word">
我的卡
<span class="sum">(共{{ getBankList.length }}张)</span>
</span>
</div>
<img src="@/assets/userBind/add.png" class="icon-right" @click="sendFlag" >
</div>
<div class="clear" />
<div class="card-content">
<ul>
<li v-for="(item,index) in getBankList" :key="index">
<item-option class="slider">
<div
:style="'background-image: url('+ changeBgImg (item) +')'"
class="my-bank-card"
@click="sendList(item)"
>
<div class="card-info" >
<span class="name">{{ item.bank_full_name }}</span>
<span class="card-type">{{ selectType(item.bank_card_type) }}</span>
<span class="number">卡号</span>
<span class="card-number">**** **** **** {{ selectLast (item) }}</span>
</div>
</div>
<div slot="buttons" class="button">
<option-button text @click.native="deleteFun(item.bank_account_num)" />
</div>
</item-option>
</li>
</ul>
</div>
</div>
<bottom-tab class="footer-button">
<tab-button class="save" @click.native="handSubmit">提交</tab-button>
</bottom-tab>
<h-modal ref="modal" v-model="showModalValue" position="bottom">
<h-view>
<div class="modal-content">
<div class="modal-content-add-top">
<span>添加银行卡</span>
<img src="@/assets/userBind/close.png" @click="hideModal">
</div>
<img
v-if="!bankImg"
src="@/assets/userBind/addBack.png"
class="addBack"
@click="ocrShow('bankCard', '')"
>
<img
v-if="bankImg"
:src="bankImg"
class="addBack"
style="height: 38%;"
@click="ocrShow('bankCard', '')"
>
<list-item :item-height="44" class="card-Info">
<item>
<div slot="name">银行卡卡号</div>
<input
slot="content"
v-model="bank_lists.bank_account_num"
readonly
placeholder="识别银行卡自动填充"
>
</item>
<item>
<div slot="name">账户姓名</div>
<input slot="content" v-model="bank_lists.bank_account_name" placeholder="请输入账户名称">
</item>
<item>
<div slot="name">银行名称</div>
<input
slot="content"
v-model="bank_lists.bank_full_name"
readonly
placeholder="识别银行卡自动填充"
>
</item>
<item>
<div slot="name">支行名称</div>
<input slot="content" v-model="bank_lists.bank_branch_name" placeholder="请输入支行名称">
</item>
</list-item>
</div>
</h-view>
<bottom-tab class="add-box">
<tab-button class="add-card" @click.native="addBankInfo">添加</tab-button>
</bottom-tab>
</h-modal>
</h-view>
</template>
<script>
import backImg1 from '@/assets/userBind/nong.png'
import backImg2 from '@/assets/userBind/unNong.png'
export default {
data () {
return {
from: false,
bp_id: '',
bankImg: '', // 银行卡图片
isApproved: false,
backImg: null,
getBankList: [],
bank_lists: {
bank_account_num: '', // 卡号
bank_account_name: '', // 账户姓名
bank_card_type: '', // 类型（信用卡/借记卡/未知）
bank_full_name: '', // 银行名称
bank_branch_name: '', // 支行
},
showModalValue: false,
bank_card_flag: false, // 银行卡信息是否完整
}
},
beforeRouteEnter (to, from, next) {
next(vm => {
if (from.name === 'Enclosure') {
vm.bankImg = '' // 银行卡图片
vm.showModalValue = false
vm.bank_card_flag = false
vm.getBankInfo()
}
})
},
methods: {
// 银行卡查询
getBankInfo () {
let vm = this
let url = process.env.basePath + 'bp_bank_query'
let param = {
bp_id: vm.$route.params.bp_id,
}
vm.hlsPopup.showLoading('请稍候')
vm.hlsHttp.post(url, param).then(function (res) {
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
vm.getBankList = res.lists
}
})
},
hideModal () {
this.showModalValue = false
},
selectType (e) {
if (e === '0') {
return '未知类型'
} else if (e === '1') {
return '借记卡'
} else if (e === '2') {
return '信用卡'
}
},
sendFlag () {
this.showModalValue = true
},
sendList (a) {
this.$emit('getList', a)
this.sendFlag(false)
},
changeBgImg (item) {
if (item.bank_full_name.indexOf('农业银行') !== -1) {
return backImg1
} else {
return backImg2
}
},
selectLast (item) {
console.log('item', item)
let num = item.bank_account_num
return num.substring(num.length - 4)
},
deleteFun (e) {
this.hlsPopup.showConfirm({
title: '提示',
content: '您确认删除吗？',
onConfirm: data => {
if (data === 1) {
let index = this.getBankList.findIndex(item => {
if (item.bank_account_num === e) {
return true
}
})
this.getBankList.splice(index, 1)
let vm = this
let url = process.env.basePath + 'bp_bank_delete'
let param = {
'master': {
'bp_id': this.$route.params.bp_id,
'bank_account_num': e,
},
}
vm.hlsPopup.showLoading('请稍候')
vm.hlsHttp.post(url, param).then(function (res) {
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
vm.hlsPopup.showSuccess('删除成功')
} else {
vm.hlsPopup.showLongCenter(res.message)
}
})
}
},
})
},
// 提交
handSubmit () {
this.hlsPopup.showConfirm({
title: '提示',
content: '您确认提交吗？',
onConfirm: data => {
if (data) {
let url = $config.basePath + 'bp_bind_submit'
let param = {
master: {
bp_id: this.$route.params.bp_id,
company_id: '2145',
},
}
let vm = this
this.hlsHttp.post(url, param).then(function (res) {
if (res.result === 'S') {
vm.hlsPopup.showSuccess('提交成功')
vm.$router.push({
name: 'MyInfo',
})
}
})
}
},
})
},
// 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)
}
},
})
},
openCamera (ocrType, type) {
let vm = this
let cameraoptions = {
quality: 60,
width: 1843,
height: 1382,
}
let success = function (imgdata) {
if (!imgdata) {
hlsPopup.showLongCenter('请拍照')
} else {
vm.bankImg = imgdata
vm.bankCardIdentify(imgdata)
}
}
let error = function () {
hlsPopup.showLongCenter('请拍照')
}
hlsUtil.openCamera(cameraoptions, success, error)
},
takePicture (ocrType, type) {
let vm = this
var cameraoptions = {
quality: 70,
width: 1843,
height: 1382,
maxCount: 1,
}
let success = function (imgUrl) {
if (imgUrl.length === 0) {
hlsPopup.showLongCenter('请选择一张图片')
} else {
vm.bankImg = imgUrl[0]
vm.bankCardIdentify(imgUrl[0])
}
}
let error = function () {
hlsPopup.showLongCenter(error)
}
vm.hlsUtil.takePicture(cameraoptions, success, error)
},
// 银行卡识别
bankCardIdentify (fileUrl) {
let vm = this
hlsPopup.showLoading('正在识别')
let url = process.env.ocrPath + '/baidu/ocr/bankCard'
hlsUtil.baiduOcr(fileUrl, url, function (res) {
hlsPopup.hideLoading()
let result = res.result.result
vm.bank_lists.bank_account_num = result.bank_card_number.replace(/\s*/g, '')
vm.bank_lists.bank_full_name = result.bank_name
vm.bank_lists.bank_card_type = result.bank_card_type
})
},
addBankInfo () {
this.hlsPopup.showConfirm({
title: '提示',
content: '您确认添加吗？',
onConfirm: data => {
if (data === 1) {
if (!this.bank_lists.bank_account_num || !this.bank_lists.bank_account_name || !this.bank_lists.bank_full_name) {
this.bank_card_flag = false
this.hlsPopup.showLongCenter('银行信息不完整！')
} else {
this.bank_card_flag = true
}
// 银行卡验证this.hlsUtil.isBankAccount(this.bank.bank_account_num)
if (this.hlsUtil.isBankAccount(this.bank_lists.bank_account_num)) {
this.bank_card_flag = false
this.hlsPopup.showLongCenter('请输入正确银行卡号！')
}
if (this.bank_card_flag) {
this.hlsPopup.showLoading('请稍后')
let url = $config.basePath + 'bp_bank_save'
let param = {
master: {
bp_id: this.$route.params.bp_id,
bank_lists: [this.bank_lists],
},
}
let vm = this
vm.hlsHttp.post(url, param).then(function (res) {
if (res.result === 'S') {
vm.hlsPopup.hideLoading()
vm.showModalValue = false
vm.hlsPopup.showSuccess('添加成功')
vm.getBankInfo()
}
})
}
}
},
})
},
},
}
</script>
<style lang="less">
#bankInfo {
.footer-button {
padding-top: 15px;
padding-bottom: 15px;
}
.save {
width: 100%;
height: 45px;
color: #fff;
border-radius: 4px;
background-color: @headerColor;
}
.modal-content {
width: 100%;
height: 75%;
position: absolute;
top: 25%;
background-color: #fff;
overflow-y: scroll;
.modal-content-add-top {
width: 320px;
height: 34px;
line-height: 34px;
padding-top: 10px;
background-color: #fff;
padding-bottom: 40px;
position: fixed;
left: 28px;
span {
font-family: PingFangSC-Semibold;
font-size: 15px;
color: @headerColor;
letter-spacing: 0.47px;
}
img {
width: 34px;
height: 34px;
float: right;
}
}
.addBack {
display: block;
width: 320px;
margin: 0 auto;
margin-top: 50px;
border-radius: 6px;
margin-bottom: 17px;
}
.card-Info {
margin-bottom: 220px;
}
}
.add-card {
width: 358px;
height: 40px;
background: @headerColor;
border-radius: 4px;
color: #fff;
}
.modal {
background-color: rgba(0, 0, 0, 0) !important;
}
.info {
height: 70px;
background-color: rgba(142, 195, 30, 0.1);
.info-icon {
height: 20px;
padding-top: 20px;
display: flex;
align-items: center;
img {
width: 15.8px;
height: 15.8px;
margin-left: 17.1px;
}
span {
font-family: PingFangSC-Semibold;
font-size: 14px;
color: #8ec31e;
margin-left: 9px;
letter-spacing: 0.5px;
line-height: 20px;
}
}
p {
font-family: PingFangSC-Regular;
font-size: 13px;
color: #656464;
width: 310px;
margin-left: 42px;
letter-spacing: 0.4px;
line-height: 18px;
margin-top: 8px;
}
}
.my-card {
.top {
width: 320px;
margin: 0 auto;
margin-top: 13px;
.left {
height: 32px;
display: flex;
align-items: center;
float: left;
.icon {
width: 18px;
height: 20px;
margin-right: 4px;
}
.top-word {
font-family: PingFangSC-Semibold;
font-size: 15px;
color: @headerColor;
letter-spacing: 0.46px;
.sum {
font-family: PingFangSC-Semibold;
font-size: 15px;
color: #4d5d6c;
letter-spacing: 0.46px;
}
}
}
.icon-right {
width: 34px;
height: 34px;
float: right;
}
}
.clear {
clear: both;
}
.card-content {
width: 350px;
padding-left: 28px;
overflow: hidden;
margin-top: 16px;
li {
margin-bottom: 10px;
.slider {
height: 100%;
margin-left: -14px;
}
}
.my-bank-card {
width: 320px;
height: 190px;
box-shadow: 0 5px 20px 0 rgba(101, 101, 101, 0.25);
border-radius: 6px;
background-size: 370px 240px;
background-position: -20px;
.card-info {
font-family: PingFangSC-Medium;
color: #ffffff;
margin-left: 18px;
padding-top: 15px;
.name,
.card-type {
font-size: 16px;
letter-spacing: 5.5px;
line-height: 24px;
}
.card-type {
display: block;
margin-top: 9px;
}
.number {
font-size: 12px;
letter-spacing: 0;
line-height: 16px;
margin-top: 33px;
display: block;
margin-top: 33px;
}
.card-number {
display: block;
font-family: Avenir-Heavy;
font-size: 16px;
color: #ffffff;
letter-spacing: 6px;
line-height: 24px;
}
}
}
}
}
.swipeout-list .item .function {
left: 330px;
border-radius: 6px;
width: 54px;
height: 190px;
background: url("../../../assets/userBind/delete.png") 16px 84.9px #fde5e8
no-repeat;
background-size: 20px 20px;
}
}
</style>
src/pages/userBindNew/org/baseInfo.vue
View file @ dad1e467
q12312
<!--
* @Description: In User Settings Edit
* @Author: your name
* @Date: 2019-09-19 09:31:19
* @LastEditTime: 2019-12-12 09:14:40
* @LastEditors: Please set LastEditors
-->
<template>
<h-view id="base-info" class="public-style" title="基本信息">
<h-header :proportion="[5,1,1]" class="bar-custom">
<div slot="left" class="h-header-btn" @click="$routeGo()">
<img src="@/assets/userBind/arrow.png">
<span>用户绑定</span>
</div>
</h-header>
<h-content class="content">
<div>
<list-item :item-height="44">
<item v-if="(isApproved&&!isMultiRole)||!isApproved" :showArrow="true">
<div slot="name" class="font-color required">客户类型</div>
<input
slot="content"
v-model="baseInfo.bp_type_n"
placeholder="请选择"
type="text"
readonly
@click="selectIdType()"
>
</item>
<item v-if="isApproved&&isMultiRole" :showArrow="true" @click.native="selectIdMultiType()">
<div slot="name" class="required">客户类型</div>
<div slot="content" class="typeBP">
<span>{{ baseInfo.bp_type_n }}</span>
<span>
{{ multiBpType.bp_type_n }}
<img v-if="multiBpType.bp_type_n" src="@/assets/userBind/deleteTag.png" @click.stop @click="deleteBP">
</span>
</div>
</item>
<item v-if="bp_type_flag">
<div slot="name" class="required">{{ typeName }}</div>
<input
v-if="bpClass_flag"
slot="content"
:placeholder="type"
v-model="baseInfo.agent_username"
>
<!-- <input v-if="!bpClass_flag" slot="content" :placeholder="type" v-model="baseInfo.business_license_num" > -->
</item>
<button v-if="isAddNewType" class="type-save">新增角色</button>
</list-item>
<div class="userInfo martop">企业信息</div>
<div class="upload-id-card">
<span class="font-color">营业执照照片上传</span>
<div class="upload-box1">
<div v-if="!licenseImg" @click="ocrShow('license', '')">
<img src="@/assets/userBind/camera.png">
</div>
<div
v-if="licenseImg && !isApproved" style="width: 100%;height: 100%" class="licenseBox"
@click="ocrShow('license', '')">
<img :src="licenseImg" style="width: 100%;height: 100%;margin: 0">
</div>
<div v-if="isApproved" class="licenseBox"><!--v-if="licenseImg && isApproved"-->
<img
v-if="licenseImg" :src="licenseImg" style="width: 100%;height: 100%;margin: 0"
@click="showBigPicture(licenseImg)">
</div>
</div>
</div>
<!-- 营业执照识别信息 -->
<list-item :item-height="44" class="second-part">
<item>
<div slot="name" class="font-color required">公司名称</div>
<input
slot="content"
v-model="baseInfo.bp_name"
readonly
placeholder="上传营业执照自动填充"
class="auto"
>
</item>
<item>
<div slot="name" class="font-color required">企业类型</div>
<input
slot="content"
v-model="baseInfo.enterprise_type"
readonly
placeholder="上传营业执照自动填充"
class="auto"
>
</item>
<item>
<div slot="name" class="font-color required">统一社会信用代码</div>
<input
slot="content"
v-model="baseInfo.organization_code"
readonly
placeholder="上传营业执照自动填充"
class="auto"
>
</item>
<item>
<div slot="name" class="font-color required">注册资本</div>
<input
slot="content"
v-model="baseInfo.registered_capital"
readonly
placeholder="上传营业执照自动填充"
class="auto"
>
</item>
<item>
<div slot="name" class="font-color required">法定代表人</div>
<input
slot="content"
v-model="baseInfo.legal_person"
readonly
placeholder="上传营业执照自动填充"
class="auto"
>
</item>
<item>
<div slot="name" class="font-color required">注册地址</div>
<textarea
slot="content"
ref="myTestarea"
v-model="baseInfo.registered_place"
cols="22"
rows="1"
readonly
class="auto"
placeholder="上传营业执照自动填充"
@input="addRows(baseInfo.registered_place)"
/>
</item>
<item :showArrow="true">
<div slot="name" class="required">业务办理省</div>
<input
slot="content"
v-model="baseInfo.province_name"
placeholder="请选择"
type="text"
readonly
onfocus="this.blur()"
@click="selectProvince()"
>
</item>
<item :showArrow="true">
<div slot="name" class="required">业务办理市</div>
<input
slot="content"
v-model="baseInfo.city_name"
placeholder="请选择"
type="text"
readonly
onfocus="this.blur()"
@click="selectCity()"
>
</item>
<item :showArrow="true">
<div slot="name" class="required">业务办理区/县</div>
<input
slot="content"
v-model="baseInfo.district_name"
placeholder="请选择"
type="text"
readonly
onfocus="this.blur()"
@click="selectDistrict()"
>
</item>
<item :proportion="[2,2]">
<div slot="name" class="font-color required">经营地址</div>
<textarea
slot="content"
ref="myTestareaLive"
v-model="baseInfo.business_address"
cols="22"
rows="1"
placeholder="请输入经营地址"
@input="addRowsLive(baseInfo.business_address)"
/>
</item>
<item>
<div slot="name" class="font-color required">固定电话</div>
<input
slot="content" v-model="baseInfo.phone" placeholder="请输入固定电话"
@blur="fixedPhoneCheck(baseInfo.phone)">
</item>
</list-item>
<!-- 法定代表人信息-->
<div class="userInfo types">法定代表人</div>
<div class="upload-id-cards">
<span>身份证照片上传</span>
<div class="upload-box">
<div v-if="!idCardFront" @click="ocrShow('idCard', 'front')">
<img src="@/assets/userBind/org/front.png">
<p>正面</p>
</div>
<div v-if="idCardFront && !isApproved" @click="ocrShow('idCard', 'front')">
<img :src="idCardFront" style="width: 100%;height: 100%;margin: 0">
</div>
<div v-if="isApproved && idCardFront">
<img
v-if="idCardFront" :src="idCardFront" style="width: 100%;height: 100%;margin: 0"
@click="showBigPicture(idCardFront)">
</div>
<div v-if="!idCardBack" @click="ocrShow('idCard', 'back')">
<img src="@/assets/userBind/org/back.png">
<p>反面</p>
</div>
<div v-if="idCardBack && !isApproved" @click="ocrShow('idCard', 'back')">
<img :src="idCardBack" style="width: 100%;height: 100%;margin: 0">
</div>
<div v-if="isApproved && idCardBack">
<img
v-if="idCardBack" :src="idCardBack" style="width: 100%;height: 100%;margin: 0"
@click="showBigPicture(idCardBack)">
</div>
</div>
</div>
<list-item :item-height="44" class="second-part">
<item>
<div slot="name" class="font-color required">姓名</div>
<input
slot="content"
v-model="baseInfo.legal_person"
readonly
placeholder="上传身份证自动填充"
class="auto"
>
</item>
<item>
<div slot="name" class="font-color required">身份证号</div>
<input
slot="content"
v-model="legal_personMsg.id_card_no"
readonly
placeholder="上传身份证自动填充"
class="auto"
>
</item>
<item>
<div slot="name" class="required">身份证有效期从</div>
<input
slot="content"
v-model="legal_personMsg.id_card_date_from"
readonly
placeholder="上传身份证自动填充"
class="auto"
>
</item>
<item>
<div slot="name" class="required">身份证有效期到</div>
<input
slot="content"
v-model="legal_personMsg.id_card_date_to"
readonly
placeholder="上传身份证自动填充"
class="auto"
>
</item>
<item>
<div slot="name" class="font-color required">手机号</div>
<input
slot="content" v-model="legal_personMsg.cell_phone" placeholder="请输入手机号"
@blur="phoneCheck(legal_personMsg.cell_phone)">
</item>
<item>
<div slot="name" class="font-color required">联系地址</div>
<textarea
ref="address"
slot="content"
v-model="legal_personMsg.living_address"
cols="30"
rows="1"
placeholder="请输入联系地址"
@input="addAddressRows(legal_personMsg.living_address)"
/>
</item>
</list-item>
<!-- 授权切换 -->
<div class="authorize">
<p class="authorize-select font-color">是否授权</p>
<div class="authorize-checklist" @click="authorizeChange">
<div v-if="flag"/>
<img v-if="!flag" src="@/assets/userBind/org/checklist.png" alt>
</div>
</div>
<div v-if="!flag" class="userInfo types">授权人信息</div>
<div v-if="!flag" class="upload-id-cards">
<span>身份证照片上传</span>
<div class="upload-box">
<div v-if="!authidCardFront" @click="ocrShow('authidCard', 'front')">
<img src="@/assets/userBind/org/front.png">
<p>正面</p>
</div>
<div v-if="authidCardFront" @click="ocrShow('authidCard', 'front')">
<img :src="authidCardFront" style="width: 100%;height: 100%;margin: 0">
</div>
<!-- <div v-if="authidCardFront && !isApproved" @click="ocrShow('authidCard', 'front')">
<img :src="authidCardFront" style="width: 100%;height: 100%;margin: 0" >
</div>
<div v-if="isApproved && authidCardFront">
<img v-if="authidCardFront" :src="authidCardFront" style="width: 100%;height: 100%;margin: 0" @click="showBigPicture(authidCardFront)">
</div>-->
<div v-if="!authidCardBack" @click="ocrShow('authidCard', 'back')">
<img src="@/assets/userBind/org/back.png">
<p>反面</p>
</div>
<div v-if="authidCardBack" @click="ocrShow('authidCard', 'back')">
<img :src="authidCardBack" style="width: 100%;height: 100%;margin: 0">
</div>
<!-- <div v-if="authidCardBack && !isApproved" @click="ocrShow('authidCard', 'back')">
<img :src="authidCardBack" style="width: 100%;height: 100%;margin: 0" >
</div>
<div v-if="isApproved && authidCardBack">
<img v-if="authidCardBack" :src="authidCardBack" style="width: 100%;height: 100%;margin: 0" @click="showBigPicture(authidCardBack)">
</div>-->
</div>
</div>
<!-- 已授权 -->
<list-item v-if="!flag" :item-height="44" class="second-part">
<item>
<div slot="name" class="font-color required">姓名</div>
<input
slot="content"
v-model="authMsg.auth_person_name"
readonly
placeholder="上传身份证自动填充"
class="auto"
>
</item>
<item>
<div slot="name" class="font-color required">身份证号</div>
<input
slot="content"
v-model="authMsg.auth_person_id_card"
readonly
placeholder="上传身份证自动填充"
class="auto"
>
</item>
<item>
<div slot="name" class="required">身份证有效期从</div>
<input
slot="content"
v-model="authMsg.auth_id_card_date_from"
readonly
placeholder="上传身份证自动填充"
class="auto"
>
</item>
<item>
<div slot="name" class="required">身份证有效期到</div>
<input
slot="content"
v-model="authMsg.auth_id_card_date_to"
readonly
placeholder="上传身份证自动填充"
class="auto"
>
</item>
<item>
<div slot="name" class="font-color required">手机号</div>
<input
slot="content" v-model="authMsg.auth_cell_phone" placeholder="请输入手机号"
@blur="phoneCheck(authMsg.auth_cell_phone)">
</item>
<item>
<div slot="name" class="font-color required">公司职务</div>
<input slot="content" v-model="authMsg.auth_person_position" placeholder="请输入公司职务">
</item>
<item>
<div slot="name" class="font-color required">授权事项</div>
<input slot="content" v-model="authMsg.auth_person_matter" placeholder="请输入授权事项">
</item>
</list-item>
<div v-if="!flag" class="upload-id-card">
<span>授权书证件上传</span>
<div class="upload-box1">
<div v-if="!laImg" @click="LaUpload()">
<img src="@/assets/userBind/camera.png">
</div>
<div v-if="laImg && !isApproved" style="width: 100%;height: 100%" @click="LaUpload('')">
<img :src="laImg" style="width: 100%;height: 100%;margin: 0">
</div>
<div v-if="isApproved"><!--v-if="licenseImg && isApproved"-->
<img v-if="laImg" :src="laImg" style="width: 100%;height: 100%;margin: 0" @click="showBigPicture(laImg)">
</div>
</div>
</div>
<div v-if="from&&isApproved&&isAGENT" class="tax" @click="changeUndertake">
<img src="@/assets/userBind/tax.png" class="left-img">
<div>
<span>缴纳保证金</span>
<p>已缴纳：500000</p>
</div>
<img src="@/assets/userBind/arrow-right.png" class="right-img">
</div>
</div>
</h-content>
<bottom-tab class="footer-button">
<!-- <tab-button class="put" @click.native="handSubmit">提交</tab-button> -->
<tab-button class="save" @click.native="verified">下一步</tab-button>
</bottom-tab>
</h-view>
</template>
<script>
export default {
name: 'Enterprise',
data () {
return {
bp_id: '',
flag: true, // 显示未授权框
bpClass: '',
from: false,
isApproved: false, // 审批通过为true
isAddNewType: false,
isAGENT: this.$route.params.isAGENT, // 是否为经销商
isMultiRole: this.$route.params.isMultiRole, // 担保人/承租人为true
img_url: {},
typeList: [],
backList: [],
saveInfo: {},
lastInfo: {},
msg_flag: false,
maritalList: [],
getBankList: [],
cityList: [],
provinceList: [],
districtList: [],
academic_bg_n: '',
bpClass_flag: false,
// text: '法人代表信息',
bp_type_flag: false,
typeName: '',
marital_status_n: '',
bank_card_flag: false,
type: '请输入业务经办姓名',
multiBpType: {
bp_type_n: '',
bp_type: '',
},
legal_personMsg: {
id_card_no: null,
// legal_person: '',
cell_phone: window.localStorage.getItem('user_phone'),
living_address: '',
id_card_date_from: '', // 法定代表人身份证有效期从
id_card_date_to: '', // 法定代表人身份证有效期到
},
baseInfo: {
agent_username: '',
district_id: '',
district_name: '',
province_name: '',
province_id: '',
city_name: '',
city_id: '',
bp_type: '',
bp_type_n: '',
bp_name: '',
phone: '',
auth_flag: 'N',
user_phone: window.localStorage.user_phone,
legal_person: '',
enterprise_type: '',
business_address: '',
registered_place: '',
organization_code: '',
registered_capital: '',
// business_license_num: '',
bp_class: this.$route.params.bp_class,
},
authMsg: {
auth_person_name: '',
auth_person_matter: '',
auth_person_id_card: '',
auth_cell_phone: '',
auth_person_position: '',
auth_id_card_date_from: '', // 授权人身份证有效期从
auth_id_card_date_to: '', // 授权人身份证有效期到
},
idCardFront: '', // 身份证正面图片
idCardBack: '', // 身份证反面图片
authidCardFront: '', // 授权人身份证正面图片
authidCardBack: '', // 授权人身份证反面图片
licenseImg: '', // 营业执照照片
laImg: '', // 授权书图片
idCardFrontUrlFlag: false, // 身份证正面图片，为false则用查询出来的，为true则用拍照出来的
idCardBackUrlFlag: false, // 身份证反面图片，为false则用查询出来的，为true则用拍照出来的
authidCardFrontUrlFlag: false, // 授权人身份证正面图片，为false则用查询出来的，为true则用拍照出来的
authidCardBackUrlFlag: false, // 授权人身份证反面图片，为false则用查询出来的，为true则用拍照出来的
licenseImgUrlFlag: false, // 营业执照照片，为false则用查询出来的，为true则用拍照出来的
laImgUrlFlag: false, // 授权书图片，为false则用查询出来的，为true则用拍照出来的
upload_list: [], // 上传图片列表
dowload_list: [], // 下载图片列表
cddItemList: [], // 资料清单列表
idCardFrontCheck_id: '', // 身份证正面check_id
idCardBackCheck_id: '', // 身份证背面check_id
authidCardFrontCheck_id: '', // 授权人身份证正面check_id
authidCardBackCheck_id: '', // 授权人身份证背面check_id
bankCardCheck_id: '', // 银行卡check_id
licenseCheck_id: '', // 营业执照check_id
laCheck_id: '', // 授权书check_id
idCardFrontAttachmentId: '', // 身份证正面AttachmentId
idCardBackAttachmentId: '', // 身份证背面AttachmentId
authidCardFrontAttachmentId: '', // 授权人身份证正面AttachmentId
authidCardBackAttachmentId: '', // 授权人身份证背面AttachmentId
licenseAttachmentId: '', // 营业执照AttachmentId
laAttachmentId: '', // 授权书AttachmentId
bankCardImgList: [], // 存上传银行卡图片列表
idCardFrontEditFlag: false, // 身份证正面修改标识，为true则标识已修改，后续需要重新上传此照片
idCardBackEditFlag: false, // 身份证正面修改标识，为true则标识已修改，后续需要重新上传此照片
authidCardFrontEditFlag: false, // 授权人身份证正面修改标识，为true则标识已修改，后续需要重新上传此照片
authidCardBackEditFlag: false, // 授权人身份证正面修改标识，为true则标识已修改，后续需要重新上传此照片
licenseEditFlag: false, // 营业执照照片修改标识，为true则标识已修改，后续需要重新上传此照片
LaEditFlag: false, // 授权书图片修改标识，为true则标识已修改，后续需要重新上传此照片
isClear: false,
}
},
computed: {},
watch: {
'baseInfo.auth_flag' (newVal, oldVal) {
if (newVal === '是') {
this.flag = false
} else if (newVal === '否') {
this.flag = true
}
},
// 监听客户类型
'baseInfo.bp_type_n' () {
let vm = this
if (vm.baseInfo.bp_type === 'TENANT' || vm.baseInfo.bp_type === 'GUTA') {
vm.type = '请输入业务经办员工代码'
vm.typeName = '业务经办人'
vm.bp_type_flag = true
} else if (
vm.baseInfo.bp_type === 'AGENT' ||
vm.baseInfo.bp_type === 'OFFICE' ||
vm.baseInfo.bp_type === 'FACTORY'
) {
vm.bp_type_flag = false
vm.typeName = ''
}
},
typeName () {
if (this.typeName === '业务经办人') {
this.bpClass = this.baseInfo.agent_username
this.bpClass_flag = true
} else {
this.bpClass = this.baseInfo.business_license_num
this.bpClass_flag = false
}
},
},
created () {},
beforeRouteEnter (to, from, next) {
next(vm => {
vm.getBpType()
vm.getProvince()
if (vm.$route.params.status === 'APPROVED') {
vm.isApproved = true
window.localStorage.setItem('isApproved', vm.isApproved)
}
if (from.fullPath === '/tab/my-info') { /* || from.fullPath === '/margin-first-pay' */
vm.legal_personMsg = {}
vm.baseInfo = {}
vm.bank_lists = {}
vm.authMsg = {}
vm.bp_id = vm.$route.params.bp_id
vm.idCardFront = '' // 身份证正面图片
vm.idCardBack = '' // 身份证反面图片
vm.authidCardFront = '' // 授权人身份证正面图片
vm.authidCardBack = '' // 授权人身份证反面图片
vm.licenseImg = '' // 营业执照照片
vm.laImg = '' // 授权书图片
vm.upload_list = [] // 上传图片列表
vm.dowload_list = [] // 下载图片列表
vm.from = true
vm.idCardFrontEditFlag = false // 身份证正面修改标识，为true则标识已修改，后续需要重新上传此照片
vm.idCardBackEditFlag = false // 身份证正面修改标识，为true则标识已修改，后续需要重新上传此照片
vm.authidCardFrontEditFlag = false // 授权人身份证正面修改标识，为true则标识已修改，后续需要重新上传此照片
vm.authidCardBackEditFlag = false // 授权人身份证正面修改标识，为true则标识已修改，后续需要重新上传此照片
vm.licenseEditFlag = false // 营业执照照片修改标识，为true则标识已修改，后续需要重新上传此照片
vm.LaEditFlag = false // 授权书图片修改标识，为true则标识已修改，后续需要重新上传此照片
vm.isClear = false
vm.idCardFrontUrlFlag = false // 身份证正面图片，为false则用查询出来的，为true则用拍照出来的
vm.idCardBackUrlFlag = false // 身份证反面图片，为false则用查询出来的，为true则用拍照出来的
vm.authidCardFrontUrlFlag = false // 授权人身份证正面图片，为false则用查询出来的，为true则用拍照出来的
vm.authidCardBackUrlFlag = false // 授权人身份证反面图片，为false则用查询出来的，为true则用拍照出来的
vm.licenseImgUrlFlag = false // 营业执照照片，为false则用查询出来的，为true则用拍照出来的
vm.laImgUrlFlag = false // 授权书图片，为false则用查询出来的，为true则用拍照出来的
vm.getbaseInfo()
}
})
next()
},
methods: {
deleteBP () {
this.multiBpType.bp_type_n = ''
this.multiBpType.bp_type = ''
this.isAddNewType = false
},
selectIdMultiType (e) {
let vm = this
let List
if (vm.baseInfo.bp_type === 'TENANT') {
List = vm.typeList.filter(i => {
return i.code === 'GUTA'
})
} else if (vm.baseInfo.bp_type === 'GUTA') {
List = vm.typeList.filter(i => {
return i.code === 'TENANT'
})
}
vm.hlsPopup.selectList({
list: List,
code: 'bp_type',
object: {},
returnItem: function (index, obj) {
vm.multiBpType.bp_type = obj.bp_type
vm.multiBpType.bp_type_n = obj.bp_type_n
vm.isAddNewType = true
vm.isSelected = true
},
})
},
changeUndertake () {
this.$router.push({
name: 'MarginFirstPay',
params: {
bp_id: this.$route.params.bp_id,
status: this.$route.params.status,
isAGENT: this.isAGENT,
},
})
},
addRows (e) {
let addNum = parseInt(e.length / 16)
if (addNum === 0) {
this.$refs.myTestarea.rows = 1
} else if (addNum >= addNum - 1 && addNum < addNum + 1) {
this.$refs.myTestarea.rows = addNum + 1
}
},
addRowsLive (e) {
let addNum = parseInt(e.length / 16)
if (addNum === 0) {
this.$refs.myTestareaLive.rows = 1
} else if (addNum >= addNum - 1 && addNum < addNum + 1) {
this.$refs.myTestareaLive.rows = addNum + 1
}
},
addAddressRows (e) {
let addNum = parseInt(e.length / 16)
if (addNum === 0) {
this.$refs.address.rows = 1
} else if (addNum >= addNum - 1 && addNum < addNum + 1) {
this.$refs.address.rows = addNum + 1
}
},
handSubmit () {
let bp_id = this.from ? this.$route.params.bp_id : this.bp_id
if (bp_id) {
this.hlsPopup.showConfirm({
title: '提示',
content: '您确认提交吗？',
onConfirm: data => {
console.log(data)
if (data) {
let url = $config.basePath + 'bp_bind_submit'
let param = {
master: {
// bp_id: window.localStorage.getItem('user_id'),
bp_id: this.from ? this.$route.params.bp_id : this.bp_id,
company_id: '2145',
},
}
let vm = this
this.hlsHttp.post(url, param).then(function (res) {
if (res.result === 'S') {
vm.hlsPopup.showSuccess('提交成功')
vm.$router.push({
name: 'HomePage',
})
}
})
}
},
})
} else {
this.hlsPopup.showLongCenter('请先保存！')
}
},
// 校验手机号
phoneCheck (phone) {
if (!hlsUtil.phoneNumber(phone) && !hlsUtil.phoneNumber86(phone)) {
hlsPopup.showLongCenter('请输入正确的手机号')
}
},
// 校验固定电话
fixedPhoneCheck (phone) {
let reg = /^((0\d{2,3})-)(\d{7,8})(-(\d{3,}))?$/
if (!reg.test(phone)) {
hlsPopup.showLongCenter('请输入正确的固定电话')
}
},
verified () {
window.localStorage.setItem('authFlag', this.flag)
this.$router.push({
name: 'Invoice',
params: {
bp_id: this.bp_id,
organization_code: this.baseInfo.organization_code,
from: this.from,
},
})
if (!this.flag) { // 已授权
this.baseInfo.auth_flag = 'Y'
this.lastInfo = {...this.baseInfo, ...this.legal_personMsg, ...this.authMsg}
this.saveInfo = {...this.lastInfo}
} else { // 未授权
this.baseInfo.auth_flag = 'N'
this.lastInfo = {...this.baseInfo, ...this.legal_personMsg}
this.saveInfo = {
...this.lastInfo,
...this.authMsg,
}
}
let vm = this
// 校验基本信息
if (this.bpClass_flag) { // 业务经办人
console.log(this.lastInfo)
delete this.lastInfo.business_license_num
delete this.lastInfo.id_card_name
for (var key in vm.lastInfo) {
if (!vm.lastInfo[key]) {
switch (key) {
case 'province_id':
vm.hlsPopup.showLongCenter('请选择省份')
break
case 'city_id':
vm.hlsPopup.showLongCenter('请选择城市')
break
case 'district_id':
vm.hlsPopup.showLongCenter('请选择区县')
break
case 'bp_type':
vm.hlsPopup.showLongCenter('客户类型未填写')
break
case 'agent_username':
vm.hlsPopup.showLongCenter('业务经办员工代码未填写')
break
case 'bp_name':
vm.hlsPopup.showLongCenter('公司名称未填写')
break
case 'enterprise_type':
vm.hlsPopup.showLongCenter('企业类型未填写')
break
case 'organization_code':
vm.hlsPopup.showLongCenter('统一社会信用代码未填写')
break
case 'registered_capital':
vm.hlsPopup.showLongCenter('注册资本未填写')
break
case 'legal_person':
vm.hlsPopup.showLongCenter('法定代表人未填写')
break
case 'registered_place':
vm.hlsPopup.showLongCenter('注册地址未填写')
break
case 'business_address':
vm.hlsPopup.showLongCenter('经营地址未填写')
break
case 'phone':
vm.hlsPopup.showLongCenter('固定电话未填写')
break
case 'id_card_no':
vm.hlsPopup.showLongCenter('身份证未填写')
break
case 'cell_phone':
vm.hlsPopup.showLongCenter('手机号未填写')
break
case 'living_address':
vm.hlsPopup.showLongCenter('联系地址未填写')
break
case 'id_card_date_from':
vm.hlsPopup.showLongCenter('身份证有效期从未填写')
break
case 'id_card_date_to':
vm.hlsPopup.showLongCenter('身份证有效期到未填写')
break
case 'auth_person_name':
vm.hlsPopup.showLongCenter('授权人姓名未填写')
break
case 'auth_person_id_card':
vm.hlsPopup.showLongCenter('授权人身份证号未填写')
break
case 'auth_cell_phone':
vm.hlsPopup.showLongCenter('授权人手机号未填写')
break
case 'auth_id_card_date_from':
vm.hlsPopup.showLongCenter('授权人身份证有效期从未填写')
break
case 'auth_id_card_date_to':
vm.hlsPopup.showLongCenter('授权人身份证有效期到未填写')
break
case 'user_phone':
vm.hlsPopup.showLongCenter('您还未登录')
break
case 'auth_person_position':
vm.hlsPopup.showLongCenter('公司职务未填写')
break
case 'auth_person_matter':
vm.hlsPopup.showLongCenter('授权事项未填写')
break
}
// vm.hlsPopup.showLongCenter('基本信息不完整！')
vm.msg_flag = false
return
} else {
vm.msg_flag = true
}
}
this.lastInfo.business_license_num = ''
this.lastInfo.id_card_name = ''
} else { // 非业务经办人
delete this.lastInfo.agent_username
delete this.lastInfo.id_card_name
for (var key1 in vm.lastInfo) {
if (!vm.lastInfo[key1]) {
console.log('key', key1)
// debugger
switch (key1) {
case 'bp_type':
vm.hlsPopup.showLongCenter('客户类型未填写')
break
case 'province_id':
vm.hlsPopup.showLongCenter('请选择省份')
break
case 'city_id':
vm.hlsPopup.showLongCenter('请选择城市')
break
case 'district_id':
vm.hlsPopup.showLongCenter('请选择区县')
break
case 'bp_name':
vm.hlsPopup.showLongCenter('公司名称未填写')
break
case 'enterprise_type':
vm.hlsPopup.showLongCenter('企业类型未填写')
break
case 'organization_code':
vm.hlsPopup.showLongCenter('统一社会信用代码未填写')
break
case 'registered_capital':
vm.hlsPopup.showLongCenter('注册资本未填写')
break
case 'legal_person':
vm.hlsPopup.showLongCenter('法定代表人未填写')
break
case 'registered_place':
vm.hlsPopup.showLongCenter('注册地址未填写')
break
case 'business_address':
vm.hlsPopup.showLongCenter('经营地址未填写')
break
case 'phone':
vm.hlsPopup.showLongCenter('固定电话未填写')
break
case 'id_card_no':
vm.hlsPopup.showLongCenter('身份证未填写')
break
case 'cell_phone':
vm.hlsPopup.showLongCenter('手机号未填写')
break
case 'living_address':
vm.hlsPopup.showLongCenter('联系地址未填写')
break
case 'auth_person_name':
vm.hlsPopup.showLongCenter('授权人姓名未填写')
break
case 'auth_person_id_card':
vm.hlsPopup.showLongCenter('授权人身份证号未填写')
break
case 'auth_cell_phone':
vm.hlsPopup.showLongCenter('授权人手机号未填写')
break
case 'auth_id_card_date_from':
vm.hlsPopup.showLongCenter('授权人身份证有效期从未填写')
break
case 'auth_id_card_date_to':
vm.hlsPopup.showLongCenter('授权人身份证有效期到未填写')
break
case 'user_phone':
vm.hlsPopup.showLongCenter('您还未登录')
break
case 'auth_person_position':
vm.hlsPopup.showLongCenter('公司职务未填写')
break
case 'auth_person_matter':
vm.hlsPopup.showLongCenter('授权事项未填写')
break
}
// vm.hlsPopup.showLongCenter('基本信息不完整！')
vm.msg_flag = false
return
} else {
vm.msg_flag = true
}
}
this.lastInfo.agent_username = ''
this.lastInfo.id_card_name = ''
}
if (vm.hlsUtil.isCardID(vm.saveInfo.id_card_no)) {
vm.msg_flag = false
vm.hlsPopup.showLongCenter('身份证不正确')
}
if (!vm.flag) {
if (vm.hlsUtil.isCardID(vm.saveInfo.auth_person_id_card)) {
vm.msg_flag = false
vm.hlsPopup.showLongCenter('授权人身份证不正确')
}
}
if (vm.msg_flag) {
vm.dowload_list = [] // 保存之前将图片下载列表清空，防止出现重复的图片
vm.upload_list = [] // 保存之前将待上传列表清空，防止出现重复的图片
vm.hlsPopup.showLoading('请稍后')
let url = $config.basePath + 'bp_org_bind_save'
let param = {
master: vm.saveInfo,
}
vm.hlsHttp.post(url, param).then(function (res) {
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
// vm.hlsPopup.showSuccess('保存成功,请去维护附件信息')
vm.bp_id = res.bp_id
// 查询资料清单
vm.loadItemList()
} else {
vm.hlsPopup.showLongCenter(res.message)
}
})
}
},
// 授权切换
authorizeChange () {
this.flag = !this.flag
if (this.flag) {
this.auth_flag = '未授权'
} else {
this.auth_flag = '已授权'
}
},
// 选择省份
selectProvince (e) {
let vm = this
vm.hlsPopup.selectList({
list: vm.provinceList,
code: 'bp_type',
object: {},
returnItem: function (index, obj) {
vm.baseInfo.province_id = obj.bp_type
vm.baseInfo.province_name = obj.bp_type_n
vm.getCity()
},
})
},
// 选择城市
selectCity (e) {
let vm = this
if (vm.baseInfo.province_id === '') {
hlsPopup.showLongCenter('请先选择省份')
}
vm.hlsPopup.selectList({
list: vm.cityList,
code: 'bp_type',
object: {},
returnItem: function (index, obj) {
vm.baseInfo.city_id = obj.bp_type
vm.baseInfo.city_name = obj.bp_type_n
vm.getDistrict()
},
})
},
// 选择区县
selectDistrict (e) {
let vm = this
if (vm.baseInfo.city_id === '' || vm.baseInfo.province_id === '') {
hlsPopup.showLongCenter('请先选择城市')
}
vm.hlsPopup.selectList({
list: vm.districtList,
code: 'bp_type',
object: {},
returnItem: function (index, obj) {
vm.baseInfo.district_id = obj.bp_type
vm.baseInfo.district_name = obj.bp_type_n
},
})
},
// 省份查询
getProvince () {
let vm = this
let url = process.env.basePath + 'fnd_province_query'
let param = {}
vm.hlsPopup.showLoading('请稍候')
vm.hlsHttp.post(url, param).then(function (res) {
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
vm.provinceList = res.lists.map(item => {
return {
code: item.province_id,
code_name: item.province_name,
}
})
}
})
},
// 城市查询
getCity () {
let vm = this
let url = process.env.basePath + 'fnd_city_query'
let param = {
province_id: vm.baseInfo.province_id,
}
// vm.hlsPopup.showLoading('请稍候')
vm.hlsHttp.post(url, param).then(function (res) {
// vm.hlsPopup.hideLoading()
if (res.result === 'S') {
vm.cityList = res.lists.map(item => {
return {
code: item.city_id,
code_name: item.city_name,
}
})
}
})
},
// 区县查询
getDistrict () {
let vm = this
let url = process.env.basePath + 'fnd_district_query'
let param = {
city_id: vm.baseInfo.city_id,
}
// vm.hlsPopup.showLoading('请稍候')
vm.hlsHttp.post(url, param).then(function (res) {
// vm.hlsPopup.hideLoading()
if (res.result === 'S') {
vm.districtList = res.lists.map(item => {
return {
code: item.district_id,
code_name: item.district_name,
}
})
}
})
},
// 客户类型下拉框
selectIdType (e) {
let vm = this
vm.hlsPopup.selectList({
list: vm.typeList,
code: 'bp_type',
object: {},
returnItem: function (index, obj) {
vm.baseInfo.bp_type = obj.bp_type
vm.baseInfo.bp_type_n = obj.bp_type_n
if (
vm.baseInfo.bp_type === 'TENANT' ||
vm.baseInfo.bp_type === 'GUTA'
) {
vm.bp_type_flag = true
}
},
})
},
fileSuccess (fileList, result) {
this.fileList = fileList
this.fileList.forEach((itemFile, index) => {
if (
result.response &&
itemFile.file &&
!itemFile.attachment_id &&
result.response.fileName === itemFile.file.name
) {
itemFile.attachment_id = result.response.attachment_id
}
})
},
// 客户类型请求
getBpType () {
let vm = this
let url = process.env.basePath + 'bp_type_select'
let param = {}
vm.hlsPopup.showLoading('请稍候')
vm.hlsHttp.post(url, param).then(function (res) {
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
console.log('客户类型。。。。。。', res.lists)
vm.typeList = res.lists
.filter(item => item.bp_type !== 'OFFICE')
.map(item => {
return {
code: item.bp_type,
code_name: item.bp_type_n,
}
})
// vm.typeList = res.lists.map(item => {
// return {
// code: item.bp_type,
// code_name: item.bp_type_n,
// }
// })
}
})
},
getbaseInfo () {
let vm = this
let url = process.env.basePath + 'bp_org_info_query'
let param = {
bp_id: vm.$route.params.bp_id,
}
hlsPopup.showLoading('请稍候')
vm.$post(url, param).then(function (res) {
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
delete res.info.bp_id
vm.baseInfo = {...res.info}
vm.authMsg.auth_person_name = res.info.auth_person_name
vm.authMsg.auth_person_matter = res.info.auth_person_matter
vm.authMsg.auth_person_id_card = res.info.auth_person_id_card
vm.authMsg.auth_person_position = res.info.auth_person_position
vm.authMsg.auth_id_card_date_from = res.info.auth_id_card_date_from
vm.authMsg.auth_id_card_date_to = res.info.auth_id_card_date_to
vm.authMsg.auth_cell_phone = res.info.auth_cell_phone
// delete res.info.agent_username
vm.legal_personMsg.id_card_no = res.info.id_card_no
// vm.legal_personMsg.legal_person = res.info.legal_person
vm.legal_personMsg.cell_phone = res.info.cell_phone
vm.legal_personMsg.living_address = res.info.living_address
vm.legal_personMsg.id_card_date_from = res.info.id_card_date_from
vm.legal_personMsg.id_card_date_to = res.info.id_card_date_to
Object.assign(vm.saveInfo, res.info)
vm.addRows(vm.baseInfo.registered_place)
vm.addRowsLive(vm.baseInfo.business_address)
if (vm.baseInfo.auth_flag === '是') {
vm.flag = false
} else if (vm.baseInfo.auth_flag === '否') {
vm.flag = true
}
vm.loadItemList()// 附件查询
} else {
hlsPopup.showLongCenter(res.message)
}
})
},
// 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)
}
},
})
},
openCamera (ocrType, type) {
let vm = this
let cameraoptions = {
quality: 60,
width: 1843,
height: 1382,
}
let success = function (imgdata) {
if (!imgdata) {
hlsPopup.showLongCenter('请拍照')
} else {
if (ocrType === 'idCard') {
type === 'front' ? (vm.idCardFront = imgdata, vm.idCardIdentify(imgdata, 'idCard'), vm.idCardFrontEditFlag = true) : (vm.idCardBack = imgdata, vm.idCardBackIdentify(imgdata, 'idCard'), vm.idCardBackEditFlag = true)
} else if (ocrType === 'authidCard') {
type === 'front' ? (vm.authidCardFront = imgdata, vm.idCardIdentify(imgdata, 'authidCard'), vm.authidCardFrontEditFlag = true) : (vm.authidCardBack = imgdata, vm.idCardBackIdentify(imgdata, 'authidCard'), vm.authidCardBackEditFlag = true)
} else if (ocrType === 'license') {
vm.licenseEditFlag = true // 营业执照图片状态已修改
vm.licenseImg = imgdata
vm.licenseIdentify(imgdata)
}
}
}
let error = function () {
hlsPopup.showLongCenter('请拍照')
}
hlsUtil.openCamera(cameraoptions, success, error)
},
takePicture (ocrType, type) {
let vm = this
var cameraoptions = {
quality: 70,
width: 1843,
height: 1382,
maxCount: 1,
}
let success = function (imgUrl) {
if (imgUrl.length === 0) {
hlsPopup.showLongCenter('请选择一张图片')
} else {
if (ocrType === 'idCard') {
type === 'front' ? (vm.idCardFront = imgUrl[0], vm.idCardIdentify(imgUrl[0], 'idCard'), vm.idCardFrontEditFlag = true) : (vm.idCardBack = imgUrl[0], vm.idCardBackIdentify(imgUrl[0], 'idCard'), vm.idCardBackEditFlag = true)
} else if (ocrType === 'authidCard') {
type === 'front' ? (vm.authidCardFront = imgUrl[0], vm.idCardIdentify(imgUrl[0], 'authidCard'), vm.authidCardFrontEditFlag = true) : (vm.authidCardBack = imgUrl[0], vm.idCardBackIdentify(imgUrl[0], 'authidCard'), vm.authidCardBackEditFlag = true)
} else if (ocrType === 'license') {
vm.licenseEditFlag = true // 营业执照图片状态已修改
vm.licenseImg = imgUrl[0]
vm.licenseIdentify(imgUrl[0])
}
}
}
let error = function () {
hlsPopup.showLongCenter(error)
}
vm.hlsUtil.takePicture(cameraoptions, success, error)
},
// 身份证识别
idCardIdentify (fileUrl, cardType) {
let vm = this
hlsPopup.showLoading('正在识别')
let url = process.env.ocrPath + '/baidu/ocr/idCard'
hlsUtil.baiduOcr(fileUrl, url, function (res) {
hlsPopup.hideLoading()
let result = res.result.words_result
if (cardType === 'idCard') { // 法定代表人
// 未授权 姓名，身份证号
vm.baseInfo.legal_person = result.姓名.words
vm.legal_personMsg.id_card_no = result.公民身份号码.words
vm.legal_personMsg.living_address = result.住址.words // 联系地址默认为户籍地址，支持修改
} else { // 授权人
// 已授权 姓名，身份证号
vm.authMsg.auth_person_name = result.姓名.words
vm.authMsg.auth_person_id_card = result.公民身份号码.words
}
})
},
// 身份证背面识别
idCardBackIdentify (fileUrl, cardType) {
let vm = this
hlsPopup.showLoading('正在识别')
let url = process.env.ocrPath + '/baidu/ocr/idCardBack'
hlsUtil.baiduOcr(fileUrl, url, function (res) {
hlsPopup.hideLoading()
let result = res.result.words_result
if (cardType === 'idCard') { // 法定代表人
// 未授权 身份证有效期从，身份证有效期到
vm.legal_personMsg.id_card_date_from = result.签发日期.words
vm.legal_personMsg.id_card_date_to = result.失效日期.words
} else {
// 已授权 身份证有效期从，身份证有效期到
vm.authMsg.auth_id_card_date_from = result.签发日期.words
vm.authMsg.auth_id_card_date_to = result.失效日期.words
}
})
},
// 营业执照识别
licenseIdentify (fileUrl) {
let vm = this
hlsPopup.showLoading('正在识别')
let url = process.env.ocrPath + '/baidu/ocr/businessLicense'
hlsUtil.baiduOcr(fileUrl, url, function (res) {
hlsPopup.hideLoading()
let result = res.result.words_result
vm.baseInfo.bp_name = result.单位名称.words
vm.baseInfo.enterprise_type = result.类型.words
vm.baseInfo.registered_capital = result.注册资本.words
vm.baseInfo.legal_person = result.法人.words
vm.baseInfo.registered_place = result.地址.words
vm.baseInfo.organization_code = result.社会信用代码.words
vm.baseInfo.business_address = vm.baseInfo.registered_place // 经营地址默认为注册地址，支持修改
})
},
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 'LEGAL_ID_CARD_F': // 法定代表人身份证正面
if (!vm.idCardFrontUrlFlag) {
vm.idCardFront = res.lists[0].url
}
vm.idCardFrontAttachmentId = 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 'AUTHOR_ID_CARD_F': // 授权人身份证正面
if (!vm.authidCardFrontUrlFlag) {
vm.authidCardFront = res.lists[0].url
}
vm.authidCardFrontAttachmentId = res.lists[0].attachment_id
break
case 'AUTHOR_ID_CARD_B': // 授权人身份证背面
if (!vm.authidCardBackUrlFlag) {
vm.authidCardBack = res.lists[0].url
}
vm.authidCardBackAttachmentId = res.lists[0].attachment_id
break
case 'ORG_CODE':
if (!vm.licenseImgUrlFlag) {
vm.licenseImg = res.lists[0].url
}
vm.licenseAttachmentId = res.lists[0].attachment_id
break
case 'L/A':
if (!vm.laImgUrlFlag) {
vm.laImg = res.lists[0].url
}
vm.laAttachmentId = res.lists[0].attachment_id
break
default:
vm.dowload_list.push(res.lists)
}
} else {
hlsPopup.showLongCenter(res.message)
}
})
},
// 附件查询
loadItemList () {
let vm = this
let bpId = vm.from ? vm.$route.params.bp_id : vm.bp_id
let url = process.env.basePath + 'prj_cdd_check_list'
let param = {
master: {
'document_id': bpId,
'document_table': 'HLS_BP_MASTER',
'tab_group': vm.flag ? 'HLS_ORG_NAUTH' : 'HLS_ORG_AUTH',
},
}
// vm.hlsPopup.showLoading('请稍候')
vm.hlsHttp.post(url, param).then(function (res) {
// vm.hlsPopup.hideLoading()
if (res.result === 'S') {
// vm.cddItemList = []
var listTemp = [...res.lists]
listTemp.forEach(item => {
switch (item.cdd_item) {
case 'LEGAL_ID_CARD_F': // 法定代表人身份证正面
vm.idCardFrontCheck_id = item.check_id
break
case 'LEGAL_ID_CARD_B': // 法定代表人身份证背面
vm.idCardBackCheck_id = item.check_id
break
case 'AUTHOR_ID_CARD_F': // 授权人身份证正面
vm.authidCardFrontCheck_id = item.check_id
break
case 'AUTHOR_ID_CARD_B': // 授权人身份证背面
vm.authidCardBackCheck_id = item.check_id
break
case 'ORG_CODE':
vm.licenseCheck_id = item.check_id
break
case 'BANK_CARD':
break
case 'L/A':
vm.laCheck_id = item.check_id
break
default:
// vm.cddItemList.push(item)
}
})
// 查询图片
listTemp.forEach((item, index) => {
vm.load_picture(item.check_id, index, item.cdd_item)
})
if (vm.idCardFrontEditFlag) { // 法定代表人身份证正面图片已修改，重新上传
vm.idCardFrontUrlFlag = true
vm.delete_pic_to_ocr(vm.idCardFrontAttachmentId)// 先删除之前识别的图片
var list = []
let obj = {
'pkvalue': vm.idCardFrontCheck_id,
'source_type': 'PRJ_CDD_ITEM_CHECK',
'picture': '',
'check_id': vm.idCardFrontCheck_id,
'filePath': vm.idCardFront,
'attachment_id': '',
'user_id': 1,
'fileName': '法人身份证正面',
}
list.push(obj)
vm.save_picture(list)
vm.idCardFrontEditFlag = false // 置为false,防止再次保存重复上传，只有重新识别才会重新上传
}
if (vm.idCardBackEditFlag) { // 法定代表人身份证背面图片已修改，重新上传
vm.idCardBackUrlFlag = true
vm.delete_pic_to_ocr(vm.idCardBackAttachmentId)// 先删除之前识别的图片
var list = []
let obj = {
'pkvalue': vm.idCardBackCheck_id,
'source_type': 'PRJ_CDD_ITEM_CHECK',
'picture': '',
'check_id': vm.idCardBackCheck_id,
'filePath': vm.idCardBack,
'attachment_id': '',
'user_id': 1,
'fileName': '法人身份证背面',
}
list.push(obj)
vm.save_picture(list)
vm.idCardBackEditFlag = false // 置为false,防止再次保存重复上传，只有重新识别才会重新上传
}
if (vm.authidCardFrontEditFlag) { // 授权人身份证正面图片已修改，重新上传
vm.authidCardFrontUrlFlag = true
vm.delete_pic_to_ocr(vm.authidCardFrontAttachmentId)// 先删除之前识别的图片
var list = []
let obj = {
'pkvalue': vm.authidCardFrontCheck_id,
'source_type': 'PRJ_CDD_ITEM_CHECK',
'picture': '',
'check_id': vm.authidCardFrontCheck_id,
'filePath': vm.authidCardFront,
'attachment_id': '',
'user_id': 1,
'fileName': '授权人身份证正面',
}
list.push(obj)
vm.save_picture(list)
vm.authidCardFrontEditFlag = false // 置为false,防止再次保存重复上传，只有重新识别才会重新上传
}
if (vm.authidCardBackEditFlag) { // 授权人身份证背面图片已修改，重新上传
vm.authidCardBackUrlFlag = true
vm.delete_pic_to_ocr(vm.authidCardBackAttachmentId)// 先删除之前识别的图片
var list = []
let obj = {
'pkvalue': vm.authidCardBackCheck_id,
'source_type': 'PRJ_CDD_ITEM_CHECK',
'picture': '',
'check_id': vm.authidCardBackCheck_id,
'filePath': vm.authidCardBack,
'attachment_id': '',
'user_id': 1,
'fileName': '授权人身份证背面',
}
list.push(obj)
vm.save_picture(list)
vm.authidCardBackEditFlag = false // 置为false,防止再次保存重复上传，只有重新识别才会重新上传
}
if (vm.licenseEditFlag) { // 营业执照图片已修改，重新上传
vm.licenseImgUrlFlag = true
vm.delete_pic_to_ocr(vm.licenseAttachmentId)// 先删除之前识别的图片
var list = []
let obj = {
'pkvalue': vm.licenseCheck_id,
'source_type': 'PRJ_CDD_ITEM_CHECK',
'picture': '',
'check_id': vm.licenseCheck_id,
'filePath': vm.licenseImg,
'attachment_id': '',
'user_id': 1,
'fileName': '企业营业执照',
}
list.push(obj)
vm.save_picture(list)
vm.licenseEditFlag = false // 置为false,防止再次保存重复上传，只有重新识别才会重新上传
}
if (vm.LaEditFlag) { // 授权书图片已修改，重新上传
vm.laImgUrlFlag = true
vm.delete_pic_to_ocr(vm.laAttachmentId)// 先删除之前识别的图片
var list = []
let obj = {
'pkvalue': vm.laCheck_id,
'source_type': 'PRJ_CDD_ITEM_CHECK',
'picture': '',
'check_id': vm.laCheck_id,
'filePath': vm.laImg,
'attachment_id': '',
'user_id': 1,
'fileName': '授权证书',
}
list.push(obj)
vm.save_picture(list)
vm.LaEditFlag = false // 置为false,防止再次保存重复上传，只有重新识别才会重新上传
}
}
})
},
// 身份证重新识别后，先删除之前的照片
delete_pic_to_ocr (attachment_id) {
let vm = this
var delete_list = []
let obj = {attachment_id: attachment_id}
delete_list.push(obj)
let url = process.env.basePath + 'app_delete_attment' // 附件删除
let param = {
picturelist: delete_list,
}
vm.hlsHttp.post(url, param).then(function (res) {
hlsPopup.hideLoading()
if (res.result === 'S') {
} else if (res.result === 'E') {
}
})
},
// 授权书上传入口
LaUpload () {
let vm = this
hlsPopup.showActionSheet({
titleText: '请选择照片',
buttonArray: ['拍照', '从相册取'],
callback: index => {
if (index === 0) {
vm.LaUploadOpenCamera()
} else {
vm.LaUploadTakePicture()
}
},
})
},
LaUploadOpenCamera () {
let vm = this
let cameraoptions = {
quality: 100,
}
let success = function (imgdata) {
vm.LaEditFlag = true
vm.laImg = imgdata
}
let error = function () {
hlsPopup.showLongCenter('请拍照')
}
hlsUtil.openCamera(cameraoptions, success, error)
},
LaUploadTakePicture () {
let vm = this
let cameraoptions = {
quality: 100,
}
let success = function (imgUrl) {
if (imgUrl.length === 0) {
hlsPopup.showLongCenter('请选择一张图片')
} else {
vm.LaEditFlag = true
vm.laImg = imgUrl[0]
}
}
let error = function () {
}
vm.hlsUtil.takePicture(cameraoptions, success, error)
},
// 图片保存
save_picture (list) {
let vm = this
if (list.length) {
// hlsPopup.showLoading('图片上传请稍候')
var alreadyUploadNum = 0
var attLength = 0
var recordUploadInterval = setInterval(function () {
if (alreadyUploadNum === attLength) {
clearInterval(recordUploadInterval)
/* hlsPopup.hideLoading()
hlsPopup.showLongCenter('图片上传成功') */
}
}, 500)
for (var i = 0; i < list.length; i++) {
let uploadSuccess = function (res) {
if (res.result === 'S') {
alreadyUploadNum++
for (var j = 0; j < list.length; j++) {
if (list[j].filePath === res.response.filePath) {
list[j].attachment_id = res.response.attachment_id
vm.upload_list.push(list[j])
break
}
}
} else {
hlsPopup.hideLoading()
}
}
if (!list[i].attachment_id) {
attLength++
hlsUtil.fileUploadSvc(list[i], uploadSuccess)
}
}
} else {
hlsPopup.hideLoading()
}
},
// 查看大图
showBigPicture (pic) {
let vm = this
vm.hlsPopup.showBigPicture({
imgUrl: pic,
width: '100%',
})
},
},
}
</script>
<style lang='less'>
#base-info {
font-family: PingFangSC-Regular;
input::placeholder {
color: #b4b4b5;
}
textarea::placeholder {
color: #b4b4b5;
}
textarea {
// height: 28px;
text-align: right;
color: #666;
// padding-top:16px;
}
.type-save {
color: #fff;
width: 80px;
height: 25px;
font-size: 10px;
border-radius: 5px;
margin: 5px 15px 5px 0px;
float: right;
background-color: @headerColor;
}
.typeBP {
span {
display: inline-block;
padding: 1px 5px;
border-radius: 5px;
text-align: center;
line-height: 20px;
background-color: rgba(220, 220, 221, 0.26);
color: #666;
margin-right: 5px;
margin-top: 3px;
}
img {
width: 10px;
height: 10px;
margin-left: 1px;
}
}
.tax {
width: 351px;
height: 78px;
background: #fff;
margin: 0 auto;
margin-bottom: 15px;
display: flex;
align-items: center;
.left-img {
width: 24px;
height: 28px;
flex: 2.5;
padding-left: 24px;
}
div {
flex: 25;
padding-left: 24px;
span {
font-family: PingFangSC-Regular;
font-size: 14px;
color: #383F45;
letter-spacing: 0;
line-height: 22px;
}
p {
font-family: PingFangSC-Regular;
font-size: 12px;
color: rgba(56, 63, 69, 0.50);
letter-spacing: 0;
line-height: 22px;
}
}
.right-img {
width: 10px;
height: 16px;
flex: 1;
padding-right: 21px;
}
}
.content {
margin-top: 3px;
height: 76%;
padding-bottom: 40px;
.font-color {
color: #656464;
}
.martop {
margin-top: -10px;
}
.userInfo {
height: 40px;
line-height: 40px;
background-color: #fafafa;
color: @headerColor;
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: 10px;
}
.types {
margin-top: 0;
}
.authorize {
width: 100%;
height: 32px;
display: flex;
flex-direction: row;
align-items: center;
background: rgba(0, 70, 156, 0.03);
margin-bottom: 10px;
.authorize-select {
// width: 48px;
height: 20px;
font-family: PingFangSC-Regular;
font-size: 12px;
color: #656464;
line-height: 20px;
margin-left: 16px;
}
.authorize-checklist {
width: 16px;
height: 16px;
margin-left: 8px;
div {
width: 100%;
height: 100%;
border: 1px solid @headerColor;
border-radius: 3px;
}
}
}
.upload-id-cards {
height: 176px;
background-color: #fff;
span {
display: block;
color: #656464;
margin-left: 16px;
padding-top: 16px;
font-size: 13px;
}
.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;
}
}
}
.upload-id-card {
height: 122px;
background-color: #fff;
span {
display: block;
color: #656464;
margin-left: 16px;
padding-top: 16px;
font-size: 13px;
}
.upload-box1 {
width: 80px;
height: 80px;
border: 1px dashed #dcdcdd;
text-align: center;
margin-top: 8px;
margin-left: 16px;
.licenseBox {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
img {
margin-top: 30px;
width: 25px;
height: 25px;
}
}
}
.second-part {
margin-top: 9px;
.auto {
color: #b4b4b5;
}
}
}
.put-approved {
width: 90%;
height: 45px;
color: #fff;
border-radius: 4px;
background-color: @headerColor;
}
.save {
width: 100%;
height: 45px;
color: #fff;
border-radius: 4px;
background-color: @headerColor;
}
.footer-button {
//height: 88px;
padding-top: 15px;
padding-bottom: 15px;
}
.front,
.photo,
.backphoto,
.back {
display: none;
}
}
</style>
src/pages/userBindNew/org/enclosure.vue 0 → 100644
View file @ dad1e467
<!--
* @Description: 附件信息
* @Author: your name
* @Date: 2019-09-20 09:35:11
* @LastEditTime: 2019-12-11 19:20:11
* @LastEditors: Please set LastEditors
-->
<template>
<h-view id="enclosure" class="public-style">
<h-header :proportion="[5,1,1]" class="bar-custom">
<div slot="left" class="h-header-btn" @click="$routeGo()">
<img src="@/assets/userBind/arrow.png">
<span>附件信息</span>
</div>
</h-header>
<h-content>
<div v-for="(list, index) in cddItemList" :key="index" class="card2">
<span>{{ list.description }}</span>
<div class="img-content">
<!--待上传图片列表-->
<div
v-for="(item, index) in upload_list" v-if="item.check_id==list.check_id" :key="index"
class="card-upload">
<img :src="item.picture" @click="showBigPicture(item.picture)">
<div class="close" @click="remove_pic(item.attachment_id, index)">
<img src="@/assets/userBind/deleteIcon.png">
</div>
</div>
<!--从服务器上下载的图片-->
<div v-for="item in dowload_list">
<div v-for="(pic, index) in item" v-if="pic.check_id==list.check_id" :key="index" class="card-upload">
<img :src="pic.url" @click="showBigPicture(pic.url)">
<div class="close" @click="delete_pic(pic.attachment_id)">
<img src="@/assets/userBind/deleteIcon.png">
</div>
</div>
</div>
<div class="card-upload plus" @click="imgUploadShow(list.description,list.check_id)">
<img src="@/assets/userBind/camera.png" class="upload-btn">
</div>
</div>
</div>
</h-content>
<bottom-tab class="footer-button">
<tab-button class="save" @click.native="verified">下一步</tab-button>
</bottom-tab>
</h-view>
</template>
<script>
export default {
data () {
return {
from: false,
bp_id: '',
flag: false,
cddItemList: [], // 资料清单列表
dowload_list: [], // 下载图片列表
upload_list: [], // 上传图片列表
}
},
watch: {},
beforeRouteEnter (to, from, next) {
next(vm => {
if (from.name === 'Invoice') {
vm.upload_list = [] // 上传图片列表
vm.dowload_list = []
vm.cddItemList = []
vm.bp_id = vm.$route.params.bp_id
vm.loadItemList()
}
})
},
created () {},
methods: {
verified () {
this.$router.push({
name: 'BankInfo',
params: {
bp_id: this.bp_id,
},
})
},
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 'LEGAL_ID_CARD_F': // 法定代表人身份证正面
if (!vm.idCardFrontUrlFlag) {
vm.idCardFront = res.lists[0].url
}
vm.idCardFrontAttachmentId = 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 'AUTHOR_ID_CARD_F': // 授权人身份证正面
if (!vm.authidCardFrontUrlFlag) {
vm.authidCardFront = res.lists[0].url
}
vm.authidCardFrontAttachmentId = res.lists[0].attachment_id
break
case 'AUTHOR_ID_CARD_B': // 授权人身份证背面
if (!vm.authidCardBackUrlFlag) {
vm.authidCardBack = res.lists[0].url
}
vm.authidCardBackAttachmentId = res.lists[0].attachment_id
break
case 'ORG_CODE':
if (!vm.licenseImgUrlFlag) {
vm.licenseImg = res.lists[0].url
}
vm.licenseAttachmentId = res.lists[0].attachment_id
break
case 'L/A':
if (!vm.laImgUrlFlag) {
vm.laImg = res.lists[0].url
}
vm.laAttachmentId = res.lists[0].attachment_id
break
default:
vm.dowload_list.push(res.lists)
}
} else {
hlsPopup.showLongCenter(res.message)
}
})
},
loadItemList () {
let vm = this
let url = process.env.basePath + 'prj_cdd_check_list'
let param = {
master: {
'document_id': vm.bp_id,
'document_table': 'HLS_BP_MASTER',
'tab_group': window.localStorage.authFlag ? 'HLS_ORG_NAUTH' : 'HLS_ORG_AUTH',
},
}
// vm.hlsPopup.showLoading('请稍候')
vm.hlsHttp.post(url, param).then(function (res) {
// vm.hlsPopup.hideLoading()
if (res.result === 'S') {
vm.cddItemList = []
var listTemp = [...res.lists]
listTemp.forEach(item => {
switch (item.cdd_item) {
case 'LEGAL_ID_CARD_F': // 法定代表人身份证正面
vm.idCardFrontCheck_id = item.check_id
break
case 'LEGAL_ID_CARD_B': // 法定代表人身份证背面
vm.idCardBackCheck_id = item.check_id
break
case 'AUTHOR_ID_CARD_F': // 授权人身份证正面
vm.authidCardFrontCheck_id = item.check_id
break
case 'AUTHOR_ID_CARD_B': // 授权人身份证背面
vm.authidCardBackCheck_id = item.check_id
break
case 'ORG_CODE':
vm.licenseCheck_id = item.check_id
break
case 'BANK_CARD':
break
case 'L/A':
vm.laCheck_id = item.check_id
break
default:
vm.cddItemList.push(item)
}
})
// 查询图片
listTemp.forEach((item, index) => {
vm.load_picture(item.check_id, index, item.cdd_item)
})
if (vm.idCardFrontEditFlag) { // 法定代表人身份证正面图片已修改，重新上传
vm.idCardFrontUrlFlag = true
vm.delete_pic_to_ocr(vm.idCardFrontAttachmentId)// 先删除之前识别的图片
var list = []
let obj = {
'pkvalue': vm.idCardFrontCheck_id,
'source_type': 'PRJ_CDD_ITEM_CHECK',
'picture': '',
'check_id': vm.idCardFrontCheck_id,
'filePath': vm.idCardFront,
'attachment_id': '',
'user_id': 1,
'fileName': '法人身份证正面',
}
list.push(obj)
vm.save_picture(list)
vm.idCardFrontEditFlag = false // 置为false,防止再次保存重复上传，只有重新识别才会重新上传
}
if (vm.idCardBackEditFlag) { // 法定代表人身份证背面图片已修改，重新上传
vm.idCardBackUrlFlag = true
vm.delete_pic_to_ocr(vm.idCardBackAttachmentId)// 先删除之前识别的图片
var list = []
let obj = {
'pkvalue': vm.idCardBackCheck_id,
'source_type': 'PRJ_CDD_ITEM_CHECK',
'picture': '',
'check_id': vm.idCardBackCheck_id,
'filePath': vm.idCardBack,
'attachment_id': '',
'user_id': 1,
'fileName': '法人身份证背面',
}
list.push(obj)
vm.save_picture(list)
vm.idCardBackEditFlag = false // 置为false,防止再次保存重复上传，只有重新识别才会重新上传
}
if (vm.authidCardFrontEditFlag) { // 授权人身份证正面图片已修改，重新上传
vm.authidCardFrontUrlFlag = true
vm.delete_pic_to_ocr(vm.authidCardFrontAttachmentId)// 先删除之前识别的图片
var list = []
let obj = {
'pkvalue': vm.authidCardFrontCheck_id,
'source_type': 'PRJ_CDD_ITEM_CHECK',
'picture': '',
'check_id': vm.authidCardFrontCheck_id,
'filePath': vm.authidCardFront,
'attachment_id': '',
'user_id': 1,
'fileName': '授权人身份证正面',
}
list.push(obj)
vm.save_picture(list)
vm.authidCardFrontEditFlag = false // 置为false,防止再次保存重复上传，只有重新识别才会重新上传
}
if (vm.authidCardBackEditFlag) { // 授权人身份证背面图片已修改，重新上传
vm.authidCardBackUrlFlag = true
vm.delete_pic_to_ocr(vm.authidCardBackAttachmentId)// 先删除之前识别的图片
var list = []
let obj = {
'pkvalue': vm.authidCardBackCheck_id,
'source_type': 'PRJ_CDD_ITEM_CHECK',
'picture': '',
'check_id': vm.authidCardBackCheck_id,
'filePath': vm.authidCardBack,
'attachment_id': '',
'user_id': 1,
'fileName': '授权人身份证背面',
}
list.push(obj)
vm.save_picture(list)
vm.authidCardBackEditFlag = false // 置为false,防止再次保存重复上传，只有重新识别才会重新上传
}
if (vm.licenseEditFlag) { // 营业执照图片已修改，重新上传
vm.licenseImgUrlFlag = true
vm.delete_pic_to_ocr(vm.licenseAttachmentId)// 先删除之前识别的图片
var list = []
let obj = {
'pkvalue': vm.licenseCheck_id,
'source_type': 'PRJ_CDD_ITEM_CHECK',
'picture': '',
'check_id': vm.licenseCheck_id,
'filePath': vm.licenseImg,
'attachment_id': '',
'user_id': 1,
'fileName': '企业营业执照',
}
list.push(obj)
vm.save_picture(list)
vm.licenseEditFlag = false // 置为false,防止再次保存重复上传，只有重新识别才会重新上传
}
if (vm.LaEditFlag) { // 授权书图片已修改，重新上传
vm.laImgUrlFlag = true
vm.delete_pic_to_ocr(vm.laAttachmentId)// 先删除之前识别的图片
var list = []
let obj = {
'pkvalue': vm.laCheck_id,
'source_type': 'PRJ_CDD_ITEM_CHECK',
'picture': '',
'check_id': vm.laCheck_id,
'filePath': vm.laImg,
'attachment_id': '',
'user_id': 1,
'fileName': '授权证书',
}
list.push(obj)
vm.save_picture(list)
vm.LaEditFlag = false // 置为false,防止再次保存重复上传，只有重新识别才会重新上传
}
}
})
},
// 图片上传入口
imgUploadShow (description, check_id) {
let vm = this
hlsPopup.showActionSheet({
titleText: '请选择照片',
buttonArray: ['拍照', '从相册取'],
callback: index => {
if (index === 0) {
vm.imgUploadOpenCamera(description, check_id)
} else {
vm.imgUploadTakePicture(description, check_id)
}
},
})
},
imgUploadOpenCamera (description, check_id) {
let vm = this
let obj = {
'pkvalue': check_id,
'source_type': 'PRJ_CDD_ITEM_CHECK',
'picture': '',
'check_id': check_id,
'filePath': '',
'attachment_id': '',
'user_id': 1,
'fileName': description + '_' + new Date().getTime(),
}
let cameraoptions = {
quality: 100,
}
let success = function (imgdata) {
obj.picture = imgdata
obj.filePath = imgdata
let list = []
list.push(obj)
// 拍完一张立马执行保存图片逻辑
vm.save_picture(list)
}
let error = function () {
hlsPopup.showLongCenter('请拍照')
}
hlsUtil.openCamera(cameraoptions, success, error)
},
imgUploadTakePicture (description, check_id) {
let vm = this
let cameraoptions = {
quality: 100,
}
let success = function (imgUrl) {
var list = []
for (let i = 0; i < imgUrl.length; i++) {
let obj = {
'pkvalue': check_id,
'source_type': 'PRJ_CDD_ITEM_CHECK',
'picture': '',
'check_id': check_id,
'filePath': '',
'attachment_id': '',
'user_id': 1,
'fileName': description + '_' + new Date().getTime(),
}
obj.picture = imgUrl[i]
obj.filePath = imgUrl[i]
list.push(obj)
}
vm.save_picture(list)
}
let error = function () {
}
vm.hlsUtil.takePicture(cameraoptions, success, error)
},
// 查看大图
showBigPicture (pic) {
let vm = this
vm.hlsPopup.showBigPicture({
imgUrl: pic,
width: '100%',
})
},
// 移除图片
remove_pic (attachment_id, index) {
let vm = this
var delete_list = []
let obj = {'attachment_id': attachment_id}
delete_list.push(obj)
let url = process.env.basePath + 'app_delete_attment' // 附件删除
let param = {
'picturelist': delete_list,
}
hlsPopup.showLoading('请稍候')
vm.hlsHttp.post(url, param).then(function (res) {
hlsPopup.hideLoading()
if (res.result === 'S') {
hlsPopup.showLongCenter('删除成功!')
vm.remove_upload_list(attachment_id, index)
} else if (res.result === 'E') {
hlsPopup.showShortCenter(res.message)
}
})
},
remove_upload_list (attachment_id, index) {
let vm = this
vm.upload_list.remove(index)
vm.upload_list.sort()
},
// 删除图片
delete_pic (attachment_id) {
let vm = this
var delete_list = []
let obj = {'attachment_id': attachment_id}
delete_list.push(obj)
let url = process.env.basePath + 'app_delete_attment' // 附件删除
let param = {
'picturelist': delete_list,
}
hlsPopup.showLoading('请稍候')
vm.hlsHttp.post(url, param).then(function (res) {
hlsPopup.hideLoading()
if (res.result === 'S') {
hlsPopup.showLongCenter('删除成功!')
vm.remove_dowload_list(attachment_id)
} else if (res.result === 'E') {
hlsPopup.showShortCenter(res.message)
}
})
},
remove_dowload_list (attachment_id) {
let vm = this
for (let i = 0; i < vm.dowload_list.length; i++) {
let list = vm.dowload_list[i]
for (let j = 0; j < list.length; j++) {
let li = list[j]
if (parseFloat(li.attachment_id) === parseFloat(attachment_id)) {
list.remove(j)
break
}
}
}
vm.dowload_list.sort()
},
},
}
</script>
<style lang='less'>
#enclosure {
.footer-button {
padding-top: 15px;
padding-bottom: 15px;
}
.save {
width: 100%;
height: 45px;
color: #fff;
border-radius: 4px;
background-color: @headerColor;
}
.card2 {
padding-bottom: 8px;
height: auto;
background-color: #fff;
margin-bottom: 10px;
display: flex;
flex-direction: column;
span {
color: #656464;
font-size: 13px;
line-height: 18px;
padding-top: 8px;
display: block;
margin-left: 16px;
}
.img-content {
/* display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;*/
}
.plus {
display: flex;
justify-content: center;
align-items: center;
}
.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;
}
}
}
.upload-id-card {
height: 122px;
background-color: #fff;
span {
display: block;
color: #656464;
margin-left: 16px;
padding-top: 16px;
font-size: 13px;
}
.upload-box1 {
width: 80px;
height: 80px;
border: 1px dashed #dcdcdd;
text-align: center;
margin-top: 8px;
margin-left: 16px;
.licenseBox {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
img {
margin-top: 30px;
width: 25px;
height: 25px;
}
}
}
}
</style>
src/pages/userBindNew/org/invoice.vue 0 → 100644
View file @ dad1e467
<!--
* @Description: In User Settings Edit
* @Author: your name
* @Date: 2019-09-20 09:35:11
* @LastEditTime: 2019-12-11 19:17:05
* @LastEditors: Please set LastEditors
-->
<template>
<h-view id="invoice" class="public-style">
<h-header :proportion="[5,1,1]" class="bar-custom">
<div slot="left" class="h-header-btn" @click="$routeGo()">
<img src="@/assets/userBind/arrow.png">
<span>开票信息</span>
</div>
</h-header>
<list-item :item-height="44">
<item :showArrow="true">
<div slot="name" class="font-color">纳税人类型</div>
<input
slot="content"
v-model="invoiceInfo.taxpayer_type_n"
type="text"
readonly
placeholder="请选择"
@click="selectTaxpayer"
>
</item>
<item :showArrow="true">
<div slot="name" class="font-color">发票类型</div>
<input
slot="content"
v-model="invoiceInfo.invoice_kind_n"
type="text"
readonly
placeholder="请选择"
@click="selectInvoiceType"
>
</item>
<item>
<div slot="name" class="font-color">发票抬头</div>
<input slot="content" v-model="invoiceInfo.invoice_title" type="text" placeholder="请输入发票抬头" >
</item>
<item>
<div slot="name" class="font-color">发票地址</div>
<textarea
slot="content" ref="myTestarea" v-model="invoiceInfo.invoice_adds" cols="22"
rows="1"
type="text" placeholder="请输入发票地址" @input="addRows(invoiceInfo.invoice_adds)" />
</item>
<item>
<div slot="name" class="font-color">开户电话</div>
<input slot="content" v-model="invoiceInfo.invoice_tel" type="text" placeholder="请输入开户电话" >
</item>
<item>
<div slot="name" class="font-color">发票开户行</div>
<input
slot="content"
ref="myTestareaLive"
v-model="invoiceInfo.open_bank"
cols="22"
rows="1"
type="text"
placeholder="请输入发票开户行"
@input="addRowsLive(invoiceInfo.open_bank)"
>
</item>
<item>
<div slot="name" class="font-color">开户行账号</div>
<input slot="content" v-model="invoiceInfo.open_account" type="text" placeholder="请输入开户行账号" >
</item>
<item>
<div slot="name" class="font-color">纳税人识别号</div>
<input
slot="content"
v-model="invoiceInfo.organization_code" placeholder="纳税人识别号" type="text" readonly
>
</item>
</list-item>
<bottom-tab class="footer-button">
<tab-button class="save" @click.native="verified">下一步</tab-button>
</bottom-tab>
</h-view>
</template>
<script>
export default {
data () {
return {
bp_id: '',
invoicList: [],
taxpayerList: [],
invoice_kind_n: '',
invoiceInfo: {
invoice_kind: 1,
invoice_kind_n: '',
taxpayer_type: '',
invoice_title: '',
taxpayer_type_n: '',
organization_code: '',
invoice_adds: '',
invoice_tel: '',
open_bank: '',
open_account: '',
},
}
},
watch: {},
beforeRouteEnter (to, from, next) {
next(vm => {
if (from.name === 'EnterpriseNew') {
vm.bp_id = vm.$route.params.bp_id
vm.invoiceInfo.organization_code = vm.$route.params.organization_code
vm.getInvoiceType()
vm.getTaxpayer()
if (vm.$route.params.from) {
vm.invoiceQuery() // 开票信息查询
}
vm.addRows(this.invoiceInfo.invoice_adds)
vm.addRowsLive(this.invoiceInfo.open_bank)
}
})
},
created () {},
methods: {
invoiceQuery () {
let vm = this
let url = process.env.basePath + 'bp_invoice_query'
let param = {
bp_id: vm.bp_id,
}
vm.hlsPopup.showLoading('请稍候')
vm.hlsHttp.post(url, param).then(function (res) {
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
vm.invoiceInfo = res.info
}
})
},
addRows (e) {
let addNum = parseInt(e.length / 16)
if (addNum === 0) {
this.$refs.myTestarea.rows = 1
} else if (addNum >= addNum - 1 && addNum < addNum + 1) {
this.$refs.myTestarea.rows = addNum + 1
}
},
addRowsLive (e) {
let addNum = parseInt(e.length / 16)
if (addNum === 0) {
this.$refs.myTestareaLive.rows = 1
} else if (addNum >= addNum - 1 && addNum < addNum + 1) {
this.$refs.myTestareaLive.rows = addNum + 1
}
},
getInvoiceType () {
let vm = this
let url = process.env.basePath + 'bp_invoice_kind_query'
let param = {}
vm.hlsPopup.showLoading('请稍候')
vm.hlsHttp.post(url, param).then(function (res) {
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
vm.invoicList = res.lists.map(item => {
return {
code: item.invoice_kind,
code_name: item.invoice_kind_n,
}
})
}
})
},
getTaxpayer () {
let vm = this
let url = process.env.basePath + 'bp_taxpayer_type_query'
let param = {}
vm.hlsPopup.showLoading('请稍候')
vm.hlsHttp.post(url, param).then(function (res) {
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
vm.taxpayerList = res.lists.map(item => {
return {
code: item.taxpayer_type,
code_name: item.taxpayer_type_n,
}
})
}
})
},
selectInvoiceType (e) {
let vm = this
vm.hlsPopup.selectList({
list: vm.invoicList,
code: 'bp_type',
object: {},
returnItem: function (index, obj) {
vm.invoiceInfo.invoice_kind = obj.bp_type
vm.invoiceInfo.invoice_kind_n = obj.bp_type_n
},
})
},
selectTaxpayer (e) {
let vm = this
vm.hlsPopup.selectList({
list: vm.taxpayerList,
code: 'bp_type',
object: {},
returnItem: function (index, obj) {
vm.invoiceInfo.taxpayer_type = obj.bp_type
vm.invoiceInfo.taxpayer_type_n = obj.bp_type_n
},
})
},
verified () {
console.log('bpid', this.$route.params.bp_id)
this.$router.push({
name: 'Enclosure',
params: {
bp_id: this.bp_id,
},
})
// let vm = this
// let url = process.env.basePath + 'bp_invoice_save'
// let param = {
// bp_id: '',
// bp_class: '',
// ...vm.invoiceInfo,
// }
// delete param.taxpayer_type_n
// delete param.invoice_kind_n
// vm.hlsPopup.showLoading('请稍候')
// vm.hlsHttp.post(url, param).then(function (res) {
// vm.hlsPopup.hideLoading()
// if (res.result === 'S') {
// vm.$router.push({
// name: 'Enclosure',
// })
// }
// })
},
},
}
</script>
<style lang='less'>
#invoice {
input::placeholder{
color: #B4B4B5;
}
.font-color {
color: #656464;
}
textarea::placeholder {
color: #b4b4b5;
}
textarea {
text-align: right;
color:#666;
}
.footer-button {
padding-top: 15px;
padding-bottom: 15px;
}
.save {
width: 100%;
height: 45px;
color: #fff;
border-radius: 4px;
background-color: @headerColor;
}
}
</style>
src/router/index.js
View file @ dad1e467
......@@ -2,7 +2,7 @@
* @Description: In User Settings Edit
* @Author: your name
* @Date: 2019-09-24 12:34:06
* @LastEditTime: 2019-12-05 18:21:59
* @LastEditTime: 2019-12-10 14:52:52
* @LastEditors: Please set LastEditors
*/
import Vue from 'vue'
......@@ -32,6 +32,13 @@ import HlsPopup from '@/pages/hlsPopup'
import UserBind from '@/pages/userBind/userBind'
import NaturePerson from '@/pages/userBind/np/naturePerson'
import Enterprise from '@/pages/userBind/org/enterprise'
// 用户绑定new
import EnterpriseNew from '@/pages/userBindNew/org/baseInfo'
import Invoice from '@/pages/userBindNew/org/invoice'
import Enclosure from '@/pages/userBindNew/org/enclosure'
import BankInfo from '@/pages/userBindNew/org/bankInfo'
// 进件审批
import Base from '@/pages/intoApproval/intoApproval/base'
import IntoList from '@/pages/intoApproval/into-list'
......@@ -191,6 +198,12 @@ export default new Router({
{path: '/user-bind', component: UserBind, name: 'UserBind', meta: {keepAlive: false}},
{path: '/nature-person', component: NaturePerson, name: 'NaturePerson', meta: {keepAlive: false}},
{path: '/enterprise', component: Enterprise, name: 'Enterprise', meta: {keepAlive: true}},
// 用户绑定new
{path: '/enterprise-new', component: EnterpriseNew, name: 'EnterpriseNew', meta: {keepAlive: true}},
{path: '/invoice', component: Invoice, name: 'Invoice', meta: {keepAlive: true}},
{path: '/enclosure', component: Enclosure, name: 'Enclosure', meta: {keepAlive: true}},
{path: '/bankInfo', component: BankInfo, name: 'BankInfo', meta: {keepAlive: true}},
// 进件审批
{path: '/base', component: Base, name: 'Base', meta: {keepAlive: false}},
{path: '/refund', component: Refund, name: 'Refund', meta: {keepAlive: false}},
......
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