feat: 当前告警

src/pages/Iot/devOps/nowAlert.vue

@@ -1,11 +1,89 @@
 <template>
   <a-card>
-    <a-row>
-      <a-col> </a-col>
+    <a-row justify="end" >
+      <a-col>
+        <a-select
+          style="width: 170px;"
+          v-model:value="queryParams.duration"
+        >
+          <a-select-option v-for="item in durationList" :key="item.key" :value="item.key" >
+            {{item.name}}
+          </a-select-option>
+        </a-select>
+      </a-col>
     </a-row>
+    <a-table
+      :columns="columns"
+      :loading="state.loading"
+      :data-source="state.dataSource"
+      style="margin-top: 20px;"
+    >
+
+    </a-table>
   </a-card>
   </template>
 <script lang='ts' setup >
+import { DevOpsController } from '@/controller/iot/devOps'
+import { onMounted, reactive } from 'vue'
+
+const durationList = [
+  { name: '30分钟', key: 1800000 },
+  { name: '近一小时', key: 3600000 },
+  { name: '近六小时', key: 10800000 },
+  { name: '近一天', key: 86400000 },
+  { name: '近一周', key: 604800000 }
+]
+
+const columns = [
+  {
+    title: '名称',
+    dateIndex: ''
+  },
+  {
+    title: '级别',
+    dateIndex: ''
+  },
+  {
+    title: '资源类型',
+    dateIndex: ''
+  },
+  {
+    title: '资源名称',
+    dateIndex: ''
+  },
+  {
+    title: '告警详情',
+    dateIndex: ''
+  },
+  {
+    title: '发生时间',
+    dateIndex: ''
+  }
+]
+
+const queryParams = reactive({
+  page: 1,
+  pageSize: 10,
+  total: 0,
+  duration: 1800000
+})
+
+const state = reactive({
+  loading: false,
+  dataSource: []
+})
+
+const getWarnPage = async () => {
+  state.loading = true
+  const { data, sum } = await DevOpsController.pageWarn(queryParams)
+  state.loading = false
+  state.dataSource = data
+  state.dataSource = sum
+}
+
+onMounted(() => {
+  getWarnPage()
+})
 
 </script>
 <style lang='less' scoped >