admin/zhgdyun
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

双碳管理及合约管理

Browse Source
This commit is contained in:
jxjgmj 2022-06-15 15:42:53 +08:00
parent a7d141b2f7
commit da2edfc6f2
7 changed files with 70 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/images/qualityManage/hygl.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 257 KiB

BIN
src/assets/images/qualityManage/hygl2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 694 KiB

BIN
src/assets/images/qualityManage/shuangtan.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 176 KiB

4
src/components/chart/airQulityChart.vue
View File

@ -15,7 +15,7 @@
<div class="size">{{ $t("message.projectSummary.actor") }}</div> <div class="size">{{ $t("message.projectSummary.actor") }}</div>
</div> </div>
<div class="colour_content"> <div class="colour_content">
<div class="bg" style="background: #ffbb38"></div> <div class="bg" style="background: #FFBB38"></div>
<div class="size">{{ $t("message.projectSummary.fine") }}</div> <div class="size">{{ $t("message.projectSummary.fine") }}</div>
</div> </div>
<div class="colour_content"> <div class="colour_content">
@ -96,7 +96,7 @@ export default {
this.lineColor = "#6ce9f0"; this.lineColor = "#6ce9f0";
break; break;
case "良": case "良":
this.lineColor = "#FFBB38"; this.lineColor = "#468EFD";
break; break;
case "轻度污染": case "轻度污染":
this.lineColor = "#FE7A18"; this.lineColor = "#FE7A18";

17
src/views/projectAdmin/dataBoardTwo/contractManage.vue
View File

@ -1,8 +1,25 @@
<template> <template>
<div> <div>
<div class="imgbox">
<img class="img" src="../../../assets/images/qualityManage/hygl.png" alt="">
</div>
<div class="imgbox" style="margin-top: 30px;">
<img src="../../../assets/images/qualityManage/hygl2.png" alt="">
</div>
</div> </div>
</template> </template>
<script> <script>
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.imgbox{
display: flex;
justify-content: center;
width: 100%;
img{
width: 90%;
}
}
</style> </style>

72
src/views/projectAdmin/dataBoardTwo/environment.vue
View File

@ -206,7 +206,10 @@
<i class="el-icon-arrow-down"></i> <i class="el-icon-arrow-down"></i>
</p> </p>
</el-popover> </el-popover>
<div class="realTimeData"> <div style="width: 100%;display: flex;justify-content: center;">
<img style="width: 78%;" src="../../../assets/images/qualityManage/shuangtan.png" alt="">
</div>
<!-- <div class="realTimeData">
<div class="realTimeData_item"> <div class="realTimeData_item">
<div class="realTimeData_item_img"> <div class="realTimeData_item_img">
<img src="@/assets/images/greenOverview/PM2.5@1x.png" alt=""> <img src="@/assets/images/greenOverview/PM2.5@1x.png" alt="">
@ -214,7 +217,7 @@
<div class="realTimeData_item_text"> <div class="realTimeData_item_text">
<p>PM2.5</p> <p>PM2.5</p>
<p>{{plantCap.pm25?plantCap.pm25:'--'}}μg/m3</p> <p>{{plantCap.pm25?plantCap.pm25:'--'}}μg/m3</p>
<!-- <img src="@/assets/images/greenOverview/形状.gif" alt="">-->
<img v-if="plantCap.pm25AlarmType == 1" src="@/assets/images/greenOverview/形状备份-2.gif" alt=""> <img v-if="plantCap.pm25AlarmType == 1" src="@/assets/images/greenOverview/形状备份-2.gif" alt="">
</div> </div>
</div> </div>
@ -225,7 +228,7 @@
<div class="realTimeData_item_text"> <div class="realTimeData_item_text">
<p>PM10</p> <p>PM10</p>
<p>{{plantCap.pm10?plantCap.pm10:'--'}}μg/m3</p> <p>{{plantCap.pm10?plantCap.pm10:'--'}}μg/m3</p>
<!-- <img src="@/assets/images/greenOverview/形状.gif" alt="">-->
<img v-if="plantCap.pm10AlarmType == 1" src="@/assets/images/greenOverview/形状备份-2.gif" alt=""> <img v-if="plantCap.pm10AlarmType == 1" src="@/assets/images/greenOverview/形状备份-2.gif" alt="">
</div> </div>
</div> </div>
@ -235,11 +238,11 @@
</div> </div>
<div class="realTimeData_item_text"> <div class="realTimeData_item_text">
<p> <p>
<!-- 温度 -->
{{$t('message.dataBoard.temperature')}} {{$t('message.dataBoard.temperature')}}
</p> </p>
<p>{{plantCap.temperature?plantCap.temperature:'--'}}℃</p> <p>{{plantCap.temperature?plantCap.temperature:'--'}}℃</p>
<!-- <img src="@/assets/images/greenOverview/形状.gif" alt="">-->
<img v-if="plantCap.temperatureAlarmType == 1" src="@/assets/images/greenOverview/形状备份-2.gif" alt=""> <img v-if="plantCap.temperatureAlarmType == 1" src="@/assets/images/greenOverview/形状备份-2.gif" alt="">
</div> </div>
</div> </div>
@ -249,11 +252,11 @@
</div> </div>
<div class="realTimeData_item_text"> <div class="realTimeData_item_text">
<p> <p>
<!-- 湿度 -->
{{$t('message.dataBoard.humidity')}} {{$t('message.dataBoard.humidity')}}
</p> </p>
<p>{{plantCap.humidity?plantCap.humidity:'--'}}%</p> <p>{{plantCap.humidity?plantCap.humidity:'--'}}%</p>
<!-- <img src="@/assets/images/greenOverview/形状.gif" alt="">-->
<img v-if="plantCap.humidityAlarmType == 1" src="@/assets/images/greenOverview/形状备份-2.gif" alt=""> <img v-if="plantCap.humidityAlarmType == 1" src="@/assets/images/greenOverview/形状备份-2.gif" alt="">
</div> </div>
</div> </div>
@ -264,7 +267,7 @@
<div class="realTimeData_item_text"> <div class="realTimeData_item_text">
<p>TSP</p> <p>TSP</p>
<p>{{plantCap.tsp?plantCap.tsp:'--'}}μg/m3</p> <p>{{plantCap.tsp?plantCap.tsp:'--'}}μg/m3</p>
<!-- <img src="@/assets/images/greenOverview/形状.gif" alt="">-->
<img v-if="plantCap.tspAlarmType == 1" src="@/assets/images/greenOverview/形状备份-2.gif" alt=""> <img v-if="plantCap.tspAlarmType == 1" src="@/assets/images/greenOverview/形状备份-2.gif" alt="">
</div> </div>
</div> </div>
@ -274,11 +277,11 @@
</div> </div>
<div class="realTimeData_item_text"> <div class="realTimeData_item_text">
<p> <p>
<!-- 噪声 -->
{{$t('message.dataBoard.noise')}} {{$t('message.dataBoard.noise')}}
</p> </p>
<p>{{plantCap.noise?plantCap.noise:'--'}}dB</p> <p>{{plantCap.noise?plantCap.noise:'--'}}dB</p>
<!-- <img src="@/assets/images/greenOverview/形状.gif" alt="">-->
<img v-if="plantCap.noiseAlarmType == 1" src="@/assets/images/greenOverview/形状备份-2.gif" alt=""> <img v-if="plantCap.noiseAlarmType == 1" src="@/assets/images/greenOverview/形状备份-2.gif" alt="">
</div> </div>
</div> </div>
@ -288,16 +291,16 @@
</div> </div>
<div class="realTimeData_item_text"> <div class="realTimeData_item_text">
<p> <p>
<!-- 风速 -->
{{$t('message.dataBoard.windSpeed')}} {{$t('message.dataBoard.windSpeed')}}
</p> </p>
<p>{{plantCap.windspeed?plantCap.windspeed:'--'}}m/s</p> <p>{{plantCap.windspeed?plantCap.windspeed:'--'}}m/s</p>
<!-- <img src="@/assets/images/greenOverview/形状.gif" alt="">-->
<img v-if="plantCap.windSpeedAlarmType == 1" src="@/assets/images/greenOverview/形状备份-2.gif" alt=""> <img v-if="plantCap.windSpeedAlarmType == 1" src="@/assets/images/greenOverview/形状备份-2.gif" alt="">
</div> </div>
</div> </div>
</div> </div> -->
<!-- <div ref="centerChart" class="centerChart"></div>-->
</div> </div>
<div class="bottom"> <div class="bottom">
<div class="bottomInner weatherBox"> <div class="bottomInner weatherBox">
@ -491,25 +494,27 @@
<div class="safeChart" ref="safeChart"></div> <div class="safeChart" ref="safeChart"></div>
<div class="descBox fullHeight"> <div class="descBox fullHeight">
<div> <div>
<!-- 噪声报警 -->
<div class="descItem descItem1"> <div class="descItem descItem1">
<p class="text"><i class="dot purple"></i> <p class="text"><i class="dot purple"></i>
<!-- 噪声报警 --> 扬尘
{{$t('message.dataBoard.noiseAlarm')}} {{$t('message.dataBoard.noiseAlarm')}}
</p> </p>
<p class="num">{{alarmData.noiseNum}}</p> <p class="num">{{alarmData.noiseNum}}</p>
</div> </div>
<div class="descItem descItem1">
<!-- <div class="descItem descItem1">
<p class="text"><i style="background: #ffbb38;" class="dot"></i>{{'TSP'+$t('message.dataBoard.alarm')}}</p> <p class="text"><i style="background: #ffbb38;" class="dot"></i>{{'TSP'+$t('message.dataBoard.alarm')}}</p>
<p class="num">{{alarmData.tspNum}}</p> <p class="num">{{alarmData.tspNum}}</p>
</div> </div> -->
<div class="descItem descItem1"> <div class="descItem descItem1">
<p class="text"><i style="background: #fe6c7f;" class="dot"></i>{{'PM2.5'+$t('message.dataBoard.excessiveAlarm')}}</p> <p class="text"><i style="background: #fe6c7f;" class="dot"></i>{{'PM2.5'+$t('message.dataBoard.excessiveAlarm')}}</p>
<p class="num">{{alarmData.pm25Num}}</p> <p class="num">{{alarmData.pm25Num}}</p>
</div> </div>
<div class="descItem"> <!-- <div class="descItem">
<p class="text"><i class="dot green"></i>{{'PM10'+$t('message.dataBoard.excessiveAlarm')}}</p> <p class="text"><i class="dot green"></i>{{'PM10'+$t('message.dataBoard.excessiveAlarm')}}</p>
<p class="num">{{alarmData.pm10Num}}</p> <p class="num">{{alarmData.pm10Num}}</p>
</div> </div> -->
</div> </div>
</div> </div>
@ -674,10 +679,12 @@ export default {
[ [
{ value: this.alarmData.noiseNum, name: '' }, { value: this.alarmData.noiseNum, name: '' },
{ value: this.alarmData.pm25Num, name: '' }, { value: this.alarmData.pm25Num, name: '' },
{ value: this.alarmData.pm10Num, name: '' }, // { value: this.alarmData.pm10Num, name: '' },
{ value: this.alarmData.tspNum, name: '' }, // { value: this.alarmData.tspNum, name: '' },
], ],
this.$refs.safeChart,["rgba(120, 111, 240, 1)","#fe6c7f","rgba(92, 226, 246, 1)","#ffbb38"],'报警总数'
// this.$refs.safeChart,["rgba(120, 111, 240, 1)","#fe6c7f","rgba(92, 226, 246, 1)","#ffbb38"],'报警总数'
this.$refs.safeChart,["#5CE2F6","#5181F6"],'报警总数'
); );
}); });
}, },
@ -689,7 +696,8 @@ export default {
color: color?color:["#5181F6", "#61D2B9", "#F67F51", "#7851F6"], color: color?color:["#5181F6", "#61D2B9", "#F67F51", "#7851F6"],
title: { title: {
show: true, show: true,
text: data[0].value+data[1].value+data[2].value+data[3].value, text: data[0].value+data[1].value,
// text: data[0].value+data[1].value+data[2].value+data[3].value,
x: "48%", x: "48%",
y: "36%", y: "36%",
z: 5, z: 5,
@ -1750,12 +1758,15 @@ export default {
padding-left: 32px; padding-left: 32px;
} }
.online{ .online{
background-color: rgba(68, 215, 182, 0.54); // background-color: rgba(68, 215, 182, 0.54);
background-color: #319FC9;
} }
.offline{ .offline{
background-color: rgba(151, 12, 12, 0.54); // background-color: rgba(151, 12, 12, 0.54);
background-color:#7BA0C0
} }
} }
//蓝色风格 //蓝色风格
.dataBoardPage_blue{ .dataBoardPage_blue{
.weatherBox{ .weatherBox{
@ -1854,4 +1865,15 @@ export default {
} }
} }
} }
.greenTable{
color: #fff !important;
}
.dataBoardContent .alarmBlockContent td{
color: #fff !important;
}
.dataBoardContent .alarmBlockContent th{
color: #fff !important;
}
</style> </style>

8
src/views/projectAdmin/dataBoardTwo/secure.vue
View File

@ -28,7 +28,7 @@
<div class="ratioChart" ref="ratioChart4"></div> <div class="ratioChart" ref="ratioChart4"></div>
</div> </div>
<div class="circleBox"> <div class="circleBox">
<img src="../../../assets/images/qualityManage/secyre01.png" alt=""> <img style="width:100%;height:100%" src="../../../assets/images/qualityManage/secyre01.png" alt="">
</div> </div>
</div> </div>
</div> </div>
@ -104,7 +104,7 @@
</p> </p>
</div> </div>
</vue-scroll> --> </vue-scroll> -->
<img style="width:350px;height:212px" src="../../../assets/images/qualityManage/secyre02.png" alt="" srcset=""> <img style="width:100%;height:100%" src="../../../assets/images/qualityManage/secyre02.png" alt="" srcset="">
</div> </div>
</div> </div>
<div class="blockBox"> <div class="blockBox">
@ -114,7 +114,7 @@
安全预警 安全预警
</div> </div>
<div class="blockContent"> <div class="blockContent">
<img style="width:350px;height:212px" src="../../../assets/images/qualityManage/secyre03.png" alt="" srcset=""> <img style="width:100%;height:100%" src="../../../assets/images/qualityManage/secyre03.png" alt="" srcset="">
<!-- <div class="safeTrainChart" ref="safeTrainChart"></div> <!-- <div class="safeTrainChart" ref="safeTrainChart"></div>
<div class="descBox fullHeight"> <div class="descBox fullHeight">
<div> <div>
@ -150,7 +150,7 @@
隐患排查 隐患排查
</div> </div>
<div class="blockContent"> <div class="blockContent">
<img style="width:350px;height:180px" src="../../../assets/images/qualityManage/secyre04.png" alt="" srcset=""> <img style="width:100%;height:100%" src="../../../assets/images/qualityManage/secyre04.png" alt="" srcset="">
<!-- <vue-scroll> <!-- <vue-scroll>
<ul class="greenTable dynamicList"> <ul class="greenTable dynamicList">
<li v-for="(item,index) in activityList" :key="index"> <li v-for="(item,index) in activityList" :key="index">