Browse Source

feat: 设备详情告警筛选切换到 TDesign

main
xiaosi 3 weeks ago
parent
commit
21a878dcd0
  1. 11
      src/views/DeviceDetailView/DeviceDetailView.vue

11
src/views/DeviceDetailView/DeviceDetailView.vue

@ -216,11 +216,7 @@
<div v-else-if="activeTab === 'alarms'" class="full-detail-content">
<div class="record-header">
<div><h2>告警记录</h2><span>当前设备</span></div>
<select v-model="alarmStatusFilter">
<option value="">全部告警状态</option>
<option value="active">未恢复</option>
<option value="resolved">已恢复</option>
</select>
<t-select v-model="alarmStatusFilter" :options="alarmStatusOptions" placeholder="全部告警状态" style="width: 160px" />
</div>
<table class="record-table">
<thead><tr><th>告警时间</th><th>告警编码</th><th>告警内容</th><th>级别</th><th>状态</th><th>恢复时间</th></tr></thead>
@ -336,6 +332,11 @@ const activeTab = ref('overview')
const logs = ref([])
const alarmRecords = ref([])
const alarmStatusFilter = ref('')
const alarmStatusOptions = [
{ label: '全部告警状态', value: '' },
{ label: '未恢复', value: 'active' },
{ label: '已恢复', value: 'resolved' }
]
const editDockVisible = ref(false)
const record = computed(() => devices.record(route.params.id))

Loading…
Cancel
Save