湖里大屏(劳务管理,数字工地,首页):图片替换
BIN
src/assets/images/projectImg/dig_one.png
Normal file
|
After Width: | Height: | Size: 1.9 KiB |
BIN
src/assets/images/projectImg/dig_three.png
Normal file
|
After Width: | Height: | Size: 2.0 KiB |
BIN
src/assets/images/projectImg/dig_two.png
Normal file
|
After Width: | Height: | Size: 1.8 KiB |
BIN
src/assets/images/projectImg/labor_green.png
Normal file
|
After Width: | Height: | Size: 4.5 KiB |
BIN
src/assets/images/projectImg/labor_men.png
Normal file
|
After Width: | Height: | Size: 5.6 KiB |
BIN
src/assets/images/projectImg/labor_shi.png
Normal file
|
After Width: | Height: | Size: 5.5 KiB |
BIN
src/assets/images/projectImg/labor_te.png
Normal file
|
After Width: | Height: | Size: 4.8 KiB |
BIN
src/assets/images/projectImg/labor_yellow.png
Normal file
|
After Width: | Height: | Size: 3.8 KiB |
BIN
src/assets/images/projectImg/num_bing.png
Normal file
|
After Width: | Height: | Size: 4.3 KiB |
BIN
src/assets/images/projectImg/num_blue.png
Normal file
|
After Width: | Height: | Size: 4.0 KiB |
BIN
src/assets/images/projectImg/num_ding.png
Normal file
|
After Width: | Height: | Size: 4.2 KiB |
BIN
src/assets/images/projectImg/num_jia.png
Normal file
|
After Width: | Height: | Size: 3.9 KiB |
BIN
src/assets/images/projectImg/num_pu.png
Normal file
|
After Width: | Height: | Size: 2.6 KiB |
BIN
src/assets/images/projectImg/num_purple.png
Normal file
|
After Width: | Height: | Size: 3.9 KiB |
BIN
src/assets/images/projectImg/num_skyblue.png
Normal file
|
After Width: | Height: | Size: 4.1 KiB |
BIN
src/assets/images/projectImg/num_yi.png
Normal file
|
After Width: | Height: | Size: 4.3 KiB |
@ -6,21 +6,22 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="counts">
|
<div class="counts">
|
||||||
<div class="count">
|
<div class="count">
|
||||||
<div class="icon"></div>
|
<!-- <div class="icon"></div> -->
|
||||||
|
<img src="@/assets/images/projectImg/dig_one.png" />
|
||||||
<div class="info">
|
<div class="info">
|
||||||
<p class="num">PM2.5</p>
|
<p class="num">PM2.5</p>
|
||||||
<p class="label">21μg/m3</p>
|
<p class="label">21μg/m3</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="count">
|
<div class="count">
|
||||||
<div class="icon"></div>
|
<img src="@/assets/images/projectImg/dig_two.png" />
|
||||||
<div class="info">
|
<div class="info">
|
||||||
<p class="num">PM2.5</p>
|
<p class="num">PM2.5</p>
|
||||||
<p class="label">21μg/m3</p>
|
<p class="label">21μg/m3</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="count">
|
<div class="count">
|
||||||
<div class="icon"></div>
|
<img src="@/assets/images/projectImg/dig_three.png" />
|
||||||
<div class="info">
|
<div class="info">
|
||||||
<p class="num">噪声</p>
|
<p class="num">噪声</p>
|
||||||
<p class="label">58dB</p>
|
<p class="label">58dB</p>
|
||||||
@ -61,19 +62,17 @@ export default {
|
|||||||
.count {
|
.count {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
.icon {
|
img{
|
||||||
|
width:40px;
|
||||||
|
height:40px;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
width: 40px;
|
|
||||||
height: 40px;
|
|
||||||
border-radius: 5px;
|
|
||||||
border: 1px solid #2e9586;
|
|
||||||
}
|
}
|
||||||
.info {
|
.info {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
margin-bottom: 5px;
|
||||||
.num {
|
.num {
|
||||||
margin-bottom: 6px;
|
font-size: 12px;
|
||||||
font-size: 1px;
|
|
||||||
}
|
}
|
||||||
.label {
|
.label {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
|||||||
@ -4,7 +4,7 @@
|
|||||||
<div class="titleTxt">{{ title }}</div>
|
<div class="titleTxt">{{ title }}</div>
|
||||||
<div class="personCount">
|
<div class="personCount">
|
||||||
<div class="countItem">
|
<div class="countItem">
|
||||||
<img src="@/assets/images/dataBoard/numImg_purple.png" />
|
<img src="@/assets/images/projectImg/labor_shi.png" />
|
||||||
<div class="info">
|
<div class="info">
|
||||||
<div class="num1">
|
<div class="num1">
|
||||||
{{ '62,590' }}
|
{{ '62,590' }}
|
||||||
@ -16,7 +16,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="countItem">
|
<div class="countItem">
|
||||||
<img src="@/assets/images/dataBoard/numImg_orange.png" />
|
<img src="@/assets/images/projectImg/labor_te.png" />
|
||||||
<div class="info">
|
<div class="info">
|
||||||
<div class="num2">
|
<div class="num2">
|
||||||
{{ 62590 }}
|
{{ 62590 }}
|
||||||
@ -27,7 +27,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="countItem">
|
<div class="countItem">
|
||||||
<img src="@/assets/images/dataBoard/numImg_orange.png" />
|
<img src="@/assets/images/projectImg/labor_men.png" />
|
||||||
<div class="info">
|
<div class="info">
|
||||||
<div class="num3">
|
<div class="num3">
|
||||||
{{ '89%'}}
|
{{ '89%'}}
|
||||||
@ -38,7 +38,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="countItem">
|
<div class="countItem">
|
||||||
<img src="@/assets/images/dataBoard/numImg_orange.png" />
|
<img src="@/assets/images/projectImg/num_purple.png" />
|
||||||
<div class="info">
|
<div class="info">
|
||||||
<div class="num4">
|
<div class="num4">
|
||||||
{{ 62590}}
|
{{ 62590}}
|
||||||
@ -97,24 +97,27 @@ export default {
|
|||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
img {
|
img {
|
||||||
margin-right: 8px;
|
margin-right: 8px;
|
||||||
|
width:50px;
|
||||||
|
height:50px;
|
||||||
}
|
}
|
||||||
.info{
|
.info{
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
line-height: 28px;
|
line-height: 50px;
|
||||||
.num1{
|
.num1{
|
||||||
color:#7851f6;
|
color:#7851f6;
|
||||||
}
|
}
|
||||||
.num2{
|
.num2{
|
||||||
color:#6ee4f0;
|
color:#fe6c7f;
|
||||||
}
|
}
|
||||||
.num3{
|
.num3{
|
||||||
color:#3d83f3;
|
color:#44d7b6;
|
||||||
}
|
}
|
||||||
.num4{
|
.num4{
|
||||||
color: #7852f7;
|
color: #7852f7;
|
||||||
}
|
}
|
||||||
.label{
|
.label{
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
|
line-height: 10px;
|
||||||
}
|
}
|
||||||
.label1{
|
.label1{
|
||||||
width:68px;
|
width:68px;
|
||||||
|
|||||||
@ -4,7 +4,7 @@
|
|||||||
<div class="titleTxt">{{ title }}</div>
|
<div class="titleTxt">{{ title }}</div>
|
||||||
<div class="personCount">
|
<div class="personCount">
|
||||||
<div class="countItem">
|
<div class="countItem">
|
||||||
<img src="@/assets/images/dataBoard/numImg_purple.png" />
|
<img src="@/assets/images/projectImg/labor_green.png" />
|
||||||
<div class="info">
|
<div class="info">
|
||||||
<div class="num1">{{ 62590 }}</div>
|
<div class="num1">{{ 62590 }}</div>
|
||||||
<!-- 实名制人数 -->
|
<!-- 实名制人数 -->
|
||||||
@ -12,7 +12,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="countItem">
|
<div class="countItem">
|
||||||
<img src="@/assets/images/dataBoard/numImg_orange.png" />
|
<img src="@/assets/images/projectImg/labor_yellow.png" />
|
||||||
<div class="info">
|
<div class="info">
|
||||||
<div class="num2">{{ 62590 }}</div>
|
<div class="num2">{{ 62590 }}</div>
|
||||||
<!-- 在场人数 -->
|
<!-- 在场人数 -->
|
||||||
@ -72,6 +72,8 @@ export default {
|
|||||||
display: flex;
|
display: flex;
|
||||||
img {
|
img {
|
||||||
margin-right: 8px;
|
margin-right: 8px;
|
||||||
|
width:50px;
|
||||||
|
height:50px;
|
||||||
}
|
}
|
||||||
.info {
|
.info {
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
|
|||||||
@ -5,7 +5,7 @@
|
|||||||
<div class="content">
|
<div class="content">
|
||||||
<div class="personCount">
|
<div class="personCount">
|
||||||
<div class="countItem">
|
<div class="countItem">
|
||||||
<img src="@/assets/images/dataBoard/numImg_purple.png" />
|
<img src="@/assets/images/projectImg/num_purple.png" />
|
||||||
<div class="info">
|
<div class="info">
|
||||||
<div class="num1">
|
<div class="num1">
|
||||||
{{ 363 }}
|
{{ 363 }}
|
||||||
@ -17,7 +17,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="countItem">
|
<div class="countItem">
|
||||||
<img src="@/assets/images/dataBoard/numImg_orange.png" />
|
<img src="@/assets/images/projectImg/num_skyblue.png" />
|
||||||
<div class="info">
|
<div class="info">
|
||||||
<div class="num2">
|
<div class="num2">
|
||||||
{{ 70 }}
|
{{ 70 }}
|
||||||
@ -29,7 +29,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="countItem">
|
<div class="countItem">
|
||||||
<img src="@/assets/images/dataBoard/numImg_orange.png" />
|
<img src="@/assets/images/projectImg/num_blue.png" />
|
||||||
<div class="info">
|
<div class="info">
|
||||||
<div class="num3">
|
<div class="num3">
|
||||||
{{ 12 }}
|
{{ 12 }}
|
||||||
@ -135,6 +135,8 @@ export default {
|
|||||||
display: flex;
|
display: flex;
|
||||||
img {
|
img {
|
||||||
margin-right: 8px;
|
margin-right: 8px;
|
||||||
|
width:50px;
|
||||||
|
height:50px;
|
||||||
}
|
}
|
||||||
.info{
|
.info{
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
@ -180,9 +182,19 @@ export default {
|
|||||||
width: 86px;
|
width: 86px;
|
||||||
height: 86px;
|
height: 86px;
|
||||||
margin-right: 15px;
|
margin-right: 15px;
|
||||||
background: url(~@/assets/images/dataBoard/fc857081d1aded7077e783a698bd1d6.png);
|
background: url(~@/assets/images/projectImg/num_jia.png);
|
||||||
|
background-size: 100%;
|
||||||
&:nth-child(2) {
|
&:nth-child(2) {
|
||||||
background: url(~@/assets/images/dataBoard/9f4e0bd5a0baebf3e96d512b208527b.png);
|
background: url(~@/assets/images/projectImg/num_yi.png);
|
||||||
|
background-size: 100%;
|
||||||
|
}
|
||||||
|
&:nth-child(3) {
|
||||||
|
background: url(~@/assets/images/projectImg/num_bing.png);
|
||||||
|
background-size: 100%;
|
||||||
|
}
|
||||||
|
&:nth-child(4) {
|
||||||
|
background: url(~@/assets/images/projectImg/num_ding.png);
|
||||||
|
background-size: 100%;
|
||||||
}
|
}
|
||||||
.person-info {
|
.person-info {
|
||||||
transform: translate(15px);
|
transform: translate(15px);
|
||||||
|
|||||||