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

修改中建四局（双碳管理页面）下拉框文字居中

Browse Source
This commit is contained in:
yjl 2022-11-08 16:48:17 +08:00
parent 12327ec2c1
commit fe363dbad8
1 changed files with 119 additions and 130 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -16,6 +16,7 @@
<el-popover placement="bottom" width="70" trigger="click"> <el-popover placement="bottom" width="70" trigger="click">
<ul class="devList"> <ul class="devList">
<li <li
style=" text-align:center"
:class="{ active: item.deviceId == currentDevDetail.deviceId }" :class="{ active: item.deviceId == currentDevDetail.deviceId }"
v-for="(item, index) in devList" v-for="(item, index) in devList"
:key="index" :key="index"
@ -25,12 +26,7 @@
</li> </li>
</ul> </ul>
<p class="greenBtn selectDev" slot="reference"> <p class="greenBtn selectDev" slot="reference">
<img <img v-for="item in 4" :key="item" :class="'arrow' + item" class="arrow" />
v-for="item in 4"
:key="item"
:class="'arrow' + item"
class="arrow"
/>
{{ currentDevDetail.deviceName }} {{ currentDevDetail.deviceName }}
<i class="el-icon-arrow-down"></i> <i class="el-icon-arrow-down"></i>
</p> </p>
@ -41,8 +37,6 @@
<!-- <p><img src="@/views/projectAdmin/fourEngin/assets/images/common/video_bg.jpg"></p> --> <!-- <p><img src="@/views/projectAdmin/fourEngin/assets/images/common/video_bg.jpg"></p> -->
<videoPhoto class="video"></videoPhoto> <videoPhoto class="video"></videoPhoto>
</div> </div>
</div> </div>
</div> </div>
</template> </template>
@ -54,10 +48,10 @@ import {
environmentDevList, environmentDevList,
selectNewEnvironmentAlarmListApi, selectNewEnvironmentAlarmListApi,
getRealTimeDustNoiseDataApi, getRealTimeDustNoiseDataApi,
getAirQualityStatisticsApi,sprayDevListApi, sprayDevListApi,
selectDustNoiseDataApi,getWeatherDataApi,getCurrentDayAirQualityApi, selectDustNoiseDataApi,
sprayOperateDataApi sprayOperateDataApi
} from "@/assets/js/api/environmentManage"; } from '@/assets/js/api/environmentManage'
import echarts from 'echarts4' import echarts from 'echarts4'
export default { export default {
components: { components: {
@ -65,11 +59,10 @@ export default {
}, },
data() { data() {
return { return {
number: 0, number: 0,
devList: [], devList: [],
currentDevDetail: {}, currentDevDetail: {},
sprayDevList:[], sprayDevList: [],
alarmList: [], alarmList: [],
onlineDevNum: 0, onlineDevNum: 0,
offlineDevNum: 0, offlineDevNum: 0,
@ -91,7 +84,7 @@ export default {
} }
} }
}, },
created(){ created() {
this.getDevList() this.getDevList()
}, },
@ -105,69 +98,64 @@ export default {
// }); // });
}, },
methods: { methods: {
//获取环境设备列表--环境监测实时数据--下拉 //获取环境设备列表--环境监测实时数据--下拉
getDevList() { getDevList() {
console.log('环境下拉列表进来了吗--------'); console.log('环境下拉列表进来了吗--------')
environmentDevList({ projectSn: this.$store.state.projectSn }).then( environmentDevList({ projectSn: this.$store.state.projectSn }).then(result => {
(result) => {
console.log('环境监测下拉列表', result) console.log('环境监测下拉列表', result)
this.devList = result.result; this.devList = result.result
if(result.result.length>0){ if (result.result.length > 0) {
this.currentDevDetail = result.result[0]; this.currentDevDetail = result.result[0]
// this.getRealTimeDustNoiseData(); this.getRealTimeDustNoiseData();
// this.selectDustNoiseData(); // this.selectDustNoiseData();
}else{ } else {
// this.createCenterChart(); // this.createCenterChart();
} }
})
}
);
}, },
//近24小时数据 //近24小时数据
selectDustNoiseData() { selectDustNoiseData() {
var now = new Date(); var now = new Date()
var yy = now.getFullYear(); //年 var yy = now.getFullYear() //年
var mm = now.getMonth() + 1; //月 var mm = now.getMonth() + 1 //月
var dd = now.getDate(); //日 var dd = now.getDate() //日
var time = yy + "-"; var time = yy + '-'
if (mm < 10) time += "0"; if (mm < 10) time += '0'
time += mm + "-"; time += mm + '-'
if (dd < 10) time += "0"; if (dd < 10) time += '0'
time += dd; time += dd
let data = { let data = {
searchDate:time, searchDate: time,
projectSn:this.projectSn, projectSn: this.projectSn,
deviceId: this.currentDevDetail.deviceId, deviceId: this.currentDevDetail.deviceId
} }
selectDustNoiseDataApi(data).then(res=>{ selectDustNoiseDataApi(data).then(res => {
// console.log(res) // console.log(res)
this.dustData_24=res.result this.dustData_24 = res.result
this.createdEcharts2(); this.createdEcharts2()
}) })
}, },
//获取报警列表 //获取报警列表
getAlarmList() { getAlarmList() {
let data = { let data = {
projectSn: this.projectSn, projectSn: this.projectSn
};
selectNewEnvironmentAlarmListApi(data).then((res) => {
if (res.code == 200) {
this.alarmList = res.result;
} }
}); selectNewEnvironmentAlarmListApi(data).then(res => {
if (res.code == 200) {
this.alarmList = res.result
}
})
}, },
sprayOperate(deviceId,operateType){ sprayOperate(deviceId, operateType) {
sprayOperateDataApi({ projectSn: this.$store.state.projectSn,operateType:operateType,deviceId:deviceId }).then((res) => { sprayOperateDataApi({ projectSn: this.$store.state.projectSn, operateType: operateType, deviceId: deviceId }).then(res => {
this.sprayDevList=res.result this.sprayDevList = res.result
}); })
}, },
getSprayDevList(){ getSprayDevList() {
sprayDevListApi({ projectSn: this.$store.state.projectSn }).then((res) => { sprayDevListApi({ projectSn: this.$store.state.projectSn }).then(res => {
this.sprayDevList=res.result this.sprayDevList = res.result
}); })
}, },
/** 查询 */ /** 查询 */
handleQuery() { handleQuery() {
@ -177,9 +165,9 @@ export default {
}, },
// // 切换设备 // // 切换设备
realTimeMonitor(value) { realTimeMonitor(value) {
this.currentDevDetail = value; this.currentDevDetail = value
this.getRealTimeDustNoiseData(); this.getRealTimeDustNoiseData()
this.selectDustNoiseData(); this.selectDustNoiseData()
// if (this.realTimeDustNoiseDataTime) { // if (this.realTimeDustNoiseDataTime) {
// clearInterval(this.realTimeDustNoiseDataTime) // clearInterval(this.realTimeDustNoiseDataTime)
// } // }
@ -196,24 +184,24 @@ export default {
}, },
//近24小时数据 //近24小时数据
selectDustNoiseData() { selectDustNoiseData() {
var now = new Date(); var now = new Date()
var yy = now.getFullYear(); //年 var yy = now.getFullYear() //年
var mm = now.getMonth() + 1; //月 var mm = now.getMonth() + 1 //月
var dd = now.getDate(); //日 var dd = now.getDate() //日
var time = yy + "-"; var time = yy + '-'
if (mm < 10) time += "0"; if (mm < 10) time += '0'
time += mm + "-"; time += mm + '-'
if (dd < 10) time += "0"; if (dd < 10) time += '0'
time += dd; time += dd
let data = { let data = {
searchDate:time, searchDate: time,
projectSn:this.projectSn, projectSn: this.projectSn,
deviceId: this.currentDevDetail.deviceId, deviceId: this.currentDevDetail.deviceId
} }
selectDustNoiseDataApi(data).then(res=>{ selectDustNoiseDataApi(data).then(res => {
// console.log(res) // console.log(res)
this.dustData_24=res.result this.dustData_24 = res.result
this.createdEcharts2(); this.createdEcharts2()
}) })
}, },
//获取环境设备详情数据 //获取环境设备详情数据
@ -225,7 +213,7 @@ export default {
console.log(data) console.log(data)
getRealTimeDustNoiseDataApi(data).then(res => { getRealTimeDustNoiseDataApi(data).then(res => {
if (res.code == 200) { if (res.code == 200) {
console.log('获取环境设备详情数据------',res.result) console.log('获取环境设备详情数据------', res.result)
if (res.result != null) { if (res.result != null) {
this.plantCap = res.result this.plantCap = res.result
} else { } else {
@ -584,18 +572,19 @@ export default {
.devList { .devList {
width: 100px; width: 100px;
height: 20px; height: 20px;
li { li {
width: 100px; width: 100px;
height: 20px; height: 20px;
cursor: pointer; cursor: pointer;
text-align: center;
line-height: 22px; line-height: 22px;
&.active, &.active,
&:hover { &:hover {
color: rgba(6, 248, 179, 0.8); color: rgba(6, 248, 179, 0.8);
} }
} }
}
}
} }
} }
</style> </style>