You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
300 lines
9.5 KiB
300 lines
9.5 KiB
<template>
|
|
<div>
|
|
<el-dialog :title="dialogData.title" :visible.sync="isshow" width="70%" :before-close="MisShow">
|
|
<div class="select" v-if="!isexamine &&dialogType==1">
|
|
<el-radio v-model="query.account_type" label="buyer" border @change="getAccountData">购买方</el-radio>
|
|
<el-radio v-model="query.account_type" label="enter_shop" border @change="getAccountData">托管方</el-radio>
|
|
<el-radio v-model="query.account_type" label="third_party" border @change="getAccountData">第三方</el-radio>
|
|
</div>
|
|
<p class="tips">
|
|
{{dialogData.tips}}
|
|
<span style="color:red">{{dialogData.tips1}}</span>
|
|
</p>
|
|
<div class="body">
|
|
<el-tabs tab-position="left" v-model="tabID">
|
|
<el-tab-pane v-for="(item) in dialogData.sidebar" :key="item.id" @tab-click="handleClick" :name="item.id">
|
|
<span slot="label">
|
|
<i class="el-icon-question" v-if="item.type==2" style="color:#4E73E4"></i>
|
|
<span v-else-if="item.type==1" style="color:red">*</span>
|
|
{{item.title}}
|
|
</span>
|
|
<sidebarContent :sidebarId="item.id" :dialogType="dialogType" :contentDatas="contentDatas"/>
|
|
</el-tab-pane>
|
|
</el-tabs>
|
|
</div>
|
|
<div class="feedback feedback1" v-if="isexamine">
|
|
<el-radio v-model="query.status" :label="1" border>审核通过</el-radio>
|
|
<el-radio v-model="query.status" :label="2" border>审核不通过</el-radio>
|
|
</div>
|
|
<div class="feedback" >
|
|
<span>{{isexamine==true?'审核反馈：':'账户备注：'}}</span>
|
|
<el-input
|
|
type="textarea"
|
|
:rows="2"
|
|
placeholder="请输入内容"
|
|
v-model="query.message">
|
|
</el-input>
|
|
</div>
|
|
<span slot="footer" class="dialog-footer">
|
|
<template v-if="dialogType==1 || dialogType==2">
|
|
<el-button @click="MisShow">取 消</el-button>
|
|
<el-button type="primary" @click="saveEdit">确 定</el-button>
|
|
</template>
|
|
<template v-else-if="dialogType==3">
|
|
<el-button @click="MisShow">返 回</el-button>
|
|
</template>
|
|
</span>
|
|
</el-dialog>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import {whySidebar} from '../dialog/sidebar.vue'
|
|
import sidebarContent from '../dialog/content.vue'
|
|
import {getAccountData,getAssetInfo,accountCheck,assertCheck,sendCheck} from '../../../api/index'
|
|
import bus from '../bus'
|
|
export default {
|
|
name:'whyDialog',
|
|
props:{
|
|
//1为账户管理信息查看，2为资产管理信息查看,3为交易管理资产查看
|
|
dialogType:{
|
|
type:Number,
|
|
require: true
|
|
},
|
|
dialogID:{
|
|
type:Number,
|
|
require: true
|
|
},
|
|
isshow:{
|
|
type:Boolean,
|
|
default:false,
|
|
require: true
|
|
},
|
|
// 判断是个人还是机构，1位机构，2位个人
|
|
account_type:{
|
|
type:String,
|
|
default:'buyer',
|
|
},
|
|
// 是否显示审核
|
|
isexamine:{
|
|
type:Boolean,
|
|
default:false,
|
|
},
|
|
//dialogType为2时使用，1为资产信息查询，2为资产挂牌审核，3为资产发布审核
|
|
assets_type:{
|
|
type:Number
|
|
}
|
|
},
|
|
data(){
|
|
return {
|
|
dialogData:{
|
|
title:'',
|
|
tips:'',
|
|
tips1:'',
|
|
sidebar:[]
|
|
},
|
|
query:{
|
|
message:'',
|
|
status:'',
|
|
account_type:'',
|
|
uid:'',
|
|
account_data:'',
|
|
id:'',
|
|
serial:'',
|
|
},
|
|
tabID:'',
|
|
contentDatas:''
|
|
}
|
|
},
|
|
components:{
|
|
whySidebar,sidebarContent
|
|
},
|
|
created(){
|
|
if (this.dialogType==1) {
|
|
this.query.uid=this.dialogID;
|
|
this.query.account_type=this.account_type;
|
|
this.getAccountData()
|
|
}else if(this.dialogType==2 ||this.dialogType==3){
|
|
this.query.id=this.dialogID;
|
|
this.getAssetInfo()
|
|
}
|
|
bus.$on('basics', (e) => {
|
|
console.log(e)
|
|
this.contentDatas=e;
|
|
})
|
|
bus.$on('img',(e)=>{
|
|
console.info(e)
|
|
if (e.key=='else_file') {
|
|
if (e.type==1) {
|
|
this.contentDatas.else_file.push(e.url)
|
|
}else{
|
|
this.contentDatas.else_file[e.index]=e.url
|
|
}
|
|
}else{
|
|
this.contentDatas[e.key]=e.url;
|
|
}
|
|
})
|
|
},
|
|
methods:{
|
|
//资产管理资料查看
|
|
getAssetInfo(){
|
|
getAssetInfo(this.query).then(res => {
|
|
console.log(res);
|
|
if (res.code==100) {
|
|
if (res.data.is_status==0) {
|
|
this.$message.error('暂无数据~');
|
|
}else{
|
|
res.data.establish_time=res.data.establish_time*1000
|
|
this.contentDatas=res.data
|
|
console.info(this.contentDatas)
|
|
this.init()
|
|
}
|
|
}
|
|
});
|
|
},
|
|
//账户管理资料查看
|
|
getAccountData(){
|
|
getAccountData(this.query).then(res => {
|
|
console.log(res);
|
|
if (res.code==100) {
|
|
if (res.data.is_status==0) {
|
|
this.$message.error('暂无数据~');
|
|
this.query.account_type=this.account_type
|
|
}else{
|
|
res.data.establish_time=res.data.establish_time*1000
|
|
this.contentDatas=res.data
|
|
console.info(this.contentDatas)
|
|
this.init()
|
|
}
|
|
}
|
|
});
|
|
},
|
|
init(){
|
|
if (this.dialogType==1) {
|
|
this.dialogData.title='账户信息';
|
|
if (this.isexamine) {
|
|
this.dialogData.tips1='（*注：以下文件需加盖公章）';
|
|
}
|
|
this.dialogData.tips='以下为交易平台账户申请账户时提交的相关资料：';
|
|
if (this.contentDatas.account_type==2) {
|
|
this.dialogData.sidebar=[
|
|
{title:'企业风险评估',type:0,id:'assessment'},{title:'基础信息',type:1,id:'basics'},{title:'身份证(复印件)',type:1,id:'IDCard'},
|
|
{title:'数字证书申请表',type:1,id:'application'},{title:'资产证明文件',type:2,id:'assets'},{title:'其他要求文件',type:0,id:'elseFile'}
|
|
]
|
|
}else{
|
|
this.dialogData.sidebar=[
|
|
{title:'企业风险评估',type:0,id:'assessment'},{title:'基础信息',type:1,id:'basics'},{title:'营业执照(复印件)',type:1,id:'license'},
|
|
{title:'法人代表证明书',type:1,id:'certificate'},{title:'法人身份证(复印件)',type:1,id:'IDCard'},{title:'数字证书申请表',type:1,id:'application'},
|
|
{title:'银行开户证明',type:1,id:'bankProve'},{title:'开户申请书与承诺书',type:1,id:'promise'},{title:'法人授权委托书',type:0,id:'entrust'},
|
|
{title:'经办人身份证(复印件)',type:0,id:'operatorIDCard'},{title:'资产证明文件',type:2,id:'assets'},{title:'其他要求文件',type:0,id:'elseFile'}
|
|
]
|
|
}
|
|
}else if(this.dialogType==2 ||this.dialogType==3){
|
|
this.dialogData.sidebar=[
|
|
{title:'商家概况',type:1,id:'businessInfo'},{title:'资产概况',type:1,id:'assetsInfo'},
|
|
{title:'文化大数据标准编号',type:1,id:'dataNumber'}
|
|
]
|
|
if (this.contentDatas.asset_data.else_serial_file.length>0) {
|
|
this.dialogData.sidebar.splice(2, 0, {title:'资产评估/资产评价报告',type:1,id:'asset_valuation'});
|
|
}
|
|
if (this.assets_type==1) {
|
|
this.dialogData.title='资产信息';
|
|
}else if(this.assets_type==2){
|
|
this.dialogData.title='资产托管审核';
|
|
}else{
|
|
this.dialogData.title='资产发布审核';
|
|
}
|
|
this.dialogData.tips='以下为资产：20棵沉香树采香权（一年期）的相关资料：';
|
|
|
|
}
|
|
this.tabID=this.dialogData.sidebar[0].id
|
|
},
|
|
handleClick(tab){
|
|
this.tabID=tab.id
|
|
},
|
|
saveEdit(){
|
|
if (this.dialogType==1) {
|
|
this.saveAccountCheck()
|
|
}else if (this.dialogType==2) {
|
|
if (this.assets_type==2) {
|
|
this.saveCartellinoCheck()
|
|
}else if (this.assets_type==3) {
|
|
this.saveSendCheck()
|
|
}else{
|
|
this.MisShow()
|
|
}
|
|
}
|
|
},
|
|
// 资产发布审核
|
|
saveSendCheck(){
|
|
sendCheck(this.query).then(res => {
|
|
console.log(res);
|
|
if (res.code==100) {
|
|
this.MisShow()
|
|
this.$message.success('提交成功~');
|
|
this.$emit('getData')
|
|
}else{
|
|
this.$message.error(res.msg);
|
|
}
|
|
});
|
|
},
|
|
// 资产挂牌审核
|
|
saveCartellinoCheck(){
|
|
assertCheck(this.query).then(res => {
|
|
console.log(res);
|
|
if (res.code==100) {
|
|
this.MisShow()
|
|
this.$message.success('提交成功~');
|
|
this.$emit('getData')
|
|
}else{
|
|
this.$message.error(res.msg);
|
|
}
|
|
});
|
|
},
|
|
// 提交账户管理资料查看/审核
|
|
saveAccountCheck(){
|
|
this.query.account_data=this.contentDatas
|
|
this.query.account_data.establish_time=this.contentDatas.establish_time/1000;
|
|
delete this.query.account_data['is_status'];
|
|
delete this.query.account_data['id'];
|
|
accountCheck(this.query).then(res => {
|
|
console.log(res);
|
|
if (res.code==100) {
|
|
this.MisShow()
|
|
this.$message.success('提交成功~');
|
|
this.$emit('getData')
|
|
}else{
|
|
this.$message.error(res.msg);
|
|
}
|
|
});
|
|
},
|
|
MisShow(){
|
|
this.$emit('MisShow')
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<style scoped>
|
|
.tips{
|
|
font-size: 16px;
|
|
}
|
|
.body{
|
|
display: flex;
|
|
margin-top: 30px;
|
|
}
|
|
.feedback{
|
|
display: flex;
|
|
align-items: center;
|
|
font-size: 16px;
|
|
color: #333333;
|
|
width: 90%;
|
|
margin: 0 auto;
|
|
margin-top: 20px;
|
|
}
|
|
.feedback>>>.el-textarea{
|
|
width: 90%;
|
|
margin-left: 10px;
|
|
}
|
|
.select{
|
|
margin-bottom: 15px;
|
|
}
|
|
</style>
|