Commit 37b73dc1 by liudx

联调企业详情

parent 1a4a6395
No preview for this file type
...@@ -9,23 +9,37 @@ ...@@ -9,23 +9,37 @@
<div class="details_title"> <div class="details_title">
<div class="company_num"> <div class="company_num">
<span>{{ baseinfo.company_name }}</span> <span>{{ baseinfo.company_name }}</span>
<a-tag color="#56CA95" v-if="baseinfo.high_new=='1'">{{ '高新技术企业'}}</a-tag>
<a-tag color="#56CA95" v-if="baseinfo.tbe=='1'">{{ '科技型中小企业'}}</a-tag>
<a-tag color="#6096E6" v-if="baseinfo.tbe_sjmy=='1'">{{ '省级民营科技企业'}}</a-tag>
<a-tag color="#56CA95" v-if="baseinfo.zjtx=='1'">{{ '专精特新'}}</a-tag>
<a-tag color="#56CA95" v-if="baseinfo.zjtg_gjjxjr=='1'">{{ '国家级专精特新小巨人企业'}}</a-tag>
<a-tag color="#6096E6" v-if="baseinfo.zjtg_sjxjr=='1'">{{ '省级专精特新小巨人企业'}}</a-tag>
<a-tag color="#56CA95" v-if="baseinfo.dengl=='1'">{{ '瞪羚企业'}}</a-tag>
<a-tag color="#56CA95" v-if="baseinfo.quoted_company=='1'">{{ '上市企业'}}</a-tag>
<a-tag color="#56CA95" v-if="baseinfo.isfive=='1'">{{ '中国500强'}}</a-tag>
<a-tag color="#6096E6" v-if="baseinfo.sxonhun=='1'">{{ '山西100强'}}</a-tag>
<a-tag color="#56CA95" v-if="baseinfo.high_new == '1'">{{
"高新技术企业"
}}</a-tag>
<a-tag color="#56CA95" v-if="baseinfo.tbe == '1'">{{
"科技型中小企业"
}}</a-tag>
<a-tag color="#6096E6" v-if="baseinfo.tbe_sjmy == '1'">{{
"省级民营科技企业"
}}</a-tag>
<a-tag color="#56CA95" v-if="baseinfo.zjtx == '1'">{{
"专精特新"
}}</a-tag>
<a-tag color="#56CA95" v-if="baseinfo.zjtg_gjjxjr == '1'">{{
"国家级专精特新小巨人企业"
}}</a-tag>
<a-tag color="#6096E6" v-if="baseinfo.zjtg_sjxjr == '1'">{{
"省级专精特新小巨人企业"
}}</a-tag>
<a-tag color="#56CA95" v-if="baseinfo.dengl == '1'">{{
"瞪羚企业"
}}</a-tag>
<a-tag color="#56CA95" v-if="baseinfo.quoted_company == '1'">{{
"上市企业"
}}</a-tag>
<a-tag color="#56CA95" v-if="baseinfo.isfive == '1'">{{
"中国500强"
}}</a-tag>
<a-tag color="#6096E6" v-if="baseinfo.sxonhun == '1'">{{
"山西100强"
}}</a-tag>
</div> </div>
<div class="company_basic"> <div class="company_basic">
<div>注册地址:{{ baseinfo.address }}</div> <div>注册地址:{{ baseinfo.address }}</div>
...@@ -88,7 +102,7 @@ ...@@ -88,7 +102,7 @@
<script> <script>
import * as echarts from "echarts"; import * as echarts from "echarts";
import companyProfile from "./companyProfile.vue"; import companyProfile from "./companyProfile.vue";
import { enterpriseDetail,exportword } from "../../utils/indexApi.js"; import { enterpriseDetail, exportword } from "../../utils/indexApi.js";
import overview from "./overview.vue"; import overview from "./overview.vue";
import { message } from "ant-design-vue"; import { message } from "ant-design-vue";
import cooperation from "./cooperation.vue"; import cooperation from "./cooperation.vue";
...@@ -162,6 +176,16 @@ export default { ...@@ -162,6 +176,16 @@ export default {
}, },
daochu() { daochu() {
var that = this; var that = this;
let share_holders = that.baseinfo.share_holders;
//对模板中股东信息进行修改
share_holders.forEach(item=>{
item.percent = (item.percent * 100).toFixed(2)+'%';
item.amount = Number(item.amount)+'万元'
})
//主要人员
let company_marjor = that.baseinfo.company_marjor;
//对外投资
let company_invest = that.baseinfo.company_invest;
let date = new Date(); let date = new Date();
var year = date.getFullYear(); var year = date.getFullYear();
var month = date.getMonth() + 1; var month = date.getMonth() + 1;
...@@ -249,6 +273,9 @@ export default { ...@@ -249,6 +273,9 @@ export default {
// 设置模板变量的值 // 设置模板变量的值
doc.setData({ doc.setData({
...that.baseinfo, ...that.baseinfo,
share_holders,
company_marjor,
company_invest,
today, today,
// image1: myChart1.getDataURL({ // image1: myChart1.getDataURL({
// pixelRatio: 5, //导出的图片分辨率比率,默认是1 // pixelRatio: 5, //导出的图片分辨率比率,默认是1
......
...@@ -10,44 +10,74 @@ ...@@ -10,44 +10,74 @@
:column="3" :column="3"
:labelStyle="{ background: '#F2F9FC' }" :labelStyle="{ background: '#F2F9FC' }"
> >
<a-descriptions-item label="法定代表人" <a-descriptions-item label="法定代表人">{{
>{{ baseinfo.legal }}</a-descriptions-item baseinfo.legal
}}</a-descriptions-item>
<a-descriptions-item label="经营状态">{{
baseinfo.status
}}</a-descriptions-item>
<a-descriptions-item label="成立日期">{{
baseinfo.build_date
}}</a-descriptions-item>
<a-descriptions-item label="工商注册号">{{
baseinfo.register_code
}}</a-descriptions-item>
<a-descriptions-item label="注册资本">{{
baseinfo.capital
}}</a-descriptions-item>
<a-descriptions-item label="实缴资本">{{
baseinfo.actual_capital
}}</a-descriptions-item>
<a-descriptions-item label="统一社会信用代码">{{
baseinfo.social_code
}}</a-descriptions-item>
<a-descriptions-item label="纳税人识别号">{{
baseinfo.tax_code
}}</a-descriptions-item>
<a-descriptions-item label="组织机构代码">{{
baseinfo.company_code
}}</a-descriptions-item>
<a-descriptions-item label="营业期限"
>{{ baseinfo.from_time }}-{{
baseinfo.to_time
}}</a-descriptions-item
> >
<a-descriptions-item label="经营状态">{{ baseinfo.status }}</a-descriptions-item> <a-descriptions-item label="纳税人资质">{{
<a-descriptions-item label="成立日期">{{ baseinfo.build_date }}</a-descriptions-item> baseinfo.tax_qualification
<a-descriptions-item label="工商注册号" }}</a-descriptions-item>
>{{ baseinfo.register_code }}</a-descriptions-item <a-descriptions-item label="核准日期">{{
> baseinfo.approval_date
<a-descriptions-item label="注册资本">{{ baseinfo.capital }}</a-descriptions-item> }}</a-descriptions-item>
<a-descriptions-item label="实缴资本">{{ baseinfo.actual_capital }}</a-descriptions-item> <a-descriptions-item label="企业类型">{{
<a-descriptions-item label="统一社会信用代码" baseinfo.entype
>{{ baseinfo.social_code }}</a-descriptions-item }}</a-descriptions-item>
> <a-descriptions-item label="行业">{{
<a-descriptions-item label="纳税人识别号" baseinfo.company_industry
>{{ baseinfo.tax_code }}</a-descriptions-item }}</a-descriptions-item>
>
<a-descriptions-item label="组织机构代码"
>{{ baseinfo.company_code }}</a-descriptions-item
>
<a-descriptions-item label="营业期限">{{ baseinfo.from_time }}-{{ baseinfo.to_time }}</a-descriptions-item>
<a-descriptions-item label="纳税人资质">{{ baseinfo.tax_qualification }}</a-descriptions-item>
<a-descriptions-item label="核准日期">{{ baseinfo.approval_date }}</a-descriptions-item>
<a-descriptions-item label="企业类型">{{ baseinfo.entype }}</a-descriptions-item>
<a-descriptions-item label="行业">{{ baseinfo.company_industry }}</a-descriptions-item>
<a-descriptions-item label="人员规模">{{ baseinfo.staff_range }}</a-descriptions-item> <a-descriptions-item label="人员规模">{{
<a-descriptions-item label="参保人数">{{ baseinfo.bao_num }}</a-descriptions-item> baseinfo.staff_range
<a-descriptions-item label="登记机关">{{ baseinfo.register_org }}</a-descriptions-item> }}</a-descriptions-item>
<a-descriptions-item label="曾用名">{{ baseinfo.history_name?baseinfo.history_name:'无' }}</a-descriptions-item> <a-descriptions-item label="参保人数">{{
<a-descriptions-item label="英文名">{{ baseinfo.en_name }}</a-descriptions-item> baseinfo.bao_num
}}</a-descriptions-item>
<a-descriptions-item label="登记机关">{{
baseinfo.register_org
}}</a-descriptions-item>
<a-descriptions-item label="曾用名">{{
baseinfo.history_name ? baseinfo.history_name : "无"
}}</a-descriptions-item>
<a-descriptions-item label="英文名">{{
baseinfo.en_name
}}</a-descriptions-item>
<a-descriptions-item label=""></a-descriptions-item> <a-descriptions-item label=""></a-descriptions-item>
<a-descriptions-item label=""></a-descriptions-item> <a-descriptions-item label=""></a-descriptions-item>
<a-descriptions-item label="注册地址" :span="3" <a-descriptions-item label="注册地址" :span="3"
>{{ baseinfo.address }} >{{ baseinfo.address }}
</a-descriptions-item> </a-descriptions-item>
<a-descriptions-item label="经营范围" :span="3" <a-descriptions-item label="经营范围" :span="3">{{
>{{ baseinfo.business_scope }}</a-descriptions-item baseinfo.business_scope
> }}</a-descriptions-item>
</a-descriptions> </a-descriptions>
</div> </div>
<!-- 股东信息 --> <!-- 股东信息 -->
...@@ -61,8 +91,17 @@ ...@@ -61,8 +91,17 @@
<a-tab-pane key="工商登记" tab="工商登记"> <a-tab-pane key="工商登记" tab="工商登记">
<a-table <a-table
:columns="columns_shareholder" :columns="columns_shareholder"
:data-source="data_shareholder" :data-source="baseinfo.share_holders"
:pagination="pagination"
> >
<template #bodyCell="{ column, text, record }">
<template v-if="column.dataIndex == 'amount'">
{{ Number(text)+'万元' }}
</template>
<template v-if="column.dataIndex == 'percent'">
{{ (text* 100).toFixed(2) +'%' }}
</template>
</template>
</a-table> </a-table>
</a-tab-pane> </a-tab-pane>
...@@ -71,6 +110,7 @@ ...@@ -71,6 +110,7 @@
style="text-align: center" style="text-align: center"
:columns="columns_history" :columns="columns_history"
:data-source="history_shareholder" :data-source="history_shareholder"
:pagination="pagination"
> >
</a-table> </a-table>
</a-tab-pane> </a-tab-pane>
...@@ -79,7 +119,7 @@ ...@@ -79,7 +119,7 @@
<!-- 主要人员 --> <!-- 主要人员 -->
<div class="company_con1" id="keyPerson"> <div class="company_con1" id="keyPerson">
<h2 class="title">主要人员</h2> <h2 class="title">主要人员</h2>
<a-table :columns="columns_keyperson" :data-source="data_shareholder"> <a-table :columns="columns_keyperson" :data-source="baseinfo.company_marjor" :pagination="pagination">
</a-table> </a-table>
</div> </div>
<!-- 对外投资 --> <!-- 对外投资 -->
...@@ -87,7 +127,8 @@ ...@@ -87,7 +127,8 @@
<h2 class="title">对外投资</h2> <h2 class="title">对外投资</h2>
<a-table <a-table
:columns="columns_investment" :columns="columns_investment"
:data-source="data_shareholder" :data-source="baseinfo.company_invest"
:pagination="pagination"
> >
</a-table> </a-table>
</div> </div>
...@@ -102,7 +143,7 @@ ...@@ -102,7 +143,7 @@
<div class="company_con_anchor"> <div class="company_con_anchor">
<a-anchor> <a-anchor>
<a-anchor-link <a-anchor-link
style="font-size: 20px; color: #1C1C28; font-weight: bold" style="font-size: 20px; color: #1c1c28; font-weight: bold"
title="企业概况" title="企业概况"
/> />
<a-anchor-link href="#businessInfo" title="工商信息" /> <a-anchor-link href="#businessInfo" title="工商信息" />
...@@ -116,7 +157,7 @@ ...@@ -116,7 +157,7 @@
<div id="components-back-top-demo-custom"> <div id="components-back-top-demo-custom">
<a-back-top> <a-back-top>
<div class="ant-back-top-inner"> <div class="ant-back-top-inner">
<img src="@/static/common/icon-top.png" alt=""> <img src="@/static/common/icon-top.png" alt="" />
回到顶部 回到顶部
</div> </div>
</a-back-top> </a-back-top>
...@@ -130,8 +171,8 @@ ...@@ -130,8 +171,8 @@
<script> <script>
export default { export default {
name: "companyProfile", name: "companyProfile",
props:{ props: {
baseinfo:Object, baseinfo: Object,
}, },
data() { data() {
return { return {
...@@ -139,37 +180,37 @@ export default { ...@@ -139,37 +180,37 @@ export default {
columns_shareholder: [ columns_shareholder: [
{ {
title: "序号", title: "序号",
dataIndex: "name", dataIndex: "id",
key: "name", key: "id",
}, },
{ {
title: "股东(发起人)", title: "股东(发起人)",
dataIndex: "age", dataIndex: "name",
key: "age", key: "name",
}, },
{ {
title: "持股比例", title: "持股比例",
dataIndex: "address", dataIndex: "percent",
key: "address 1", key: "percent",
}, },
{ {
title: "最终受益股份", title: "最终受益股份",
dataIndex: "address", dataIndex: "final_benefit_shares",
key: "address 2", key: "final_benefit_shares",
}, },
{ {
title: "认缴出资额", title: "认缴出资额",
dataIndex: "address", dataIndex: "amount",
key: "address 3", key: "amount",
sorter: { sorter: {
compare: (a, b) => a.chinese - b.chinese, compare: (a, b) => a.amount - b.amount,
multiple: 3, // multiple: 3,
}, },
}, },
{ {
title: "认缴出资日期", title: "认缴出资日期",
dataIndex: "address", dataIndex: "create_time",
key: "address 4", key: "create_time",
}, },
], ],
columns_history: [ columns_history: [
...@@ -187,7 +228,7 @@ export default { ...@@ -187,7 +228,7 @@ export default {
{ {
title: "股东类型", title: "股东类型",
dataIndex: "address", dataIndex: "address",
key: "address 1", key: "percent",
}, },
{ {
title: "退出时持股比例", title: "退出时持股比例",
...@@ -289,19 +330,19 @@ export default { ...@@ -289,19 +330,19 @@ export default {
columns_keyperson: [ columns_keyperson: [
{ {
title: "序号", title: "序号",
dataIndex: "name", dataIndex: "id",
key: "name", key: "id",
}, },
{ {
title: "姓名", title: "姓名",
dataIndex: "age", dataIndex: "name",
key: "age", key: "name",
width: 300,
}, },
{ {
title: "职位", title: "职位",
dataIndex: "address", dataIndex: "post",
key: "address 1", key: "post",
}, },
{ {
title: "持股比例", title: "持股比例",
...@@ -317,39 +358,38 @@ export default { ...@@ -317,39 +358,38 @@ export default {
columns_investment: [ columns_investment: [
{ {
title: "序号", title: "序号",
dataIndex: "name", dataIndex: "id",
key: "name", key: "id",
}, },
{ {
title: "被投资企业名称", title: "被投资企业名称",
dataIndex: "age", dataIndex: "name",
key: "age", key: "name",
width: 300,
}, },
{ {
title: "法定代表人/执行事务合伙人", title: "法定代表人/执行事务合伙人",
dataIndex: "address", dataIndex: "legal",
key: "address 1", key: "legal",
}, },
{ {
title: "成立日期", title: "成立日期",
dataIndex: "address", dataIndex: "create_time",
key: "address 2", key: "create_time",
}, },
{ {
title: "投资数额", title: "投资数额",
dataIndex: "address", dataIndex: "investment_amount",
key: "address 3", key: "investment_amount",
}, },
{ {
title: "投资比例", title: "投资比例",
dataIndex: "address", dataIndex: "investment_ratio",
key: "address 3", key: "investment_ratio",
}, },
{ {
title: "经营状态", title: "经营状态",
dataIndex: "address", dataIndex: "status",
key: "address 3", key: "status",
}, },
], ],
columns_financing: [ columns_financing: [
...@@ -375,6 +415,9 @@ export default { ...@@ -375,6 +415,9 @@ export default {
key: "address 2", key: "address 2",
}, },
], ],
pagination: {
pageSize: 5,
},
}; };
}, },
}; };
...@@ -419,23 +462,23 @@ export default { ...@@ -419,23 +462,23 @@ export default {
.company_con_anchor { .company_con_anchor {
margin-top: 15px; margin-top: 15px;
font-weight: bold; font-weight: bold;
color: #1C1C28; color: #1c1c28;
:deep(.ant-anchor-link-title) { :deep(.ant-anchor-link-title) {
color: #1C1C28; color: #1c1c28;
margin-bottom: 15px; margin-bottom: 15px;
} }
:deep(.ant-anchor-link-active > .ant-anchor-link-title) { :deep(.ant-anchor-link-active > .ant-anchor-link-title) {
color: #1890ff; color: #1890ff;
} }
:deep(.ant-anchor-ink::before){ :deep(.ant-anchor-ink::before) {
width: 8px; width: 8px;
background-color: #F5F5F5; background-color: #f5f5f5;
} }
:deep(.ant-anchor-wrapper) { :deep(.ant-anchor-wrapper) {
background-color: #fff; background-color: #fff;
padding-left: 10px; padding-left: 10px;
color: #1C1C28; color: #1c1c28;
height: 350px; height: 350px;
margin-left: 10px; margin-left: 10px;
padding: 30px 15px 0; padding: 30px 15px 0;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment