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

中建四局 -双碳管理页面图片更换

Browse Source
This commit is contained in:
yjl 2023-04-02 14:49:00 +08:00
parent 503afa6089
commit 088fa08877
12 changed files with 242 additions and 199 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/views/projectAdmin/fourEngin/carbon/centerBottom.vue
View File

@ -1,8 +1,7 @@
<template>
<Card title="建材碳排放">
<div class="containerBox">
<img src="./image/img5.png" alt="">
<img src="./image/centerBottomImage.png" alt="" />
</div>
</Card>
</template>
@ -14,7 +13,7 @@ export default {
components: { Card },
data() {
return {
time1:'',
time1: ''
}
},
mounted() {
@ -53,7 +52,20 @@ export default {
boundaryGap: false,
type: 'category',
boundaryGap: false,
data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
data: [
'1月',
'2月',
'3月',
'4月',
'5月',
'6月',
'7月',
'8月',
'9月',
'10月',
'11月',
'12月'
],
axisLabel: {
color: '#fff'
},
@ -78,8 +90,9 @@ export default {
// axisLine: { show: true, lineStyle: { color: '#D0FFF6' } },
splitLine: {
lineStyle: {
color: 'rgba(255, 255, 255,0.3)', type: 'dashed'
},
color: 'rgba(255, 255, 255,0.3)',
type: 'dashed'
}
}, // 除x轴的横轴
axisTick: {
show: false
@ -90,7 +103,6 @@ export default {
type: 'dashed'
}
}
}
],
series: [

20
src/views/projectAdmin/fourEngin/carbon/centerTop.vue
View File

@ -1,7 +1,7 @@
<template>
<Card title="项目碳排放趋势">
<div class="containerBox">
<img src="./image/imgFour.png" alt>
<img src="./image/centerTopImage.png" alt />
</div>
</Card>
</template>
@ -70,7 +70,7 @@ export default {
getDevList() {
console.log('环境下拉列表进来了吗--------')
environmentDevList({ projectSn: this.$store.state.projectSn }).then(
result => {
(result) => {
console.log('环境监测下拉列表', result)
this.devList = result.result
if (result.result.length > 0) {
@ -100,7 +100,7 @@ export default {
projectSn: this.projectSn,
deviceId: this.currentDevDetail.deviceId
}
selectDustNoiseDataApi(data).then(res => {
selectDustNoiseDataApi(data).then((res) => {
// console.log(res)
this.dustData_24 = res.result
this.createdEcharts2()
@ -111,7 +111,7 @@ export default {
let data = {
projectSn: this.projectSn
}
selectNewEnvironmentAlarmListApi(data).then(res => {
selectNewEnvironmentAlarmListApi(data).then((res) => {
if (res.code == 200) {
this.alarmList = res.result
}
@ -122,14 +122,16 @@ export default {
projectSn: this.$store.state.projectSn,
operateType: operateType,
deviceId: deviceId
}).then(res => {
}).then((res) => {
this.sprayDevList = res.result
})
},
getSprayDevList() {
sprayDevListApi({ projectSn: this.$store.state.projectSn }).then(res => {
sprayDevListApi({ projectSn: this.$store.state.projectSn }).then(
(res) => {
this.sprayDevList = res.result
})
}
)
},
/** 查询 */
handleQuery() {
@ -172,7 +174,7 @@ export default {
projectSn: this.projectSn,
deviceId: this.currentDevDetail.deviceId
}
selectDustNoiseDataApi(data).then(res => {
selectDustNoiseDataApi(data).then((res) => {
// console.log(res)
this.dustData_24 = res.result
this.createdEcharts2()
@ -185,7 +187,7 @@ export default {
projectSn: this.$store.state.projectSn
}
console.log(data)
getRealTimeDustNoiseDataApi(data).then(res => {
getRealTimeDustNoiseDataApi(data).then((res) => {
if (res.code == 200) {
console.log('获取环境设备详情数据------', res.result)
if (res.result != null) {

BIN
src/views/projectAdmin/fourEngin/carbon/image/centerBottomImage.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 68 KiB

BIN
src/views/projectAdmin/fourEngin/carbon/image/centerTopImage.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 110 KiB

BIN
src/views/projectAdmin/fourEngin/carbon/image/leftBottomImg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

BIN
src/views/projectAdmin/fourEngin/carbon/image/leftCenterImage.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 86 KiB

BIN
src/views/projectAdmin/fourEngin/carbon/image/leftTopImage.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 62 KiB

BIN
src/views/projectAdmin/fourEngin/carbon/image/rightCenterImage.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 60 KiB

25
src/views/projectAdmin/fourEngin/carbon/leftCenter.vue
View File

@ -1,13 +1,17 @@
<template>
<Card title="用水用电碳排放图">
<div class="containerBox">
<img src="./image/img2.png" alt="">
<img src="./image/leftCenterImage.png" alt="" />
</div>
</Card>
</template>
<script>
import { environmentDevList, environmentAlarmList, environmentAlarmTypeList } from '@/assets/js/api/environmentManage'
import {
environmentDevList,
environmentAlarmList,
environmentAlarmTypeList
} from '@/assets/js/api/environmentManage'
import Card from '../components/Card.vue'
export default {
@ -243,19 +247,27 @@ export default {
this.getList()
},
getDevice() {
environmentDevList({ projectSn: this.$store.state.projectSn }).then(result => {
environmentDevList({ projectSn: this.$store.state.projectSn }).then(
(result) => {
if (result.success) {
this.deviceIdArr = result.result
console.log('get设备列表', this.deviceIdArr)
}
})
}
)
},
getList() {
let timeObj = {
startTime: this.time ? this.time[0] : '',
endTime: this.time ? this.time[1] : ''
}
environmentAlarmList(Object.assign(this.pagInfo, { projectSn: this.$store.state.projectSn }, timeObj)).then(result => {
environmentAlarmList(
Object.assign(
this.pagInfo,
{ projectSn: this.$store.state.projectSn },
timeObj
)
).then((result) => {
if (result.success) {
this.List = result.result.records
this.pagInfo.total = result.result.total
@ -264,7 +276,7 @@ export default {
})
},
getEnvironmentAlarmTypeList() {
environmentAlarmTypeList().then(result => {
environmentAlarmTypeList().then((result) => {
if (result.success) this.alarmTypeIdArr = result.result
})
},
@ -300,7 +312,6 @@ export default {
height: 81%;
margin-top: 40px;
margin-left: 73px;
}
.titleTxt {
font-size: 18px;

3
src/views/projectAdmin/fourEngin/carbon/leftTop.vue
View File

@ -2,7 +2,7 @@
<Card title="总碳排放">
<!-- 环境监测 -->
<div class="contentBox">
<img src="./image/img1.png" alt="">
<img src="./image/leftTopImage.png" alt="" />
</div>
</Card>
</template>
@ -48,7 +48,6 @@ margin-left: 15px;
.ps {
font-size: 12px;
}
}
}
}

21
src/views/projectAdmin/fourEngin/carbon/rightBottom.vue
View File

@ -1,7 +1,7 @@
<template>
<Card title="分区域碳排放图">
<div class="contentBox">
<img src="./image/img3.png" alt="">
<img src="./image/leftBottomImg.png" alt="" />
</div>
</Card>
</template>
@ -9,7 +9,11 @@
<script>
import Card from '../components/Card.vue'
import echarts from 'echarts4'
import { getwaterMeterListApi, selectWaterMeterStatisticsApi, getCurrentMonthMeterRecordApi } from '@/assets/js/api/waterManage'
import {
getwaterMeterListApi,
selectWaterMeterStatisticsApi,
getCurrentMonthMeterRecordApi
} from '@/assets/js/api/waterManage'
export default {
components: { Card },
data() {
@ -33,7 +37,7 @@ export default {
methods: {
//用水/用电按钮切换
select(i) {
this.index = i;
this.index = i
},
//echart图表
@ -46,7 +50,9 @@ export default {
this.count = res.result.count
const res2 = await selectWaterMeterStatisticsApi(this.formInline)
this.monthWaterList = res2.result.monthWaterList
const res3 = await getwaterMeterListApi({ projectSn: this.$store.state.projectSn })
const res3 = await getwaterMeterListApi({
projectSn: this.$store.state.projectSn
})
console.log('res3', res3)
// 基于准备好的dom，初始化echarts实例
@ -244,7 +250,10 @@ export default {
}
}
},
data: [1036, 3693, 2962, 3810, 2519, 1915, 1748, 4675, 6209, 4323, 2865, 4298]
data: [
1036, 3693, 2962, 3810, 2519, 1915, 1748, 4675, 6209, 4323, 2865,
4298
]
}
]
}
@ -326,7 +335,6 @@ export default {
::v-deep .el-date-editor {
cursor: pointer;
.el-range__icon {
line-height: 20px;
color: #6ee4f0;
}
@ -350,5 +358,4 @@ export default {
width: 100%;
height: 100%;
}
</style>

36
src/views/projectAdmin/fourEngin/carbon/rightCenter.vue
View File

@ -1,8 +1,7 @@
<template>
<Card title="施工碳排放">
<div class="contentBox">
<img src="./image/img7.png" alt="">
<img src="./image/rightCenterImage.png" alt="" />
</div>
</Card>
</template>
@ -12,7 +11,10 @@
// getwaterMeterListApi,selectWaterMeterStatisticsApi,
// getCurrentMonthMeterRecordApi,} from "@/assets/js/api/waterManage";
import {getCurrentMonthMeterRecordApi,selectWaterMeterStatisticsApi} from'@/assets/js/api/electricDevManage'
import {
getCurrentMonthMeterRecordApi,
selectWaterMeterStatisticsApi
} from '@/assets/js/api/electricDevManage'
import Card from '../components/Card.vue'
import echarts from 'echarts4'
export default {
@ -31,8 +33,8 @@ export default {
deviceIdArr: [],
show: true,
formInline: {
yearTime: "",
ammeterNo: "",
yearTime: '',
ammeterNo: '',
projectSn: this.$store.state.projectSn
},
realTimeData: {
@ -42,16 +44,15 @@ export default {
monthUserWater: 0,
thresholdValue: 0,
ammeterL: '',
count:'',
count: ''
},
gateStatus: ''
};
}
},
mounted() {
this.containerEcharts()
},
methods: {
async containerEcharts() {
const res = await getCurrentMonthMeterRecordApi(this.formInline)
if (res.result.ammeter === null) {
@ -60,7 +61,7 @@ export default {
this.ammeter = res.result.ammeter
this.count = res.result.count
const res1 = await selectWaterMeterStatisticsApi(this.formInline)
console.log('res1',res1);
console.log('res1', res1)
if (res1.result.monthWaterList.length === 0) {
this.realTimeData.monthUserWater = 0
@ -156,7 +157,20 @@ export default {
xAxis: {
boundaryGap: false,
type: 'category',
data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
data: [
'1月',
'2月',
'3月',
'4月',
'5月',
'6月',
'7月',
'8月',
'9月',
'10月',
'11月',
'12月'
],
axisLabel: {
color: '#fff'
},
@ -314,8 +328,6 @@ export default {
.span3 {
padding-right: 5px;
}
}
}
}