提交 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({ ...@@ -78,6 +78,9 @@ export default defineComponent({
cursor: pointer; cursor: pointer;
transition: all 0.2s; transition: all 0.2s;
box-shadow: 2px 2px 10px #eee; box-shadow: 2px 2px 10px #eee;
flex: 1;
height: 100%;
box-sizing: border-box;
} }
.map-warpper { .map-warpper {
......
...@@ -558,7 +558,8 @@ export default defineComponent({ ...@@ -558,7 +558,8 @@ export default defineComponent({
} }
.economic-construct { .economic-construct {
flex: 1; flex: 1;
height: 150px; min-height: 150px;
height: calc( 100% - 200px);
box-sizing: border-box; box-sizing: border-box;
margin-top: 10px; margin-top: 10px;
} }
......
...@@ -326,7 +326,8 @@ export default defineComponent({ ...@@ -326,7 +326,8 @@ export default defineComponent({
} }
.incom-distribution { .incom-distribution {
flex: 1; flex: 1;
height: 150px; min-height: 150px;
height: calc(100% - 200px);
box-sizing: border-box; box-sizing: border-box;
margin-top: 10px; margin-top: 10px;
} }
......
...@@ -91,7 +91,7 @@ export default defineComponent({ ...@@ -91,7 +91,7 @@ export default defineComponent({
grid: { grid: {
left: "-5%", left: "-5%",
right: "5%", right: "5%",
bottom: "3%", bottom: "5%",
containLabel: true, containLabel: true,
}, },
yAxis: { yAxis: {
...@@ -179,7 +179,8 @@ export default defineComponent({ ...@@ -179,7 +179,8 @@ export default defineComponent({
.target-bar { .target-bar {
flex: 1; flex: 1;
height: 260px; height: calc(100% - 120px);
min-height: 260px;
box-sizing: border-box; box-sizing: border-box;
margin-top: 10px; margin-top: 10px;
} }
......
...@@ -85,6 +85,9 @@ export default defineComponent({ ...@@ -85,6 +85,9 @@ export default defineComponent({
cursor: pointer; cursor: pointer;
transition: all 0.2s; transition: all 0.2s;
box-shadow: 2px 2px 10px #eee; box-shadow: 2px 2px 10px #eee;
flex: 1;
height: 100%;
box-sizing: border-box;
} }
.map-warpper { .map-warpper {
...@@ -96,7 +99,8 @@ export default defineComponent({ ...@@ -96,7 +99,8 @@ export default defineComponent({
.footer-warpper { .footer-warpper {
margin-top: 20px; margin-top: 20px;
.business-extend { .business-extend {
height: 430px; min-height: 430px;
height: 100%;
} }
} }
</style> </style>
...@@ -3,7 +3,16 @@ ...@@ -3,7 +3,16 @@
<el-row> <el-row>
<el-col :span="10"> <el-col :span="10">
<div class="echarts-circular">
<div id="businessIncome" class="business-income"></div> <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>
<el-col class="pie-items" :span="12" :offset="2"> <el-col class="pie-items" :span="12" :offset="2">
...@@ -37,13 +46,19 @@ import * as echarts from "echarts"; ...@@ -37,13 +46,19 @@ import * as echarts from "echarts";
import { Aim } from "@element-plus/icons"; import { Aim } from "@element-plus/icons";
const PIE_LIST = [ const PIE_LIST = [
<<<<<<< HEAD
{ label: "数字军工(网络、人工智能)领域", value: 932.66 }, { label: "数字军工(网络、人工智能)领域", value: 932.66 },
{ label: "高端装备领域", value:383.17 }, { label: "高端装备领域", value:383.17 },
{ label: "核电(新能源领域)", value: 311.27 }, { label: "核电(新能源领域)", value: 311.27 },
=======
{ label: "数字军工(网络、人工智能)领域", value: 932.66 },
{ label: "高端装备领域", value: 383.17 },
{ label: "核电(新能源领域)", value: 311.27 },
>>>>>>> 312068b28f312777423027b138514e4ac4bcc72e
{ label: "生物安全领域", value: 267.96 }, { label: "生物安全领域", value: 267.96 },
{ label: "航空航天领域", value: 269.18 }, { label: "航空航天领域", value: 269.18 },
{ label: "船舶与海洋装备领域", value: 84.22 }, { label: "船舶与海洋装备领域", value: 84.22 },
{ label: "军队现代后勤保障领域", value: 517.90 }, { label: "军队现代后勤保障领域", value: 517.9 },
{ label: "军用材料与基础件配套领域", value: 365.24 }, { label: "军用材料与基础件配套领域", value: 365.24 },
{ label: "其他", value: 401.22 }, { label: "其他", value: 401.22 },
]; ];
...@@ -109,7 +124,7 @@ export default defineComponent({ ...@@ -109,7 +124,7 @@ export default defineComponent({
{ {
name: "Access From", name: "Access From",
type: "pie", type: "pie",
radius: ["40%", "70%"], radius: ["48%", "70%"],
avoidLabelOverlap: false, avoidLabelOverlap: false,
label: { label: {
show: false, show: false,
...@@ -117,7 +132,7 @@ export default defineComponent({ ...@@ -117,7 +132,7 @@ export default defineComponent({
}, },
emphasis: { emphasis: {
label: { label: {
show: true, show: false,
fontSize: "20", fontSize: "20",
formatter: "营业额(万元)\n \n{c}", formatter: "营业额(万元)\n \n{c}",
}, },
...@@ -171,9 +186,37 @@ export default defineComponent({ ...@@ -171,9 +186,37 @@ export default defineComponent({
</style> </style>
<style lang="scss" scoped> <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 { .business-income {
flex: 1; flex: 1;
height: 400px; height: 100%;
min-height: 400px;
box-sizing: border-box; box-sizing: border-box;
margin-top: 10px; margin-top: 10px;
} }
......
...@@ -221,7 +221,8 @@ export default defineComponent({ ...@@ -221,7 +221,8 @@ export default defineComponent({
} }
.incom-distribution { .incom-distribution {
flex: 1; flex: 1;
height: 315px; min-height: 315px;
height: calc( 100% - 70px);
box-sizing: border-box; box-sizing: border-box;
margin-top: 10px; margin-top: 10px;
} }
......
...@@ -121,7 +121,7 @@ export default defineComponent({ ...@@ -121,7 +121,7 @@ export default defineComponent({
top: 0, top: 0,
left: "0%", left: "0%",
right: "5%", right: "5%",
bottom: "3%", bottom: "9%",
containLabel: true, containLabel: true,
}, },
yAxis: { yAxis: {
...@@ -166,7 +166,7 @@ export default defineComponent({ ...@@ -166,7 +166,7 @@ export default defineComponent({
<style lang="scss" scoped> <style lang="scss" scoped>
.incom-echarts-line { .incom-echarts-line {
flex: 1; flex: 1;
height: calc(100% - 195px); height: calc(100% - 190px);
box-sizing: border-box; box-sizing: border-box;
} }
.describes { .describes {
......
...@@ -182,7 +182,8 @@ export default defineComponent({ ...@@ -182,7 +182,8 @@ export default defineComponent({
.target-bar { .target-bar {
flex: 1; flex: 1;
height: 250px; min-height: 250px;
height: 100%;
box-sizing: border-box; box-sizing: border-box;
margin-top: 10px; margin-top: 10px;
} }
......
...@@ -4,12 +4,12 @@ ...@@ -4,12 +4,12 @@
<div class="performance-com card-item"><Performance /></div> <div class="performance-com card-item"><Performance /></div>
<div class="card-item rank-list"><RankList /></div> <div class="card-item rank-list"><RankList /></div>
</el-col> </el-col>
<el-col :span="10"> <el-col :span="9">
<div class="map-middle"> <div class="map-middle">
<div class="card-item map-item"><Map /></div> <div class="card-item map-item"><Map /></div>
</div> </div>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="7">
<div class="map-right"> <div class="map-right">
<div class="performance-com card-item"><InvestmentProgress /></div> <div class="performance-com card-item"><InvestmentProgress /></div>
<div class="card-item incom-graphic"><Income /></div> <div class="card-item incom-graphic"><Income /></div>
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论