修改传参方式
This commit is contained in:
re-JZzzz
@ -82,15 +82,15 @@
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" min-width="150" fixed="right">
|
||||
<template #default="scope">
|
||||
<el-button type="primary" link @click="handleDetails(scope.row)" size="small">
|
||||
<span style="color: #1890ff; cursor: pointer; margin-right: 15px;" @click="handleDetails(scope.row)">
|
||||
查看
|
||||
</el-button>
|
||||
<el-button type="primary" link @click="handleConfig(scope.row)" size="small">
|
||||
</span>
|
||||
<span style="color: #666666; cursor: pointer; margin-right: 15px;" @click="handleConfig(scope.row)">
|
||||
配置
|
||||
</el-button>
|
||||
<el-button type="primary" link @click="handleDelete(scope.row)" size="small">
|
||||
</span>
|
||||
<span style="color: #666666; cursor: pointer;" @click="handleDelete(scope.row)">
|
||||
删除
|
||||
</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
@ -106,8 +106,18 @@
|
||||
|
||||
<script setup>
|
||||
import { Search, CirclePlus, Setting } from '@element-plus/icons-vue';
|
||||
import { ref, reactive } from 'vue';
|
||||
import { ref, reactive, watch } from 'vue';
|
||||
|
||||
// 定义props接收数据
|
||||
const props = defineProps({
|
||||
tableData: {
|
||||
type: Object,
|
||||
default: () => ({
|
||||
list: [],
|
||||
total: 0
|
||||
})
|
||||
}
|
||||
});
|
||||
|
||||
// 搜索表单数据
|
||||
const searchForm = reactive({
|
||||
@ -125,112 +135,17 @@ const loading = ref(false);
|
||||
const pagination = reactive({
|
||||
currentPage: 1,
|
||||
pageSize: 10,
|
||||
total: 545
|
||||
total: 0
|
||||
});
|
||||
|
||||
// 设备列表数据
|
||||
const deviceList = ref([
|
||||
{
|
||||
deviceId: 'WO-2023-0620-056',
|
||||
deviceName: '逆变器-01',
|
||||
deviceType: '逆变器',
|
||||
station: '兴电基站1',
|
||||
protocol: 'Modbus TCP',
|
||||
ipAddress: '192.168.1.101',
|
||||
lastOnlineTime: '2023-06-30 17:00',
|
||||
status: 'normal'
|
||||
},
|
||||
{
|
||||
deviceId: 'WO-2023-0620-057',
|
||||
deviceName: '温度传感器-45',
|
||||
deviceType: '传感器',
|
||||
station: '兴电基站2',
|
||||
protocol: 'Modbus TCP',
|
||||
ipAddress: '192.168.1.101',
|
||||
lastOnlineTime: '2023-06-30 17:00',
|
||||
status: 'interrupt'
|
||||
},
|
||||
{
|
||||
deviceId: 'WO-2023-0620-058',
|
||||
deviceName: '智能电表-03',
|
||||
deviceType: '电表',
|
||||
station: '兴电基站3',
|
||||
protocol: 'Modbus TCP',
|
||||
ipAddress: '192.168.1.101',
|
||||
lastOnlineTime: '2023-06-30 17:00',
|
||||
status: 'abnormal'
|
||||
},
|
||||
{
|
||||
deviceId: 'WO-2023-0620-059',
|
||||
deviceName: '监控摄像头-02',
|
||||
deviceType: '摄像头',
|
||||
station: '兴电基站4',
|
||||
protocol: 'Modbus TCP',
|
||||
ipAddress: '192.168.1.101',
|
||||
lastOnlineTime: '2023-06-30 17:00',
|
||||
status: 'normal'
|
||||
},
|
||||
{
|
||||
deviceId: 'WO-2023-0620-060',
|
||||
deviceName: '控制器-07',
|
||||
deviceType: '控制器',
|
||||
station: '兴电基站5',
|
||||
protocol: 'Modbus TCP',
|
||||
ipAddress: '192.168.1.101',
|
||||
lastOnlineTime: '2023-06-30 17:00',
|
||||
status: 'normal'
|
||||
},
|
||||
{
|
||||
deviceId: 'WO-2023-0620-061',
|
||||
deviceName: '逆变器-02',
|
||||
deviceType: '逆变器',
|
||||
station: '兴电基站1',
|
||||
protocol: 'Modbus TCP',
|
||||
ipAddress: '192.168.1.101',
|
||||
lastOnlineTime: '2023-06-30 17:00',
|
||||
status: 'normal'
|
||||
},
|
||||
{
|
||||
deviceId: 'WO-2023-0620-062',
|
||||
deviceName: '电流传感器-08',
|
||||
deviceType: '传感器',
|
||||
station: '兴电基站1',
|
||||
protocol: 'Modbus TCP',
|
||||
ipAddress: '192.168.1.101',
|
||||
lastOnlineTime: '2023-06-30 17:00',
|
||||
status: 'normal'
|
||||
},
|
||||
{
|
||||
deviceId: 'WO-2023-0620-063',
|
||||
deviceName: '多功能电表-12',
|
||||
deviceType: '电表',
|
||||
station: '兴电基站1',
|
||||
protocol: 'Modbus TCP',
|
||||
ipAddress: '192.168.1.101',
|
||||
lastOnlineTime: '2023-06-30 17:00',
|
||||
status: 'normal'
|
||||
},
|
||||
{
|
||||
deviceId: 'WO-2023-0620-064',
|
||||
deviceName: '门禁摄像头-05',
|
||||
deviceType: '摄像头',
|
||||
station: '兴电基站1',
|
||||
protocol: 'Modbus TCP',
|
||||
ipAddress: '192.168.1.101',
|
||||
lastOnlineTime: '2023-06-30 17:00',
|
||||
status: 'normal'
|
||||
},
|
||||
{
|
||||
deviceId: 'WO-2023-0620-065',
|
||||
deviceName: '开关控制器-15',
|
||||
deviceType: '控制器',
|
||||
station: '兴电基站1',
|
||||
protocol: 'Modbus TCP',
|
||||
ipAddress: '192.168.1.101',
|
||||
lastOnlineTime: '2023-06-30 17:00',
|
||||
status: 'normal'
|
||||
}
|
||||
]);
|
||||
const deviceList = ref([]);
|
||||
|
||||
// 监听props变化并更新设备列表
|
||||
watch(() => props.tableData, (newData) => {
|
||||
deviceList.value = newData.list || [];
|
||||
pagination.total = newData.total || 0;
|
||||
}, { immediate: true, deep: true });
|
||||
|
||||
// 获取状态文本
|
||||
const getStatusText = (status) => {
|
||||
@ -269,6 +184,7 @@ const getDeviceTypeTagType = (deviceType) => {
|
||||
// 处理搜索
|
||||
const handleSearch = () => {
|
||||
loading.value = true;
|
||||
pagination.currentPage = 1;
|
||||
// 模拟搜索请求
|
||||
setTimeout(() => {
|
||||
loading.value = false;
|
||||
@ -292,19 +208,19 @@ const handleBatchConfig = () => {
|
||||
// 处理查看详情
|
||||
const handleDetails = (row) => {
|
||||
// 实际项目中这里应该打开设备详情的弹窗或跳转到详情页面
|
||||
ElMessage.success(`查看设备${row.deviceCode}详情`);
|
||||
ElMessage.success(`查看设备${row.deviceId}详情`);
|
||||
};
|
||||
|
||||
// 处理配置
|
||||
const handleConfig = (row) => {
|
||||
// 实际项目中这里应该打开设备配置的弹窗
|
||||
ElMessage.success(`配置设备${row.deviceCode}`);
|
||||
ElMessage.success(`配置设备${row.deviceId}`);
|
||||
};
|
||||
|
||||
// 处理删除
|
||||
const handleDelete = (row) => {
|
||||
ElMessageBox.confirm(
|
||||
`确定要删除设备${row.deviceCode}吗？`,
|
||||
`确定要删除设备${row.deviceId}吗？`,
|
||||
'提示',
|
||||
{
|
||||
confirmButtonText: '确定',
|
||||
|
||||
@ -10,6 +10,16 @@
|
||||
import { ref, onMounted, watch } from 'vue';
|
||||
import * as echarts from 'echarts';
|
||||
|
||||
// 定义props接收数据
|
||||
const props = defineProps({
|
||||
trendData: {
|
||||
type: Object,
|
||||
default: () => ({
|
||||
dates: [],
|
||||
series: []
|
||||
})
|
||||
}
|
||||
});
|
||||
|
||||
// 图表DOM引用
|
||||
const chartRef = ref(null);
|
||||
@ -54,7 +64,7 @@ const initChart = () => {
|
||||
color: '#EAEBF0'
|
||||
}
|
||||
},
|
||||
data: ['9-12', '9-13', '9-14', '9-15', '9-16', '9-17', '9-18']
|
||||
data: props.trendData.dates || []
|
||||
},
|
||||
yAxis: {
|
||||
type: 'value',
|
||||
@ -73,48 +83,20 @@ const initChart = () => {
|
||||
}
|
||||
}
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: '正常',
|
||||
data: [20, 10, 50, 80, 70, 10, 30],
|
||||
type: 'bar',
|
||||
stack: 'one',
|
||||
color: '#7339F5',
|
||||
itemStyle: {
|
||||
// borderWidth: 1,
|
||||
borderColor: 'rgba(255, 255, 255, 1)', //同背景色一样
|
||||
barBorderRadius: 8
|
||||
},
|
||||
barWidth: '20',
|
||||
series: props.trendData.series.map((item, index) => ({
|
||||
name: item.name,
|
||||
data: item.data,
|
||||
type: 'bar',
|
||||
stack: 'one',
|
||||
color: item.color,
|
||||
itemStyle: {
|
||||
borderWidth: 1,
|
||||
borderColor: 'rgba(255, 255, 255, 1)',
|
||||
barBorderRadius: 8
|
||||
},
|
||||
{
|
||||
name: '中断',
|
||||
data: [80, 30, 50, 80, 70, 10, 30],
|
||||
type: 'bar',
|
||||
stack: 'one', //堆叠
|
||||
color: '#FF8A00',
|
||||
itemStyle: {
|
||||
borderWidth: 1,
|
||||
borderColor: 'rgba(255, 255, 255, 1)', //同背景色一样
|
||||
barBorderRadius: 8
|
||||
},
|
||||
},
|
||||
{
|
||||
name: '异常',
|
||||
data: [50, 30, 50, 80, 70, 10, 30],
|
||||
type: 'bar',
|
||||
stack: 'one', //堆叠
|
||||
color: '#DE4848',
|
||||
itemStyle: {
|
||||
borderWidth: 1,
|
||||
borderColor: 'rgba(255, 255, 255, 1)', //同背景色一样
|
||||
barBorderRadius: 8
|
||||
},
|
||||
barWidth: '12',
|
||||
}
|
||||
]
|
||||
};
|
||||
|
||||
barWidth: index === 0 ? '20' : index === 2 ? '12' : '20',
|
||||
}))
|
||||
}
|
||||
chartInstance.setOption(option);
|
||||
};
|
||||
|
||||
|
||||
@ -9,6 +9,36 @@
|
||||
import { ref, onMounted, watch } from 'vue';
|
||||
import * as echarts from 'echarts';
|
||||
|
||||
// 定义props接收数据
|
||||
const props = defineProps({
|
||||
pieData: {
|
||||
type: Object,
|
||||
default: () => ({
|
||||
normal: {
|
||||
value: 28,
|
||||
name: '提示信息',
|
||||
displayName: '设备正常'
|
||||
},
|
||||
interrupt: {
|
||||
value: 45,
|
||||
name: '一般告警',
|
||||
displayName: '设备中断'
|
||||
},
|
||||
abnormal: {
|
||||
value: 55,
|
||||
name: '重要告警',
|
||||
displayName: '设备异常'
|
||||
}
|
||||
})
|
||||
}
|
||||
});
|
||||
|
||||
// 默认的三种颜色
|
||||
const defaultColors = {
|
||||
normal: '#43CF7C',
|
||||
interrupt: '#00B3FF',
|
||||
abnormal: '#FB3E7A'
|
||||
};
|
||||
|
||||
// 图表DOM引用
|
||||
const chartRef = ref(null);
|
||||
@ -24,16 +54,10 @@ const initChart = () => {
|
||||
tooltip: {
|
||||
trigger: 'item',
|
||||
formatter: function(params) {
|
||||
// 定义名称映射关系
|
||||
const nameMap = {
|
||||
'提示信息': '设备正常',
|
||||
'一般告警': '设备中断',
|
||||
'重要告警': '设备异常'
|
||||
};
|
||||
// 使用ECharts提供的百分比值
|
||||
const percentage = params.percent.toFixed(1);
|
||||
// 返回格式化后的文本
|
||||
return `${nameMap[params.name]}: ${params.value}台 (${percentage}%)`;
|
||||
return `${params.data.displayName}: ${params.value}台 (${percentage}%)`;
|
||||
}
|
||||
},
|
||||
grid: {
|
||||
@ -50,20 +74,11 @@ const initChart = () => {
|
||||
itemWidth: 15,
|
||||
itemHeight: 15,
|
||||
formatter: function(name) {
|
||||
// 定义名称映射关系
|
||||
const nameMap = {
|
||||
'提示信息': '设备正常',
|
||||
'一般告警': '设备中断',
|
||||
'重要告警': '设备异常'
|
||||
};
|
||||
// 定义数值映射关系
|
||||
const valueMap = {
|
||||
'提示信息': 28,
|
||||
'一般告警': 45,
|
||||
'重要告警': 55
|
||||
};
|
||||
const data = props.pieData.normal.name === name ? props.pieData.normal :
|
||||
props.pieData.interrupt.name === name ? props.pieData.interrupt :
|
||||
props.pieData.abnormal;
|
||||
// 返回格式化后的文本
|
||||
return `${nameMap[name] || name}(${valueMap[name]})`;
|
||||
return `${data.displayName}(${data.value})`;
|
||||
}
|
||||
},
|
||||
series: [
|
||||
@ -78,14 +93,26 @@ const initChart = () => {
|
||||
show: true
|
||||
},
|
||||
color: [
|
||||
'#43CF7C', // 设备正常
|
||||
'#00B3FF', // 设备中断
|
||||
'#FB3E7A', // 设备异常
|
||||
defaultColors.normal,
|
||||
defaultColors.interrupt,
|
||||
defaultColors.abnormal
|
||||
],
|
||||
data: [
|
||||
{ value: 28, name: '提示信息' },
|
||||
{ value: 45, name: '一般告警' },
|
||||
{ value: 55, name: '重要告警' },
|
||||
{
|
||||
value: props.pieData.normal.value,
|
||||
name: props.pieData.normal.name,
|
||||
displayName: props.pieData.normal.displayName
|
||||
},
|
||||
{
|
||||
value: props.pieData.interrupt.value,
|
||||
name: props.pieData.interrupt.name,
|
||||
displayName: props.pieData.interrupt.displayName
|
||||
},
|
||||
{
|
||||
value: props.pieData.abnormal.value,
|
||||
name: props.pieData.abnormal.name,
|
||||
displayName: props.pieData.abnormal.displayName
|
||||
}
|
||||
],
|
||||
emphasis: {
|
||||
itemStyle: {
|
||||
|
||||
@ -7,11 +7,11 @@
|
||||
<img src="@/assets/demo/rebot.png" alt="">
|
||||
</div>
|
||||
<div class="item-title">设备总数</div>
|
||||
<div class="item-value">128</div>
|
||||
<div class="item-value">{{ totalData.deviceCount }}</div>
|
||||
<div class="item-unit">台</div>
|
||||
<div class="item-trend">
|
||||
<img src="@/assets/demo/up.png" alt="">
|
||||
<span class="trend-num">8台</span>
|
||||
<span class="trend-num">+{{ totalData.increase || 8 }}台</span>
|
||||
<span class="trend-des">较上月同期</span>
|
||||
</div>
|
||||
</div>
|
||||
@ -21,12 +21,12 @@
|
||||
<div class="item-icon">
|
||||
<img src="@/assets/demo/wifi.png" alt="">
|
||||
</div>
|
||||
<div class="item-title">设备总数</div>
|
||||
<div class="item-value">128</div>
|
||||
<div class="item-title">正常设备</div>
|
||||
<div class="item-value">{{ totalData.normalCount }}</div>
|
||||
<div class="item-unit">台</div>
|
||||
<div class="item-trend">
|
||||
<img src="@/assets/demo/up.png" alt="">
|
||||
<span class="trend-num">8台</span>
|
||||
<span class="trend-num">+{{ totalData.normalIncrease || 5 }}台</span>
|
||||
<span class="trend-des">较上月同期</span>
|
||||
</div>
|
||||
</div>
|
||||
@ -36,12 +36,12 @@
|
||||
<div class="item-icon">
|
||||
<img src="@/assets/demo/wifiwarn.png" alt="">
|
||||
</div>
|
||||
<div class="item-title">设备总数</div>
|
||||
<div class="item-value">128</div>
|
||||
<div class="item-title">异常设备</div>
|
||||
<div class="item-value">{{ totalData.abnormalCount }}</div>
|
||||
<div class="item-unit">台</div>
|
||||
<div class="item-trend">
|
||||
<img src="@/assets/demo/up.png" alt="">
|
||||
<span class="trend-num">8台</span>
|
||||
<img src="@/assets/demo/down.png" alt="">
|
||||
<span class="trend-num">-{{ totalData.abnormalDecrease || 3 }}台</span>
|
||||
<span class="trend-des">较上月同期</span>
|
||||
</div>
|
||||
</div>
|
||||
@ -51,12 +51,12 @@
|
||||
<div class="item-icon">
|
||||
<img src="@/assets/demo/nowifi.png" alt="">
|
||||
</div>
|
||||
<div class="item-title">设备总数</div>
|
||||
<div class="item-value">128</div>
|
||||
<div class="item-title">中断设备</div>
|
||||
<div class="item-value">{{ totalData.interruptCount }}</div>
|
||||
<div class="item-unit">台</div>
|
||||
<div class="item-trend">
|
||||
<img src="@/assets/demo/up.png" alt="" class="trend-icon">
|
||||
<span class="trend-num">8台</span>
|
||||
<img src="@/assets/demo/down.png" alt="" class="trend-icon">
|
||||
<span class="trend-num">-{{ totalData.interruptDecrease || 2 }}台</span>
|
||||
<span class="trend-des">较上月同期</span>
|
||||
</div>
|
||||
</div>
|
||||
@ -64,6 +64,28 @@
|
||||
</el-row>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref } from 'vue';
|
||||
|
||||
// 定义props接收数据
|
||||
const props = defineProps({
|
||||
totalData: {
|
||||
type: Object,
|
||||
default: () => ({
|
||||
deviceCount: 0,
|
||||
normalCount: 0,
|
||||
abnormalCount: 0,
|
||||
interruptCount: 0,
|
||||
increase: 0,
|
||||
normalIncrease: 0,
|
||||
abnormalDecrease: 0,
|
||||
interruptDecrease: 0
|
||||
})
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.item-box {
|
||||
padding: 20px;
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
<!-- 标题栏 -->
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="12">
|
||||
<TitleComponent title="报警管理" subtitle="配置新能源厂站的报警级别、类型及相关规则" />
|
||||
<TitleComponent title="设备状态管理" subtitle="监控和管理所有设备的运行状态" />
|
||||
</el-col>
|
||||
<!-- 外层col：控制整体宽度并右对齐，同时作为flex容器 -->
|
||||
<el-col :span="12" style="display: flex; justify-content: flex-end; align-items: center;">
|
||||
@ -17,38 +17,38 @@
|
||||
</el-col>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<!-- 第一行：报警管理和报警级别分布 -->
|
||||
<!-- 第一行：设备统计和状态分布 -->
|
||||
<el-row :gutter="20" class="content-row equal-height-row">
|
||||
<el-col :span="16">
|
||||
<el-card shadow="hover" class="custom-card">
|
||||
<totalView />
|
||||
<totalView :totalData="totalData" />
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<!-- 报警级别分布 -->
|
||||
<!-- 设备状态分布 -->
|
||||
<el-card shadow="hover" class="custom-card">
|
||||
<TitleComponent title="报警级别分布" :font-level="2" />
|
||||
<statusPie />
|
||||
<TitleComponent title="设备状态分布" :font-level="2" />
|
||||
<statusPie :pieData="pieData" />
|
||||
</el-card>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<!-- 第二行：报警趋势分析 -->
|
||||
<!-- 第二行：设备状态趋势 -->
|
||||
<el-row :gutter="20" class="content-row">
|
||||
<el-col :span="24">
|
||||
<el-card shadow="hover" class="custom-card">
|
||||
<TitleComponent title="报警趋势分析" :font-level="2" />
|
||||
<stateTrend />
|
||||
<TitleComponent title="设备状态趋势" :font-level="2" />
|
||||
<stateTrend :trendData="trendData" />
|
||||
</el-card>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<!-- 第三行：报警管理表单 -->
|
||||
<!-- 第三行：设备管理表单 -->
|
||||
<el-row :gutter="20" class="content-row">
|
||||
<el-col :span="24">
|
||||
<el-card shadow="hover" class="custom-card">
|
||||
<TitleComponent title="报警管理表单" :font-level="2" />
|
||||
<manageForm />
|
||||
<TitleComponent title="设备管理表单" :font-level="2" />
|
||||
<manageForm :tableData="tableData" />
|
||||
</el-card>
|
||||
</el-col>
|
||||
</el-row>
|
||||
@ -56,11 +56,175 @@
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref } from 'vue';
|
||||
import TitleComponent from '@/components/TitleComponent/index.vue';
|
||||
import totalView from '@/views/integratedManage/stateManage/components/totalView.vue';
|
||||
import stateTrend from '@/views/integratedManage/stateManage/components/stateTrend.vue'
|
||||
import statusPie from '@/views/integratedManage/stateManage/components/statusPie.vue'
|
||||
import manageForm from '@/views/integratedManage/stateManage/components/manageForm.vue';
|
||||
|
||||
// Mock数据 - 设备统计数据
|
||||
const totalData = ref({
|
||||
deviceCount: 545,
|
||||
normalCount: 436,
|
||||
abnormalCount: 65,
|
||||
interruptCount: 44,
|
||||
increase: 8,
|
||||
normalIncrease: 5,
|
||||
abnormalDecrease: 3,
|
||||
interruptDecrease: 2
|
||||
});
|
||||
|
||||
// Mock数据 - 饼图数据
|
||||
const pieData = ref({
|
||||
normal: {
|
||||
value: 436,
|
||||
name: 'normal',
|
||||
displayName: '设备正常',
|
||||
percent: '80%'
|
||||
},
|
||||
abnormal: {
|
||||
value: 65,
|
||||
name: 'abnormal',
|
||||
displayName: '设备异常',
|
||||
percent: '12%'
|
||||
},
|
||||
interrupt: {
|
||||
value: 44,
|
||||
name: 'interrupt',
|
||||
displayName: '设备中断',
|
||||
percent: '8%'
|
||||
}
|
||||
});
|
||||
|
||||
// Mock数据 - 趋势图数据
|
||||
const trendData = ref({
|
||||
dates: ['9-12', '9-13', '9-14', '9-15', '9-16', '9-17', '9-18'],
|
||||
series: [
|
||||
{
|
||||
name: '正常',
|
||||
data: [20, 10, 50, 80, 70, 10, 30],
|
||||
color: '#7339F5'
|
||||
},
|
||||
{
|
||||
name: '中断',
|
||||
data: [80, 30, 50, 80, 70, 10, 30],
|
||||
color: '#FF8A00'
|
||||
},
|
||||
{
|
||||
name: '异常',
|
||||
data: [50, 30, 50, 80, 70, 10, 30],
|
||||
color: '#DE4848'
|
||||
}
|
||||
]
|
||||
});
|
||||
|
||||
// Mock数据 - 表格数据
|
||||
const tableData = ref({
|
||||
list: [
|
||||
{
|
||||
deviceId: 'WO-2023-0620-056',
|
||||
deviceName: '逆变器-01',
|
||||
deviceType: '逆变器',
|
||||
station: '兴电基站1',
|
||||
protocol: 'Modbus TCP',
|
||||
ipAddress: '192.168.1.101',
|
||||
lastOnlineTime: '2023-06-30 17:00',
|
||||
status: 'normal'
|
||||
},
|
||||
{
|
||||
deviceId: 'WO-2023-0620-057',
|
||||
deviceName: '温度传感器-45',
|
||||
deviceType: '传感器',
|
||||
station: '兴电基站2',
|
||||
protocol: 'Modbus TCP',
|
||||
ipAddress: '192.168.1.101',
|
||||
lastOnlineTime: '2023-06-30 17:00',
|
||||
status: 'interrupt'
|
||||
},
|
||||
{
|
||||
deviceId: 'WO-2023-0620-058',
|
||||
deviceName: '智能电表-03',
|
||||
deviceType: '电表',
|
||||
station: '兴电基站3',
|
||||
protocol: 'Modbus TCP',
|
||||
ipAddress: '192.168.1.101',
|
||||
lastOnlineTime: '2023-06-30 17:00',
|
||||
status: 'abnormal'
|
||||
},
|
||||
{
|
||||
deviceId: 'WO-2023-0620-059',
|
||||
deviceName: '监控摄像头-02',
|
||||
deviceType: '摄像头',
|
||||
station: '兴电基站4',
|
||||
protocol: 'Modbus TCP',
|
||||
ipAddress: '192.168.1.101',
|
||||
lastOnlineTime: '2023-06-30 17:00',
|
||||
status: 'normal'
|
||||
},
|
||||
{
|
||||
deviceId: 'WO-2023-0620-060',
|
||||
deviceName: '控制器-07',
|
||||
deviceType: '控制器',
|
||||
station: '兴电基站5',
|
||||
protocol: 'Modbus TCP',
|
||||
ipAddress: '192.168.1.101',
|
||||
lastOnlineTime: '2023-06-30 17:00',
|
||||
status: 'normal'
|
||||
},
|
||||
{
|
||||
deviceId: 'WO-2023-0620-061',
|
||||
deviceName: '逆变器-02',
|
||||
deviceType: '逆变器',
|
||||
station: '兴电基站1',
|
||||
protocol: 'Modbus TCP',
|
||||
ipAddress: '192.168.1.101',
|
||||
lastOnlineTime: '2023-06-30 17:00',
|
||||
status: 'normal'
|
||||
},
|
||||
{
|
||||
deviceId: 'WO-2023-0620-062',
|
||||
deviceName: '电流传感器-08',
|
||||
deviceType: '传感器',
|
||||
station: '兴电基站1',
|
||||
protocol: 'Modbus TCP',
|
||||
ipAddress: '192.168.1.101',
|
||||
lastOnlineTime: '2023-06-30 17:00',
|
||||
status: 'normal'
|
||||
},
|
||||
{
|
||||
deviceId: 'WO-2023-0620-063',
|
||||
deviceName: '多功能电表-12',
|
||||
deviceType: '电表',
|
||||
station: '兴电基站1',
|
||||
protocol: 'Modbus TCP',
|
||||
ipAddress: '192.168.1.101',
|
||||
lastOnlineTime: '2023-06-30 17:00',
|
||||
status: 'normal'
|
||||
},
|
||||
{
|
||||
deviceId: 'WO-2023-0620-064',
|
||||
deviceName: '门禁摄像头-05',
|
||||
deviceType: '摄像头',
|
||||
station: '兴电基站1',
|
||||
protocol: 'Modbus TCP',
|
||||
ipAddress: '192.168.1.101',
|
||||
lastOnlineTime: '2023-06-30 17:00',
|
||||
status: 'normal'
|
||||
},
|
||||
{
|
||||
deviceId: 'WO-2023-0620-065',
|
||||
deviceName: '开关控制器-15',
|
||||
deviceType: '控制器',
|
||||
station: '兴电基站1',
|
||||
protocol: 'Modbus TCP',
|
||||
ipAddress: '192.168.1.101',
|
||||
lastOnlineTime: '2023-06-30 17:00',
|
||||
status: 'normal'
|
||||
}
|
||||
],
|
||||
total: 545
|
||||
});
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
Reference in New Issue
Block a user