From 9da0675fa67f1f03f48881b2664da4c01356d1b5 Mon Sep 17 00:00:00 2001
From: zss <zss@example.com>
Date: 星期三, 23 七月 2025 15:01:08 +0800
Subject: [PATCH] 插回损--功能修改
---
src/views/equipment/mqtt-history/index.vue | 248 ++++++++++++++++++++++++------------------------
1 files changed, 124 insertions(+), 124 deletions(-)
diff --git a/src/views/equipment/mqtt-history/index.vue b/src/views/equipment/mqtt-history/index.vue
index bd40980..3252f0b 100644
--- a/src/views/equipment/mqtt-history/index.vue
+++ b/src/views/equipment/mqtt-history/index.vue
@@ -1,138 +1,138 @@
<template>
- <div>
- <basic-container>
- <el-form label-width="100px" :inline="true">
- <el-form-item label="璁惧锛�" required>
- <el-select v-model="search.deviceId" placeholder="璇烽�夋嫨">
- <el-option
- v-for="item in options"
- :key="item.value"
- :label="item.name"
- :value="item.device_id"
+ <div>
+ <basic-container>
+ <el-form label-width="100px" :inline="true">
+ <el-form-item label="璁惧锛�" required>
+ <el-select v-model="search.deviceId" placeholder="璇烽�夋嫨">
+ <el-option
+ v-for="item in options"
+ :key="item.value"
+ :label="item.name"
+ :value="item.device_id"
+ >
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="鏃堕棿锛�">
+ <el-date-picker
+ v-model="search.collectionTime"
+ type="datetime"
+ placeholder="閫夋嫨鏃ユ湡鏃堕棿"
+ >
+ </el-date-picker>
+ </el-form-item>
+ <el-form-item>
+ <el-button type="primary" @click="searchFun">鏌ヨ</el-button>
+ </el-form-item>
+ </el-form>
+ </basic-container>
+ <basic-container>
+ <el-table
+ :data="tableData"
+ style="width: 100%"
+ height="calc(100vh - 27vh)"
>
- </el-option>
- </el-select>
- </el-form-item>
- <el-form-item label="鏃堕棿锛�">
- <el-date-picker
- v-model="search.collectionTime"
- type="datetime"
- placeholder="閫夋嫨鏃ユ湡鏃堕棿"
- >
- </el-date-picker>
- </el-form-item>
- <el-form-item>
- <el-button type="primary" @click="searchFun">鏌ヨ</el-button>
- </el-form-item>
- </el-form>
- </basic-container>
- <basic-container>
- <el-table
- :data="tableData"
- style="width: 100%"
- height="calc(100vh - 27vh)"
- >
- <el-table-column type="index" label="搴忓彿"></el-table-column>
- <el-table-column prop="collectionTime" label="閲囬泦鏃堕棿">
- </el-table-column>
- <el-table-column label="璁惧鍚嶇О">
- <template slot-scope="scope">
- <!-- 浣跨敤璁＄畻灞炴�ф垨鏂规硶鏌ユ壘鍖归厤椤� -->
- {{ getMatchedName(scope.row.dataStream) }}
- </template>
- </el-table-column>
- <el-table-column prop="dataStream" label="璁惧缂栧彿" >
- </el-table-column>
- <el-table-column prop="value" label="鍙傛暟鍊�"> </el-table-column>
- </el-table>
- <el-pagination
- @size-change="handleSizeChange"
- @current-change="handleCurrentChange"
- :current-page="1"
- :page-sizes="[100, 200, 300, 400]"
- :page-size="search.size"
- layout="->, total, sizes, prev, pager, next, jumper"
- :total="search.total"
- >
- </el-pagination>
- </basic-container>
- </div>
+ <el-table-column type="index" label="搴忓彿"></el-table-column>
+ <el-table-column prop="collectionTime" label="閲囬泦鏃堕棿">
+ </el-table-column>
+ <el-table-column label="璁惧鍚嶇О">
+ <template slot-scope="scope">
+ <!-- 浣跨敤璁＄畻灞炴�ф垨鏂规硶鏌ユ壘鍖归厤椤� -->
+ {{ getMatchedName(scope.row.dataStream) }}
+ </template>
+ </el-table-column>
+ <el-table-column prop="dataStream" label="璁惧缂栧彿" >
+ </el-table-column>
+ <el-table-column prop="value" label="鍙傛暟鍊�"> </el-table-column>
+ </el-table>
+ <el-pagination
+ @size-change="handleSizeChange"
+ @current-change="handleCurrentChange"
+ :current-page="1"
+ :page-sizes="[100, 200, 300, 400]"
+ :page-size="search.size"
+ layout="->, total, sizes, prev, pager, next, jumper"
+ :total="search.total"
+ >
+ </el-pagination>
+ </basic-container>
+ </div>
</template>
<script>
import {
- getDeviceId,
- getEquipmentSensors,
- mqttPage
+ getDeviceId,
+ getEquipmentSensors,
+ mqttPage
} from '@/api/equipment/equipment'
export default {
- data() {
- return {
- currentPage: 1,
- options: [],
- tableData: [],
- equipmentSensorsList: [],
- search: {
- size: 100,
- current: 1,
- total: 0,
- deviceId: null,
- collectionTime: null
- }
- }
- },
- // 鍒濆鍖栬皟鐢� 鏌ヨ璁惧 鎶樼嚎鍥炬暟鎹�
- async created() {
- await this.getDeviceIdFun()
- await this.getPage()
- },
- methods: {
- // 鏌ユ壘鍖归厤鐨勮澶囧悕绉�
- getMatchedName(dataStream) {
- // 閬嶅巻璁惧浼犳劅鍣ㄥ垪琛�
- const matchedItem = this.equipmentSensorsList.find((item) => {
- return item.dataStream === dataStream
- })
-
- // 杩斿洖鍖归厤鐨勪腑鏂囧悕绉版垨榛樿鍊�
- return matchedItem ? matchedItem.nameCn : '鏈壘鍒拌澶�'
- },
- searchFun() {
- this.tableData = []
- this.getEquipmentSensors()
- this.getPage()
- },
- handleSizeChange(val) {
- this.search.size = val
- this.getPage()
- },
- handleCurrentChange(val) {
- this.search.current = val
- this.getPage()
- },
- // 鑾峰彇璁惧涓嬫媺妗�
- async getDeviceIdFun() {
- await getDeviceId().then(async (res) => {
- this.options = res.data.data
- this.search.deviceId = this.options[0].device_id
- await this.getEquipmentSensors()
- })
- },
- getPage() {
- mqttPage(this.search).then((res) => {
- this.tableData = res.data.data.content
- this.search.total = res.data.data.totalElements
- })
- },
- async getEquipmentSensors() {
- await getEquipmentSensors({ deviceId: this.search.deviceId }).then(
- (response) => {
- this.equipmentSensorsList = response.data.data
+ data() {
+ return {
+ currentPage: 1,
+ options: [],
+ tableData: [],
+ equipmentSensorsList: [],
+ search: {
+ size: 100,
+ current: 1,
+ total: 0,
+ deviceId: null,
+ collectionTime: null
+ }
}
- )
+ },
+ // 鍒濆鍖栬皟鐢� 鏌ヨ璁惧 鎶樼嚎鍥炬暟鎹�
+ async created() {
+ await this.getDeviceIdFun()
+ await this.getPage()
+ },
+ methods: {
+ // 鏌ユ壘鍖归厤鐨勮澶囧悕绉�
+ getMatchedName(dataStream) {
+ // 閬嶅巻璁惧浼犳劅鍣ㄥ垪琛�
+ const matchedItem = this.equipmentSensorsList.find((item) => {
+ return item.dataStream === dataStream
+ })
+
+ // 杩斿洖鍖归厤鐨勪腑鏂囧悕绉版垨榛樿鍊�
+ return matchedItem ? matchedItem.nameCn : '鏈壘鍒拌澶�'
+ },
+ searchFun() {
+ this.tableData = []
+ this.getEquipmentSensors()
+ this.getPage()
+ },
+ handleSizeChange(val) {
+ this.search.size = val
+ this.getPage()
+ },
+ handleCurrentChange(val) {
+ this.search.current = val
+ this.getPage()
+ },
+ // 鑾峰彇璁惧涓嬫媺妗�
+ async getDeviceIdFun() {
+ await getDeviceId().then(async (res) => {
+ this.options = res.data.data
+ this.search.deviceId = this.options[0].device_id
+ await this.getEquipmentSensors()
+ })
+ },
+ getPage() {
+ mqttPage(this.search).then((res) => {
+ this.tableData = res.data.data.content
+ this.search.total = res.data.data.totalElements
+ })
+ },
+ async getEquipmentSensors() {
+ await getEquipmentSensors({ deviceId: this.search.deviceId }).then(
+ (response) => {
+ this.equipmentSensorsList = response.data.data
+ }
+ )
+ }
}
- }
}
</script>
--
Gitblit v1.9.3