|
|
|
@ -1,7 +1,7 @@
|
|
|
|
|
<template>
|
|
|
|
|
<div style="background-color: rgb(14, 27, 59)">
|
|
|
|
|
<div class="indexBg" style="background-repeat: no-repeat;background-size: 100% 100%">
|
|
|
|
|
<el-container>
|
|
|
|
|
<el-aside style="background-color: rgba(0,0,0,0.3)" width="350px">
|
|
|
|
|
<el-aside style="background-color: rgba(0,0,0,0.3);padding-bottom: 0;" width="350px">
|
|
|
|
|
<div id="carCharts" style="height:150px;width:150px;display: inline-block;margin-top: 20px"/>
|
|
|
|
|
<div
|
|
|
|
|
style="width: 150px;display: inline-block;vertical-align: top;color:#fff;text-align: center;margin-top: 20px">
|
|
|
|
@ -110,8 +110,8 @@
|
|
|
|
|
</div>
|
|
|
|
|
</el-footer>
|
|
|
|
|
</el-container>
|
|
|
|
|
<el-aside style="background-color: rgba(0,0,0,0.3)" width="350px">
|
|
|
|
|
<div v-for="i in 6" style="position:relative;color:#fff;height: 120px">
|
|
|
|
|
<el-aside style="background-color: rgba(0,0,0,0.3);overflow: auto;height:80vh" width="350px">
|
|
|
|
|
<div v-for="i in 60" style="position:relative;color:#fff;height: 120px;">
|
|
|
|
|
<img src="../assets/icons/highTemperature.png"
|
|
|
|
|
style="width: 40px;height: 40px;position: absolute;top: 10px;left: 0px">
|
|
|
|
|
<div style="position: absolute;top: 10px;left: 50px;font-size: 16px">低压</div>
|
|
|
|
@ -372,6 +372,7 @@ export default {
|
|
|
|
|
geo: {
|
|
|
|
|
show: true,
|
|
|
|
|
map: this.mapName,
|
|
|
|
|
zoom:1.2,
|
|
|
|
|
label: {
|
|
|
|
|
normal: {
|
|
|
|
|
show: false
|
|
|
|
@ -423,6 +424,7 @@ export default {
|
|
|
|
|
type: 'map',
|
|
|
|
|
map: 'china',
|
|
|
|
|
geoIndex: 0,
|
|
|
|
|
zoom:1.6,
|
|
|
|
|
aspectScale: 0.75, //长宽比
|
|
|
|
|
showLegendSymbol: false, // 存在legend时显示
|
|
|
|
|
label: {
|
|
|
|
@ -640,3 +642,8 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
<style>
|
|
|
|
|
.indexBg{
|
|
|
|
|
background-image:url('../assets/images/indexBg.jpg');
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|