From 83ea655f2d36ab319d2dfe885947957c550d4f64 Mon Sep 17 00:00:00 2001
From: 叶松 <2217086471@qq.com>
Date: 星期一, 13 十一月 2023 14:17:26 +0800
Subject: [PATCH] Merge branch 'master' of http://111.30.93.211:10101/r/supipe
---
web/src/views/GreenBuild/EnvironMonitor.vue | 127 +++++++++++++++++++++++++++++++++++++++++
1 files changed, 125 insertions(+), 2 deletions(-)
diff --git a/web/src/views/GreenBuild/EnvironMonitor.vue b/web/src/views/GreenBuild/EnvironMonitor.vue
index 61c5bb7..c8faa1b 100644
--- a/web/src/views/GreenBuild/EnvironMonitor.vue
+++ b/web/src/views/GreenBuild/EnvironMonitor.vue
@@ -1,3 +1,126 @@
<template>
- <div>环境监测</div>
-</template>
\ No newline at end of file
+ <div class="main">
+ <div class="main_header">
+ <div class="header_item">
+ <span class="header_label">时间范围：</span>
+ <el-date-picker
+ v-model="dataTime"
+ type="daterange"
+ range-separator="至"
+ start-placeholder="开始日期"
+ end-placeholder="结束日期"
+ value-format="yyyy-MM-dd">
+ </el-date-picker>
+ </div>
+ <div class="header_item">
+ <el-button icon="el-icon-search" @click="searchEnvironMonitorList(true)">查询</el-button>
+ <!-- <el-button icon="el-icon-search" v-if="showButton('search')">查询</el-button> -->
+ </div>
+ </div>
+ <div class="main_content">
+ <el-table
+ v-loading="loading"
+ :data="monitorList"
+ height="100%">
+ <el-table-column label="序号" align="center" >
+ <template #default="scope">
+ <div>
+ <span>{{(pageNum - 1) * pageSize + scope.$index + 1}}</span>
+ </div>
+ </template>
+ </el-table-column>
+ <el-table-column prop="uploadTime" label="采集时间" width="200" align="center" ></el-table-column>
+ <el-table-column prop="deviceName" label="设备" width="200" align="center"></el-table-column>
+ <el-table-column prop="pm25" label="PM2.5(微克/立方米)" width="200" align="center" ></el-table-column>
+ <el-table-column prop="pm10" label="PM10(微克/立方米)" width="200" align="center" ></el-table-column>
+ <el-table-column prop="tsp" label="TSP(微克/立方米)" width="200" align="center" ></el-table-column>
+ <el-table-column prop="temperature" label="温度(摄氏度)" width="200" align="center" ></el-table-column>
+ <el-table-column prop="humidity" label="湿度(%)" align="center" ></el-table-column>
+ <el-table-column prop="data6" label="数据6" align="center" ></el-table-column>
+ <el-table-column prop="pa" label="大气压(千帕)" width="200" align="center" ></el-table-column>
+ <el-table-column prop="windSpeed" label="风速(米/秒)" width="200" align="center" ></el-table-column>
+ <el-table-column prop="windDirection" label="风向" align="center" ></el-table-column>
+ <el-table-column prop="tvoc" label="tvoc" align="center" ></el-table-column>
+ <el-table-column prop="no2" label="no2" align="center" ></el-table-column>
+ <el-table-column prop="co" label="co" align="center" ></el-table-column>
+ <el-table-column prop="so2" label="so2" align="center" ></el-table-column>
+ <el-table-column prop="o3" label="o3" align="center" ></el-table-column>
+ <el-table-column prop="noise" label="噪声(分贝)" width="200" align="center" ></el-table-column>
+ </el-table>
+ </div>
+ <div class="main_footer">
+ <el-pagination
+ background
+ @current-change="changePageNum"
+ @size-change="changePageSize"
+ :current-page="pageNum"
+ :page-sizes="[10, 20, 50, 100]"
+ :page-size="pageSize"
+ layout="total, sizes, prev, pager, next, jumper"
+ :total="total">
+ </el-pagination>
+ </div>
+ </div>
+</template>
+
+<script>
+import { buttonPinia } from '../../pinia';
+export default {
+ data() {
+ return {
+ dataTime: '',
+ pageNum: 1,
+ pageSize: 10,
+ total: 0,
+ loading: false,
+ monitorList: []
+ }
+ },
+ mounted() {
+ this.searchEnvironMonitorList(true);
+ },
+ methods: {
+ // 查询环境监测
+ searchEnvironMonitorList(bol) {
+ if(bol) {
+ this.pageNum = 1;
+ }
+ this.loading = true;
+ this.monitorList = [];
+ this.$api.Green.searchEnvironMonitorList({
+ strTime: this.dataTime ? this.dataTime[0] : '',
+ endTime: this.dataTime ? this.dataTime[1] : '',
+ pageNum: this.pageNum,
+ pageSize: this.pageSize
+ }).then(res => {
+ if(res.success) {
+ this.total = res.data.total;
+ this.monitorList = res.data.list;
+ }
+ this.loading = false;
+ }).catch(() => {
+ this.loading = false;
+ })
+ },
+// 切换页数
+ changePageNum(page) {
+ this.pageNum = page;
+ this.searchEnvironMonitorList();
+ },
+ // 切换每页条数
+ changePageSize(size) {
+ this.pageSize = size;
+ this.searchEnvironMonitorList();
+ },
+ // 判断按钮权限信息
+ showButton(str) {
+ const pinia = buttonPinia();
+ return pinia.$state.buttonInfo.includes(str);
+ }
+ }
+};
+</script>
+
+<style lang="scss" scoped>
+@import '@/style/layout-main.scss';
+</style>
\ No newline at end of file
--
Gitblit v1.9.3