|
|
|
@ -93,213 +93,215 @@
|
|
|
|
|
</div>
|
|
|
|
|
<span class="dataCloudMap-data">【统计数据截至:{{ time }}】</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="dataCloudMap-enterprise">
|
|
|
|
|
<!-- 第一个卡片 -->
|
|
|
|
|
<el-card shadow="always">
|
|
|
|
|
<div slot="header" class="clearfix">
|
|
|
|
|
<span>生产性服务业</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-items">
|
|
|
|
|
<div class="card-item-left">
|
|
|
|
|
<div class="card-img"></div>
|
|
|
|
|
<div class="card-type">规上企业数量:</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-item-right">
|
|
|
|
|
<div class="card-number" @click="enterInfo('生产性服务业企业')">768</div>
|
|
|
|
|
<div class="card-unit">家</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-items">
|
|
|
|
|
<div class="card-item-left">
|
|
|
|
|
<div class="card-img card-img-two"></div>
|
|
|
|
|
<div class="card-type">规上企业营收:</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-item-right">
|
|
|
|
|
<div class="card-number number-two">1913</div>
|
|
|
|
|
<div class="card-unit unit-two">亿</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-items">
|
|
|
|
|
<div class="card-item-left">
|
|
|
|
|
<div class="card-img card-img-three"></div>
|
|
|
|
|
<div class="card-type">全口径增加值:</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-item-right">
|
|
|
|
|
<div class="card-number number-three">132</div>
|
|
|
|
|
<div class="card-unit unit-two">亿</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</el-card>
|
|
|
|
|
<!-- 第二个卡片 -->
|
|
|
|
|
<el-card shadow="always">
|
|
|
|
|
<div slot="header" class="clearfix">
|
|
|
|
|
<span>生活性服务业</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-items">
|
|
|
|
|
<div class="card-item-left">
|
|
|
|
|
<div class="card-img"></div>
|
|
|
|
|
<div class="card-type">规上企业数量:</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-item-right">
|
|
|
|
|
<div class="card-number" @click="enterInfo('生活性服务业企业')">768</div>
|
|
|
|
|
<div class="card-unit">家</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-items">
|
|
|
|
|
<div class="card-item-left">
|
|
|
|
|
<div class="card-img card-img-two"></div>
|
|
|
|
|
<div class="card-type">规上企业营收:</div>
|
|
|
|
|
<div class="dataCloudMap-enterprise-bottom">
|
|
|
|
|
<div class="dataCloudMap-enterprise">
|
|
|
|
|
<!-- 第一个卡片 -->
|
|
|
|
|
<el-card shadow="always">
|
|
|
|
|
<div slot="header" class="clearfix">
|
|
|
|
|
<span>生产性服务业</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-item-right">
|
|
|
|
|
<div class="card-number number-two">1913</div>
|
|
|
|
|
<div class="card-unit unit-two">亿</div>
|
|
|
|
|
<div class="card-items">
|
|
|
|
|
<div class="card-item-left">
|
|
|
|
|
<div class="card-img"></div>
|
|
|
|
|
<div class="card-type">规上企业数量:</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-item-right">
|
|
|
|
|
<div class="card-number" @click="enterInfo('生产性服务业企业')">768</div>
|
|
|
|
|
<div class="card-unit">家</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-items">
|
|
|
|
|
<div class="card-item-left">
|
|
|
|
|
<div class="card-img card-img-three"></div>
|
|
|
|
|
<div class="card-type">全口径增加值:</div>
|
|
|
|
|
<div class="card-items">
|
|
|
|
|
<div class="card-item-left">
|
|
|
|
|
<div class="card-img card-img-two"></div>
|
|
|
|
|
<div class="card-type">规上企业营收:</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-item-right">
|
|
|
|
|
<div class="card-number number-two">1913</div>
|
|
|
|
|
<div class="card-unit unit-two">亿</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-item-right">
|
|
|
|
|
<div class="card-number number-three">132</div>
|
|
|
|
|
<div class="card-unit unit-two">亿</div>
|
|
|
|
|
<div class="card-items">
|
|
|
|
|
<div class="card-item-left">
|
|
|
|
|
<div class="card-img card-img-three"></div>
|
|
|
|
|
<div class="card-type">全口径增加值:</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-item-right">
|
|
|
|
|
<div class="card-number number-three">132</div>
|
|
|
|
|
<div class="card-unit unit-two">亿</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</el-card>
|
|
|
|
|
<!-- 第三个卡片 -->
|
|
|
|
|
<el-card shadow="always">
|
|
|
|
|
<div slot="header" class="clearfix">
|
|
|
|
|
<span>新兴服务业</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-items">
|
|
|
|
|
<div class="card-item-left">
|
|
|
|
|
<div class="card-img"></div>
|
|
|
|
|
<div class="card-type">规上企业数量:</div>
|
|
|
|
|
</el-card>
|
|
|
|
|
<!-- 第二个卡片 -->
|
|
|
|
|
<el-card shadow="always">
|
|
|
|
|
<div slot="header" class="clearfix">
|
|
|
|
|
<span>生活性服务业</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-item-right">
|
|
|
|
|
<div class="card-number" @click="enterInfo('新兴服务业企业')">768</div>
|
|
|
|
|
<div class="card-unit">家</div>
|
|
|
|
|
<div class="card-items">
|
|
|
|
|
<div class="card-item-left">
|
|
|
|
|
<div class="card-img"></div>
|
|
|
|
|
<div class="card-type">规上企业数量:</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-item-right">
|
|
|
|
|
<div class="card-number" @click="enterInfo('生活性服务业企业')">768</div>
|
|
|
|
|
<div class="card-unit">家</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-items">
|
|
|
|
|
<div class="card-item-left">
|
|
|
|
|
<div class="card-img card-img-two"></div>
|
|
|
|
|
<div class="card-type">规上企业营收:</div>
|
|
|
|
|
<div class="card-items">
|
|
|
|
|
<div class="card-item-left">
|
|
|
|
|
<div class="card-img card-img-two"></div>
|
|
|
|
|
<div class="card-type">规上企业营收:</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-item-right">
|
|
|
|
|
<div class="card-number number-two">1913</div>
|
|
|
|
|
<div class="card-unit unit-two">亿</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-item-right">
|
|
|
|
|
<div class="card-number number-two">1913</div>
|
|
|
|
|
<div class="card-unit unit-two">亿</div>
|
|
|
|
|
<div class="card-items">
|
|
|
|
|
<div class="card-item-left">
|
|
|
|
|
<div class="card-img card-img-three"></div>
|
|
|
|
|
<div class="card-type">全口径增加值:</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-item-right">
|
|
|
|
|
<div class="card-number number-three">132</div>
|
|
|
|
|
<div class="card-unit unit-two">亿</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-items">
|
|
|
|
|
<div class="card-item-left">
|
|
|
|
|
<div class="card-img card-img-three"></div>
|
|
|
|
|
<div class="card-type">全口径增加值:</div>
|
|
|
|
|
</el-card>
|
|
|
|
|
<!-- 第三个卡片 -->
|
|
|
|
|
<el-card shadow="always">
|
|
|
|
|
<div slot="header" class="clearfix">
|
|
|
|
|
<span>新兴服务业</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-item-right">
|
|
|
|
|
<div class="card-number number-three">132</div>
|
|
|
|
|
<div class="card-unit unit-two">亿</div>
|
|
|
|
|
<div class="card-items">
|
|
|
|
|
<div class="card-item-left">
|
|
|
|
|
<div class="card-img"></div>
|
|
|
|
|
<div class="card-type">规上企业数量:</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-item-right">
|
|
|
|
|
<div class="card-number" @click="enterInfo('新兴服务业企业')">768</div>
|
|
|
|
|
<div class="card-unit">家</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</el-card>
|
|
|
|
|
<!-- 第四个卡片 -->
|
|
|
|
|
<el-card shadow="always">
|
|
|
|
|
<div slot="header" class="clearfix">
|
|
|
|
|
<span>限上批零住餐</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-items">
|
|
|
|
|
<div class="card-item-left">
|
|
|
|
|
<div class="card-img"></div>
|
|
|
|
|
<div class="card-type">规上企业数量:</div>
|
|
|
|
|
<div class="card-items">
|
|
|
|
|
<div class="card-item-left">
|
|
|
|
|
<div class="card-img card-img-two"></div>
|
|
|
|
|
<div class="card-type">规上企业营收:</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-item-right">
|
|
|
|
|
<div class="card-number number-two">1913</div>
|
|
|
|
|
<div class="card-unit unit-two">亿</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-item-right">
|
|
|
|
|
<div class="card-number" @click="enterInfo('限上批零住餐企业')">768</div>
|
|
|
|
|
<div class="card-unit">家</div>
|
|
|
|
|
<div class="card-items">
|
|
|
|
|
<div class="card-item-left">
|
|
|
|
|
<div class="card-img card-img-three"></div>
|
|
|
|
|
<div class="card-type">全口径增加值:</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-item-right">
|
|
|
|
|
<div class="card-number number-three">132</div>
|
|
|
|
|
<div class="card-unit unit-two">亿</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-items">
|
|
|
|
|
<div class="card-item-left">
|
|
|
|
|
<div class="card-img card-img-two"></div>
|
|
|
|
|
<div class="card-type">规上企业营收:</div>
|
|
|
|
|
</el-card>
|
|
|
|
|
<!-- 第四个卡片 -->
|
|
|
|
|
<el-card shadow="always">
|
|
|
|
|
<div slot="header" class="clearfix">
|
|
|
|
|
<span>限上批零住餐</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-item-right">
|
|
|
|
|
<div class="card-number number-two">1913</div>
|
|
|
|
|
<div class="card-unit unit-two">亿</div>
|
|
|
|
|
<div class="card-items">
|
|
|
|
|
<div class="card-item-left">
|
|
|
|
|
<div class="card-img"></div>
|
|
|
|
|
<div class="card-type">规上企业数量:</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-item-right">
|
|
|
|
|
<div class="card-number" @click="enterInfo('限上批零住餐企业')">768</div>
|
|
|
|
|
<div class="card-unit">家</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-items">
|
|
|
|
|
<div class="card-item-left">
|
|
|
|
|
<div class="card-img card-img-three"></div>
|
|
|
|
|
<div class="card-type">全口径增加值:</div>
|
|
|
|
|
<div class="card-items">
|
|
|
|
|
<div class="card-item-left">
|
|
|
|
|
<div class="card-img card-img-two"></div>
|
|
|
|
|
<div class="card-type">规上企业营收:</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-item-right">
|
|
|
|
|
<div class="card-number number-two">1913</div>
|
|
|
|
|
<div class="card-unit unit-two">亿</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-item-right">
|
|
|
|
|
<div class="card-number number-three">132</div>
|
|
|
|
|
<div class="card-unit unit-two">亿</div>
|
|
|
|
|
<div class="card-items">
|
|
|
|
|
<div class="card-item-left">
|
|
|
|
|
<div class="card-img card-img-three"></div>
|
|
|
|
|
<div class="card-type">全口径增加值:</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-item-right">
|
|
|
|
|
<div class="card-number number-three">132</div>
|
|
|
|
|
<div class="card-unit unit-two">亿</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</el-card>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="dataCloudMap-statistics">
|
|
|
|
|
<div class="statistics-title">
|
|
|
|
|
总部企业
|
|
|
|
|
</el-card>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="statistics-items">
|
|
|
|
|
<div class="statistics-item">
|
|
|
|
|
<div class="statistics-item-img"></div>
|
|
|
|
|
<div class="statistics-item-type">企业数量:</div>
|
|
|
|
|
<div class="statistics-item-right">
|
|
|
|
|
<div class="statistics-item-number" @click="headqEnterpriseBtn">365</div>
|
|
|
|
|
<div class="statistics-item-unit">
|
|
|
|
|
<span>家</span>
|
|
|
|
|
<div class="dataCloudMap-statistics">
|
|
|
|
|
<div class="statistics-title">
|
|
|
|
|
总部企业
|
|
|
|
|
</div>
|
|
|
|
|
<div class="statistics-items">
|
|
|
|
|
<div class="statistics-item">
|
|
|
|
|
<div class="statistics-item-img"></div>
|
|
|
|
|
<div class="statistics-item-type">企业数量:</div>
|
|
|
|
|
<div class="statistics-item-right">
|
|
|
|
|
<div class="statistics-item-number" @click="headqEnterpriseBtn">365</div>
|
|
|
|
|
<div class="statistics-item-unit">
|
|
|
|
|
<span>家</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="statistics-items">
|
|
|
|
|
<div class="statistics-item">
|
|
|
|
|
<div class="statistics-item-img item-img-two"></div>
|
|
|
|
|
<div class="statistics-item-type">税收贡献:</div>
|
|
|
|
|
<div class="statistics-item-right">
|
|
|
|
|
<div class="statistics-item-number number-two">1913</div>
|
|
|
|
|
<div class="statistics-item-unit unit-two">
|
|
|
|
|
<span>亿</span>
|
|
|
|
|
<el-popover
|
|
|
|
|
placement="top"
|
|
|
|
|
width="207"
|
|
|
|
|
trigger="click"
|
|
|
|
|
>
|
|
|
|
|
<div class="popover-Tooltip">增值税+企业所得税-免抵调库</div>
|
|
|
|
|
<img slot="reference" src="@/assets/images/Mapi.png" alt="">
|
|
|
|
|
</el-popover>
|
|
|
|
|
<div class="statistics-items">
|
|
|
|
|
<div class="statistics-item">
|
|
|
|
|
<div class="statistics-item-img item-img-two"></div>
|
|
|
|
|
<div class="statistics-item-type">税收贡献:</div>
|
|
|
|
|
<div class="statistics-item-right">
|
|
|
|
|
<div class="statistics-item-number number-two">1913</div>
|
|
|
|
|
<div class="statistics-item-unit unit-two">
|
|
|
|
|
<span>亿</span>
|
|
|
|
|
<el-popover
|
|
|
|
|
placement="top"
|
|
|
|
|
width="207"
|
|
|
|
|
trigger="click"
|
|
|
|
|
>
|
|
|
|
|
<div class="popover-Tooltip">增值税+企业所得税-免抵调库</div>
|
|
|
|
|
<img slot="reference" src="@/assets/images/Mapi.png" alt="">
|
|
|
|
|
</el-popover>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="statistics-items statistics-items-none">
|
|
|
|
|
<div class="statistics-item">
|
|
|
|
|
<div class="statistics-item-img item-img-three"></div>
|
|
|
|
|
<div class="statistics-item-type">经营数据:</div>
|
|
|
|
|
<div class="statistics-item-right">
|
|
|
|
|
<div class="statistics-item-number number-three">132</div>
|
|
|
|
|
<div class="statistics-item-unit unit-two">
|
|
|
|
|
<span>亿</span>
|
|
|
|
|
<el-popover
|
|
|
|
|
placement="top"
|
|
|
|
|
width="170"
|
|
|
|
|
trigger="click"
|
|
|
|
|
>
|
|
|
|
|
<div class="popover-Tooltip">
|
|
|
|
|
<div>制造业总部提供产值</div>
|
|
|
|
|
<div>服务业总部提供营收</div>
|
|
|
|
|
<div>建筑业总部提供产值</div>
|
|
|
|
|
<div>贸易类总部提供销售额</div>
|
|
|
|
|
<div class="statistics-items statistics-items-none">
|
|
|
|
|
<div class="statistics-item">
|
|
|
|
|
<div class="statistics-item-img item-img-three"></div>
|
|
|
|
|
<div class="statistics-item-type">经营数据:</div>
|
|
|
|
|
<div class="statistics-item-right">
|
|
|
|
|
<div class="statistics-item-number number-three">132</div>
|
|
|
|
|
<div class="statistics-item-unit unit-two">
|
|
|
|
|
<span>亿</span>
|
|
|
|
|
<el-popover
|
|
|
|
|
placement="top"
|
|
|
|
|
width="170"
|
|
|
|
|
trigger="click"
|
|
|
|
|
>
|
|
|
|
|
<div class="popover-Tooltip">
|
|
|
|
|
<div>制造业总部提供产值</div>
|
|
|
|
|
<div>服务业总部提供营收</div>
|
|
|
|
|
<div>建筑业总部提供产值</div>
|
|
|
|
|
<div>贸易类总部提供销售额</div>
|
|
|
|
|
</div>
|
|
|
|
|
<img slot="reference" src="@/assets/images/Mapi.png" alt="">
|
|
|
|
|
</el-popover>
|
|
|
|
|
</div>
|
|
|
|
|
<img slot="reference" src="@/assets/images/Mapi.png" alt="">
|
|
|
|
|
</el-popover>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
@ -413,13 +415,9 @@ export default {
|
|
|
|
|
options1: [
|
|
|
|
|
{
|
|
|
|
|
name: "按年",
|
|
|
|
|
// url: require("../../assets/images/bg1.png"),
|
|
|
|
|
// url1: require("../../assets/images/bg2.png"),
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "按季度",
|
|
|
|
|
// url: require("../../assets/images/tb1.png"),
|
|
|
|
|
// url1: require("../../assets/images/tb2.png"),
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
loadingOne: false,
|
|
|
|
@ -446,7 +444,6 @@ export default {
|
|
|
|
|
this.getIndustryDepthList();
|
|
|
|
|
// this.init()
|
|
|
|
|
this.time = this.getNowFormatDate();
|
|
|
|
|
console.log(this.time);
|
|
|
|
|
this.cancalDebounce();
|
|
|
|
|
window.addEventListener('resize', this.cancalDebounce);
|
|
|
|
|
},
|
|
|
|
|