|
|
|
@ -201,13 +201,13 @@ |
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
<view class="image-list" v-if="jfr_idbfile!=''"> |
|
|
|
<view class="image-preview" v-for="(image, imageIndex) in jfr_idbfile[0]"> |
|
|
|
<view class="image-list" v-if="yyzz_idbfile!=''"> |
|
|
|
<view class="image-preview" v-for="(image, imageIndex) in yyzz_idbfile[0]"> |
|
|
|
<image class="image" mode="aspectFill" :src="image.path"></image> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="form-item" v-else> |
|
|
|
<button class="form-item--input" @click="chooseImage('jfr_idbfile')">营业执照/事业单位法人证书扫描件</button> |
|
|
|
<button class="form-item--input" @click="chooseImage('yyzz_idbfile')">营业执照/事业单位法人证书扫描件</button> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="image-list" v-if="fr_idbfile!=''"> |
|
|
|
@ -216,7 +216,16 @@ |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="form-item" v-else> |
|
|
|
<button class="form-item--input" @click="chooseImage('fr_idbfile')">法人身份证正反面扫描件(指纹或盖章)</button> |
|
|
|
<button class="form-item--input" @click="chooseImage('fr_idbfile')">法人身份证正面扫描件(指纹或盖章)</button> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="image-list" v-if="fr_idbfile2!=''"> |
|
|
|
<view class="image-preview" v-for="(image, imageIndex) in fr_idbfile2[0]"> |
|
|
|
<image class="image" mode="aspectFill" :src="image.path"></image> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="form-item" v-else> |
|
|
|
<button class="form-item--input" @click="chooseImage('fr_idbfile2')">法人身份证反面扫描件(指纹或盖章)</button> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="image-list" v-if="door_idbfile!=''"> |
|
|
|
@ -229,22 +238,33 @@ |
|
|
|
</view> |
|
|
|
<!-- 推荐中介服务机构 --> |
|
|
|
<view class="form-item"> |
|
|
|
<picker mode="selector" :range="industryList" range-key="name" :value="idIndex" |
|
|
|
@change="onChangeIndustry"> |
|
|
|
<text v-if="idIndex > -1">{{ industryList[idIndex].name }}</text> |
|
|
|
<picker mode="selector" :range="certiauditList" range-key="name" :value="idIndex2" |
|
|
|
@change="onChangeCertiaudit"> |
|
|
|
<text v-if="idIndex2 > -1">{{ certiauditList[idIndex2].name }}</text> |
|
|
|
<text v-else class="col-80">推荐中介服务机构</text> |
|
|
|
</picker> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="form-item"> |
|
|
|
<view class="title_left">身份</view> |
|
|
|
<u-checkbox class="title_left_radio" v-model="buyer_identity">买方</u-checkbox> |
|
|
|
<u-checkbox class="title_left_radio" v-model="seller_identity">卖方</u-checkbox> |
|
|
|
<u-checkbox class="title_left_radio" v-model="agency_identity">中介服务机构</u-checkbox> |
|
|
|
<u-checkbox v-for="item in identityList" class="title_left_radio" v-model="item.checked" @change="onCalculateAmount"> |
|
|
|
{{item.saleType}} |
|
|
|
</u-checkbox> |
|
|
|
</view> |
|
|
|
<view class="form-item box05" v-if="box05"> |
|
|
|
<div id="tags01"> |
|
|
|
<div :class="{ 'current01' : current_show === 1 }" @click="toggleDiv(1)">法务</div> |
|
|
|
<div :class="{ 'current01' : current_show === 2 }" @click="toggleDiv(2)">技术</div> |
|
|
|
<div :class="{ 'current01' : current_show === 3 }" @click="toggleDiv(3)">估价</div> |
|
|
|
<div class="tags01_wh" :class="{ 'current01' : current_show === 4 }" @click="toggleDiv(4)">文化数据经纪商</div> |
|
|
|
<div :class="{ 'current01' : current_show === 5 }" @click="toggleDiv(5)">其他</div> |
|
|
|
</div> |
|
|
|
<p id="PersonType" style="display: none;color:#a94442;margin:10px 0 0 292px;">需选择一个类型</p> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="form-item"> |
|
|
|
<view class="u-form-item--left">认证费用</view> |
|
|
|
<view class="u-form-item--left title_left">认证费用</view> |
|
|
|
<view>¥{{amount}}</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 隐私政策等 --> |
|
|
|
@ -276,16 +296,19 @@ |
|
|
|
import * as cityjson from 'utils/json/city.json' |
|
|
|
import region from 'utils/json/pca.json'; |
|
|
|
import UCheckbox from "../../../uview-ui/components/u-checkbox/u-checkbox"; |
|
|
|
import UCheckboxGroup from "../../../uview-ui/components/u-checkbox-group/u-checkbox-group"; |
|
|
|
|
|
|
|
// |
|
|
|
//const citydata = cityjson |
|
|
|
|
|
|
|
export default { |
|
|
|
components: {UCheckbox}, |
|
|
|
components: {UCheckboxGroup, UCheckbox}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
// 机构名称 |
|
|
|
// 机构简介 |
|
|
|
desc: "", |
|
|
|
// 成立日期 |
|
|
|
establishDate: '', |
|
|
|
// 法人名称 |
|
|
|
legalsName: "", |
|
|
|
// 法人证件类型 |
|
|
|
@ -322,19 +345,33 @@ |
|
|
|
dbsqfile:"", |
|
|
|
//机构名称 |
|
|
|
name:"", |
|
|
|
// 经办人 |
|
|
|
managerName: "", |
|
|
|
// 经办人身份证号 |
|
|
|
managerIdnum: "", |
|
|
|
//经办人授权委托书 |
|
|
|
jfr_entfile:[], |
|
|
|
// 经办人身份证 |
|
|
|
jfr_idafile:[], |
|
|
|
jfr_idbfile:[], |
|
|
|
// 法人身份证正反 |
|
|
|
fr_idbfile:[], |
|
|
|
fr_idbfile2:[], |
|
|
|
// 门头照 |
|
|
|
door_idbfile:[], |
|
|
|
// 营业执照 |
|
|
|
yyzz_idbfile:[], |
|
|
|
// 行业id |
|
|
|
industryType:0, |
|
|
|
// 行业列表 |
|
|
|
industryList: [], |
|
|
|
// 选择的物流公司索引 |
|
|
|
// 选择的中介服务机构 |
|
|
|
idIndex: -1, |
|
|
|
// islicode |
|
|
|
islicode: '', |
|
|
|
// 中介服务机构列表 |
|
|
|
certiauditList: [], |
|
|
|
idIndex2: -1, |
|
|
|
// 城市列表 |
|
|
|
citydata:[], |
|
|
|
// 城市索引 |
|
|
|
@ -361,17 +398,26 @@ |
|
|
|
oldRegion: region, |
|
|
|
// 隐私政策 |
|
|
|
isTick: false, |
|
|
|
buyer_identity: false, |
|
|
|
seller_identity: false, |
|
|
|
agency_identity: false, |
|
|
|
// 买方 |
|
|
|
selectedIdentity: [], |
|
|
|
// 协议 |
|
|
|
new_privacy_pers: false, |
|
|
|
new_user_pers: false, |
|
|
|
new_exceptions_pers: false, |
|
|
|
// 身份费用列表 |
|
|
|
identityList: [], |
|
|
|
// 金额 |
|
|
|
amount:0, |
|
|
|
// |
|
|
|
box05: false, |
|
|
|
current_show: 1, |
|
|
|
} |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
// 页面初始化 |
|
|
|
this.getIndustList() |
|
|
|
this.getCertiauditList() |
|
|
|
this.getSelectCertificationFee() |
|
|
|
// |
|
|
|
//this.citydata = cityjson |
|
|
|
}, |
|
|
|
@ -489,15 +535,74 @@ |
|
|
|
.catch(reject) |
|
|
|
}) |
|
|
|
}, |
|
|
|
// 机构列表 |
|
|
|
getCertiauditList(){ |
|
|
|
const app = this |
|
|
|
return new Promise((resolve, reject) => { |
|
|
|
VerifyApi.getCertiaudit() |
|
|
|
.then(result => { |
|
|
|
app.certiauditList = result.data |
|
|
|
//app.expressList = result.data.list |
|
|
|
resolve() |
|
|
|
}) |
|
|
|
.catch(reject) |
|
|
|
}) |
|
|
|
}, |
|
|
|
|
|
|
|
// 选择物流公司 |
|
|
|
// 获取身份,认证费用 |
|
|
|
getSelectCertificationFee(){ |
|
|
|
const app = this |
|
|
|
return new Promise((resolve, reject) => { |
|
|
|
VerifyApi.getIdentity() |
|
|
|
.then(result => { |
|
|
|
let data = result.data |
|
|
|
//app.identityList = result.data |
|
|
|
for (let attr in data) { |
|
|
|
let value = data[attr] |
|
|
|
if (value.userType == '机构') { |
|
|
|
value.checked = false |
|
|
|
app.identityList.push(value) |
|
|
|
} |
|
|
|
} |
|
|
|
resolve() |
|
|
|
}) |
|
|
|
.catch(reject) |
|
|
|
}) |
|
|
|
}, |
|
|
|
// 计算认证费用 |
|
|
|
onCalculateAmount(){ |
|
|
|
const app = this; |
|
|
|
app.amount = 0; |
|
|
|
let identityList2 = app.identityList |
|
|
|
for (let attr in identityList2) { |
|
|
|
let data2 = identityList2[attr] |
|
|
|
if (data2.checked) { |
|
|
|
app.amount += data2.fee * 1 |
|
|
|
if (data2.saleType == '中介服务机构') { |
|
|
|
app.box05 = true; |
|
|
|
} else { |
|
|
|
app.box05 = false; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
// 显示蓝色 |
|
|
|
toggleDiv(index) |
|
|
|
{ |
|
|
|
this.current_show = index |
|
|
|
}, |
|
|
|
// 选择行业类别 |
|
|
|
onChangeIndustry(e) { |
|
|
|
console.log("e",e) |
|
|
|
const curIndex = e.detail.value |
|
|
|
this.idIndex = curIndex |
|
|
|
// console.log("curIndustry",this.industryList[curIndex]) |
|
|
|
this.industryType = this.industryList[curIndex].industryId |
|
|
|
// console.log(this.industryType) |
|
|
|
}, |
|
|
|
|
|
|
|
// 选择中介服务机构 |
|
|
|
onChangeCertiaudit(e) { |
|
|
|
const curIndex = e.detail.value |
|
|
|
this.idIndex2 = curIndex |
|
|
|
this.islicode = this.certiauditList[curIndex].islicode |
|
|
|
}, |
|
|
|
|
|
|
|
// +++++++++++++++++++++++++++ |
|
|
|
@ -672,10 +777,32 @@ |
|
|
|
}, |
|
|
|
handleSubmit() { |
|
|
|
|
|
|
|
let institutionsdata = { |
|
|
|
const app = this |
|
|
|
// if (!app.isTick) { |
|
|
|
// alert('请勾选《交易主体进场协议》和《文化数据交易委托协议》和《临时业务机构委托协议》') |
|
|
|
// } |
|
|
|
|
|
|
|
console.log(app.$data) |
|
|
|
// 提交数据 |
|
|
|
let institutionsdata = { |
|
|
|
name: app.name, |
|
|
|
avatar: '', |
|
|
|
industrytype: app.industryType, |
|
|
|
regionprovince: app.industryType, |
|
|
|
}; |
|
|
|
|
|
|
|
// 10 = 法人 20 = 经办人 |
|
|
|
if (app.sfval == 20) { |
|
|
|
institutionsdata.managerPath = app.jfr_entfile[0]; |
|
|
|
institutionsdata.managerScanPath1 = app.jfr_idafile[0]; |
|
|
|
institutionsdata.managerScanPath2 = app.jfr_idbfile[0]; |
|
|
|
institutionsdata.managerName = app.managerName; |
|
|
|
institutionsdata.managerIdnum = app.managerIdnum; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
console.log(institutionsdata) |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
@ -906,6 +1033,30 @@ |
|
|
|
} |
|
|
|
.title_radio .title_left_radio.last-child { |
|
|
|
margin-right: 0; |
|
|
|
} |
|
|
|
#tags01 { |
|
|
|
display: flex; |
|
|
|
flex-wrap: wrap; |
|
|
|
} |
|
|
|
.box05 { |
|
|
|
padding-top: 0rpx; |
|
|
|
} |
|
|
|
.box05 #tags01 div { |
|
|
|
font-size: 20rpx; |
|
|
|
width: 100rpx; |
|
|
|
height: 30rpx; |
|
|
|
border-radius: 5rpx; |
|
|
|
border: 1rpx solid #DDDDDD; |
|
|
|
cursor: pointer; |
|
|
|
padding: 5rpx 15rpx; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
.box05 #tags01 .tags01_wh { |
|
|
|
width: 140rpx!important; |
|
|
|
} |
|
|
|
.box05 #tags01 .current01{ |
|
|
|
background: #5B93FF; |
|
|
|
color: #FFFFFF; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|