Compare commits

...

2 Commits

  1. 54
      ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/statisticalAnalysis/index.vue

54
ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/statisticalAnalysis/index.vue

@ -6,14 +6,12 @@
<div class="topTabs" > <div class="topTabs" >
<div class="item" v-for=" item in equipments" > <div class="item" v-for=" item in equipments" >
<div class="title-tool" > <div class="title-tool" >
<span class="text" >设备数</span> <span class="text" >{{ item.text }}</span>
<div class="num" >{{ item.num }}</div>
<span class="unit"></span>
</div> </div>
<div class="item-body" > <div class="item-body" >
<div class="left-body" > <div class="left-body" >
<img src="./assets/shexiangtou.png" /> <img src="./assets/shexiangtou.png" />
<span>{{ item.text }}</span> <span class="num" >{{ item.num }} <span class="unit"></span></span>
</div> </div>
<div class="line" ></div> <div class="line" ></div>
<div class="right-list" > <div class="right-list" >
@ -568,6 +566,7 @@ import * as echarts from "echarts";
<style lang='scss' scoped> <style lang='scss' scoped>
.bottomTabs { .bottomTabs {
position: relative; position: relative;
display: inline-flex; display: inline-flex;
@ -587,6 +586,8 @@ import * as echarts from "echarts";
} }
} }
.topTabs { .topTabs {
display: inline-flex; display: inline-flex;
width: 100%; width: 100%;
@ -633,13 +634,25 @@ import * as echarts from "echarts";
align-items: center; align-items: center;
margin:0 10px; margin:0 10px;
> span { .num {
display: inline-flex; display: inline-flex;
margin-top:10px; font-size: 19px;
font-size: 14px; font-family: PangMenZhengDao, PangMenZhengDao;
font-family: PingFang SC, PingFang SC;
font-weight: 400; font-weight: 400;
color: #FFFFFFcc; color: #00D1FF;
margin:0 10px;
margin-top:20px;
}
.unit {
font-size: 12px;
font-family: PingFang SC, PingFang SC;
font-weight: 500;
color: #FFFFFFF0;
position: relative;
top:5px;
left:5px;
} }
} }
@ -667,7 +680,7 @@ import * as echarts from "echarts";
position: relative; position: relative;
width:100%; width:100%;
height:40px; height:40px;
font-size: 14px; font-size: 12px;
font-family: PingFang SC, PingFang SC; font-family: PingFang SC, PingFang SC;
font-weight: 400; font-weight: 400;
color: #FFFFFF; color: #FFFFFF;
@ -676,21 +689,21 @@ import * as echarts from "echarts";
.show-text1 { .show-text1 {
color:#00EBC1ee; color:#00EBC1ee;
font-size: 16px; font-size: 14px;
font-family: PangMenZhengDao, PangMenZhengDao; font-family: PangMenZhengDao, PangMenZhengDao;
font-weight: 800; font-weight: 800;
} }
.show-text2 { .show-text2 {
color:#FFFFFFee; color:#FFFFFFee;
font-size: 16px; font-size: 14px;
font-family: PangMenZhengDao, PangMenZhengDao; font-family: PangMenZhengDao, PangMenZhengDao;
font-weight: 800; font-weight: 800;
} }
.show-text3 { .show-text3 {
color:#FFD15Cee; color:#FFD15Cee;
font-size: 16px; font-size: 14px;
font-family: PangMenZhengDao, PangMenZhengDao; font-family: PangMenZhengDao, PangMenZhengDao;
font-weight: 800; font-weight: 800;
} }
@ -718,20 +731,9 @@ import * as echarts from "echarts";
color: #FFFFFF; color: #FFFFFF;
} }
.num {
font-size: 19px;
font-family: PangMenZhengDao, PangMenZhengDao;
font-weight: 400;
color: #00D1FF;
margin:0 10px;
}
.unit {
font-size: 11px;
font-family: PingFang SC, PingFang SC;
font-weight: 500;
color: #FFFFFF50;
}
} }

Loading…
Cancel
Save