5 changed files with 1864 additions and 532 deletions
File diff suppressed because it is too large
@ -1,113 +1,409 @@ |
|||||
<template> |
<template> |
||||
<div class="app-container"> |
<div class="app-container"> |
||||
<el-tabs v-model="activeName" type="card" class="tab" @tab-click="tabChangeHandle"> |
<div class="tab-header webtop"> |
||||
<el-tab-pane name="first"> |
<div>经销商信息详情</div> |
||||
<span slot="label">基本信息</span> |
<div> |
||||
<Jibenxinxi :sid="sid" @change="change" /> |
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
||||
</el-tab-pane> |
</div> |
||||
<el-tab-pane name="second"> |
</div> |
||||
<span slot="label">备案资料</span> |
<div class="listconadd"> |
||||
<Beianziliao :sid="sid" @change="change" /> |
<div class="tab-header webtopb"> |
||||
</el-tab-pane> |
<div class="farenb">经销商属性</div> |
||||
<el-tab-pane name="third"> |
<div class="faren">{{ dealerAttributes }}</div> |
||||
<span slot="label">备案账号</span> |
</div> |
||||
<Beianzhanghao :sid="sid" @change="change" /> |
<div v-show="dealerAttributes == '企业'"> |
||||
</el-tab-pane> |
<div class="titcon"> |
||||
<el-tab-pane name="four"> |
<div class="title">经销商信息</div> |
||||
<span slot="label">相关项目</span> |
</div> |
||||
<Xiangguanxiangmu :sid="sid" @change="change" /> |
<el-form ref="dataForm" :model="templook" label-position="right" class="formadd" :rules="rules"> |
||||
</el-tab-pane> |
<el-row> |
||||
</el-tabs> |
<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> |
</div> |
||||
</template> |
</template> |
||||
|
|
||||
<script> |
<script> |
||||
// import { mapGetters } from 'vuex' |
import { detailsFaRen } from '@/api/business/faRen' |
||||
// import { |
import { postDownload } from '@/api/business/beiAn' |
||||
// 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: { |
|
||||
|
|
||||
}, |
export default { |
||||
|
name: 'jingxiaoshangInfo', |
||||
data() { |
data() { |
||||
return { |
return { |
||||
activeNames: ['1'], |
index: 0, |
||||
activeName: 'first', |
tableKey: 0, |
||||
sid: '', |
FilingInformationKey: 1, |
||||
// --按钮菜单------- |
filingAccoutKey: 2, |
||||
// menuState: { |
relevantProjectKey: 3, |
||||
// add: false, // 添加 |
list: [], |
||||
// edit: false, // 编辑 |
FilingInformationList: [], |
||||
// delete: false, // 删除 |
filingAccoutList: [], |
||||
// view: false, // 查看 |
relevantProjectList: [], |
||||
// audit: false, // 审核 |
dealerAttributes: '', |
||||
// input: false, // 导入 |
listLoading: false, |
||||
// output: false, // 导出 |
templook: {}, |
||||
// upload: false, // 同步 |
dialogFormVisible: false, // 添加修改对话框状态 |
||||
// release: false // 下发 |
dialogFormShowVisible: false, // 查看对话框默认关闭状态 |
||||
// } |
relevantProjectList: [], |
||||
// ------------------------------------ |
rules: {} |
||||
} |
} |
||||
}, |
}, |
||||
created() { |
|
||||
this.sid = this.$route.params.sid |
|
||||
console.log('wiwiwiwi', this.sid) |
|
||||
// ...mapGetters([ |
|
||||
// 'id', |
|
||||
// 'roles', |
|
||||
// 'rolesIds', |
|
||||
// 'departmentId', |
|
||||
// 'departmentCode' |
|
||||
// ]) |
|
||||
}, |
|
||||
methods: { |
methods: { |
||||
|
// 返回 |
||||
tabChangeHandle(e) { |
handleReturn() { |
||||
// switch (e) { |
this.$emit('doback') |
||||
// case '': |
|
||||
// console.log('您选择了：' + e) |
|
||||
// break |
|
||||
// } |
|
||||
}, |
}, |
||||
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> |
</script> |
||||
<style scoped> |
<style scoped> |
||||
/deep/ .el-collapse { |
.webtopb { |
||||
border-top: 0px solid #e6ebf5; |
display: flex; |
||||
border-bottom: 0px solid #e6ebf5; |
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 { |
/deep/ .el-col-4 { |
||||
margin: 0;padding: 0; |
text-align: right; |
||||
|
float: left; |
||||
|
font-size: 14px; |
||||
|
color: #606266; |
||||
|
line-height: 40px !important; |
||||
|
font-weight: 600; |
||||
} |
} |
||||
/deep/ .el-collapse-item__wrap { |
/deep/ .el-col-8 { |
||||
border-bottom: 0px solid #EBEEF5; |
font-size: 14px; |
||||
|
color: #606266; |
||||
|
line-height: 40px !important; |
||||
} |
} |
||||
/deep/ .el-collapse-item__header { |
/deep/ .el-col-20 { |
||||
border-bottom: 0px solid #e6ebf5; |
font-size: 14px; |
||||
|
color: #606266; |
||||
|
line-height: 40px !important; |
||||
} |
} |
||||
.tab{padding: 10px 0;} |
|
||||
</style> |
</style> |
||||
|
|||||
Loading…
Reference in new issue