ltlzx
/
wenhuayun_index
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

更新

master
ltlzx 4 years ago
parent
d50102a192
commit
2f72eb2e2b
8 changed files with 566 additions and 420 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. BIN
      src/assets/img/examine_img.png
  2. 20
      src/components/common/Header.vue
  3. 14
      src/components/page/AssetDetails.vue
  4. 5
      src/components/page/ClassificationDetails.vue
  5. 2
      src/components/page/Hoster/myOrder.vue
  6. 339
      src/components/page/Purchaser/wkPurchaser.vue
  7. 302
      src/components/page/Purchaser/wkThird.vue
  8. 304
      src/components/page/Purchaser/wkTrusteeship.vue

BIN
src/assets/img/examine_img.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.5 KiB

20
src/components/common/Header.vue
View File

@ -78,27 +78,35 @@ export default {
}, },
methods:{ methods:{
isOpenAccount(){ isOpenAccount(){
let data={user_id:9} // let data={user_id:9}
// let data={user_id:3} let data={user_id:8}
isOpenAccount(data).then(res => { isOpenAccount(data).then(res => {
console.info(res) console.info(res)
this.examine_data=res.data this.examine_data=res.data
if(res.data.is_buyer>0 &&res.data.buyer_status>0){ let index;
for(let i=0; i<this.sidebarList.length;i++){
if (this.activeClass==this.sidebarList[i].url) {
index=i
}
}
if(res.data.is_buyer>0 &&res.data.buyer_status==1){
this.sidebarList[0].url='/Purchaser' this.sidebarList[0].url='/Purchaser'
}else{ }else{
this.sidebarList[0].url='/wkPurchaser' this.sidebarList[0].url='/wkPurchaser'
} }
if(res.data.is_enter_shop>0 &&res.data.enter_shop_status>0){ if(res.data.is_enter_shop>0 &&res.data.enter_shop_status==1){
this.sidebarList[1].url='/Hoster' this.sidebarList[1].url='/Hoster'
}else{ }else{
this.sidebarList[1].url='/wkTrusteeship' this.sidebarList[1].url='/wkTrusteeship'
} }
if(res.data.is_third_party>0 &&res.data.third_party_status>0){ if(res.data.is_third_party>0 &&res.data.third_party_status==1){
this.sidebarList[2].url='/Purchaser' this.sidebarList[2].url='/Purchaser'
}else{ }else{
this.sidebarList[2].url='/wkThird' this.sidebarList[2].url='/wkThird'
} }
if (this.activeClass!=this.sidebarList[index].url) {
this.goPage(this.sidebarList[index].url)
}
}); });
}, },
submitForm(){ submitForm(){

14
src/components/page/AssetDetails.vue
View File

@ -42,6 +42,7 @@
<p class="asset_info_p1">浏览记录 {{listingList.views}}次</p> <p class="asset_info_p1">浏览记录 {{listingList.views}}次</p>
<div class="asset_info_button"> <div class="asset_info_button">
<button class="purchase" @click="checkBuy">立即购买</button> <button class="purchase" @click="checkBuy">立即购买</button>
<button class="assessment" >资产评估</button>
<button class="collection" v-if="!listingList.is_collect" @click="collectAsset">放入收藏</button> <button class="collection" v-if="!listingList.is_collect" @click="collectAsset">放入收藏</button>
<button class="collection" v-else @click="cancelCollectAsset">取消收藏</button> <button class="collection" v-else @click="cancelCollectAsset">取消收藏</button>
</div> </div>
@ -52,8 +53,8 @@
<div class="asset1_title"> <div class="asset1_title">
<div class="asset1_title_item">标的物介绍</div> <div class="asset1_title_item">标的物介绍</div>
<div class="asset1_title_item">资产评估报告</div> <div class="asset1_title_item">资产评估报告</div>
<div class="asset1_title_item">购买须知</div> <!-- <div class="asset1_title_item">购买须知</div>
<div class="asset1_title_item">历史评价</div> <div class="asset1_title_item">历史评价</div> -->
</div> </div>
<div class="asset1_content">{{listingList.serial_content}}</div> <div class="asset1_content">{{listingList.serial_content}}</div>
</div> </div>
@ -131,6 +132,13 @@ export default {
} }
</script> </script>
<style scoped> <style scoped>
.assessment{
background: #D0A6A5;
font-size: 16px;
color: #89201F;
border: 1px solid #89201F;
}
.asset{ .asset{
width: 100%; width: 100%;
border: 1px solid #CCCCCC; border: 1px solid #CCCCCC;
@ -218,7 +226,7 @@ export default {
margin-top: 53px; margin-top: 53px;
} }
.asset_info_button button{ .asset_info_button button{
width: 240px; width: 150px;
height: 100%; height: 100%;
border-radius: 2px; border-radius: 2px;
font-size: 16px; font-size: 16px;

5
src/components/page/ClassificationDetails.vue
View File

@ -63,7 +63,7 @@
<span>资产状态</span> <span>资产状态</span>
</div> </div>
<div class="seach_right"> <div class="seach_right">
<el-radio-group v-model="query.radio1" class="seach_group" @change="changeDate(3)"> <el-radio-group v-model="query.radio3" class="seach_group" @change="changeDate(3)">
<el-radio-button :label="0" >不限</el-radio-button> <el-radio-button :label="0" >不限</el-radio-button>
<el-radio-button :label="1">挂牌中</el-radio-button> <el-radio-button :label="1">挂牌中</el-radio-button>
<el-radio-button :label="2">交易中</el-radio-button> <el-radio-button :label="2">交易中</el-radio-button>
@ -172,7 +172,8 @@ export default {
radio2:0, radio2:0,
select:0, select:0,
value3:'', value3:'',
input4:'' input4:'',
radio3:''
}, },
pageTotal:0, pageTotal:0,
listingList:[], listingList:[],

2
src/components/page/Hoster/myOrder.vue
View File

@ -129,7 +129,7 @@ export default {
headerList:[ headerList:[
{name:'全部订单',type:''}, {name:'全部订单',type:''},
{name:'代付款',type:1}, {name:'待付款',type:1},
{name:'待签约',type:2}, {name:'待签约',type:2},
{name:'待交付',type:3}, {name:'待交付',type:3},
{name:'已完成',type:4}, {name:'已完成',type:4},

339
src/components/page/Purchaser/wkPurchaser.vue
View File

@ -1,135 +1,158 @@
<template> <template>
<div class="body"> <div class="body">
<p class="title">购买方开户信息完善</p> <template v-if="check_status==-1">
<p class="title_info">用户在购买资产前需先进行开户信息审核，待审核通过后方能进行购买。（个人用户目前仅支持人才产权交易，如需交易有形实物资产或无形实物资产请注册机构用户！）</p> <p class="title">摘牌方开户信息完善</p>
<div class="subject"> <p class="title_info">用户在购买资产前需先进行开户信息审核，待审核通过后方能进行购买。（个人用户目前仅支持人才产权交易，如需交易有形实物资产或无形实物资产请注册机构用户！）</p>
<span>账户主体：</span> <div class="subject">
<el-radio-group v-model="ruleForm.account_type" :disabled="disabled" @change="changeRadio"> <span>账户主体：</span>
<el-radio :label="1">机构</el-radio> <el-radio-group v-model="ruleForm.account_type" @change="changeRadio">
<el-radio :label="2">个人</el-radio> <el-radio :label="1">机构</el-radio>
</el-radio-group> <!-- <el-radio :label="2">个人</el-radio> -->
</div> </el-radio-group>
<div class="table"> </div>
<div class="table_left"> <div class="table">
<p class="table_title">请如实上传以下资料：</p> <div class="table_left">
<div class="table_content"> <p class="table_title">请如实上传以下资料：</p>
<div class="table_content_item" v-for="(item,index) in upList" :key="index"> <div class="table_content">
<span>{{item.name}}</span> <div class="table_content_item" v-for="(item,index) in upList" :key="index">
<div class="table_content_item_upload"> <span>{{item.name}}</span>
<el-upload <div class="table_content_item_upload">
class="upload-demo" <el-upload
:action="action" class="upload-demo"
:on-change="fileChange" :action="action"
:show-file-list="false" :on-change="fileChange"
:on-error="handleAvatarError" :show-file-list="false"
list-type="picture" :on-error="handleAvatarError"
:on-success="(res,file)=>{handleAvatarSuccess(res,file,index,item.key)}" list-type="picture"
> :on-success="(res,file)=>{handleAvatarSuccess(res,file,index,item.key)}"
<span class="upload_span">上传</span> >
</el-upload> <span class="upload_span">上传</span>
<span class="el-icon-success" v-if="item.type==1"></span> </el-upload>
<span class="el-icon-success" v-if="item.type==1"></span>
</div>
</div> </div>
</div> </div>
</div>
<p class="table_title">请确认并完善以下信息：</p> <p class="table_title">请确认并完善以下信息：</p>
<div class="table_content"> <div class="table_content">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm1" label-width="200px" class="ruleForm" label-position="left"> <el-form :model="ruleForm" :rules="rules" ref="ruleForm1" label-width="200px" class="ruleForm" label-position="left">
<template v-if="ruleForm.account_type==1"> <template v-if="ruleForm.account_type==1">
<el-form-item label="机构名称" prop="firm_name" > <el-form-item label="机构名称" prop="firm_name" >
<el-input v-model="ruleForm.firm_name" placeholder="请输入"></el-input> <el-input v-model="ruleForm.firm_name" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="统一社会信用代码" prop="credit_code" > <el-form-item label="统一社会信用代码" prop="credit_code" >
<el-input v-model="ruleForm.credit_code" placeholder="请输入"></el-input> <el-input v-model="ruleForm.credit_code" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="主体类型" prop="main_type" > <el-form-item label="主体类型" prop="main_type" >
<el-input v-model="ruleForm.main_type" placeholder="请输入"></el-input> <el-input v-model="ruleForm.main_type" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="注册资本" prop="reg_money" > <el-form-item label="注册资本" prop="reg_money" >
<el-input v-model="ruleForm.reg_money" placeholder="请输入"></el-input> <el-input v-model="ruleForm.reg_money" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="法定代表人" prop="legal_name" > <el-form-item label="法定代表人" prop="legal_name" >
<el-input v-model="ruleForm.legal_name" placeholder="请输入"></el-input> <el-input v-model="ruleForm.legal_name" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="住所" prop="domicile" > <el-form-item label="住所" prop="domicile" >
<el-input v-model="ruleForm.domicile" placeholder="请输入"></el-input> <el-input v-model="ruleForm.domicile" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="成立日期" prop="establish_time" > <el-form-item label="成立日期" prop="establish_time" >
<el-date-picker <el-date-picker
v-model="ruleForm.establish_time" v-model="ruleForm.establish_time"
type="date" type="date"
value-format="timestamp" value-format="timestamp"
placeholder="选择成立日期"> placeholder="选择成立日期">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="收货地址" prop="address" > <el-form-item label="收货地址" prop="address" >
<el-input v-model="ruleForm.address" placeholder="请输入"></el-input> <el-input v-model="ruleForm.address" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="收货联系人" prop="uname" > <el-form-item label="收货联系人" prop="uname" >
<el-input v-model="ruleForm.uname" placeholder="请输入"></el-input> <el-input v-model="ruleForm.uname" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="收货联系电话" prop="phone" > <el-form-item label="收货联系电话" prop="phone" >
<el-input v-model.number="ruleForm.phone" placeholder="请输入"></el-input> <el-input v-model.number="ruleForm.phone" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
</template> </template>
<template v-else> <template v-else>
<el-form-item label="姓名" prop="username" > <el-form-item label="姓名" prop="username" >
<el-input v-model="ruleForm.username" placeholder="请输入"></el-input> <el-input v-model="ruleForm.username" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="身份证号码" prop="id_card" > <el-form-item label="身份证号码" prop="id_card" >
<el-input v-model="ruleForm.id_card" placeholder="请输入"></el-input> <el-input v-model="ruleForm.id_card" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="手机号码" prop="userphone" > <el-form-item label="手机号码" prop="userphone" >
<el-input v-model.number="ruleForm.userphone" placeholder="请输入"></el-input> <el-input v-model.number="ruleForm.userphone" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="开户行名称" prop="bank_name" > <el-form-item label="开户行名称" prop="bank_name" >
<el-input v-model="ruleForm.bank_name" placeholder="请输入"></el-input> <el-input v-model="ruleForm.bank_name" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="银行卡号" prop="id_bank" > <el-form-item label="银行卡号" prop="id_bank" >
<el-input v-model.number="ruleForm.id_bank" placeholder="请输入"></el-input> <el-input v-model.number="ruleForm.id_bank" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="收货地址" prop="address" > <el-form-item label="收货地址" prop="address" >
<el-input v-model="ruleForm.address" placeholder="请输入"></el-input> <el-input v-model="ruleForm.address" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="收货联系人" prop="uname" > <el-form-item label="收货联系人" prop="uname" >
<el-input v-model="ruleForm.uname" placeholder="请输入"></el-input> <el-input v-model="ruleForm.uname" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="收货联系电话" prop="phone" > <el-form-item label="收货联系电话" prop="phone" >
<el-input v-model.number="ruleForm.phone" placeholder="请输入"></el-input> <el-input v-model.number="ruleForm.phone" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
</template> </template>
</el-form> </el-form>
</div>
</div> </div>
</div>
<div class="table_right"> <div class="table_right">
<p class="table_title">已上传资料：</p> <p class="table_title">已上传资料：</p>
<div class="table_right_content"> <div class="table_right_content">
<div v-for="(item,index) in upList" :key="index" > <div v-for="(item,index) in upList" :key="index" >
<template v-if="item.key=='else_file' && item.type==1"> <template v-if="item.key=='else_file' && item.type==1">
<div class="table_right_item" v-for="(item1,index1) in item.url" :key="index1" > <div class="table_right_item" v-for="(item1,index1) in item.url" :key="index1" >
<span @click="onPreview([item.url[index1]])">{{item.name}}<span v-if="index1!=0">{{index1}}</span></span> <span @click="onPreview([item.url[index1]])">{{item.name}}<span v-if="index1!=0">{{index1}}</span></span>
<i class="el-icon-close" @click="deleteUrl(item,index,index1)"></i> <i class="el-icon-close" @click="deleteUrl(item,index,index1)"></i>
</div> </div>
</template> </template>
<template v-else> <template v-else>
<div class="table_right_item" v-if="item.type==1" > <div class="table_right_item" v-if="item.type==1" >
<span @click="onPreview([item.url])">{{item.name}}</span> <span @click="onPreview([item.url])">{{item.name}}</span>
<i class="el-icon-close" @click="deleteUrl(item,index)"></i> <i class="el-icon-close" @click="deleteUrl(item,index)"></i>
</div> </div>
</template> </template>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> <div class="footer">
<div class="footer"> <button class="submit" @click="submit">提交资料</button>
<button class="submit" @click="submit">提交资料</button> <div>
<div> <el-checkbox v-model="checked" :true-label=1 :false-label=2></el-checkbox>
<el-checkbox v-model="checked" :true-label=1 :false-label=2></el-checkbox> <span class="footer_span">已阅读并同意</span>
<span class="footer_span">已阅读并同意</span> <span class="footer_span1">《开户申请书与承诺书》</span>
<span class="footer_span1">《开户申请书与承诺书》</span> </div>
</div>
</template>
<template v-else>
<p class="title">摘牌方开户信息完善</p>
<p class="title_info">用户在购买资产前需先进行开户信息审核，待审核通过后方能进行购买。（目前仅支持机构注册用户进行资产交易！）</p>
<div class="examine_content">
<img src="../../../assets/img/examine_img.png" alt="" class="examine_img">
<p class="examine_tips">
<template v-if="check_status==0">
<span >资料已经提交，请耐心等待审核</span>
</template>
<template v-else-if="check_status==2">
<span >审核失败！请重新提交资料</span>
<span class="examine_tips_span" @click="checkStatus">重新提交</span>
</template>
</p>
<div class="error_msg" v-if="check_status==2">
<p>失败原因：</p>
<p v-html="ruleForm.check_message"></p>
</div>
</div> </div>
</div> </template>
<el-image-viewer <el-image-viewer
v-if="showViewer" v-if="showViewer"
:on-close="closeViewer" :on-close="closeViewer"
@ -145,6 +168,7 @@ export default {
return{ return{
subject:1, subject:1,
checked:1, checked:1,
check_status:'',
disabled:false, disabled:false,
showViewer:false, showViewer:false,
host:'http://wenhua.xingtongworld.com', host:'http://wenhua.xingtongworld.com',
@ -190,6 +214,7 @@ export default {
address: '', address: '',
uname: '', uname: '',
phone: '', phone: '',
check_message:''
}, },
rules: { rules: {
firm_name: [ firm_name: [
@ -247,6 +272,9 @@ export default {
this.getAccountInfo() this.getAccountInfo()
}, },
methods:{ methods:{
checkStatus(){
this.check_status=-1
},
onPreview(img) { onPreview(img) {
this.img_url = img this.img_url = img
this.showViewer = true this.showViewer = true
@ -262,24 +290,28 @@ export default {
} }
getAccountInfo(data).then(res => { getAccountInfo(data).then(res => {
console.info(res) console.info(res)
if(res.data!=null){ if (res.code==100) {
this.disabled=true this.check_status=res.data.check_status
this.changeRadio(res.data.account_type) if(res.data!=null){
res.data.establish_time=res.data.establish_time*1000 this.disabled=true
// res.data.else_file=JSON.parse(res.data.else_file) // this.changeRadio(res.data.account_type)
for(let key in res.data){ res.data.establish_time=res.data.establish_time*1000
for(let item in this.ruleForm){ res.data.check_message = res.data.check_message.replace(/\n/gm, "<br/>")
if(key==item){ // res.data.else_file=JSON.parse(res.data.else_file)
this.ruleForm[item]=res.data[key] for(let key in res.data){
continue; for(let item in this.ruleForm){
if(key==item){
this.ruleForm[item]=res.data[key]
continue;
}
} }
this.upList.forEach((v,i)=>{
if(key==v.key){
v.type=1;
v.url=res.data[key]
}
})
} }
this.upList.forEach((v,i)=>{
if(key==v.key){
v.type=1;
v.url=res.data[key]
}
})
} }
} }
}); });
@ -339,6 +371,7 @@ export default {
this.$message.error(res.msg); this.$message.error(res.msg);
}else{ }else{
this.$message.success('上传资料成功！请等待审核~'); this.$message.success('上传资料成功！请等待审核~');
this.check_status=0;
this.disabled=true this.disabled=true
} }
this.ruleForm.establish_time=this.ruleForm.establish_time*1000 this.ruleForm.establish_time=this.ruleForm.establish_time*1000
@ -384,6 +417,38 @@ export default {
} }
</script> </script>
<style scoped> <style scoped>
.examine_img{
width: 144px;
height: 129px;
}
.error_msg{
margin-top: 60px;
text-align: left;
}
.error_msg> p{
color: #555555;
font-size: 14px;
margin-bottom: 10px;
}
.examine_tips_span{
display: inline-block;
color: #C94C4C;
text-decoration: underline;
margin-left: 10px;
cursor: pointer;
}
.examine_tips{
margin-top: 20px;
}
.examine_content{
width: 100%;
text-align: center;
padding-top: 40px;
color: #C3CBD6;
font-size: 14px;
height: 700px;
box-sizing: border-box;
}
.body{ .body{
margin-top: 20px; margin-top: 20px;
} }

302
src/components/page/Purchaser/wkThird.vue
View File

@ -1,134 +1,156 @@
<template> <template>
<div class="body"> <div class="body">
<p class="title">第三方服务机构开户信息完善</p> <template v-if="check_status==-1">
<p class="title_info">第三方服务机构开户用于服务平台中资产托管时的资产价格评估或资产价值评估，需有相关资质机构方能注册成功。</p> <p class="title">第三方服务机构开户信息完善</p>
<div class="subject"> <p class="title_info">第三方服务机构开户用于服务平台中资产托管时的资产价格评估或资产价值评估，需有相关资质机构方能注册成功。</p>
<span>账户主体：</span> <div class="subject">
<el-radio-group v-model="ruleForm.account_type" :disabled="disabled" @change="changeRadio"> <span>账户主体：</span>
<el-radio :label="1">机构</el-radio> <el-radio-group v-model="ruleForm.account_type" :disabled="disabled" @change="changeRadio">
</el-radio-group> <el-radio :label="1">机构</el-radio>
</div> </el-radio-group>
<div class="table"> </div>
<div class="table_left"> <div class="table">
<p class="table_title">请如实上传以下资料：</p> <div class="table_left">
<div class="table_content"> <p class="table_title">请如实上传以下资料：</p>
<div class="table_content_item" v-for="(item,index) in upList" :key="index"> <div class="table_content">
<span>{{item.name}}</span> <div class="table_content_item" v-for="(item,index) in upList" :key="index">
<div class="table_content_item_upload"> <span>{{item.name}}</span>
<el-upload <div class="table_content_item_upload">
class="upload-demo" <el-upload
:action="action" class="upload-demo"
:on-change="fileChange" :action="action"
:show-file-list="false" :on-change="fileChange"
:on-error="handleAvatarError" :show-file-list="false"
list-type="picture" :on-error="handleAvatarError"
:on-success="(res,file)=>{handleAvatarSuccess(res,file,index,item.key)}" list-type="picture"
> :on-success="(res,file)=>{handleAvatarSuccess(res,file,index,item.key)}"
<span class="upload_span">上传</span> >
</el-upload> <span class="upload_span">上传</span>
<span class="el-icon-success" v-if="item.type==1"></span> </el-upload>
<span class="el-icon-success" v-if="item.type==1"></span>
</div>
</div> </div>
</div> </div>
</div>
<p class="table_title">请确认并完善以下信息：</p> <p class="table_title">请确认并完善以下信息：</p>
<div class="table_content"> <div class="table_content">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm1" label-width="200px" class="ruleForm" label-position="left"> <el-form :model="ruleForm" :rules="rules" ref="ruleForm1" label-width="200px" class="ruleForm" label-position="left">
<template v-if="ruleForm.account_type==1"> <template v-if="ruleForm.account_type==1">
<el-form-item label="机构名称" prop="firm_name" > <el-form-item label="机构名称" prop="firm_name" >
<el-input v-model="ruleForm.firm_name" placeholder="请输入"></el-input> <el-input v-model="ruleForm.firm_name" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="统一社会信用代码" prop="credit_code" > <el-form-item label="统一社会信用代码" prop="credit_code" >
<el-input v-model="ruleForm.credit_code" placeholder="请输入"></el-input> <el-input v-model="ruleForm.credit_code" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="主体类型" prop="main_type" > <el-form-item label="主体类型" prop="main_type" >
<el-input v-model="ruleForm.main_type" placeholder="请输入"></el-input> <el-input v-model="ruleForm.main_type" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="注册资本" prop="reg_money" > <el-form-item label="注册资本" prop="reg_money" >
<el-input v-model="ruleForm.reg_money" placeholder="请输入"></el-input> <el-input v-model="ruleForm.reg_money" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="法定代表人" prop="legal_name" > <el-form-item label="法定代表人" prop="legal_name" >
<el-input v-model="ruleForm.legal_name" placeholder="请输入"></el-input> <el-input v-model="ruleForm.legal_name" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="住所" prop="domicile" > <el-form-item label="住所" prop="domicile" >
<el-input v-model="ruleForm.domicile" placeholder="请输入"></el-input> <el-input v-model="ruleForm.domicile" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="成立日期" prop="establish_time" > <el-form-item label="成立日期" prop="establish_time" >
<el-date-picker <el-date-picker
v-model="ruleForm.establish_time" v-model="ruleForm.establish_time"
type="date" type="date"
value-format="timestamp" value-format="timestamp"
placeholder="选择成立日期"> placeholder="选择成立日期">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="收货地址" prop="address" > <el-form-item label="收货地址" prop="address" >
<el-input v-model="ruleForm.address" placeholder="请输入"></el-input> <el-input v-model="ruleForm.address" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="收货联系人" prop="uname" > <el-form-item label="收货联系人" prop="uname" >
<el-input v-model="ruleForm.uname" placeholder="请输入"></el-input> <el-input v-model="ruleForm.uname" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="收货联系电话" prop="phone" > <el-form-item label="收货联系电话" prop="phone" >
<el-input v-model.number="ruleForm.phone" placeholder="请输入"></el-input> <el-input v-model.number="ruleForm.phone" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
</template> </template>
<template v-else> <template v-else>
<el-form-item label="姓名" prop="username" > <el-form-item label="姓名" prop="username" >
<el-input v-model="ruleForm.username" placeholder="请输入"></el-input> <el-input v-model="ruleForm.username" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="身份证号码" prop="id_card" > <el-form-item label="身份证号码" prop="id_card" >
<el-input v-model="ruleForm.id_card" placeholder="请输入"></el-input> <el-input v-model="ruleForm.id_card" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="手机号码" prop="userphone" > <el-form-item label="手机号码" prop="userphone" >
<el-input v-model.number="ruleForm.userphone" placeholder="请输入"></el-input> <el-input v-model.number="ruleForm.userphone" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="开户行名称" prop="bank_name" > <el-form-item label="开户行名称" prop="bank_name" >
<el-input v-model="ruleForm.bank_name" placeholder="请输入"></el-input> <el-input v-model="ruleForm.bank_name" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="银行卡号" prop="id_bank" > <el-form-item label="银行卡号" prop="id_bank" >
<el-input v-model.number="ruleForm.id_bank" placeholder="请输入"></el-input> <el-input v-model.number="ruleForm.id_bank" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="收货地址" prop="address" > <el-form-item label="收货地址" prop="address" >
<el-input v-model="ruleForm.address" placeholder="请输入"></el-input> <el-input v-model="ruleForm.address" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="收货联系人" prop="uname" > <el-form-item label="收货联系人" prop="uname" >
<el-input v-model="ruleForm.uname" placeholder="请输入"></el-input> <el-input v-model="ruleForm.uname" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="收货联系电话" prop="phone" > <el-form-item label="收货联系电话" prop="phone" >
<el-input v-model.number="ruleForm.phone" placeholder="请输入"></el-input> <el-input v-model.number="ruleForm.phone" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
</template> </template>
</el-form> </el-form>
</div>
</div> </div>
</div>
<div class="table_right"> <div class="table_right">
<p class="table_title">已上传资料：</p> <p class="table_title">已上传资料：</p>
<div class="table_right_content"> <div class="table_right_content">
<div v-for="(item,index) in upList" :key="index" > <div v-for="(item,index) in upList" :key="index" >
<template v-if="item.key=='else_file' && item.type==1"> <template v-if="item.key=='else_file' && item.type==1">
<div class="table_right_item" v-for="(item1,index1) in item.url" :key="index1" > <div class="table_right_item" v-for="(item1,index1) in item.url" :key="index1" >
<span @click="onPreview([item.url[index1]])">{{item.name}}<span v-if="index1!=0">{{index1}}</span></span> <span @click="onPreview([item.url[index1]])">{{item.name}}<span v-if="index1!=0">{{index1}}</span></span>
<i class="el-icon-close" @click="deleteUrl(item,index,index1)"></i> <i class="el-icon-close" @click="deleteUrl(item,index,index1)"></i>
</div> </div>
</template> </template>
<template v-else> <template v-else>
<div class="table_right_item" v-if="item.type==1" > <div class="table_right_item" v-if="item.type==1" >
<span @click="onPreview([item.url])">{{item.name}}</span> <span @click="onPreview([item.url])">{{item.name}}</span>
<i class="el-icon-close" @click="deleteUrl(item,index)"></i> <i class="el-icon-close" @click="deleteUrl(item,index)"></i>
</div> </div>
</template> </template>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> <div class="footer">
<div class="footer"> <button class="submit" @click="submit">提交资料</button>
<button class="submit" @click="submit">提交资料</button> <div>
<div> <el-checkbox v-model="checked" :true-label=1 :false-label=2></el-checkbox>
<el-checkbox v-model="checked" :true-label=1 :false-label=2></el-checkbox> <span class="footer_span">已阅读并同意</span>
<span class="footer_span">已阅读并同意</span> <span class="footer_span1">《开户申请书与承诺书》</span>
<span class="footer_span1">《开户申请书与承诺书》</span> </div>
</div>
</template>
<template v-else>
<p class="title">第三方服务机构开户信息完善</p>
<p class="title_info">第三方服务机构开户用于服务平台中资产托管时的资产价格评估或资产价值评估，需有相关资质机构方能注册成功。</p>
<div class="examine_content">
<img src="../../../assets/img/examine_img.png" alt="" class="examine_img">
<p class="examine_tips">
<template v-if="check_status==0">
<span >资料已经提交，请耐心等待审核</span>
</template>
<template v-else-if="check_status==2">
<span >审核失败！请重新提交资料</span>
<span class="examine_tips_span" @click="checkStatus">重新提交</span>
</template>
</p>
<div class="error_msg" v-if="check_status==2">
<p>失败原因：</p>
<p v-html="ruleForm.check_message"></p>
</div>
</div> </div>
</div> </template>
<el-image-viewer <el-image-viewer
v-if="showViewer" v-if="showViewer"
:on-close="closeViewer" :on-close="closeViewer"
@ -144,6 +166,7 @@ export default {
return{ return{
subject:1, subject:1,
checked:1, checked:1,
check_status:'',
disabled:false, disabled:false,
showViewer:false, showViewer:false,
host:'http://wenhua.xingtongworld.com', host:'http://wenhua.xingtongworld.com',
@ -189,6 +212,7 @@ export default {
address: '', address: '',
uname: '', uname: '',
phone: '', phone: '',
check_message:''
}, },
rules: { rules: {
firm_name: [ firm_name: [
@ -246,6 +270,9 @@ export default {
this.getAccountInfo() this.getAccountInfo()
}, },
methods:{ methods:{
checkStatus(){
this.check_status=-1
},
//获取资料信息 //获取资料信息
getAccountInfo(){ getAccountInfo(){
let data={ let data={
@ -253,23 +280,28 @@ export default {
} }
getAccountInfo(data).then(res => { getAccountInfo(data).then(res => {
console.info(res) console.info(res)
if(res.data!=null){ if (res.code==100) {
this.disabled=true this.check_status=res.data.check_status
this.changeRadio(res.data.account_type) if(res.data!=null){
res.data.establish_time=res.data.establish_time*1000 this.disabled=true
for(let key in res.data){ // this.changeRadio(res.data.account_type)
for(let item in this.ruleForm){ res.data.establish_time=res.data.establish_time*1000
if(key==item){ res.data.check_message = res.data.check_message.replace(/\n/gm, "<br/>")
this.ruleForm[item]=res.data[key] // res.data.else_file=JSON.parse(res.data.else_file)
continue; for(let key in res.data){
for(let item in this.ruleForm){
if(key==item){
this.ruleForm[item]=res.data[key]
continue;
}
} }
this.upList.forEach((v,i)=>{
if(key==v.key){
v.type=1;
v.url=res.data[key]
}
})
} }
this.upList.forEach((v,i)=>{
if(key==v.key){
v.type=1;
v.url=res.data[key]
}
})
} }
} }
}); });

304
src/components/page/Purchaser/wkTrusteeship.vue
View File

@ -1,135 +1,157 @@
<template> <template>
<div class="body"> <div class="body">
<p class="title">托管方开户信息完善</p> <template v-if="check_status==-1">
<p class="title_info">用户在托管资产前需先进行开户信息审核，待审核通过后方能进行托管。（个人用户目前仅支持人才产权交易，如需交易有形实物资产或无形实物资产请注册机构用户！）</p> <p class="title">挂牌方开户信息完善</p>
<div class="subject"> <p class="title_info">用户在托管资产前需先进行开户信息审核，待审核通过后方能进行托管。（个人用户目前仅支持人才产权交易，如需交易有形实物资产或无形实物资产请注册机构用户！）</p>
<span>账户主体：</span> <div class="subject">
<el-radio-group v-model="ruleForm.account_type" :disabled="disabled" @change="changeRadio"> <span>账户主体：</span>
<el-radio :label="1">机构</el-radio> <el-radio-group v-model="ruleForm.account_type" :disabled="disabled" @change="changeRadio">
<el-radio :label="2">个人</el-radio> <el-radio :label="1">机构</el-radio>
</el-radio-group> <el-radio :label="2">个人</el-radio>
</div> </el-radio-group>
<div class="table"> </div>
<div class="table_left"> <div class="table">
<p class="table_title">请如实上传以下资料：</p> <div class="table_left">
<div class="table_content"> <p class="table_title">请如实上传以下资料：</p>
<div class="table_content_item" v-for="(item,index) in upList" :key="index"> <div class="table_content">
<span>{{item.name}}</span> <div class="table_content_item" v-for="(item,index) in upList" :key="index">
<div class="table_content_item_upload"> <span>{{item.name}}</span>
<el-upload <div class="table_content_item_upload">
class="upload-demo" <el-upload
:action="action" class="upload-demo"
:on-change="fileChange" :action="action"
:show-file-list="false" :on-change="fileChange"
:on-error="handleAvatarError" :show-file-list="false"
list-type="picture" :on-error="handleAvatarError"
:on-success="(res,file)=>{handleAvatarSuccess(res,file,index,item.key)}" list-type="picture"
> :on-success="(res,file)=>{handleAvatarSuccess(res,file,index,item.key)}"
<span class="upload_span">上传</span> >
</el-upload> <span class="upload_span">上传</span>
<span class="el-icon-success" v-if="item.type==1"></span> </el-upload>
<span class="el-icon-success" v-if="item.type==1"></span>
</div>
</div> </div>
</div> </div>
</div>
<p class="table_title">请确认并完善以下信息：</p> <p class="table_title">请确认并完善以下信息：</p>
<div class="table_content"> <div class="table_content">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm1" label-width="200px" class="ruleForm" label-position="left"> <el-form :model="ruleForm" :rules="rules" ref="ruleForm1" label-width="200px" class="ruleForm" label-position="left">
<template v-if="ruleForm.account_type==1"> <template v-if="ruleForm.account_type==1">
<el-form-item label="机构名称" prop="firm_name" > <el-form-item label="机构名称" prop="firm_name" >
<el-input v-model="ruleForm.firm_name" placeholder="请输入"></el-input> <el-input v-model="ruleForm.firm_name" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="统一社会信用代码" prop="credit_code" > <el-form-item label="统一社会信用代码" prop="credit_code" >
<el-input v-model="ruleForm.credit_code" placeholder="请输入"></el-input> <el-input v-model="ruleForm.credit_code" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="主体类型" prop="main_type" > <el-form-item label="主体类型" prop="main_type" >
<el-input v-model="ruleForm.main_type" placeholder="请输入"></el-input> <el-input v-model="ruleForm.main_type" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="注册资本" prop="reg_money" > <el-form-item label="注册资本" prop="reg_money" >
<el-input v-model="ruleForm.reg_money" placeholder="请输入"></el-input> <el-input v-model="ruleForm.reg_money" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="法定代表人" prop="legal_name" > <el-form-item label="法定代表人" prop="legal_name" >
<el-input v-model="ruleForm.legal_name" placeholder="请输入"></el-input> <el-input v-model="ruleForm.legal_name" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="住所" prop="domicile" > <el-form-item label="住所" prop="domicile" >
<el-input v-model="ruleForm.domicile" placeholder="请输入"></el-input> <el-input v-model="ruleForm.domicile" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="成立日期" prop="establish_time" > <el-form-item label="成立日期" prop="establish_time" >
<el-date-picker <el-date-picker
v-model="ruleForm.establish_time" v-model="ruleForm.establish_time"
type="date" type="date"
value-format="timestamp" value-format="timestamp"
placeholder="选择成立日期"> placeholder="选择成立日期">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="收货地址" prop="address" > <el-form-item label="收货地址" prop="address" >
<el-input v-model="ruleForm.address" placeholder="请输入"></el-input> <el-input v-model="ruleForm.address" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="收货联系人" prop="uname" > <el-form-item label="收货联系人" prop="uname" >
<el-input v-model="ruleForm.uname" placeholder="请输入"></el-input> <el-input v-model="ruleForm.uname" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="收货联系电话" prop="phone" > <el-form-item label="收货联系电话" prop="phone" >
<el-input v-model.number="ruleForm.phone" placeholder="请输入"></el-input> <el-input v-model.number="ruleForm.phone" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
</template> </template>
<template v-else> <template v-else>
<el-form-item label="姓名" prop="username" > <el-form-item label="姓名" prop="username" >
<el-input v-model="ruleForm.username" placeholder="请输入"></el-input> <el-input v-model="ruleForm.username" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="身份证号码" prop="id_card" > <el-form-item label="身份证号码" prop="id_card" >
<el-input v-model="ruleForm.id_card" placeholder="请输入"></el-input> <el-input v-model="ruleForm.id_card" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="手机号码" prop="userphone" > <el-form-item label="手机号码" prop="userphone" >
<el-input v-model.number="ruleForm.userphone" placeholder="请输入"></el-input> <el-input v-model.number="ruleForm.userphone" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="开户行名称" prop="bank_name" > <el-form-item label="开户行名称" prop="bank_name" >
<el-input v-model="ruleForm.bank_name" placeholder="请输入"></el-input> <el-input v-model="ruleForm.bank_name" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="银行卡号" prop="id_bank" > <el-form-item label="银行卡号" prop="id_bank" >
<el-input v-model.number="ruleForm.id_bank" placeholder="请输入"></el-input> <el-input v-model.number="ruleForm.id_bank" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="收货地址" prop="address" > <el-form-item label="收货地址" prop="address" >
<el-input v-model="ruleForm.address" placeholder="请输入"></el-input> <el-input v-model="ruleForm.address" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="收货联系人" prop="uname" > <el-form-item label="收货联系人" prop="uname" >
<el-input v-model="ruleForm.uname" placeholder="请输入"></el-input> <el-input v-model="ruleForm.uname" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="收货联系电话" prop="phone" > <el-form-item label="收货联系电话" prop="phone" >
<el-input v-model.number="ruleForm.phone" placeholder="请输入"></el-input> <el-input v-model.number="ruleForm.phone" placeholder="请输入"></el-input>
</el-form-item> </el-form-item>
</template> </template>
</el-form> </el-form>
</div>
</div> </div>
</div>
<div class="table_right"> <div class="table_right">
<p class="table_title">已上传资料：</p> <p class="table_title">已上传资料：</p>
<div class="table_right_content"> <div class="table_right_content">
<div v-for="(item,index) in upList" :key="index" > <div v-for="(item,index) in upList" :key="index" >
<template v-if="item.key=='else_file' && item.type==1"> <template v-if="item.key=='else_file' && item.type==1">
<div class="table_right_item" v-for="(item1,index1) in item.url" :key="index1" > <div class="table_right_item" v-for="(item1,index1) in item.url" :key="index1" >
<span @click="onPreview([item.url[index1]])">{{item.name}}<span v-if="index1!=0">{{index1}}</span></span> <span @click="onPreview([item.url[index1]])">{{item.name}}<span v-if="index1!=0">{{index1}}</span></span>
<i class="el-icon-close" @click="deleteUrl(item,index,index1)"></i> <i class="el-icon-close" @click="deleteUrl(item,index,index1)"></i>
</div> </div>
</template> </template>
<template v-else> <template v-else>
<div class="table_right_item" v-if="item.type==1" > <div class="table_right_item" v-if="item.type==1" >
<span @click="onPreview([item.url])">{{item.name}}</span> <span @click="onPreview([item.url])">{{item.name}}</span>
<i class="el-icon-close" @click="deleteUrl(item,index)"></i> <i class="el-icon-close" @click="deleteUrl(item,index)"></i>
</div> </div>
</template> </template>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> <div class="footer">
<div class="footer"> <button class="submit" @click="submit">提交资料</button>
<button class="submit" @click="submit">提交资料</button> <div>
<div> <el-checkbox v-model="checked" :true-label=1 :false-label=2></el-checkbox>
<el-checkbox v-model="checked" :true-label=1 :false-label=2></el-checkbox> <span class="footer_span">已阅读并同意</span>
<span class="footer_span">已阅读并同意</span> <span class="footer_span1">《开户申请书与承诺书》</span>
<span class="footer_span1">《开户申请书与承诺书》</span> </div>
</div>
</template>
<template v-else>
<p class="title">挂牌方开户信息完善</p>
<p class="title_info">用户在托管资产前需先进行开户信息审核，待审核通过后方能进行托管。</p>
<div class="examine_content">
<img src="../../../assets/img/examine_img.png" alt="" class="examine_img">
<p class="examine_tips">
<template v-if="check_status==0">
<span >资料已经提交，请耐心等待审核</span>
</template>
<template v-else-if="check_status==2">
<span >审核失败！请重新提交资料</span>
<span class="examine_tips_span" @click="checkStatus">重新提交</span>
</template>
</p>
<div class="error_msg" v-if="check_status==2">
<p>失败原因：</p>
<p v-html="ruleForm.check_message"></p>
</div>
</div> </div>
</div> </template>
<el-image-viewer <el-image-viewer
v-if="showViewer" v-if="showViewer"
:on-close="closeViewer" :on-close="closeViewer"
@ -146,6 +168,7 @@ export default {
subject:1, subject:1,
checked:1, checked:1,
disabled:false, disabled:false,
check_status:'',
showViewer:false, showViewer:false,
host:'http://wenhua.xingtongworld.com', host:'http://wenhua.xingtongworld.com',
action:'http://wenhua.xingtongworld.com/api/Index/uploadimg', action:'http://wenhua.xingtongworld.com/api/Index/uploadimg',
@ -190,6 +213,7 @@ export default {
address: '', address: '',
uname: '', uname: '',
phone: '', phone: '',
check_message:''
}, },
rules: { rules: {
firm_name: [ firm_name: [
@ -247,6 +271,9 @@ export default {
this.getAccountInfo() this.getAccountInfo()
}, },
methods:{ methods:{
checkStatus(){
this.check_status=-1
},
onPreview(img) { onPreview(img) {
this.img_url = img this.img_url = img
this.showViewer = true this.showViewer = true
@ -262,23 +289,28 @@ export default {
} }
getAccountInfo(data).then(res => { getAccountInfo(data).then(res => {
console.info(res) console.info(res)
if(res.data!=null){ if (res.code==100) {
this.disabled=true this.check_status=res.data.check_status
this.changeRadio(res.data.account_type) if(res.data!=null){
res.data.establish_time=res.data.establish_time*1000 this.disabled=true
for(let key in res.data){ this.changeRadio(res.data.account_type)
for(let item in this.ruleForm){ res.data.establish_time=res.data.establish_time*1000
if(key==item){ res.data.check_message = res.data.check_message.replace(/\n/gm, "<br/>")
this.ruleForm[item]=res.data[key] // res.data.else_file=JSON.parse(res.data.else_file)
continue; for(let key in res.data){
for(let item in this.ruleForm){
if(key==item){
this.ruleForm[item]=res.data[key]
continue;
}
} }
this.upList.forEach((v,i)=>{
if(key==v.key){
v.type=1;
v.url=res.data[key]
}
})
} }
this.upList.forEach((v,i)=>{
if(key==v.key){
v.type=1;
v.url=res.data[key]
}
})
} }
} }
}); });

Write Preview
Loading…
Cancel
Save