5 changed files with 1864 additions and 532 deletions
File diff suppressed because it is too large
@ -1,113 +1,409 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<el-tabs v-model="activeName" type="card" class="tab" @tab-click="tabChangeHandle"> |
|||
<el-tab-pane name="first"> |
|||
<span slot="label">基本信息</span> |
|||
<Jibenxinxi :sid="sid" @change="change" /> |
|||
</el-tab-pane> |
|||
<el-tab-pane name="second"> |
|||
<span slot="label">备案资料</span> |
|||
<Beianziliao :sid="sid" @change="change" /> |
|||
</el-tab-pane> |
|||
<el-tab-pane name="third"> |
|||
<span slot="label">备案账号</span> |
|||
<Beianzhanghao :sid="sid" @change="change" /> |
|||
</el-tab-pane> |
|||
<el-tab-pane name="four"> |
|||
<span slot="label">相关项目</span> |
|||
<Xiangguanxiangmu :sid="sid" @change="change" /> |
|||
</el-tab-pane> |
|||
</el-tabs> |
|||
<div class="tab-header webtop"> |
|||
<div>经销商信息详情</div> |
|||
<div> |
|||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
|||
</div> |
|||
</div> |
|||
<div class="listconadd"> |
|||
<div class="tab-header webtopb"> |
|||
<div class="farenb">经销商属性</div> |
|||
<div class="faren">{{ dealerAttributes }}</div> |
|||
</div> |
|||
<div v-show="dealerAttributes == '企业'"> |
|||
<div class="titcon"> |
|||
<div class="title">经销商信息</div> |
|||
</div> |
|||
<el-form ref="dataForm" :model="templook" label-position="right" class="formadd" :rules="rules"> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb">经销商名称</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.distributorName }}</el-col> |
|||
<el-col :span="4" class="trightb">经销商类型</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.distributorTypeValue }}</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb">经销商等级</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.distributorLevelValue }}</el-col> |
|||
<el-col :span="4" class="trightb">企业性质</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.enterpriseNature }}</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb">统一社会信用代码</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.numCode }}</el-col> |
|||
<el-col :span="4" class="trightb">注册资本</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.registeredCapital }}</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb">注册资本单位</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.registeredCapitalOrg }}</el-col> |
|||
<el-col :span="4" class="trightb">成立日期</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.setUpTime }}</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb">营业期限开始时间</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.businessTermStartTime }}</el-col> |
|||
<el-col :span="4" class="trightb">营业期限结束时间</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.businessTermEndTime }}</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb">登记机关</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.registAuthority }}</el-col> |
|||
<el-col :span="4" class="trightb">核准日期</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.approvalDate }}</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb">登记状态</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.registState }}</el-col> |
|||
<el-col :span="4" class="trightb">是否担保回购</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.guaranteeOrNot == '1' ? '是' : '否' }}</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb">业务联系人</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.businessContact }}</el-col> |
|||
<el-col :span="4" class="trightb">联系方式</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.businessMobile }}</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb">企业负责人</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.enterpriseContact }}</el-col> |
|||
<el-col :span="4" class="trightb">联系方式</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.enterpriseMobile }}</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb">通讯地址</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.address }}</el-col> |
|||
<el-col :span="4" class="trightb">通讯地址邮编</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.zipCode }}</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb">使用组织</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.useOrgName }}</el-col> |
|||
<el-col :span="4" class="trightb">备注</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.remarks }}</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
<div class="titcon"> |
|||
<div class="title">人员列表</div> |
|||
</div> |
|||
<el-table :key="tableKey" v-loading="listLoading" :data="list" :index="index" border style="width: 100%;"> |
|||
<el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/> |
|||
<el-table-column label="姓名" align="center"> |
|||
<template slot-scope="scope"> |
|||
{{ scope.row.name }} |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="关联类型" align="center"> |
|||
<template slot-scope="scope"> |
|||
{{ scope.row.linkType }} |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="联系电话" align="center"> |
|||
<template slot-scope="scope"> |
|||
{{ scope.row.mobile }} |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="备注" align="center"> |
|||
<template slot-scope="scope"> |
|||
{{ scope.row.remarks }} |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
<div v-show="dealerAttributes == '个人'"> |
|||
<div class="titcon"> |
|||
<div class="title">个人信息</div> |
|||
</div> |
|||
<el-form ref="dataForm" :model="templook" label-position="right" class="formadd" :rules="rules"> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb">姓名</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.distributorName }}</el-col> |
|||
<el-col :span="4" class="trightb">身份证号</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.numCode }}</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb">经销商类型</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.distributorTypeValue }}</el-col> |
|||
<el-col :span="4" class="trightb">联系电话</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.businessMobile }}</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb">通讯地址</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.address }}</el-col> |
|||
<el-col :span="4" class="trightb">通讯地址邮编</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.zipCode }}</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb">项目类型</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.projectType }}</el-col> |
|||
<el-col :span="4" class="trightb">区域</el-col> |
|||
<el-col :span="8" class="tleft"> |
|||
{{ templook.province }}{{ templook.city }}{{ templook.county }}{{ templook.address }} |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb">所属厂商</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.belongsToVendor }}</el-col> |
|||
<el-col :span="4" class="trightb">经销品牌</el-col> |
|||
<el-col :span="8" class="tleft"> {{ templook.distributorBrand }}</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb">其他区信息</el-col> |
|||
<el-col :span="20" class="tleft"> {{ templook.remarks }}</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</div> |
|||
<div class="titcon"> |
|||
<div class="title">备案资料</div> |
|||
</div> |
|||
<el-table :key="FilingInformationKey" v-loading="listLoading" :data="FilingInformationList" border style="width: 100%;"> |
|||
<el-table-column label="文件名" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.fileName }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="文件类型" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.fileType }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="上传人" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.name }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="上传时间" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.createTime }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="操作" align="center" width="250px" class-name="small-padding fixed-width"> |
|||
<template slot-scope="{row}"> |
|||
<el-button size="mini" type="primary" @click="handDown(row)">下载</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<div class="titcon"> |
|||
<div class="title">备案账号</div> |
|||
</div> |
|||
<el-table :key="filingAccoutKey" v-loading="listLoading" :index="index" :data="filingAccoutList" border style="width: 100%"> |
|||
<el-table-column width="80px" label="编号" type="index" :index="index + 1" align="center" /> |
|||
<el-table-column label="收款单位" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.receivingUnit }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="开户银行" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.bank }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="收款账号" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.receivingAccount }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="开户支行" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.openingBranch }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="开户行号" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.bankNo }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="银行所在地" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.bankLocation }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="账户类型" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.accountType }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="账户用途" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.accountUse }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="评审状态" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.reviewState }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="提报人" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.mention }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<div class="titcon"> |
|||
<div class="title">相关项目</div> |
|||
</div> |
|||
<el-table :key="relevantProjectKey" v-loading="listLoading" :data="relevantProjectList" border style="width: 100%;"> |
|||
<el-table-column label="客户名称" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.a }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="项目类型" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.code }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="项目名称" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.code }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="客户经理" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.code }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="所属大区" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.code }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="流程号" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.code }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="项目状态" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.code }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="创建时间" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.code }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="更新时间" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.telephone }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
// import { mapGetters } from 'vuex' |
|||
// import { |
|||
// getServiceTypeList, |
|||
// getServiceTypePageList, |
|||
// addServiceType, |
|||
// getServiceType, |
|||
// editServiceType, |
|||
// delServiceType, |
|||
// } from "@/api/yanglao/serviceType"; |
|||
// import { getFileType, parseDate, parseTime, ConvertMenuState } from "@/utils"; |
|||
// import { findButtonByUserId } from '@/api/sys/permission' |
|||
import Jibenxinxi from '@/views/jingxiaoshang/infocomponents/jibenxinxiInfo' |
|||
import Beianziliao from '@/views/jingxiaoshang/infocomponents/beianziliaoInfo' |
|||
import Beianzhanghao from '@/views/jingxiaoshang/infocomponents/beianzhanghaoInfo' |
|||
import Xiangguanxiangmu from '@/views/jingxiaoshang/infocomponents/xiangguanxiangmuInfo' |
|||
export default { |
|||
name: 'Renwu', |
|||
components: { |
|||
Jibenxinxi, |
|||
Beianziliao, |
|||
Beianzhanghao, Xiangguanxiangmu |
|||
}, |
|||
props: { |
|||
// // activeName: { |
|||
import { detailsFaRen } from '@/api/business/faRen' |
|||
import { postDownload } from '@/api/business/beiAn' |
|||
|
|||
}, |
|||
export default { |
|||
name: 'jingxiaoshangInfo', |
|||
data() { |
|||
return { |
|||
activeNames: ['1'], |
|||
activeName: 'first', |
|||
sid: '', |
|||
// --按钮菜单------- |
|||
// menuState: { |
|||
// add: false, // 添加 |
|||
// edit: false, // 编辑 |
|||
// delete: false, // 删除 |
|||
// view: false, // 查看 |
|||
// audit: false, // 审核 |
|||
// input: false, // 导入 |
|||
// output: false, // 导出 |
|||
// upload: false, // 同步 |
|||
// release: false // 下发 |
|||
// } |
|||
// ------------------------------------ |
|||
index: 0, |
|||
tableKey: 0, |
|||
FilingInformationKey: 1, |
|||
filingAccoutKey: 2, |
|||
relevantProjectKey: 3, |
|||
list: [], |
|||
FilingInformationList: [], |
|||
filingAccoutList: [], |
|||
relevantProjectList: [], |
|||
dealerAttributes: '', |
|||
listLoading: false, |
|||
templook: {}, |
|||
dialogFormVisible: false, // 添加修改对话框状态 |
|||
dialogFormShowVisible: false, // 查看对话框默认关闭状态 |
|||
relevantProjectList: [], |
|||
rules: {} |
|||
} |
|||
}, |
|||
created() { |
|||
this.sid = this.$route.params.sid |
|||
console.log('wiwiwiwi', this.sid) |
|||
// ...mapGetters([ |
|||
// 'id', |
|||
// 'roles', |
|||
// 'rolesIds', |
|||
// 'departmentId', |
|||
// 'departmentCode' |
|||
// ]) |
|||
}, |
|||
methods: { |
|||
|
|||
tabChangeHandle(e) { |
|||
// switch (e) { |
|||
// case '': |
|||
// console.log('您选择了：' + e) |
|||
// break |
|||
// } |
|||
// 返回 |
|||
handleReturn() { |
|||
this.$emit('doback') |
|||
}, |
|||
change(e) { |
|||
this.activeName = e |
|||
// 打开查看 |
|||
showInfo(row) { |
|||
this.dealerAttributes = row.distributorClassificationValue |
|||
detailsFaRen(row.sid).then((response) => { |
|||
if (response.code === '200') { |
|||
console.log(response.data) |
|||
this.templook = response.data |
|||
this.FilingInformationList = response.data.baseDistributorAppendixs |
|||
this.filingAccoutList = response.data.baseDistributorBanks |
|||
this.list = response.data.list |
|||
} else { |
|||
this.$notify({ |
|||
title: '失败', |
|||
message: '查询失败', |
|||
type: 'error' |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
handDown(row) { |
|||
postDownload(row.filePath).then((res) => { |
|||
const blob = new Blob([res], { |
|||
type: 'application/msword' |
|||
}) |
|||
const objectUrl = URL.createObjectURL(blob) |
|||
window.location.href = objectUrl |
|||
}) |
|||
} |
|||
|
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
/deep/ .el-collapse { |
|||
border-top: 0px solid #e6ebf5; |
|||
border-bottom: 0px solid #e6ebf5; |
|||
.webtopb { |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: space-around; |
|||
align-items: center; |
|||
background-color: #f8fafd; |
|||
padding: 0px; |
|||
margin: 10px 0 8px 0; |
|||
border-radius: 8px; |
|||
border: 1px solid #f1f4f8; |
|||
} |
|||
.webtopb .farenb { |
|||
flex: 1; |
|||
text-align: center; |
|||
} |
|||
.webtopb .faren { |
|||
background-color: #edf1f7; |
|||
flex: 1; |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: center; |
|||
padding: 5px; |
|||
border-radius: 8px; |
|||
} |
|||
.formadd{ |
|||
padding: 0px !important; |
|||
} |
|||
.listcon { |
|||
height: calc(100vh - 300px); |
|||
overflow-y: auto; |
|||
overflow-x: hidden; |
|||
} |
|||
/deep/ .el-collapse-item__content { |
|||
margin: 0;padding: 0; |
|||
/deep/ .el-col-4 { |
|||
text-align: right; |
|||
float: left; |
|||
font-size: 14px; |
|||
color: #606266; |
|||
line-height: 40px !important; |
|||
font-weight: 600; |
|||
} |
|||
/deep/ .el-collapse-item__wrap { |
|||
border-bottom: 0px solid #EBEEF5; |
|||
/deep/ .el-col-8 { |
|||
font-size: 14px; |
|||
color: #606266; |
|||
line-height: 40px !important; |
|||
} |
|||
/deep/ .el-collapse-item__header { |
|||
border-bottom: 0px solid #e6ebf5; |
|||
/deep/ .el-col-20 { |
|||
font-size: 14px; |
|||
color: #606266; |
|||
line-height: 40px !important; |
|||
} |
|||
.tab{padding: 10px 0;} |
|||
</style> |
|||
|
|||
Loading…
Reference in new issue