提交 33ce98c1 authored 作者: ww1xhqc's avatar ww1xhqc

fix(创新示范评价):填充真实数据

<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h1024v1024H0V0z" fill="#202425" opacity=".01" /><path d="M214.152533 142.2336C181.725867 97.041067 213.981867 34.133333 269.585067 34.133333h484.829866c55.6032 0 87.8592 62.907733 55.432534 108.100267l-77.585067 108.066133A136.533333 136.533333 0 0 1 621.329067 307.2h-218.658134a136.533333 136.533333 0 0 1-110.933333-56.900267L214.152533 142.2336z" fill="#FFAA44" /><path d="M545.621333 238.933333h-67.242666a409.6 409.6 0 0 0-403.012267 336.315734l-31.470933 173.192533C21.026133 874.154667 117.623467 989.866667 245.418667 989.866667h533.230933c127.761067 0 224.3584-115.712 201.489067-241.425067l-31.470934-173.192533A409.6 409.6 0 0 0 545.5872 238.933333z" fill="#FF7744" /><path d="M351.3344 453.7344a34.133333 34.133333 0 0 1 48.264533 0L512 566.135467l112.401067-112.401067a34.133333 34.133333 0 0 1 48.264533 48.264533L594.397867 580.266667H648.533333a34.133333 34.133333 0 1 1 0 68.266666h-102.4v51.2h102.4a34.133333 34.133333 0 1 1 0 68.266667h-102.4v68.266667a34.133333 34.133333 0 1 1-68.266666 0v-68.266667h-102.4a34.133333 34.133333 0 1 1 0-68.266667h102.4V648.533333h-102.4a34.133333 34.133333 0 1 1 0-68.266666h54.135466l-78.267733-78.267734a34.133333 34.133333 0 0 1 0-48.264533z" fill="#FFFFFF" /></svg>
\ No newline at end of file
......@@ -78,6 +78,9 @@ export default defineComponent({
cursor: pointer;
transition: all 0.2s;
box-shadow: 2px 2px 10px #eee;
flex: 1;
height: 100%;
box-sizing: border-box;
}
.map-warpper {
......
......@@ -558,7 +558,8 @@ export default defineComponent({
}
.economic-construct {
flex: 1;
height: 150px;
min-height: 150px;
height: calc( 100% - 200px);
box-sizing: border-box;
margin-top: 10px;
}
......
......@@ -326,7 +326,8 @@ export default defineComponent({
}
.incom-distribution {
flex: 1;
height: 150px;
min-height: 150px;
height: calc(100% - 200px);
box-sizing: border-box;
margin-top: 10px;
}
......
......@@ -91,7 +91,7 @@ export default defineComponent({
grid: {
left: "-5%",
right: "5%",
bottom: "3%",
bottom: "5%",
containLabel: true,
},
yAxis: {
......@@ -179,7 +179,8 @@ export default defineComponent({
.target-bar {
flex: 1;
height: 260px;
height: calc(100% - 120px);
min-height: 260px;
box-sizing: border-box;
margin-top: 10px;
}
......
......@@ -85,6 +85,9 @@ export default defineComponent({
cursor: pointer;
transition: all 0.2s;
box-shadow: 2px 2px 10px #eee;
flex: 1;
height: 100%;
box-sizing: border-box;
}
.map-warpper {
......@@ -96,7 +99,8 @@ export default defineComponent({
.footer-warpper {
margin-top: 20px;
.business-extend {
height: 430px;
min-height: 430px;
height: 100%;
}
}
</style>
......@@ -3,7 +3,16 @@
<el-row>
<el-col :span="10">
<div class="echarts-circular">
<div id="businessIncome" class="business-income"></div>
<div class="money-logo">
<div>
<img src="@/assets/img/qiandai.svg" alt="" />
<div>营业收入 <span>(万元)</span></div>
</div>
<span class="mony-number">3532.82</span>
</div>
</div>
</el-col>
<el-col class="pie-items" :span="12" :offset="2">
......@@ -37,13 +46,19 @@ import * as echarts from "echarts";
import { Aim } from "@element-plus/icons";
const PIE_LIST = [
<<<<<<< HEAD
{ label: "数字军工(网络、人工智能)领域", value: 932.66 },
{ label: "高端装备领域", value:383.17 },
{ label: "核电(新能源领域)", value: 311.27 },
=======
{ label: "数字军工(网络、人工智能)领域", value: 932.66 },
{ label: "高端装备领域", value: 383.17 },
{ label: "核电(新能源领域)", value: 311.27 },
>>>>>>> 312068b28f312777423027b138514e4ac4bcc72e
{ label: "生物安全领域", value: 267.96 },
{ label: "航空航天领域", value: 269.18 },
{ label: "船舶与海洋装备领域", value: 84.22 },
{ label: "军队现代后勤保障领域", value: 517.90 },
{ label: "军队现代后勤保障领域", value: 517.9 },
{ label: "军用材料与基础件配套领域", value: 365.24 },
{ label: "其他", value: 401.22 },
];
......@@ -109,7 +124,7 @@ export default defineComponent({
{
name: "Access From",
type: "pie",
radius: ["40%", "70%"],
radius: ["48%", "70%"],
avoidLabelOverlap: false,
label: {
show: false,
......@@ -117,7 +132,7 @@ export default defineComponent({
},
emphasis: {
label: {
show: true,
show: false,
fontSize: "20",
formatter: "营业额(万元)\n \n{c}",
},
......@@ -171,9 +186,37 @@ export default defineComponent({
</style>
<style lang="scss" scoped>
.echarts-circular {
position: relative;
.money-logo {
top: 40%;
left: 34%;
position: absolute;
text-align: center;
transform: scale(1.2);
div {
display: flex;
align-items: center;
font-size: 22px;
color: #333;
span {
font-size: 16px;
color: #666;
}
img {
width: 35px;
}
}
.mony-number{
font-size: 36px;
color: #4198ff;
}
}
}
.business-income {
flex: 1;
height: 400px;
height: 100%;
min-height: 400px;
box-sizing: border-box;
margin-top: 10px;
}
......
......@@ -221,7 +221,8 @@ export default defineComponent({
}
.incom-distribution {
flex: 1;
height: 315px;
min-height: 315px;
height: calc( 100% - 70px);
box-sizing: border-box;
margin-top: 10px;
}
......
......@@ -121,7 +121,7 @@ export default defineComponent({
top: 0,
left: "0%",
right: "5%",
bottom: "3%",
bottom: "9%",
containLabel: true,
},
yAxis: {
......@@ -166,7 +166,7 @@ export default defineComponent({
<style lang="scss" scoped>
.incom-echarts-line {
flex: 1;
height: calc(100% - 195px);
height: calc(100% - 190px);
box-sizing: border-box;
}
.describes {
......
......@@ -182,7 +182,8 @@ export default defineComponent({
.target-bar {
flex: 1;
height: 250px;
min-height: 250px;
height: 100%;
box-sizing: border-box;
margin-top: 10px;
}
......
......@@ -4,12 +4,12 @@
<div class="performance-com card-item"><Performance /></div>
<div class="card-item rank-list"><RankList /></div>
</el-col>
<el-col :span="10">
<el-col :span="9">
<div class="map-middle">
<div class="card-item map-item"><Map /></div>
</div>
</el-col>
<el-col :span="6">
<el-col :span="7">
<div class="map-right">
<div class="performance-com card-item"><InvestmentProgress /></div>
<div class="card-item incom-graphic"><Income /></div>
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论