<template>
|
<div class="containerQY">
|
<div class="top">
|
<div class="topleft">
|
<div class="topLeft1">
|
<div class="title">
|
<span>园区企业总览</span>
|
<!-- <button @click="QYData()">企业数量</button>-->
|
</div>
|
<div class="msg">
|
<div class="msg1">
|
<div class="img">
|
<img src="../../../assets/images/企业数量.png" />
|
</div>
|
<div class="Msgdata">
|
<div class="label">已录入平台企业<span></span></div>
|
<div class="data data1">{{QYFData.QY}}<span>家</span></div>
|
</div>
|
</div>
|
<!-- <div class="msg1">-->
|
<!-- <div class="img">-->
|
<!-- <img src="../../../assets/images/生产企业.png" />-->
|
<!-- </div>-->
|
<!-- <div class="Msgdata">-->
|
<!-- <div class="label">生产企业<span></span></div>-->
|
<!-- <div class="data data2">{{QYFData.SC}}<span>个</span></div>-->
|
<!-- </div>-->
|
<!-- </div>-->
|
<!-- <div class="msg1">-->
|
<!-- <div class="img">-->
|
<!-- <img src="../../../assets/images/从业人数.png" />-->
|
<!-- </div>-->
|
<!-- <div class="Msgdata">-->
|
<!-- <div class="label">从业人数<span></span></div>-->
|
<!-- <div class="data data3">2459<span>人</span></div>-->
|
<!-- </div>-->
|
<!-- </div>-->
|
<div class="msg1">
|
<div class="img">
|
<img src="../../../assets/images/企业总产值.png" />
|
</div>
|
<div class="Msgdata">
|
<div class="label">企业总产值<span><img
|
src="../../../assets/image/Left/EnterpriseOperation/上升.png" />18.4%</span>
|
</div>
|
<!-- <div class="data data4">645991.9<span>万元</span></div>-->
|
<div class="data data4">64.60<span>亿元</span></div>
|
</div>
|
</div>
|
<div class="msg1">
|
<div class="img">
|
<img src="../../../assets/images/企业总税收.png" />
|
</div>
|
<div class="Msgdata">
|
<div class="label label1">企业总税收<span><img
|
src="../../../assets/image/Left/EnterpriseOperation/下降.png" />30.8%</span>
|
</div>
|
<!-- <div class="data data5">9708.2<span>万元</span></div>-->
|
<div class="data data5">0.97<span>亿元</span></div>
|
</div>
|
</div>
|
<!-- <div class="msg1">-->
|
<!-- <div class="img">-->
|
<!-- <img src="../../../assets/images/占地总面积.png" />-->
|
<!-- </div>-->
|
<!-- <div class="Msgdata">-->
|
<!-- <div class="label">企业占地总面积<span></span></div>-->
|
<!-- <div class="data data6">3.88<span>平方公里</span></div>-->
|
<!-- </div>-->
|
<!-- </div>-->
|
|
</div>
|
|
</div>
|
<div class="topLeft2">
|
<div class="title">
|
<span>行业产值统计</span>
|
</div>
|
<div class="topLeft2msg" id="topLeft2msg"></div>
|
</div>
|
</div>
|
<div class="topRight">
|
<div class="title">
|
<span>企业产值排名</span>
|
<!-- <button @click="CZDB()" :class="{'button':ButonState2}">产值统计</button>-->
|
<button @click="CZDB()">产值统计</button>
|
</div>
|
<div class="TopRightChart" id="TopRightChart"></div>
|
</div>
|
</div>
|
<div class="bottom">
|
<div class="titleC">
|
<span>企业税收排名</span>
|
<!-- <button @click="SSTJ()" :class="{'button':ButonState3}">税收统计</button>-->
|
<button @click="SSTJ()">税收统计</button>
|
</div>
|
<div class="bottomChart" id="bottomChart"></div>
|
|
</div>
|
|
|
<el-dialog v-dialogDrag :visible.sync="dialogVisible" title="税收统计表" width="60%" class="datlog"
|
:before-close="handleDialogClose1">
|
<el-table class="Mytable" top="100px"
|
:data="tableData1.slice((currentPage1 - 1) * pageSize1, currentPage1 * pageSize1)" >
|
|
<!-- <el-table-column prop="num" label="序号" show-overflow-tooltip >-->
|
<!-- </el-table-column>-->
|
<el-table-column prop="corpName" label="企业名称" width="500" show-overflow-tooltip>
|
</el-table-column>
|
<!-- <el-table-column prop="status" label="项目所属企业" width="300" show-overflow-tooltip>-->
|
<!-- </el-table-column>-->
|
<el-table-column prop="type" label="产业大类" show-overflow-tooltip>
|
</el-table-column>
|
<el-table-column prop="production" label="主要产品" show-overflow-tooltip>
|
</el-table-column>
|
<el-table-column prop="allRevenue" label="2021年税收（万元）" show-overflow-tooltip>
|
</el-table-column>
|
<!-- <el-table-column prop="5output" label="备案投资额" show-overflow-tooltip>-->
|
<!-- </el-table-column>-->
|
<!-- <el-table-column prop="allOutput" label="当年累计到位资金" show-overflow-tooltip>-->
|
<!-- </el-table-column>-->
|
<!-- <el-table-column prop="BF" label="入驻标房">-->
|
<!-- </el-table-column>-->
|
<!-- <el-table-column prop="TB" label="头部企业">-->
|
<!-- </el-table-column>-->
|
<!-- <el-table-column prop="SZ" label="数字经济项目" width="200">-->
|
<!-- </el-table-column>-->
|
<!-- <el-table-column prop="GKJ" label="高科技项目">-->
|
<!-- </el-table-column>-->
|
</el-table>
|
<el-pagination background layout="prev, pager, next,jumper, ->, total" :total="tableData1.length"
|
@current-change="handleCurrentChange1" :current-page="currentPage1" :page-size="pageSize1">
|
</el-pagination>
|
</el-dialog>
|
|
<!-- <el-dialog v-dialogDrag :visible.sync="dialogVisible" width="60%" title="企业详情" class="datlog">-->
|
<!-- <el-table :data="tableData.slice((currentPage - 1) * pageSize, currentPage * pageSize)" class="Mytable">-->
|
<!-- <el-table-column prop="num" label="序号">-->
|
<!-- </el-table-column>-->
|
<!-- <el-table-column prop="corpName" label="企业名称" width="500">-->
|
<!-- </el-table-column>-->
|
<!-- <el-table-column prop="status" label="运行状态" width="200">-->
|
<!-- </el-table-column>-->
|
<!-- <el-table-column prop="establishDate" label="注册时间">-->
|
<!-- </el-table-column>-->
|
<!-- <el-table-column prop="area" label="占地面积（亩）">-->
|
<!-- </el-table-column>-->
|
<!-- <el-table-column prop="personNum" label="总人数" width="120">-->
|
<!-- </el-table-column>-->
|
|
<!-- <el-table-column label="用电量（度）">-->
|
<!-- <el-table-column prop="5electric" label="2022年5月">-->
|
<!-- </el-table-column>-->
|
<!-- <el-table-column prop="allElectric" label="2022年五月至累计">-->
|
<!-- </el-table-column>-->
|
<!-- </el-table-column>-->
|
<!-- <el-table-column label="产值（万元）">-->
|
<!-- <el-table-column prop="5output" label="2022年5月">-->
|
<!-- </el-table-column>-->
|
<!-- <el-table-column prop="allOutput" label="2022年五月至累计">-->
|
<!-- </el-table-column>-->
|
<!-- </el-table-column>-->
|
<!-- <el-table-column label="税收（万元）">-->
|
<!-- <el-table-column prop="5revenue" label="2022年5月">-->
|
<!-- </el-table-column>-->
|
<!-- <el-table-column prop="allRevenue" label="2022年五月至累计">-->
|
<!-- </el-table-column>-->
|
<!-- </el-table-column>-->
|
<!-- <el-table-column label="位置">-->
|
<!-- <template slot-scope="scope">-->
|
<!-- <el-button type="primary" style="font-size: 30px;" @click="FlyToLocation(scope.row)">位置-->
|
<!-- </el-button>-->
|
<!-- <!– <el-button type="info">信息按钮</el-button> –>-->
|
<!-- </template>-->
|
<!-- </el-table-column>-->
|
<!-- </el-table>-->
|
|
<!-- <el-pagination background layout="prev, pager, next,jumper, ->, total" :total="tableData.length"-->
|
<!-- @current-change="handleCurrentChange" :current-page="currentPage" :page-size="pageSize">-->
|
<!-- </el-pagination>-->
|
<!-- </el-dialog>-->
|
|
<el-dialog v-dialogDrag width="1000px" class="HGTitle" :visible.sync="dialogVisible1">
|
<div class="dialogHG">
|
<div class="td0">
|
<span>{{qyData.RefName}}</span>
|
</div>
|
|
<div class="td1">
|
|
<span class="span1">
|
<img src="../../../assets/image/Left/EnterpriseOperation/时光倒流.png" />
|
</span>
|
<span class="span2">成立时间:{{qyData.ZCSJ}}</span>
|
</div>
|
<div class="td1">
|
|
<span class="span1">
|
<img src="../../../assets/image/Left/EnterpriseOperation/生产力.png" />
|
</span>
|
<span class="span2">产值:{{qyData.LJCZ}}万元</span>
|
</div>
|
<div class="td1">
|
<span class="span1">
|
<img src="../../../assets/image/Left/EnterpriseOperation/表格.png" />
|
</span>
|
<span class="span2">税收:{{qyData.LJSS==undefined?"0":qyData.LJSS}}万元</span>
|
</div>
|
<div class="td2">
|
<img :src="qyData.IMG" />
|
<!-- <img src="../../../assets/image/Left/EnterpriseOperation/HGImg.png" /> -->
|
<!-- span class="span1">
|
<img src="../../../assets/image/Left/Emergency/撞车.png" />
|
</span>
|
<span class="span2">成立时间{{qyData.Time}}</span> -->
|
</div>
|
<div class="td1">
|
<span class="span1">
|
<img src="../../../assets/image/Left/EnterpriseOperation/水.png" />
|
</span>
|
<span class="span2">用水量:{{qyData.YSL}}吨</span>
|
</div>
|
<div class="td1">
|
<span class="span1">
|
<img src="../../../assets/image/Left/EnterpriseOperation/绿色能源.png" />
|
</span>
|
<span class="span2">用电量:{{qyData.DYYDL}}度</span>
|
</div>
|
<div class="td1">
|
<span class="span1">
|
<img src="../../../assets/image/Left/EnterpriseOperation/油桶桶桶.png" />
|
</span>
|
<span class="span2">石油焦:{{qyData.SYJ==undefined?"-----":qyData.SYJ+"吨"}}</span>
|
</div>
|
<div class="td1" style="border: none;">
|
<span class="span1">
|
<img src="../../../assets/image/Left/EnterpriseOperation/绿色能源.png" />
|
</span>
|
<span class="span2">当月能耗：{{qyData.NH}}吨标准煤</span>
|
</div>
|
</div>
|
</el-dialog>
|
</div>
|
|
</template>
|
|
<script>
|
import jsonData from '../../../assets/json/data.json'
|
import axios from "axios";
|
import mapAPI from "../../../API/mapAPI.js";
|
import HttpUrl from "../../../config/http.js";
|
|
|
|
import {
|
axios_get,
|
axios_post
|
} from "../../../until/request.js"
|
import Highcharts from "highcharts";
|
import Table1 from "@assets/json/dataZJXMV1.json";
|
export default {
|
data() {
|
return {
|
currentPage1: 1, //当前页 刷新后默认显示第一页
|
pageSize1: 15, //每一页显示的数据量 此处每页显示6条数据
|
|
currentPage: 1, //当前页 刷新后默认显示第一页
|
pageSize: 15, //每一页显示的数据量 此处每页显示6条数据
|
chart1: {},
|
chart1option: {},
|
QYFData: {
|
QY: 0,
|
SC: 0
|
},
|
corpName:'',
|
allRevenue:'',
|
tableData1: [],
|
dialogVisible: false,
|
tableData: [],
|
CurrentItem: "",
|
//count:0
|
CZState: false,
|
SSState: false,
|
dialogVisible1: false,
|
qyData: {
|
LJCZ: "930",
|
LJSS: "3.831196",
|
Layer: "已建企业",
|
RefName: "辽宁华锆新材料有限公司",
|
ZCSJ: "2018年",
|
YSL: "3169",
|
DYYDL: "490.32",
|
SJY: "101.22",
|
NH: "713.12",
|
IMG:""
|
},
|
ButonState2: false,
|
ButonState3: false,
|
QQCZShow:false,
|
|
QYSSLayer:null,
|
|
|
}
|
},
|
mounted() {
|
this.GetQYData();
|
this.drawChart1();
|
this.DrawChart2();
|
this.drawChart3();
|
this.getTableData1();
|
|
},
|
methods: {
|
handleDialogClose1() {
|
this.dialogVisible = false;
|
this.buttonState = false;
|
},
|
handleCurrentChange1(currentPage) {
|
this.currentPage1 = currentPage; //每次点击分页按钮，当前页发生变化
|
},
|
getTableData1(){
|
axios.get("/data/RDT3.json").then((response) => {
|
this.tableData1=response.data.data;
|
// for (let i = 0; i < response.data.data.length; i++) {
|
// this.corpName=response.data.data[i].corpName;
|
// this.allRevenue=response.data.data[i].allRevenue;
|
// }
|
});
|
|
},
|
//x轴隐藏过长文字
|
extension(chart) {
|
// 注意这里，是以X轴显示内容过长为例，如果是y轴的话，需要把params.componentType == 'xAxis'改为yAxis
|
// 判断是否创建过div框,如果创建过就不再创建了
|
// 该div用来盛放文本显示内容的，方便对其悬浮位置进行处理
|
var elementDiv = document.getElementById('extension')
|
if (!elementDiv) {
|
var div = document.createElement('div')
|
div.setAttribute('id', 'extension')
|
div.style.display = 'block'
|
document.querySelector('html').appendChild(div)
|
}
|
chart.on('mouseover', function (params) {
|
if (params.componentType == 'xAxis') {
|
var elementDiv = document.querySelector('#extension')
|
//设置悬浮文本的位置以及样式
|
var elementStyle =
|
'position: absolute;z-index: 99999;color: #fff;font-size: 22px;padding: 5px;display: inline;border-radius: 4px;background-color: #303133;box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 8px'
|
elementDiv.style.cssText = elementStyle
|
elementDiv.innerHTML = params.value
|
document.querySelector('html').onmousemove = function (event) {
|
var elementDiv = document.querySelector('#extension')
|
var xx = event.pageX + 10
|
var yy = event.pageY - 30
|
elementDiv.style.top = yy + 'px'
|
elementDiv.style.left = xx + 'px'
|
}
|
}
|
})
|
chart.on('mouseout', function (params) {
|
//注意这里，我是以X轴显示内容过长为例，如果是y轴的话，需要改为yAxis
|
if (params.componentType == 'xAxis') {
|
var elementDiv = document.querySelector('#extension')
|
elementDiv.style.cssText = 'display:none'
|
}
|
})
|
},
|
|
//获取企业数据
|
GetQYData() {
|
axios_post("/corp/getCorpGeneralCatalogue").then(response => {
|
this.QYFData.QY = response.data.allCorpNum;
|
this.QYFData.SC = response.data.productionNum;
|
})
|
},
|
|
drawChart1() {
|
|
let data = [
|
['冶金行业', 430452.8],
|
['装备制造行业', 84718.5],
|
['轻工行业', 16831.5],
|
['化工行业', 6886.4],
|
['建材行业', 24829.3],
|
['农副食品加工业', 15289.8],
|
['能源', 58523.6 ],
|
];
|
var chart = Highcharts.chart('topLeft2msg', {
|
|
colors: [
|
|
'rgba(255,210,75,0.8)',
|
'rgba(98,238,181,0.8)',
|
'rgba(116,148,175,0.8)',
|
'rgba(228,228,234,0.8)',
|
'rgba(49,104,200,0.8)',
|
'rgba(150,49,200,0.8)',
|
'rgba(135,200,49,0.8)',
|
|
],
|
|
chart: {
|
backgroundColor: 'transparent',
|
type: 'pie',
|
options3d: {
|
enabled: true,
|
alpha: 60,
|
beta: 0
|
}
|
},
|
credits: {
|
enabled: false
|
},
|
title: {
|
text: ''
|
},
|
legend: {
|
layout: 'vertical',
|
align: 'left',
|
verticalAlign: 'middle',
|
shadow: false,
|
itemMarginTop: 25,
|
x: 20,
|
itemStyle: {
|
'color': '#FFF',
|
'fontSize': '26'
|
}
|
},
|
plotOptions: {
|
pie: {
|
size: 400,
|
allowPointSelect: true,
|
cursor: 'pointer',
|
depth: 35,
|
dataLabels: {
|
enabled: false,
|
format: '{point.name}'
|
},
|
showInLegend: true,
|
center: ["35%", "50%"],
|
}
|
},
|
tooltip: {
|
style: {
|
color: "#000000",
|
fontSize: "28px",
|
fontWeight: "blod",
|
fontFamily: "Courir new"
|
}
|
|
},
|
series: [{
|
type: 'pie',
|
name: '行业产值统计',
|
data: data
|
}]
|
});
|
},
|
|
DrawChart2() {
|
|
this.myChart = this.$echarts.init(document.getElementById("TopRightChart"), null, {
|
renderer: "svg",
|
});
|
|
var img1 = {
|
a: "path://M576.2048 229.7856l76.8-85.6064a31.9488 31.9488 0 0 0-23.808-53.3504H394.8544a32 32 0 0 0-23.808 53.3504l76.288 84.8896a384 384 0 0 0-321.0752 378.4192v217.344A104.448 104.448 0 0 0 230.4 929.1264h558.6944a104.448 104.448 0 0 0 104.2944-104.2944v-217.344a384 384 0 0 0-317.184-377.7024z m-18.688-74.9568L512 205.4144l-45.4656-50.5856z m-21.2992 594.7904v36.1984a8.192 8.192 0 0 1-7.9872 7.9872H492.032a8.192 8.192 0 0 1-7.9872-7.9872v-34.048a315.8528 315.8528 0 0 1-52.1728-6.9632 8.0896 8.0896 0 0 1-7.4752-7.9872v-28.7232a7.6288 7.6288 0 0 1 7.4752-7.4752h1.0752c15.9744 2.1504 55.9104 4.2496 70.8096 4.2496 35.84 0 46.08-12.7488 46.08-36.1984 0-15.36-7.4752-23.3984-34.0992-39.3728l-52.736-31.4368c-37.2736-21.8112-47.36-45.2608-47.36-73.472 0-36.7616 18.0736-65.4848 68.1472-73.472v-33.5872A8.192 8.192 0 0 1 492.032 409.6h36.1984a8.192 8.192 0 0 1 7.9872 7.9872v31.9488a438.6304 438.6304 0 0 1 56.32 6.4c4.2496 1.0752 7.424 3.7376 7.424 7.4752v29.7984a6.8608 6.8608 0 0 1-6.912 7.4752h-1.0752c-26.624-2.6624-52.6848-4.2496-78.7968-4.2496C483.5328 496.1792 471.04 506.88 471.04 524.3904c0 13.312 6.9632 21.2992 33.024 35.84l47.9232 26.624c44.1856 24.4736 55.9104 50.0224 55.9104 81.92 0.2048 33.9968-17.8688 70.7072-71.68 80.8448z",
|
|
b: "path://M576.2048 229.7856l76.8-85.6064a31.9488 31.9488 0 0 0-23.808-53.3504H394.8544a32 32 0 0 0-23.808 53.3504l76.288 84.8896a384 384 0 0 0-321.0752 378.4192v217.344A104.448 104.448 0 0 0 230.4 929.1264h558.6944a104.448 104.448 0 0 0 104.2944-104.2944v-217.344a384 384 0 0 0-317.184-377.7024z m-18.688-74.9568L512 205.4144l-45.4656-50.5856z m-21.2992 594.7904v36.1984a8.192 8.192 0 0 1-7.9872 7.9872H492.032a8.192 8.192 0 0 1-7.9872-7.9872v-34.048a315.8528 315.8528 0 0 1-52.1728-6.9632 8.0896 8.0896 0 0 1-7.4752-7.9872v-28.7232a7.6288 7.6288 0 0 1 7.4752-7.4752h1.0752c15.9744 2.1504 55.9104 4.2496 70.8096 4.2496 35.84 0 46.08-12.7488 46.08-36.1984 0-15.36-7.4752-23.3984-34.0992-39.3728l-52.736-31.4368c-37.2736-21.8112-47.36-45.2608-47.36-73.472 0-36.7616 18.0736-65.4848 68.1472-73.472v-33.5872A8.192 8.192 0 0 1 492.032 409.6h36.1984a8.192 8.192 0 0 1 7.9872 7.9872v31.9488a438.6304 438.6304 0 0 1 56.32 6.4c4.2496 1.0752 7.424 3.7376 7.424 7.4752v29.7984a6.8608 6.8608 0 0 1-6.912 7.4752h-1.0752c-26.624-2.6624-52.6848-4.2496-78.7968-4.2496C483.5328 496.1792 471.04 506.88 471.04 524.3904c0 13.312 6.9632 21.2992 33.024 35.84l47.9232 26.624c44.1856 24.4736 55.9104 50.0224 55.9104 81.92 0.2048 33.9968-17.8688 70.7072-71.68 80.8448z",
|
};
|
|
var img2 = {
|
a: "path://M576.2048 229.7856l76.8-85.6064a31.9488 31.9488 0 0 0-23.808-53.3504H394.8544a32 32 0 0 0-23.808 53.3504l76.288 84.8896a384 384 0 0 0-321.0752 378.4192v217.344A104.448 104.448 0 0 0 230.4 929.1264h558.6944a104.448 104.448 0 0 0 104.2944-104.2944v-217.344a384 384 0 0 0-317.184-377.7024z m-18.688-74.9568L512 205.4144l-45.4656-50.5856z m-21.2992 594.7904v36.1984a8.192 8.192 0 0 1-7.9872 7.9872H492.032a8.192 8.192 0 0 1-7.9872-7.9872v-34.048a315.8528 315.8528 0 0 1-52.1728-6.9632 8.0896 8.0896 0 0 1-7.4752-7.9872v-28.7232a7.6288 7.6288 0 0 1 7.4752-7.4752h1.0752c15.9744 2.1504 55.9104 4.2496 70.8096 4.2496 35.84 0 46.08-12.7488 46.08-36.1984 0-15.36-7.4752-23.3984-34.0992-39.3728l-52.736-31.4368c-37.2736-21.8112-47.36-45.2608-47.36-73.472 0-36.7616 18.0736-65.4848 68.1472-73.472v-33.5872A8.192 8.192 0 0 1 492.032 409.6h36.1984a8.192 8.192 0 0 1 7.9872 7.9872v31.9488a438.6304 438.6304 0 0 1 56.32 6.4c4.2496 1.0752 7.424 3.7376 7.424 7.4752v29.7984a6.8608 6.8608 0 0 1-6.912 7.4752h-1.0752c-26.624-2.6624-52.6848-4.2496-78.7968-4.2496C483.5328 496.1792 471.04 506.88 471.04 524.3904c0 13.312 6.9632 21.2992 33.024 35.84l47.9232 26.624c44.1856 24.4736 55.9104 50.0224 55.9104 81.92 0.2048 33.9968-17.8688 70.7072-71.68 80.8448z",
|
b: "path://M576.2048 229.7856l76.8-85.6064a31.9488 31.9488 0 0 0-23.808-53.3504H394.8544a32 32 0 0 0-23.808 53.3504l76.288 84.8896a384 384 0 0 0-321.0752 378.4192v217.344A104.448 104.448 0 0 0 230.4 929.1264h558.6944a104.448 104.448 0 0 0 104.2944-104.2944v-217.344a384 384 0 0 0-317.184-377.7024z m-18.688-74.9568L512 205.4144l-45.4656-50.5856z m-21.2992 594.7904v36.1984a8.192 8.192 0 0 1-7.9872 7.9872H492.032a8.192 8.192 0 0 1-7.9872-7.9872v-34.048a315.8528 315.8528 0 0 1-52.1728-6.9632 8.0896 8.0896 0 0 1-7.4752-7.9872v-28.7232a7.6288 7.6288 0 0 1 7.4752-7.4752h1.0752c15.9744 2.1504 55.9104 4.2496 70.8096 4.2496 35.84 0 46.08-12.7488 46.08-36.1984 0-15.36-7.4752-23.3984-34.0992-39.3728l-52.736-31.4368c-37.2736-21.8112-47.36-45.2608-47.36-73.472 0-36.7616 18.0736-65.4848 68.1472-73.472v-33.5872A8.192 8.192 0 0 1 492.032 409.6h36.1984a8.192 8.192 0 0 1 7.9872 7.9872v31.9488a438.6304 438.6304 0 0 1 56.32 6.4c4.2496 1.0752 7.424 3.7376 7.424 7.4752v29.7984a6.8608 6.8608 0 0 1-6.912 7.4752h-1.0752c-26.624-2.6624-52.6848-4.2496-78.7968-4.2496C483.5328 496.1792 471.04 506.88 471.04 524.3904c0 13.312 6.9632 21.2992 33.024 35.84l47.9232 26.624c44.1856 24.4736 55.9104 50.0224 55.9104 81.92 0.2048 33.9968-17.8688 70.7072-71.68 80.8448z",
|
};
|
|
var img3 = {
|
a: "path://M576.2048 229.7856l76.8-85.6064a31.9488 31.9488 0 0 0-23.808-53.3504H394.8544a32 32 0 0 0-23.808 53.3504l76.288 84.8896a384 384 0 0 0-321.0752 378.4192v217.344A104.448 104.448 0 0 0 230.4 929.1264h558.6944a104.448 104.448 0 0 0 104.2944-104.2944v-217.344a384 384 0 0 0-317.184-377.7024z m-18.688-74.9568L512 205.4144l-45.4656-50.5856z m-21.2992 594.7904v36.1984a8.192 8.192 0 0 1-7.9872 7.9872H492.032a8.192 8.192 0 0 1-7.9872-7.9872v-34.048a315.8528 315.8528 0 0 1-52.1728-6.9632 8.0896 8.0896 0 0 1-7.4752-7.9872v-28.7232a7.6288 7.6288 0 0 1 7.4752-7.4752h1.0752c15.9744 2.1504 55.9104 4.2496 70.8096 4.2496 35.84 0 46.08-12.7488 46.08-36.1984 0-15.36-7.4752-23.3984-34.0992-39.3728l-52.736-31.4368c-37.2736-21.8112-47.36-45.2608-47.36-73.472 0-36.7616 18.0736-65.4848 68.1472-73.472v-33.5872A8.192 8.192 0 0 1 492.032 409.6h36.1984a8.192 8.192 0 0 1 7.9872 7.9872v31.9488a438.6304 438.6304 0 0 1 56.32 6.4c4.2496 1.0752 7.424 3.7376 7.424 7.4752v29.7984a6.8608 6.8608 0 0 1-6.912 7.4752h-1.0752c-26.624-2.6624-52.6848-4.2496-78.7968-4.2496C483.5328 496.1792 471.04 506.88 471.04 524.3904c0 13.312 6.9632 21.2992 33.024 35.84l47.9232 26.624c44.1856 24.4736 55.9104 50.0224 55.9104 81.92 0.2048 33.9968-17.8688 70.7072-71.68 80.8448z",
|
b: "path://M576.2048 229.7856l76.8-85.6064a31.9488 31.9488 0 0 0-23.808-53.3504H394.8544a32 32 0 0 0-23.808 53.3504l76.288 84.8896a384 384 0 0 0-321.0752 378.4192v217.344A104.448 104.448 0 0 0 230.4 929.1264h558.6944a104.448 104.448 0 0 0 104.2944-104.2944v-217.344a384 384 0 0 0-317.184-377.7024z m-18.688-74.9568L512 205.4144l-45.4656-50.5856z m-21.2992 594.7904v36.1984a8.192 8.192 0 0 1-7.9872 7.9872H492.032a8.192 8.192 0 0 1-7.9872-7.9872v-34.048a315.8528 315.8528 0 0 1-52.1728-6.9632 8.0896 8.0896 0 0 1-7.4752-7.9872v-28.7232a7.6288 7.6288 0 0 1 7.4752-7.4752h1.0752c15.9744 2.1504 55.9104 4.2496 70.8096 4.2496 35.84 0 46.08-12.7488 46.08-36.1984 0-15.36-7.4752-23.3984-34.0992-39.3728l-52.736-31.4368c-37.2736-21.8112-47.36-45.2608-47.36-73.472 0-36.7616 18.0736-65.4848 68.1472-73.472v-33.5872A8.192 8.192 0 0 1 492.032 409.6h36.1984a8.192 8.192 0 0 1 7.9872 7.9872v31.9488a438.6304 438.6304 0 0 1 56.32 6.4c4.2496 1.0752 7.424 3.7376 7.424 7.4752v29.7984a6.8608 6.8608 0 0 1-6.912 7.4752h-1.0752c-26.624-2.6624-52.6848-4.2496-78.7968-4.2496C483.5328 496.1792 471.04 506.88 471.04 524.3904c0 13.312 6.9632 21.2992 33.024 35.84l47.9232 26.624c44.1856 24.4736 55.9104 50.0224 55.9104 81.92 0.2048 33.9968-17.8688 70.7072-71.68 80.8448z",
|
};
|
|
var img4 = {
|
a: "path://M576.2048 229.7856l76.8-85.6064a31.9488 31.9488 0 0 0-23.808-53.3504H394.8544a32 32 0 0 0-23.808 53.3504l76.288 84.8896a384 384 0 0 0-321.0752 378.4192v217.344A104.448 104.448 0 0 0 230.4 929.1264h558.6944a104.448 104.448 0 0 0 104.2944-104.2944v-217.344a384 384 0 0 0-317.184-377.7024z m-18.688-74.9568L512 205.4144l-45.4656-50.5856z m-21.2992 594.7904v36.1984a8.192 8.192 0 0 1-7.9872 7.9872H492.032a8.192 8.192 0 0 1-7.9872-7.9872v-34.048a315.8528 315.8528 0 0 1-52.1728-6.9632 8.0896 8.0896 0 0 1-7.4752-7.9872v-28.7232a7.6288 7.6288 0 0 1 7.4752-7.4752h1.0752c15.9744 2.1504 55.9104 4.2496 70.8096 4.2496 35.84 0 46.08-12.7488 46.08-36.1984 0-15.36-7.4752-23.3984-34.0992-39.3728l-52.736-31.4368c-37.2736-21.8112-47.36-45.2608-47.36-73.472 0-36.7616 18.0736-65.4848 68.1472-73.472v-33.5872A8.192 8.192 0 0 1 492.032 409.6h36.1984a8.192 8.192 0 0 1 7.9872 7.9872v31.9488a438.6304 438.6304 0 0 1 56.32 6.4c4.2496 1.0752 7.424 3.7376 7.424 7.4752v29.7984a6.8608 6.8608 0 0 1-6.912 7.4752h-1.0752c-26.624-2.6624-52.6848-4.2496-78.7968-4.2496C483.5328 496.1792 471.04 506.88 471.04 524.3904c0 13.312 6.9632 21.2992 33.024 35.84l47.9232 26.624c44.1856 24.4736 55.9104 50.0224 55.9104 81.92 0.2048 33.9968-17.8688 70.7072-71.68 80.8448z",
|
b: "path://M576.2048 229.7856l76.8-85.6064a31.9488 31.9488 0 0 0-23.808-53.3504H394.8544a32 32 0 0 0-23.808 53.3504l76.288 84.8896a384 384 0 0 0-321.0752 378.4192v217.344A104.448 104.448 0 0 0 230.4 929.1264h558.6944a104.448 104.448 0 0 0 104.2944-104.2944v-217.344a384 384 0 0 0-317.184-377.7024z m-18.688-74.9568L512 205.4144l-45.4656-50.5856z m-21.2992 594.7904v36.1984a8.192 8.192 0 0 1-7.9872 7.9872H492.032a8.192 8.192 0 0 1-7.9872-7.9872v-34.048a315.8528 315.8528 0 0 1-52.1728-6.9632 8.0896 8.0896 0 0 1-7.4752-7.9872v-28.7232a7.6288 7.6288 0 0 1 7.4752-7.4752h1.0752c15.9744 2.1504 55.9104 4.2496 70.8096 4.2496 35.84 0 46.08-12.7488 46.08-36.1984 0-15.36-7.4752-23.3984-34.0992-39.3728l-52.736-31.4368c-37.2736-21.8112-47.36-45.2608-47.36-73.472 0-36.7616 18.0736-65.4848 68.1472-73.472v-33.5872A8.192 8.192 0 0 1 492.032 409.6h36.1984a8.192 8.192 0 0 1 7.9872 7.9872v31.9488a438.6304 438.6304 0 0 1 56.32 6.4c4.2496 1.0752 7.424 3.7376 7.424 7.4752v29.7984a6.8608 6.8608 0 0 1-6.912 7.4752h-1.0752c-26.624-2.6624-52.6848-4.2496-78.7968-4.2496C483.5328 496.1792 471.04 506.88 471.04 524.3904c0 13.312 6.9632 21.2992 33.024 35.84l47.9232 26.624c44.1856 24.4736 55.9104 50.0224 55.9104 81.92 0.2048 33.9968-17.8688 70.7072-71.68 80.8448z",
|
};
|
var img5 = {
|
a: "path://M576.2048 229.7856l76.8-85.6064a31.9488 31.9488 0 0 0-23.808-53.3504H394.8544a32 32 0 0 0-23.808 53.3504l76.288 84.8896a384 384 0 0 0-321.0752 378.4192v217.344A104.448 104.448 0 0 0 230.4 929.1264h558.6944a104.448 104.448 0 0 0 104.2944-104.2944v-217.344a384 384 0 0 0-317.184-377.7024z m-18.688-74.9568L512 205.4144l-45.4656-50.5856z m-21.2992 594.7904v36.1984a8.192 8.192 0 0 1-7.9872 7.9872H492.032a8.192 8.192 0 0 1-7.9872-7.9872v-34.048a315.8528 315.8528 0 0 1-52.1728-6.9632 8.0896 8.0896 0 0 1-7.4752-7.9872v-28.7232a7.6288 7.6288 0 0 1 7.4752-7.4752h1.0752c15.9744 2.1504 55.9104 4.2496 70.8096 4.2496 35.84 0 46.08-12.7488 46.08-36.1984 0-15.36-7.4752-23.3984-34.0992-39.3728l-52.736-31.4368c-37.2736-21.8112-47.36-45.2608-47.36-73.472 0-36.7616 18.0736-65.4848 68.1472-73.472v-33.5872A8.192 8.192 0 0 1 492.032 409.6h36.1984a8.192 8.192 0 0 1 7.9872 7.9872v31.9488a438.6304 438.6304 0 0 1 56.32 6.4c4.2496 1.0752 7.424 3.7376 7.424 7.4752v29.7984a6.8608 6.8608 0 0 1-6.912 7.4752h-1.0752c-26.624-2.6624-52.6848-4.2496-78.7968-4.2496C483.5328 496.1792 471.04 506.88 471.04 524.3904c0 13.312 6.9632 21.2992 33.024 35.84l47.9232 26.624c44.1856 24.4736 55.9104 50.0224 55.9104 81.92 0.2048 33.9968-17.8688 70.7072-71.68 80.8448z",
|
b: "path://M576.2048 229.7856l76.8-85.6064a31.9488 31.9488 0 0 0-23.808-53.3504H394.8544a32 32 0 0 0-23.808 53.3504l76.288 84.8896a384 384 0 0 0-321.0752 378.4192v217.344A104.448 104.448 0 0 0 230.4 929.1264h558.6944a104.448 104.448 0 0 0 104.2944-104.2944v-217.344a384 384 0 0 0-317.184-377.7024z m-18.688-74.9568L512 205.4144l-45.4656-50.5856z m-21.2992 594.7904v36.1984a8.192 8.192 0 0 1-7.9872 7.9872H492.032a8.192 8.192 0 0 1-7.9872-7.9872v-34.048a315.8528 315.8528 0 0 1-52.1728-6.9632 8.0896 8.0896 0 0 1-7.4752-7.9872v-28.7232a7.6288 7.6288 0 0 1 7.4752-7.4752h1.0752c15.9744 2.1504 55.9104 4.2496 70.8096 4.2496 35.84 0 46.08-12.7488 46.08-36.1984 0-15.36-7.4752-23.3984-34.0992-39.3728l-52.736-31.4368c-37.2736-21.8112-47.36-45.2608-47.36-73.472 0-36.7616 18.0736-65.4848 68.1472-73.472v-33.5872A8.192 8.192 0 0 1 492.032 409.6h36.1984a8.192 8.192 0 0 1 7.9872 7.9872v31.9488a438.6304 438.6304 0 0 1 56.32 6.4c4.2496 1.0752 7.424 3.7376 7.424 7.4752v29.7984a6.8608 6.8608 0 0 1-6.912 7.4752h-1.0752c-26.624-2.6624-52.6848-4.2496-78.7968-4.2496C483.5328 496.1792 471.04 506.88 471.04 524.3904c0 13.312 6.9632 21.2992 33.024 35.84l47.9232 26.624c44.1856 24.4736 55.9104 50.0224 55.9104 81.92 0.2048 33.9968-17.8688 70.7072-71.68 80.8448z",
|
};
|
var img6 = {
|
a: "path://M576.2048 229.7856l76.8-85.6064a31.9488 31.9488 0 0 0-23.808-53.3504H394.8544a32 32 0 0 0-23.808 53.3504l76.288 84.8896a384 384 0 0 0-321.0752 378.4192v217.344A104.448 104.448 0 0 0 230.4 929.1264h558.6944a104.448 104.448 0 0 0 104.2944-104.2944v-217.344a384 384 0 0 0-317.184-377.7024z m-18.688-74.9568L512 205.4144l-45.4656-50.5856z m-21.2992 594.7904v36.1984a8.192 8.192 0 0 1-7.9872 7.9872H492.032a8.192 8.192 0 0 1-7.9872-7.9872v-34.048a315.8528 315.8528 0 0 1-52.1728-6.9632 8.0896 8.0896 0 0 1-7.4752-7.9872v-28.7232a7.6288 7.6288 0 0 1 7.4752-7.4752h1.0752c15.9744 2.1504 55.9104 4.2496 70.8096 4.2496 35.84 0 46.08-12.7488 46.08-36.1984 0-15.36-7.4752-23.3984-34.0992-39.3728l-52.736-31.4368c-37.2736-21.8112-47.36-45.2608-47.36-73.472 0-36.7616 18.0736-65.4848 68.1472-73.472v-33.5872A8.192 8.192 0 0 1 492.032 409.6h36.1984a8.192 8.192 0 0 1 7.9872 7.9872v31.9488a438.6304 438.6304 0 0 1 56.32 6.4c4.2496 1.0752 7.424 3.7376 7.424 7.4752v29.7984a6.8608 6.8608 0 0 1-6.912 7.4752h-1.0752c-26.624-2.6624-52.6848-4.2496-78.7968-4.2496C483.5328 496.1792 471.04 506.88 471.04 524.3904c0 13.312 6.9632 21.2992 33.024 35.84l47.9232 26.624c44.1856 24.4736 55.9104 50.0224 55.9104 81.92 0.2048 33.9968-17.8688 70.7072-71.68 80.8448z",
|
b: "path://M576.2048 229.7856l76.8-85.6064a31.9488 31.9488 0 0 0-23.808-53.3504H394.8544a32 32 0 0 0-23.808 53.3504l76.288 84.8896a384 384 0 0 0-321.0752 378.4192v217.344A104.448 104.448 0 0 0 230.4 929.1264h558.6944a104.448 104.448 0 0 0 104.2944-104.2944v-217.344a384 384 0 0 0-317.184-377.7024z m-18.688-74.9568L512 205.4144l-45.4656-50.5856z m-21.2992 594.7904v36.1984a8.192 8.192 0 0 1-7.9872 7.9872H492.032a8.192 8.192 0 0 1-7.9872-7.9872v-34.048a315.8528 315.8528 0 0 1-52.1728-6.9632 8.0896 8.0896 0 0 1-7.4752-7.9872v-28.7232a7.6288 7.6288 0 0 1 7.4752-7.4752h1.0752c15.9744 2.1504 55.9104 4.2496 70.8096 4.2496 35.84 0 46.08-12.7488 46.08-36.1984 0-15.36-7.4752-23.3984-34.0992-39.3728l-52.736-31.4368c-37.2736-21.8112-47.36-45.2608-47.36-73.472 0-36.7616 18.0736-65.4848 68.1472-73.472v-33.5872A8.192 8.192 0 0 1 492.032 409.6h36.1984a8.192 8.192 0 0 1 7.9872 7.9872v31.9488a438.6304 438.6304 0 0 1 56.32 6.4c4.2496 1.0752 7.424 3.7376 7.424 7.4752v29.7984a6.8608 6.8608 0 0 1-6.912 7.4752h-1.0752c-26.624-2.6624-52.6848-4.2496-78.7968-4.2496C483.5328 496.1792 471.04 506.88 471.04 524.3904c0 13.312 6.9632 21.2992 33.024 35.84l47.9232 26.624c44.1856 24.4736 55.9104 50.0224 55.9104 81.92 0.2048 33.9968-17.8688 70.7072-71.68 80.8448z",
|
};
|
var img7 = {
|
a: "path://M576.2048 229.7856l76.8-85.6064a31.9488 31.9488 0 0 0-23.808-53.3504H394.8544a32 32 0 0 0-23.808 53.3504l76.288 84.8896a384 384 0 0 0-321.0752 378.4192v217.344A104.448 104.448 0 0 0 230.4 929.1264h558.6944a104.448 104.448 0 0 0 104.2944-104.2944v-217.344a384 384 0 0 0-317.184-377.7024z m-18.688-74.9568L512 205.4144l-45.4656-50.5856z m-21.2992 594.7904v36.1984a8.192 8.192 0 0 1-7.9872 7.9872H492.032a8.192 8.192 0 0 1-7.9872-7.9872v-34.048a315.8528 315.8528 0 0 1-52.1728-6.9632 8.0896 8.0896 0 0 1-7.4752-7.9872v-28.7232a7.6288 7.6288 0 0 1 7.4752-7.4752h1.0752c15.9744 2.1504 55.9104 4.2496 70.8096 4.2496 35.84 0 46.08-12.7488 46.08-36.1984 0-15.36-7.4752-23.3984-34.0992-39.3728l-52.736-31.4368c-37.2736-21.8112-47.36-45.2608-47.36-73.472 0-36.7616 18.0736-65.4848 68.1472-73.472v-33.5872A8.192 8.192 0 0 1 492.032 409.6h36.1984a8.192 8.192 0 0 1 7.9872 7.9872v31.9488a438.6304 438.6304 0 0 1 56.32 6.4c4.2496 1.0752 7.424 3.7376 7.424 7.4752v29.7984a6.8608 6.8608 0 0 1-6.912 7.4752h-1.0752c-26.624-2.6624-52.6848-4.2496-78.7968-4.2496C483.5328 496.1792 471.04 506.88 471.04 524.3904c0 13.312 6.9632 21.2992 33.024 35.84l47.9232 26.624c44.1856 24.4736 55.9104 50.0224 55.9104 81.92 0.2048 33.9968-17.8688 70.7072-71.68 80.8448z",
|
b: "path://M576.2048 229.7856l76.8-85.6064a31.9488 31.9488 0 0 0-23.808-53.3504H394.8544a32 32 0 0 0-23.808 53.3504l76.288 84.8896a384 384 0 0 0-321.0752 378.4192v217.344A104.448 104.448 0 0 0 230.4 929.1264h558.6944a104.448 104.448 0 0 0 104.2944-104.2944v-217.344a384 384 0 0 0-317.184-377.7024z m-18.688-74.9568L512 205.4144l-45.4656-50.5856z m-21.2992 594.7904v36.1984a8.192 8.192 0 0 1-7.9872 7.9872H492.032a8.192 8.192 0 0 1-7.9872-7.9872v-34.048a315.8528 315.8528 0 0 1-52.1728-6.9632 8.0896 8.0896 0 0 1-7.4752-7.9872v-28.7232a7.6288 7.6288 0 0 1 7.4752-7.4752h1.0752c15.9744 2.1504 55.9104 4.2496 70.8096 4.2496 35.84 0 46.08-12.7488 46.08-36.1984 0-15.36-7.4752-23.3984-34.0992-39.3728l-52.736-31.4368c-37.2736-21.8112-47.36-45.2608-47.36-73.472 0-36.7616 18.0736-65.4848 68.1472-73.472v-33.5872A8.192 8.192 0 0 1 492.032 409.6h36.1984a8.192 8.192 0 0 1 7.9872 7.9872v31.9488a438.6304 438.6304 0 0 1 56.32 6.4c4.2496 1.0752 7.424 3.7376 7.424 7.4752v29.7984a6.8608 6.8608 0 0 1-6.912 7.4752h-1.0752c-26.624-2.6624-52.6848-4.2496-78.7968-4.2496C483.5328 496.1792 471.04 506.88 471.04 524.3904c0 13.312 6.9632 21.2992 33.024 35.84l47.9232 26.624c44.1856 24.4736 55.9104 50.0224 55.9104 81.92 0.2048 33.9968-17.8688 70.7072-71.68 80.8448z",
|
};
|
var img8 = {
|
a: "path://M576.2048 229.7856l76.8-85.6064a31.9488 31.9488 0 0 0-23.808-53.3504H394.8544a32 32 0 0 0-23.808 53.3504l76.288 84.8896a384 384 0 0 0-321.0752 378.4192v217.344A104.448 104.448 0 0 0 230.4 929.1264h558.6944a104.448 104.448 0 0 0 104.2944-104.2944v-217.344a384 384 0 0 0-317.184-377.7024z m-18.688-74.9568L512 205.4144l-45.4656-50.5856z m-21.2992 594.7904v36.1984a8.192 8.192 0 0 1-7.9872 7.9872H492.032a8.192 8.192 0 0 1-7.9872-7.9872v-34.048a315.8528 315.8528 0 0 1-52.1728-6.9632 8.0896 8.0896 0 0 1-7.4752-7.9872v-28.7232a7.6288 7.6288 0 0 1 7.4752-7.4752h1.0752c15.9744 2.1504 55.9104 4.2496 70.8096 4.2496 35.84 0 46.08-12.7488 46.08-36.1984 0-15.36-7.4752-23.3984-34.0992-39.3728l-52.736-31.4368c-37.2736-21.8112-47.36-45.2608-47.36-73.472 0-36.7616 18.0736-65.4848 68.1472-73.472v-33.5872A8.192 8.192 0 0 1 492.032 409.6h36.1984a8.192 8.192 0 0 1 7.9872 7.9872v31.9488a438.6304 438.6304 0 0 1 56.32 6.4c4.2496 1.0752 7.424 3.7376 7.424 7.4752v29.7984a6.8608 6.8608 0 0 1-6.912 7.4752h-1.0752c-26.624-2.6624-52.6848-4.2496-78.7968-4.2496C483.5328 496.1792 471.04 506.88 471.04 524.3904c0 13.312 6.9632 21.2992 33.024 35.84l47.9232 26.624c44.1856 24.4736 55.9104 50.0224 55.9104 81.92 0.2048 33.9968-17.8688 70.7072-71.68 80.8448z",
|
b: "path://M576.2048 229.7856l76.8-85.6064a31.9488 31.9488 0 0 0-23.808-53.3504H394.8544a32 32 0 0 0-23.808 53.3504l76.288 84.8896a384 384 0 0 0-321.0752 378.4192v217.344A104.448 104.448 0 0 0 230.4 929.1264h558.6944a104.448 104.448 0 0 0 104.2944-104.2944v-217.344a384 384 0 0 0-317.184-377.7024z m-18.688-74.9568L512 205.4144l-45.4656-50.5856z m-21.2992 594.7904v36.1984a8.192 8.192 0 0 1-7.9872 7.9872H492.032a8.192 8.192 0 0 1-7.9872-7.9872v-34.048a315.8528 315.8528 0 0 1-52.1728-6.9632 8.0896 8.0896 0 0 1-7.4752-7.9872v-28.7232a7.6288 7.6288 0 0 1 7.4752-7.4752h1.0752c15.9744 2.1504 55.9104 4.2496 70.8096 4.2496 35.84 0 46.08-12.7488 46.08-36.1984 0-15.36-7.4752-23.3984-34.0992-39.3728l-52.736-31.4368c-37.2736-21.8112-47.36-45.2608-47.36-73.472 0-36.7616 18.0736-65.4848 68.1472-73.472v-33.5872A8.192 8.192 0 0 1 492.032 409.6h36.1984a8.192 8.192 0 0 1 7.9872 7.9872v31.9488a438.6304 438.6304 0 0 1 56.32 6.4c4.2496 1.0752 7.424 3.7376 7.424 7.4752v29.7984a6.8608 6.8608 0 0 1-6.912 7.4752h-1.0752c-26.624-2.6624-52.6848-4.2496-78.7968-4.2496C483.5328 496.1792 471.04 506.88 471.04 524.3904c0 13.312 6.9632 21.2992 33.024 35.84l47.9232 26.624c44.1856 24.4736 55.9104 50.0224 55.9104 81.92 0.2048 33.9968-17.8688 70.7072-71.68 80.8448z",
|
};
|
var img9 = {
|
a: "path://M576.2048 229.7856l76.8-85.6064a31.9488 31.9488 0 0 0-23.808-53.3504H394.8544a32 32 0 0 0-23.808 53.3504l76.288 84.8896a384 384 0 0 0-321.0752 378.4192v217.344A104.448 104.448 0 0 0 230.4 929.1264h558.6944a104.448 104.448 0 0 0 104.2944-104.2944v-217.344a384 384 0 0 0-317.184-377.7024z m-18.688-74.9568L512 205.4144l-45.4656-50.5856z m-21.2992 594.7904v36.1984a8.192 8.192 0 0 1-7.9872 7.9872H492.032a8.192 8.192 0 0 1-7.9872-7.9872v-34.048a315.8528 315.8528 0 0 1-52.1728-6.9632 8.0896 8.0896 0 0 1-7.4752-7.9872v-28.7232a7.6288 7.6288 0 0 1 7.4752-7.4752h1.0752c15.9744 2.1504 55.9104 4.2496 70.8096 4.2496 35.84 0 46.08-12.7488 46.08-36.1984 0-15.36-7.4752-23.3984-34.0992-39.3728l-52.736-31.4368c-37.2736-21.8112-47.36-45.2608-47.36-73.472 0-36.7616 18.0736-65.4848 68.1472-73.472v-33.5872A8.192 8.192 0 0 1 492.032 409.6h36.1984a8.192 8.192 0 0 1 7.9872 7.9872v31.9488a438.6304 438.6304 0 0 1 56.32 6.4c4.2496 1.0752 7.424 3.7376 7.424 7.4752v29.7984a6.8608 6.8608 0 0 1-6.912 7.4752h-1.0752c-26.624-2.6624-52.6848-4.2496-78.7968-4.2496C483.5328 496.1792 471.04 506.88 471.04 524.3904c0 13.312 6.9632 21.2992 33.024 35.84l47.9232 26.624c44.1856 24.4736 55.9104 50.0224 55.9104 81.92 0.2048 33.9968-17.8688 70.7072-71.68 80.8448z",
|
b: "path://M576.2048 229.7856l76.8-85.6064a31.9488 31.9488 0 0 0-23.808-53.3504H394.8544a32 32 0 0 0-23.808 53.3504l76.288 84.8896a384 384 0 0 0-321.0752 378.4192v217.344A104.448 104.448 0 0 0 230.4 929.1264h558.6944a104.448 104.448 0 0 0 104.2944-104.2944v-217.344a384 384 0 0 0-317.184-377.7024z m-18.688-74.9568L512 205.4144l-45.4656-50.5856z m-21.2992 594.7904v36.1984a8.192 8.192 0 0 1-7.9872 7.9872H492.032a8.192 8.192 0 0 1-7.9872-7.9872v-34.048a315.8528 315.8528 0 0 1-52.1728-6.9632 8.0896 8.0896 0 0 1-7.4752-7.9872v-28.7232a7.6288 7.6288 0 0 1 7.4752-7.4752h1.0752c15.9744 2.1504 55.9104 4.2496 70.8096 4.2496 35.84 0 46.08-12.7488 46.08-36.1984 0-15.36-7.4752-23.3984-34.0992-39.3728l-52.736-31.4368c-37.2736-21.8112-47.36-45.2608-47.36-73.472 0-36.7616 18.0736-65.4848 68.1472-73.472v-33.5872A8.192 8.192 0 0 1 492.032 409.6h36.1984a8.192 8.192 0 0 1 7.9872 7.9872v31.9488a438.6304 438.6304 0 0 1 56.32 6.4c4.2496 1.0752 7.424 3.7376 7.424 7.4752v29.7984a6.8608 6.8608 0 0 1-6.912 7.4752h-1.0752c-26.624-2.6624-52.6848-4.2496-78.7968-4.2496C483.5328 496.1792 471.04 506.88 471.04 524.3904c0 13.312 6.9632 21.2992 33.024 35.84l47.9232 26.624c44.1856 24.4736 55.9104 50.0224 55.9104 81.92 0.2048 33.9968-17.8688 70.7072-71.68 80.8448z",
|
};
|
var img10 = {
|
a: "path://M576.2048 229.7856l76.8-85.6064a31.9488 31.9488 0 0 0-23.808-53.3504H394.8544a32 32 0 0 0-23.808 53.3504l76.288 84.8896a384 384 0 0 0-321.0752 378.4192v217.344A104.448 104.448 0 0 0 230.4 929.1264h558.6944a104.448 104.448 0 0 0 104.2944-104.2944v-217.344a384 384 0 0 0-317.184-377.7024z m-18.688-74.9568L512 205.4144l-45.4656-50.5856z m-21.2992 594.7904v36.1984a8.192 8.192 0 0 1-7.9872 7.9872H492.032a8.192 8.192 0 0 1-7.9872-7.9872v-34.048a315.8528 315.8528 0 0 1-52.1728-6.9632 8.0896 8.0896 0 0 1-7.4752-7.9872v-28.7232a7.6288 7.6288 0 0 1 7.4752-7.4752h1.0752c15.9744 2.1504 55.9104 4.2496 70.8096 4.2496 35.84 0 46.08-12.7488 46.08-36.1984 0-15.36-7.4752-23.3984-34.0992-39.3728l-52.736-31.4368c-37.2736-21.8112-47.36-45.2608-47.36-73.472 0-36.7616 18.0736-65.4848 68.1472-73.472v-33.5872A8.192 8.192 0 0 1 492.032 409.6h36.1984a8.192 8.192 0 0 1 7.9872 7.9872v31.9488a438.6304 438.6304 0 0 1 56.32 6.4c4.2496 1.0752 7.424 3.7376 7.424 7.4752v29.7984a6.8608 6.8608 0 0 1-6.912 7.4752h-1.0752c-26.624-2.6624-52.6848-4.2496-78.7968-4.2496C483.5328 496.1792 471.04 506.88 471.04 524.3904c0 13.312 6.9632 21.2992 33.024 35.84l47.9232 26.624c44.1856 24.4736 55.9104 50.0224 55.9104 81.92 0.2048 33.9968-17.8688 70.7072-71.68 80.8448z",
|
b: "path://M576.2048 229.7856l76.8-85.6064a31.9488 31.9488 0 0 0-23.808-53.3504H394.8544a32 32 0 0 0-23.808 53.3504l76.288 84.8896a384 384 0 0 0-321.0752 378.4192v217.344A104.448 104.448 0 0 0 230.4 929.1264h558.6944a104.448 104.448 0 0 0 104.2944-104.2944v-217.344a384 384 0 0 0-317.184-377.7024z m-18.688-74.9568L512 205.4144l-45.4656-50.5856z m-21.2992 594.7904v36.1984a8.192 8.192 0 0 1-7.9872 7.9872H492.032a8.192 8.192 0 0 1-7.9872-7.9872v-34.048a315.8528 315.8528 0 0 1-52.1728-6.9632 8.0896 8.0896 0 0 1-7.4752-7.9872v-28.7232a7.6288 7.6288 0 0 1 7.4752-7.4752h1.0752c15.9744 2.1504 55.9104 4.2496 70.8096 4.2496 35.84 0 46.08-12.7488 46.08-36.1984 0-15.36-7.4752-23.3984-34.0992-39.3728l-52.736-31.4368c-37.2736-21.8112-47.36-45.2608-47.36-73.472 0-36.7616 18.0736-65.4848 68.1472-73.472v-33.5872A8.192 8.192 0 0 1 492.032 409.6h36.1984a8.192 8.192 0 0 1 7.9872 7.9872v31.9488a438.6304 438.6304 0 0 1 56.32 6.4c4.2496 1.0752 7.424 3.7376 7.424 7.4752v29.7984a6.8608 6.8608 0 0 1-6.912 7.4752h-1.0752c-26.624-2.6624-52.6848-4.2496-78.7968-4.2496C483.5328 496.1792 471.04 506.88 471.04 524.3904c0 13.312 6.9632 21.2992 33.024 35.84l47.9232 26.624c44.1856 24.4736 55.9104 50.0224 55.9104 81.92 0.2048 33.9968-17.8688 70.7072-71.68 80.8448z",
|
};
|
|
|
|
var value = 1; // >0
|
// var datas = ["朝阳博远金属工业有限公司", "辽宁华锆新材料有限公司","朝阳东锆新材料有限公司", "朝阳明宇化工有限公司",
|
// "朝阳华森木业有限公司", "辽宁佰宏矿产资源有限责任公司","辽宁一森金属科技有限公司", "朝阳亿丰化工新材料有限公司",
|
// "辽宁省亿联盛新材料有限公司", "朝阳金石新材料有限公司"];
|
// var datas = ["朝阳博远", "辽宁华锆","朝阳东锆", "朝阳明宇",
|
// "朝阳华森", "辽宁佰宏","辽宁一森", "朝阳亿丰",
|
// "辽宁省亿", "朝阳金石"];
|
|
// var datas = ["朝阳金石", "辽宁省亿", "朝阳亿丰", "辽宁一森", "辽宁佰宏","朝阳华森", "朝阳明宇", "朝阳东锆", "辽宁华锆", "朝阳博远"];
|
|
var datas = ["朝阳金泰科技", "朝阳市北控水务", "朝阳市多元合金铸造", "朝阳天勤饲料", "朝阳金泰商品混凝土", "朝阳德辅商品混凝土",
|
"航天电源", "朝阳金达钛业", "辽宁新都黄金", "朝阳金达钼业"
|
];
|
|
var data = [{
|
value: value,
|
symbol: img1.b,
|
},
|
{
|
value: value,
|
symbol: img2.b,
|
},
|
{
|
value: value,
|
symbol: img3.b,
|
},
|
{
|
value: value,
|
symbol: img4.b,
|
}, {
|
value: value,
|
symbol: img5.b,
|
},
|
{
|
value: value,
|
symbol: img6.b,
|
},
|
{
|
value: value,
|
symbol: img7.b,
|
},
|
{
|
value: value,
|
symbol: img8.b,
|
},
|
{
|
value: value,
|
symbol: img9.b,
|
},
|
{
|
value: value,
|
symbol: img10.b,
|
}
|
];
|
|
let data2 = [
|
{
|
value: 0.7,
|
symbol: img1.a,
|
},
|
{
|
value: 0.7315,
|
symbol: img2.a,
|
},
|
{
|
value: 0.78,
|
symbol: img3.a,
|
},
|
{
|
value: 1.2,
|
symbol: img4.a,
|
},
|
{
|
value: 1.4,
|
symbol: img3.a,
|
},
|
{
|
value: 3.24,
|
symbol: img4.a,
|
},
|
{
|
value: 3.58,
|
symbol: img1.a,
|
},
|
{
|
value: 10,
|
symbol: img2.a,
|
},
|
{
|
value: 14.26,
|
symbol: img3.a,
|
},
|
{
|
value: 18,
|
symbol: img4.a,
|
},
|
];
|
|
let option = {
|
title: {
|
text: "",
|
subtext: "",
|
textStyle: {
|
color: "#fff",
|
fontSize: 16,
|
},
|
left: "4.5%",
|
top: "25%",
|
},
|
backgroundColor: "transparent",
|
grid: {
|
left: "2%",
|
top: "20",
|
bottom: "20",
|
right: "35%",
|
containLabel: true,
|
},
|
tooltip: {
|
trigger: "item",
|
},
|
xAxis: {
|
splitLine: {
|
show: false,
|
},
|
axisLine: {
|
show: false,
|
},
|
axisLabel: {
|
show: false,
|
},
|
axisTick: {
|
show: false,
|
},
|
},
|
yAxis: [{
|
type: "category",
|
inverse: false,
|
data: datas,
|
axisLine: {
|
show: false,
|
},
|
axisTick: {
|
show: false,
|
},
|
splitLine: {
|
show: false,
|
lineStyle: {
|
type: "dashed",
|
color: "#3e86dd",
|
},
|
},
|
axisLabel: {
|
margin: 35,
|
textStyle: {
|
color: "#fff",
|
fontSize: 28,
|
},
|
nterval: 0, //强制显示文字
|
rich: {
|
a6: {
|
color: '#fff',
|
backgroundColor: '#EF6482',
|
width: 20,
|
height: 20,
|
align: 'center',
|
borderRadius: 10,
|
},
|
a7: {
|
color: '#fff',
|
backgroundColor: '#F58612',
|
width: 20,
|
height: 20,
|
align: 'center',
|
borderRadius: 10,
|
},
|
a8: {
|
color: '#fff',
|
backgroundColor: '#3DB6B6',
|
width: 20,
|
height: 20,
|
align: 'center',
|
borderRadius: 10,
|
},
|
a9: {
|
color: '#fff',
|
backgroundColor: '#A8C2F2',
|
width: 20,
|
height: 20,
|
align: 'center',
|
borderRadius: 10,
|
}
|
|
},
|
formatter: function(params) {
|
|
let index = datas.indexOf(params);
|
// console.log('{a' + index + '|' + (10 - index) + '}' + ' ' + params);
|
// console.log(index);
|
|
return ['{a' + index + '|' + (10 - index) + '}' + ' ' + params].join(
|
'\n');
|
},
|
},
|
}, ],
|
series: [{
|
tooltip: {
|
show: false,
|
},
|
z: 4,
|
type: "pictorialBar",
|
symbolSize: ["20", "30"],
|
symbolRepeat: "fixed",
|
|
data: data,
|
},
|
{
|
z: 6,
|
type: "pictorialBar",
|
symbolSize: ["20", "30"],
|
animation: true,
|
symbolRepeat: "fixed",
|
symbolClip: true,
|
symbolPosition: "start",
|
symbolOffset: [0, 0],
|
itemStyle: {
|
color: "yellow"
|
},
|
data: data2,
|
label: {
|
normal: {
|
show: true,
|
textStyle: {
|
color: "#FFF",
|
fontSize: 28,
|
},
|
formatter: function(params) {
|
if (params.name !== "") {
|
return (
|
params.value + "亿元"
|
);
|
} else {
|
return "";
|
}
|
},
|
position: "right",
|
offset: [35, 0],
|
},
|
},
|
},
|
{
|
type: "bar",
|
},
|
],
|
};
|
|
// 绘制图表
|
this.myChart.setOption(option);
|
// // 绘制图表
|
// this.updateYear(2021);
|
//随窗口大小变化重置echarts大小
|
window.onresize = this.myChart.resize;
|
},
|
|
drawChart3() {
|
this.chart1 = this.$echarts.init(document.getElementById("bottomChart"));
|
|
|
// var xdata = ["辽宁华锆新\nz材料有限公司", "朝阳能环新能\n源科技有限公司", "朝阳明宇化\n工有限公司",
|
// "朝阳东锆新\n材料有限公司", "朝阳成运橡胶\n有限公司", "朝阳市顺德环\n保科技有限公司", "朝阳市顺德环\n保科技有限公司",
|
// "辽宁恒杰环保\n科技有限公司", "辽宁省亿联盛\n新材料有限公司", "朝阳县嘉鸿橡胶\n制品有限公司"];
|
|
var xdata = ["金达钼业", "金达钛业", "新都黄金",
|
"金泰商品混凝土", "北控水务", "多元合金铸造", "德辅商品混凝土",
|
"金麟铁精粉", "力宝重工", "众拓机械制造"
|
];
|
var data = [2700, 2300, 2170,1000, 960.49, 240, 216, 185, 175, 171];
|
this.chart1option = {
|
tooltip: {
|
trigger: "axis",
|
borderRadius: 5,
|
borderColor: "#6baab2",
|
borderWidth: 1,
|
textStyle: {
|
fontSize: 30,
|
|
},
|
formatter:'税收：{c}万元'
|
},
|
grid: {
|
left: "1%",
|
right: "3%",
|
bottom: "-1%",
|
top: "15%",
|
containLabel: true,
|
},
|
xAxis: {
|
data: xdata,
|
triggerEvent: true,
|
axisTick: {
|
show: false,
|
},
|
axisLine: {
|
show: true,
|
lineStyle: {
|
color: "#31C2FF",
|
},
|
},
|
axisLabel: {
|
show: true,
|
interval: 0,
|
textStyle: {
|
color: "#CAEEFF",
|
fontSize: 28,
|
},
|
formatter: function (value) {
|
return (value.length > 2 ? (value.slice(0,2)+"...") : value )
|
},
|
},
|
},
|
yAxis: {
|
name: '万元',
|
nameTextStyle: {
|
color: "#7ec7ff",
|
fontSize: 26,
|
padding: 5
|
},
|
triggerEvent: true,
|
splitLine: {
|
show: true,
|
lineStyle: {
|
color: "rgba(46,182,255,0.2)",
|
},
|
},
|
axisTick: {
|
show: false,
|
},
|
axisLine: {
|
show: true,
|
lineStyle: {
|
color: "#31C2FF",
|
},
|
},
|
axisLabel: {
|
show: true,
|
textStyle: {
|
color: "#CAEEFF",
|
fontSize: 28,
|
},
|
// formatter:function(parm){
|
// return parm+"万元";
|
// }
|
},
|
},
|
// color: ["#e54035"],
|
series: [{
|
name: "",
|
barMinHeight: 10,
|
type: "pictorialBar",
|
barCategoryGap: "30%",
|
// symbol: 'path://M0,10 L10,10 L5,0 L0,10 z',
|
symbol: "path://M0,10 L10,10 C5.5,10 5.5,5 5,0 C4.5,5 4.5,10 0,10 z",
|
itemStyle: {
|
normal: {
|
//barBorderRadius: 5,
|
//渐变色
|
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [{
|
offset: 0,
|
color: "rgb(0,242,104)",
|
},
|
{
|
offset: 1,
|
color: "rgb(5,119,229)",
|
},
|
]),
|
},
|
},
|
data: data,
|
z: 10,
|
}, ],
|
};
|
|
|
|
this.chart1.setOption(this.chart1option);
|
this.extension(this.chart1);
|
},
|
|
SSTJ() {
|
//debugger;
|
// this.ButonState3 = !this.ButonState3;
|
// this.CZState = !this.CZState;
|
this.dialogVisible = true;
|
|
// if (this.CZState) {
|
// if (window.sceneObj.QYRLLayer != null) {
|
// window.sceneObj.QYRLLayer.setVisibility(true);
|
// } else {
|
// axios.get("/data/RDT3.json").then((response) => {
|
// window.sceneObj.QYRLLayer = mapAPI.createHeatMap(
|
// response,
|
// "allRevenue",
|
// "corpName"
|
// );
|
// });
|
// }
|
// } else {
|
// if (window.sceneObj.QYRLLayer != null) {
|
// window.sceneObj.QYRLLayer.setVisibility(false);
|
// }
|
// }
|
|
|
},
|
CZDB() {
|
this.ButonState2 = !this.ButonState2;
|
|
this.SSState = !this.SSState;
|
if (this.SSState) {
|
if (this.QYSSLayer != null) {
|
sgworld.ProjectTree.setVisibility(this.QYSSLayer, true);
|
} else {
|
axios.get("/data/ZZT2.json").then((response) => {
|
this.QYSSLayer = mapAPI.createMapBar(
|
response,
|
"allOutput",
|
"corpName"
|
);
|
});
|
}
|
} else {
|
if (this.QYSSLayer != null) {
|
sgworld.ProjectTree.setVisibility(this.QYSSLayer, false);
|
}
|
}
|
|
|
|
// if(this.SSState){
|
// if (window.sceneObj.QYZZLayer != null) {
|
// sgworld.ProjectTree.setVisibility(window.sceneObj.QYZZLayer, true);
|
// } else {
|
// axios.get("/data/GH_YJQY.json").then((response) => {
|
// window.sceneObj.QYZZLayer = mapAPI.createMapBar(
|
// response,
|
// "LJshuishou"
|
// );
|
// });
|
// }
|
// }else{
|
// sgworld.ProjectTree.setVisibility(window.sceneObj.QYZZLayer, false);
|
// }
|
|
|
|
|
// if (this.SSState) {
|
// if (window.sceneObj.QYZZLayer != null) {
|
// sgworld.ProjectTree.setVisibility(window.sceneObj.QYZZLayer, true);
|
// } else {
|
// axios.get("/data/ZZT.json").then((response) => {
|
// window.sceneObj.QYZZLayer = mapAPI.createMapBar(
|
// response,
|
// "allOutput",
|
// "corpName"
|
// );
|
// });
|
// }
|
// } else {
|
// if (window.sceneObj.QYZZLayer != null) {
|
// sgworld.ProjectTree.setVisibility(window.sceneObj.QYZZLayer, false);
|
// }
|
// }
|
|
},
|
handleCurrentChange(currentPage) {
|
this.currentPage = currentPage; //每次点击分页按钮，当前页发生变化
|
},
|
|
QYData() {
|
//debugger;
|
this.QQCZShow=!this.QQCZShow;
|
if(this.QQCZShow){
|
if (window.sceneObj.QYDataL != null) {
|
window.sceneObj.QYDataL.setVisibility(true);
|
} else {
|
|
let sgwfs = new SmartEarth.WFSTool(Viewer);
|
window.sceneObj.QYDataL = sgwfs.CreateWfs("point", {
|
urls: HttpUrl+"/gisserver/wfsserver/LC_YJQY_ZX_wfs",
|
layer: "LC_YJQY_ZX",
|
text: "[JianCheng]",
|
image: SmartEarthRootUrl + 'Workers/img/mark.png',
|
//offsetX: 20,
|
offsetY: -200,
|
color: '#de3',
|
scale: '4',
|
imageScale: '1.5',
|
disableDepthTestDistance: Infinity
|
});
|
}
|
this.dialogVisible = true;
|
this.tableData = jsonData;
|
|
}else{
|
if (window.sceneObj.QYDataL != null) {
|
window.sceneObj.QYDataL.setVisibility(false);
|
}
|
}
|
},
|
|
|
FlyToLocation(scope) {
|
this.dialogVisible=false;
|
window.sgworld.Navigate.flyToPosition(scope.lon, scope.lat, 100);
|
//添加座机事件
|
let _that = this;
|
_that.handler = new Cesium.ScreenSpaceEventHandler(window.Viewer.scene.canvas);
|
_that.handler.setInputAction(function(event) {
|
var pick = window.Viewer.scene.pick(event.position);
|
if (Cesium.defined(pick)) {
|
|
//console.log(pick.id.attributes);
|
|
_that.GiveDiaLogData(pick.id.attributes);
|
}
|
}, Cesium.ScreenSpaceEventType.LEFT_CLICK);
|
},
|
|
GiveDiaLogData(obj) {
|
this.qyData.ZCSJ=obj.ZCSJ1;//this.parseTime(obj.ZCSJ,'{y}-{m}-{d}');
|
//console.log(obj.ZCSJ);
|
this.qyData.DYYDL=obj.DYYDL;
|
this.qyData.RefName = obj.RefName;
|
this.qyData.LJSS = obj.LJSS;
|
this.qyData.LJCZ = obj.LJCZ;
|
this.qyData.YSL = obj.YSL;
|
this.qyData.SYJ = obj.SYJ;
|
this.qyData.NH = obj.NH;
|
try{
|
//var ImgObj = new Image() // 判断图片是否存在
|
this.qyData.IMG = require("../../../assets/image/centerImg/"+obj.corp_id+".jpg");
|
// this.qyData.IMG=require("../../../assets/image/centerImg/暂无内容.jpg");
|
}catch(exception){
|
this.qyData.IMG=require("../../../assets/image/centerImg/暂无内容.jpg");
|
}
|
|
|
// 存在图片
|
// if (ImgObj.fileSize > 0 || (ImgObj.width > 0 && ImgObj.height > 0)) {
|
// this.qyData.IMG=require("../../../assets/image/centerImg/"+obj.corp_id+".png");
|
// } else {
|
// this.qyData.IMG="";
|
// }
|
|
|
|
this.dialogVisible1 = true;
|
},
|
handleDialogClose() {
|
this.dialogVisible2 = false;
|
this.ButonState1 = false;
|
}
|
|
|
},
|
|
beforeDestroy() {
|
this.SSState=true;
|
this.CZDB();
|
},
|
|
destroyed() {
|
|
|
|
|
if (window.sceneObj.QYDataL != null) {
|
window.sceneObj.QYDataL.setVisibility(false);
|
};
|
|
|
if(window.sceneObj.QYRLLayer!=null){
|
window.sceneObj.QYRLLayer.setVisibility(false);
|
}
|
|
|
|
|
|
if (this.handler != null) {
|
this.handler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK);
|
this.handler = null;
|
}
|
|
|
}
|
|
|
|
|
|
|
}
|
</script>
|
<style scoped="scoped" src="@/assets/css/dialog.css"></style>
|
<style lang="less" scoped="scoped">
|
.containerQY {
|
height: 100%;
|
width: 100%;
|
|
.top {
|
height: 70%;
|
width: 100%;
|
display: flex;
|
flex-direction: row;
|
align-items: center;
|
justify-content: space-between;
|
|
.topleft {
|
width: 49%;
|
height: 100%;
|
display: flex;
|
flex-direction: column;
|
align-items: center;
|
justify-content: center;
|
|
.topLeft1,
|
.topLeft2 {
|
width: 100%;
|
height: 50%;
|
}
|
|
.msg {
|
//margin: 30px 0px;
|
height: calc(100% - 132px);
|
width: 100%;
|
display: flex;
|
flex-wrap: wrap;
|
flex-direction: row;
|
align-items: center;
|
justify-content: space-around;
|
|
.msg1 {
|
height: 30%;
|
width: 100%;
|
display: flex;
|
flex-direction: row;
|
align-items: center;
|
|
.img {
|
width: 30%;
|
height: 100%;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
|
.Msgdata {
|
width: 70%;
|
height: 60%;
|
display: flex;
|
flex-direction: column;
|
|
.label {
|
height: 50%;
|
width: 100%;
|
color: #FFF;
|
font-size: 27px;
|
letter-spacing: 2px;
|
display: flex;
|
align-items: center;
|
margin-bottom: 13px;
|
span {
|
font-size: 22px;
|
color: yellow;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
}
|
|
.label1 span {
|
color: #41D9CB;
|
}
|
|
|
.data {
|
height: 50%;
|
width: 100%;
|
color: #FFFFFF;
|
font-size: 40px;
|
display: flex;
|
align-items: center;
|
font-family: MyTime;
|
|
span {
|
font-size: 22px;
|
color: #FFFFFF;
|
text-indent: 20px;
|
}
|
}
|
|
.data1 {
|
color: #48ECE7;
|
}
|
|
.data2 {
|
color: #47A2FF;
|
}
|
|
.data3 {
|
color: #FDF40C;
|
}
|
|
.data4 {
|
color: #48ECE7;
|
}
|
|
.data5 {
|
color: #47A2FF;
|
}
|
|
.data6 {
|
color: #FDF40C;
|
}
|
|
|
|
}
|
|
}
|
|
}
|
|
.topLeft2msg {
|
height: calc(100% - 72px);
|
width: 100%;
|
}
|
|
}
|
|
.topRight {
|
width: 49%;
|
height: 100%;
|
|
|
|
#TopRightChart {
|
height: calc(100% - 72px);
|
width: 100%;
|
}
|
}
|
}
|
|
.bottom {
|
height: 30%;
|
width: 100%;
|
|
.titleC {
|
width: 1193px;
|
height: 44px;
|
background-image: url(../../../assets/images/titleC.png);
|
background-size: 100% 100%;
|
font-family: MytitileName;
|
font-size: 30px;
|
display: flex;
|
align-items: center;
|
color: #98deff;
|
text-indent: 70px;
|
letter-spacing: 3px;
|
|
span {
|
width: 88%;
|
height: 100%;
|
display: flex;
|
align-items: center;
|
|
}
|
|
button {
|
cursor: pointer;
|
background-color: #020919;
|
height: 80%;
|
width: 10%;
|
font-size: 22px;
|
color: #FFFFFF;
|
text-align: center;
|
border: solid 1px #04A7DC;
|
font-family: "microsoft yahei";
|
border-radius: 5px;
|
}
|
|
.button {
|
height: 80%;
|
width: 10%;
|
font-size: 30px;
|
font-family: "microsoft yahei";
|
background-color: transparent;
|
color: #000000;
|
border: solid 1px #04A7DC;
|
background-color: RGB(132, 206, 230);
|
border-radius: 10px;
|
}
|
|
}
|
|
.bottomChart {
|
height: calc(100% - 72px);
|
width: 100%;
|
margin-top: 14px;
|
}
|
}
|
|
}
|
|
|
.title {
|
width: 570px;
|
height: 38px;
|
background-image: url(../../../assets/images/title.png);
|
background-size: 100% 100%;
|
font-family: MytitileName;
|
font-size: 30px;
|
display: flex;
|
align-items: center;
|
color: #98deff;
|
letter-spacing: 3px;
|
|
span {
|
width: 80%;
|
text-indent: 70px;
|
}
|
|
button {
|
height: 80%;
|
width: 30%;
|
font-size: 22px;
|
font-family: "microsoft yahei";
|
background-color: transparent;
|
color: #FFFFFF;
|
border: solid 1px #04A7DC;
|
background-color: #020919;
|
border-radius: 10px;
|
}
|
|
.button {
|
height: 80%;
|
width: 20%;
|
font-size: 30px;
|
font-family: "microsoft yahei";
|
background-color: transparent;
|
color: #000000;
|
border: solid 1px #04A7DC;
|
background-color: RGB(132, 206, 230);
|
border-radius: 10px;
|
}
|
|
|
}
|
|
.Mytable {
|
margin: 0;
|
//height: 1240px;
|
width: 100%;
|
border: none;
|
background-color: transparent;
|
overflow: auto;
|
}
|
|
.Mytable /deep/ .el-table__row {
|
background-color: rgba(22, 48, 83, 1);
|
border: none;
|
height: 100px;
|
}
|
|
.Mytable /deep/ .el-table__row:hover {
|
color: #273048;
|
background-color: #273048;
|
}
|
|
.Mytable /deep/ .el-table__cell {
|
line-height: 80px;
|
font-size: 30px;
|
color: #FFF;
|
border: none;
|
border-bottom: dotted 1px grey;
|
}
|
|
.Mytable /deep/ .cell {
|
line-height: 80px;
|
text-align: center;
|
}
|
|
|
.Mytable /deep/ .el-table__header-wrapper {
|
background-color: red;
|
}
|
|
.Mytable /deep/ thead.is-group th.el-table__cell {
|
background-color: rgba(22, 48, 83, 1);
|
}
|
|
.Mytable /deep/ .el-table__body tr:hover>td {
|
background-color: #273048 !important;
|
}
|
|
.Mytable /deep/ .el-table--border .el-table__cell {
|
border: none;
|
}
|
.el-table::before {
|
left: 0;
|
bottom: 0;
|
width: 100%;
|
height: 0px !important;
|
}
|
|
.el-pagination {
|
padding-top: 30px;
|
padding-bottom: 30px;
|
display: flex;
|
align-items: center;
|
background-color: #23476B;
|
}
|
|
.Mycompny {
|
z-index: 999;
|
position: absolute;
|
top: 200px;
|
right: 2200px;
|
background-color: red;
|
|
position: absolute;
|
height: 500px;
|
width: 500px;
|
}
|
|
.HGTitle /deep/ .el-dialog {
|
.el-dialog__header {
|
display: none;
|
}
|
|
.dj-dialog-content {
|
padding: 0;
|
overflow: unset;
|
}
|
}
|
.datlog {
|
overflow: auto;
|
}
|
|
.HGTitle /deep/ .el-dialog {
|
background-image: url(../../../assets/image/Left/EnterpriseOperation/secondbg.png);
|
background-size: 100% 100%;
|
background-repeat: no-repeat;
|
background-color: transparent;
|
display: flex;
|
display: -ms-flex;
|
/* 兼容IE */
|
flex-direction: column;
|
-ms-flex-direction: column;
|
/* 兼容IE */
|
margin: 0 !important;
|
position: absolute;
|
top: 50%;
|
left: 50%;
|
transform: translate(-50%, -50%);
|
max-height: calc(100% - 30px);
|
max-width: calc(100% - 30px);
|
}
|
|
|
.dialogHG {
|
padding-left: 100px;
|
padding-right: 100px;
|
border-radius: 10px;
|
height: 1500px;
|
width: calc(100% - 200px);
|
display: flex;
|
flex-direction: column;
|
align-items: center;
|
justify-content: center;
|
color: #FFFFFF;
|
font-size: 40px;
|
letter-spacing: 2px;
|
|
.td0 {
|
height: 10%;
|
width: 100%;
|
display: flex;
|
flex-direction: row;
|
align-items: center;
|
justify-content: center;
|
font-size: 50px;
|
border-bottom: solid 1px #FFF;
|
}
|
|
.td1 {
|
height: 120px;
|
width: 100%;
|
font-size: 40px;
|
display: flex;
|
flex-direction: row;
|
border-bottom: solid 1px #FFF;
|
}
|
|
.td2 {
|
height: calc(80% - 800px);
|
width: 100%;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
|
img {
|
width: 596px;
|
height: 326px;
|
}
|
}
|
|
.td3 {
|
height: 100px;
|
width: 100%;
|
display: flex;
|
flex-direction: row;
|
align-items: center;
|
justify-content: center;
|
border-bottom: solid 1px #FFF;
|
}
|
|
.span1 {
|
width: 20%;
|
height: 100%;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
|
.span2 {
|
width: 80%;
|
height: 100%;
|
display: flex;
|
align-items: center;
|
justify-content: flex-start;
|
}
|
|
}
|
|
|
|
/deep/ .el-tabs__item {
|
background-color: #26486A;
|
color: #fff;
|
font-size: 30px;
|
height: 70px;
|
|
width: 200px;
|
line-height: 80px;
|
border: none;
|
text-align: center;
|
}
|
|
/deep/ .el-tabs__item.is-active {
|
color: #1890ff;
|
}
|
|
/deep/ .el-tabs__header {
|
background-color: #26486A;
|
margin: 0px;
|
}
|
|
|
.Mytable /deep/ .el-table__row {
|
background-color: rgba(22, 48, 83, 1);
|
border: none;
|
height: 100px;
|
}
|
|
.Mytable /deep/ .el-table__row:hover {
|
color: #273048;
|
background-color: #273048;
|
}
|
|
.Mytable /deep/ .el-table__cell {
|
line-height: 80px;
|
font-size: 28px;
|
color: #FFF;
|
border: none;
|
background-color:#26486A ;
|
//border-bottom: dotted 1px grey;
|
border-top: solid 1px grey;
|
|
}
|
|
.Mytable /deep/ .cell {
|
line-height: 50px;
|
text-align: center;
|
}
|
|
.Mytable /deep/ .el-table__body tr:hover>td {
|
background-color: #273048 !important;
|
}
|
|
.Mytable /deep/ .el-table--border .el-table__cell {
|
border: none;
|
}
|
|
.el-pagination{
|
background-color:#26486A ;
|
}
|
.datlog {
|
margin-bottom: 50px;
|
overflow: auto;
|
}
|
|
|
|
</style>
|
