|
|
@ -59,7 +59,7 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div id="echarts"></div>
|
|
|
|
<div id="echarts" ref="myChart"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 行业纵深情况 -->
|
|
|
|
<!-- 行业纵深情况 -->
|
|
|
@ -75,7 +75,7 @@
|
|
|
|
<div class="rightBtn" @click="industryBtn">查看更多数据>></div>
|
|
|
|
<div class="rightBtn" @click="industryBtn">查看更多数据>></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<section>
|
|
|
|
<section>
|
|
|
|
<el-table v-loading="loadingOne" class="dataMap-two-table" :data="tableOneData" :row-class-name="tableRowClassName" :height="330" :header-cell-style="{background:'#E8F3FC'}"> <!-- :max-height="tabHeader" -->
|
|
|
|
<el-table v-loading="loadingOne" class="dataMap-two-table" :data="tableOneData" :row-class-name="tableRowClassName" :height="isFullscreen ? 420 : 330" :header-cell-style="{background:'#E8F3FC'}"> <!-- :max-height="tabHeader" -->
|
|
|
|
<el-table-column label="行业大类" prop="bigType" width="320" align="center"/>
|
|
|
|
<el-table-column label="行业大类" prop="bigType" width="320" align="center"/>
|
|
|
|
<el-table-column label="全年营收" prop="revenue" width="130" align="center">
|
|
|
|
<el-table-column label="全年营收" prop="revenue" width="130" align="center">
|
|
|
|
<template slot-scope="scope">
|
|
|
|
<template slot-scope="scope">
|
|
|
@ -119,7 +119,7 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<span class="dataCloudMap-data">【统计数据截至:2024-01】</span>
|
|
|
|
<span class="dataCloudMap-data">【统计数据截至:2024-01】</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="dataCloudMap-enterprise">
|
|
|
|
<div class="dataCloudMap-enterprise" :class="isFullscreen ? 'dataCloudMap-enterprise-fullscreen' : ''">
|
|
|
|
<!-- 第一个卡片 -->
|
|
|
|
<!-- 第一个卡片 -->
|
|
|
|
<el-card shadow="always">
|
|
|
|
<el-card shadow="always">
|
|
|
|
<div slot="header" class="clearfix">
|
|
|
|
<div slot="header" class="clearfix">
|
|
|
@ -342,42 +342,42 @@
|
|
|
|
<div class="rightBtn" @click="honorBtn">查看更多数据>></div>
|
|
|
|
<div class="rightBtn" @click="honorBtn">查看更多数据>></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="honor-data">
|
|
|
|
<div class="honor-data">
|
|
|
|
<div class="honor-item">
|
|
|
|
<div class="honor-item" :class="isFullscreen ? 'honor-item-fullscreen' : ''">
|
|
|
|
<span class="honor-item-left">领军企业</span>
|
|
|
|
<span class="honor-item-left">领军企业</span>
|
|
|
|
<div class="honor-item-right">
|
|
|
|
<div class="honor-item-right">
|
|
|
|
<span class="honor-item-number">{{ honorData.count1 }}</span>
|
|
|
|
<span class="honor-item-number">{{ honorData.count1 }}</span>
|
|
|
|
<span class="honor-item-home">家</span>
|
|
|
|
<span class="honor-item-home">家</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="honor-item">
|
|
|
|
<div class="honor-item" :class="isFullscreen ? 'honor-item-fullscreen' : ''">
|
|
|
|
<span class="honor-item-left">两业融合试点</span>
|
|
|
|
<span class="honor-item-left">两业融合试点</span>
|
|
|
|
<div class="honor-item-right">
|
|
|
|
<div class="honor-item-right">
|
|
|
|
<span class="honor-item-number">{{ honorData.count2 }}</span>
|
|
|
|
<span class="honor-item-number">{{ honorData.count2 }}</span>
|
|
|
|
<span class="honor-item-home">家</span>
|
|
|
|
<span class="honor-item-home">家</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="honor-item">
|
|
|
|
<div class="honor-item" :class="isFullscreen ? 'honor-item-fullscreen' : ''">
|
|
|
|
<span class="honor-item-left">工业设计</span>
|
|
|
|
<span class="honor-item-left">工业设计</span>
|
|
|
|
<div class="honor-item-right">
|
|
|
|
<div class="honor-item-right">
|
|
|
|
<span class="honor-item-number">{{ honorData.count3 }}</span>
|
|
|
|
<span class="honor-item-number">{{ honorData.count3 }}</span>
|
|
|
|
<span class="honor-item-home">家</span>
|
|
|
|
<span class="honor-item-home">家</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="honor-item">
|
|
|
|
<div class="honor-item" :class="isFullscreen ? 'honor-item-fullscreen' : ''">
|
|
|
|
<span class="honor-item-left">服务型制造示范</span>
|
|
|
|
<span class="honor-item-left">服务型制造示范</span>
|
|
|
|
<div class="honor-item-right">
|
|
|
|
<div class="honor-item-right">
|
|
|
|
<span class="honor-item-number">{{ honorData.count4 }}</span>
|
|
|
|
<span class="honor-item-number">{{ honorData.count4 }}</span>
|
|
|
|
<span class="honor-item-home">家</span>
|
|
|
|
<span class="honor-item-home">家</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="honor-item">
|
|
|
|
<div class="honor-item" :class="isFullscreen ? 'honor-item-fullscreen' : ''">
|
|
|
|
<span class="honor-item-left">现代服务业集聚区</span>
|
|
|
|
<span class="honor-item-left">现代服务业集聚区</span>
|
|
|
|
<div class="honor-item-right">
|
|
|
|
<div class="honor-item-right">
|
|
|
|
<span class="honor-item-number">{{ honorData.count5 }}</span>
|
|
|
|
<span class="honor-item-number">{{ honorData.count5 }}</span>
|
|
|
|
<span class="honor-item-home">家</span>
|
|
|
|
<span class="honor-item-home">家</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="honor-item">
|
|
|
|
<div class="honor-item" :class="isFullscreen ? 'honor-item-fullscreen' : ''">
|
|
|
|
<span class="honor-item-left">楼宇经济</span>
|
|
|
|
<span class="honor-item-left">楼宇经济</span>
|
|
|
|
<div class="honor-item-right">
|
|
|
|
<div class="honor-item-right">
|
|
|
|
<span class="honor-item-number">{{ honorData.count6 }}</span>
|
|
|
|
<span class="honor-item-number">{{ honorData.count6 }}</span>
|
|
|
@ -400,7 +400,7 @@
|
|
|
|
<div class="rightBtn" @click="projectBtn">查看更多数据>></div>
|
|
|
|
<div class="rightBtn" @click="projectBtn">查看更多数据>></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<section>
|
|
|
|
<section>
|
|
|
|
<el-table v-loading="loadingTwo" class="dataMap-two-table" :data="tableTwoData" :row-class-name="tableRowClassName" :height="170" :header-cell-style="{background:'#E8F3FC'}"> <!-- :max-height="tabHeader" -->
|
|
|
|
<el-table v-loading="loadingTwo" class="dataMap-two-table" :data="tableTwoData" :row-class-name="tableRowClassName" :height="isFullscreen ? 220 : 170" :header-cell-style="{background:'#E8F3FC'}"> <!-- :max-height="tabHeader" -->
|
|
|
|
<el-table-column label="申报任务名称" prop="enterpriseDirectory" width="500" align="center"/>
|
|
|
|
<el-table-column label="申报任务名称" prop="enterpriseDirectory" width="500" align="center"/>
|
|
|
|
<el-table-column label="填报时间" prop="time" align="center">
|
|
|
|
<el-table-column label="填报时间" prop="time" align="center">
|
|
|
|
<template slot-scope="scope">
|
|
|
|
<template slot-scope="scope">
|
|
|
@ -425,6 +425,7 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
<script>
|
|
|
|
<script>
|
|
|
|
|
|
|
|
import screenfull from 'screenfull'
|
|
|
|
import * as echarts from "echarts";
|
|
|
|
import * as echarts from "echarts";
|
|
|
|
import honorDialogVue from './components/honorDialog.vue';
|
|
|
|
import honorDialogVue from './components/honorDialog.vue';
|
|
|
|
import headqEnterprise from './components/headquarterEnterprise.vue'
|
|
|
|
import headqEnterprise from './components/headquarterEnterprise.vue'
|
|
|
@ -483,6 +484,32 @@ export default {
|
|
|
|
speedUp:"0.89",
|
|
|
|
speedUp:"0.89",
|
|
|
|
proportion:"11",
|
|
|
|
proportion:"11",
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
bigType:"科学研究和技术服务业",
|
|
|
|
|
|
|
|
revenue:"506.63",
|
|
|
|
|
|
|
|
yuan:"201",
|
|
|
|
|
|
|
|
speedUp:"0.89",
|
|
|
|
|
|
|
|
proportion:"11",
|
|
|
|
|
|
|
|
},{
|
|
|
|
|
|
|
|
bigType:"科学研究和技术服务业",
|
|
|
|
|
|
|
|
revenue:"506.63",
|
|
|
|
|
|
|
|
yuan:"201",
|
|
|
|
|
|
|
|
speedUp:"0.89",
|
|
|
|
|
|
|
|
proportion:"11",
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
bigType:"科学研究和技术服务业",
|
|
|
|
|
|
|
|
revenue:"506.63",
|
|
|
|
|
|
|
|
yuan:"201",
|
|
|
|
|
|
|
|
speedUp:"0.89",
|
|
|
|
|
|
|
|
proportion:"11",
|
|
|
|
|
|
|
|
},{
|
|
|
|
|
|
|
|
bigType:"科学研究和技术服务业",
|
|
|
|
|
|
|
|
revenue:"506.63",
|
|
|
|
|
|
|
|
yuan:"201",
|
|
|
|
|
|
|
|
speedUp:"0.89",
|
|
|
|
|
|
|
|
proportion:"11",
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
bigType:"科学研究和技术服务业",
|
|
|
|
bigType:"科学研究和技术服务业",
|
|
|
|
revenue:"506.63",
|
|
|
|
revenue:"506.63",
|
|
|
@ -503,6 +530,9 @@ export default {
|
|
|
|
},
|
|
|
|
},
|
|
|
|
honorTableData:[],
|
|
|
|
honorTableData:[],
|
|
|
|
titleDialog:"",
|
|
|
|
titleDialog:"",
|
|
|
|
|
|
|
|
isFullscreen: false,
|
|
|
|
|
|
|
|
myChart: false,
|
|
|
|
|
|
|
|
option:{}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
mounted(){
|
|
|
|
mounted(){
|
|
|
@ -511,8 +541,41 @@ export default {
|
|
|
|
})
|
|
|
|
})
|
|
|
|
this.getHonorList();
|
|
|
|
this.getHonorList();
|
|
|
|
this.getProjectList();
|
|
|
|
this.getProjectList();
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
this.screenFull();
|
|
|
|
|
|
|
|
// this.init()
|
|
|
|
},
|
|
|
|
},
|
|
|
|
methods:{
|
|
|
|
methods:{
|
|
|
|
|
|
|
|
change() {
|
|
|
|
|
|
|
|
this.isFullscreen = screenfull.isFullscreen;
|
|
|
|
|
|
|
|
// this.myChart.setOption(this.option)
|
|
|
|
|
|
|
|
this.myChart && this.myChart.resize()
|
|
|
|
|
|
|
|
// this.myChart.clear()
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
screenFull() {
|
|
|
|
|
|
|
|
window.addEventListener('keydown', this.KeyDown);
|
|
|
|
|
|
|
|
if (screenfull.isEnabled) {
|
|
|
|
|
|
|
|
screenfull.on('change', this.change)
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
KeyDown(event) {
|
|
|
|
|
|
|
|
if (event.keyCode === 122) {
|
|
|
|
|
|
|
|
event.preventDefault();
|
|
|
|
|
|
|
|
this.isScreenFull();
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
isScreenFull(){
|
|
|
|
|
|
|
|
if (!screenfull.isEnabled) {
|
|
|
|
|
|
|
|
// 浏览器不支持全屏
|
|
|
|
|
|
|
|
return false;
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
this.$nextTick(()=>{
|
|
|
|
|
|
|
|
screenfull.toggle();
|
|
|
|
|
|
|
|
this.initEchart();
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
},
|
|
|
|
// 获取荣誉情况
|
|
|
|
// 获取荣誉情况
|
|
|
|
getHonorList(){
|
|
|
|
getHonorList(){
|
|
|
|
honor().then(res=>{
|
|
|
|
honor().then(res=>{
|
|
|
@ -544,8 +607,8 @@ export default {
|
|
|
|
},
|
|
|
|
},
|
|
|
|
initEchart(){
|
|
|
|
initEchart(){
|
|
|
|
var chartDom = document.getElementById("echarts");
|
|
|
|
var chartDom = document.getElementById("echarts");
|
|
|
|
var myChart = echarts.init(chartDom);
|
|
|
|
this.myChart = echarts.init(chartDom);
|
|
|
|
let option = {
|
|
|
|
this.option = {
|
|
|
|
// title: {
|
|
|
|
// title: {
|
|
|
|
// text: "2019年销售水量和主营业务收入对比",
|
|
|
|
// text: "2019年销售水量和主营业务收入对比",
|
|
|
|
// textStyle: {
|
|
|
|
// textStyle: {
|
|
|
@ -557,7 +620,7 @@ export default {
|
|
|
|
// left: "10%",
|
|
|
|
// left: "10%",
|
|
|
|
// },
|
|
|
|
// },
|
|
|
|
grid: {
|
|
|
|
grid: {
|
|
|
|
top: "8%",
|
|
|
|
top: "3%",
|
|
|
|
left: "3%",
|
|
|
|
left: "3%",
|
|
|
|
right: "3%",
|
|
|
|
right: "3%",
|
|
|
|
bottom: "8%", //也可设置left和right设置距离来控制图表的大小
|
|
|
|
bottom: "8%", //也可设置left和right设置距离来控制图表的大小
|
|
|
@ -671,7 +734,7 @@ export default {
|
|
|
|
},
|
|
|
|
},
|
|
|
|
],
|
|
|
|
],
|
|
|
|
};
|
|
|
|
};
|
|
|
|
myChart.setOption(option)
|
|
|
|
this.myChart.setOption(this.option)
|
|
|
|
},
|
|
|
|
},
|
|
|
|
// 荣誉情况查看更多数据按钮
|
|
|
|
// 荣誉情况查看更多数据按钮
|
|
|
|
honorBtn(){
|
|
|
|
honorBtn(){
|
|
|
|