实时监测报警和数据查询输出

src/assets/json/authMenuList.json

@@ -30,7 +30,7 @@
                 {
                     "path": "/alarm/allWeather",
                     "name": "allWeather",
-                    "component": "/proTable/useProTable/index",
+                    "component": "/alarm/allWeather/index",
                     "meta": {
                         "title": "全网危险天气监测报警",
                         "isLink": "",
@@ -82,7 +82,7 @@
                 {
                     "path": "/alarm/software",
                     "name": "software",
-                    "component": "/proTable/useProTable/index",
+                    "component": "/alarm/software/index",
                     "meta": {
                         "title": "软件状态监测报警",
                         "isLink": "",
@@ -205,7 +205,7 @@
             "children": [{
                     "path": "/query/queryObservationData",
                     "name": "queryObservationData",
-                    "component": "/proTable/useProTable/index",
+                    "component": "/query/queryObservationData/index",
                     "meta": {
                         "title": "观测数据查询",
                         "isLink": "",
@@ -218,7 +218,7 @@
                 {
                     "path": "/query/deviceHealth",
                     "name": "deviceHealth",
-                    "component": "/proTable/useProTable/index",
+                    "component": "/query/deviceHealth/index",
                     "meta": {
                         "title": "设备健康信息查询",
                         "isLink": "",
@@ -231,7 +231,7 @@
                 {
                     "path": "/query/hazardousWeather",
                     "name": "hazardousWeather",
-                    "component": "/proTable/useProTable/index",
+                    "component": "/query/hazardousWeather/index",
                     "meta": {
                         "title": "危险天气记录查询",
                         "isLink": "",
@@ -244,7 +244,7 @@
                 {
                     "path": "/query/qualityAudits",
                     "name": "qualityAudits",
-                    "component": "/proTable/useProTable/index",
+                    "component": "/query/qualityAudits/index",
                     "meta": {
                         "title": "质量审核记录",
                         "isLink": "",
@@ -257,7 +257,7 @@
                 {
                     "path": "/query/dutyProcess",
                     "name": "dutyProcess",
-                    "component": "/proTable/useProTable/index",
+                    "component": "/query/dutyProcess/index",
                     "meta": {
                         "title": "值班过程管理",
                         "isLink": "",
@@ -270,7 +270,7 @@
                 {
                     "path": "/query/dailyObservations",
                     "name": "dailyObservations",
-                    "component": "/proTable/useProTable/index",
+                    "component": "/query/dailyObservations/index",
                     "meta": {
                         "title": "日观测纪要",
                         "isLink": "",
@@ -283,7 +283,7 @@
                 {
                     "path": "/query/record",
                     "name": "record",
-                    "component": "/proTable/useProTable/index",
+                    "component": "/query/record/index",
                     "meta": {
                         "title": "记录簿",
                         "isLink": "",
@@ -296,7 +296,7 @@
                 {
                     "path": "/query/log",
                     "name": "log",
-                    "component": "/proTable/useProTable/index",
+                    "component": "/query/log/index",
                     "meta": {
                         "title": "天气日志",
                         "isLink": "",
@@ -406,4 +406,4 @@
         }
     ],
     "msg": "成功"
-}
+}

src/layouts/components/Header/ToolBarRight.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="tool-bar-ri">
     <div class="header-icon">
-      <AssemblySize id="assemblySize" />
+<!--      <AssemblySize id="assemblySize" />-->
       <ThemeSetting id="themeSetting" />
       <Message id="message" />
     </div>
@@ -10,7 +10,7 @@
 </template>
 
 <script setup lang="ts">
-import AssemblySize from "./components/AssemblySize.vue";
+// import AssemblySize from "./components/AssemblySize.vue";
 import ThemeSetting from "./components/ThemeSetting.vue";
 import Message from "./components/Message.vue";
 import Avatar from "./components/Avatar.vue";

src/styles/element.scss

@@ -281,3 +281,25 @@
     padding: 15px 20px;
   }
 }
+
+.setting {
+  height: 20px;
+  width: 20px;
+  margin-top: 10px;
+  margin-right: 5px;
+  cursor: pointer;
+}
+
+.form-item__label {
+  align-items: flex-start;
+  box-sizing: border-box;
+  color: var(--el-text-color-regular);
+  display: inline-flex;
+  flex: 0 0 auto;
+  font-size: var(--el-form-label-font-size);
+  height: 32px;
+  justify-content: flex-end;
+  line-height: 32px;
+  margin-left: 10px;
+  padding: 0 12px 0 0;
+}

src/views/alarm/allData/index.vue

@@ -24,28 +24,16 @@
         </div>
       </div>
       <!-- 表格主体 -->
-      <el-table stripe ref="tableRef" :border="true" :data="processTableData">
-        <!-- 默认插槽 -->
-        <slot />
+      <el-table stripe ref="tableRef" :border="true" :data="processTableData"  size="small">
+        <el-table-column align="left" label="序号" width="80px" :show-overflow-tooltip="true">
+          <template #default="scope">
+            {{ (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1 }}
+          </template>
+        </el-table-column>
         <template v-for="item in columns" :key="item">
-          <el-table-column v-bind="item" :align="item.align ?? 'left'" :reserve-selection="item.type == 'selection'">
-            <template #default="scope">
-              <!-- expand -->
-              <template v-if="item.type == 'expand'">
-                <component :is="item.render" v-bind="scope" v-if="item.render" />
-                <slot v-else :name="item.type" v-bind="scope" />
-              </template>
-              <!-- sort -->
-              <el-tag v-if="item.type == 'sort'" class="move">
-                <el-icon> <DCaret /></el-icon>
-              </el-tag>
-            </template>
+          <el-table-column v-bind="item" :align="item.align ?? 'left'" :reserve-selection="item.type == 'selection'" :show-overflow-tooltip="true">
           </el-table-column>
         </template>
-        <!-- 插入表格最后一行之后的插槽 -->
-        <template #append>
-          <slot name="append" />
-        </template>
         <!-- 无数据 -->
         <template #empty>
           <div class="table-empty">
@@ -75,7 +63,8 @@ const pageable = ref<any>({
 const queryParams = ref({
   name: "",
   pageNum: 1,
-  pageSize: 20
+  pageSize: 20,
+  total: 1
 });
 
 // 查询功能
@@ -107,6 +96,222 @@ const handleCurrentChange = (val: number) => {
 };
 
 const processTableData = ref([
+  {
+    id: "681913747276782417",
+    a: "测试本地",
+    b: "RS001",
+    c: "公园",
+    d: "2024-09-02 22:57",
+    e: "0.2",
+    f: "150",
+    g: "25.3",
+    h: "61",
+    i: "17.2"
+  },
+  {
+    id: "681913747276782417",
+    a: "测试本地",
+    b: "RS001",
+    c: "公园",
+    d: "2024-09-02 22:57",
+    e: "0.2",
+    f: "150",
+    g: "25.3",
+    h: "61",
+    i: "17.2"
+  },
+  {
+    id: "681913747276782417",
+    a: "测试本地",
+    b: "RS001",
+    c: "公园",
+    d: "2024-09-02 22:57",
+    e: "0.2",
+    f: "150",
+    g: "25.3",
+    h: "61",
+    i: "17.2"
+  },
+  {
+    id: "681913747276782417",
+    a: "测试本地",
+    b: "RS001",
+    c: "公园",
+    d: "2024-09-02 22:57",
+    e: "0.2",
+    f: "150",
+    g: "25.3",
+    h: "61",
+    i: "17.2"
+  },
+  {
+    id: "681913747276782417",
+    a: "测试本地",
+    b: "RS001",
+    c: "公园",
+    d: "2024-09-02 22:57",
+    e: "0.2",
+    f: "150",
+    g: "25.3",
+    h: "61",
+    i: "17.2"
+  },
+  {
+    id: "681913747276782417",
+    a: "测试本地",
+    b: "RS001",
+    c: "公园",
+    d: "2024-09-02 22:57",
+    e: "0.2",
+    f: "150",
+    g: "25.3",
+    h: "61",
+    i: "17.2"
+  },
+  {
+    id: "681913747276782417",
+    a: "测试本地",
+    b: "RS001",
+    c: "公园",
+    d: "2024-09-02 22:57",
+    e: "0.2",
+    f: "150",
+    g: "25.3",
+    h: "61",
+    i: "17.2"
+  },
+  {
+    id: "681913747276782417",
+    a: "测试本地",
+    b: "RS001",
+    c: "公园",
+    d: "2024-09-02 22:57",
+    e: "0.2",
+    f: "150",
+    g: "25.3",
+    h: "61",
+    i: "17.2"
+  },
+  {
+    id: "681913747276782417",
+    a: "测试本地",
+    b: "RS001",
+    c: "公园",
+    d: "2024-09-02 22:57",
+    e: "0.2",
+    f: "150",
+    g: "25.3",
+    h: "61",
+    i: "17.2"
+  },
+  {
+    id: "681913747276782417",
+    a: "测试本地",
+    b: "RS001",
+    c: "公园",
+    d: "2024-09-02 22:57",
+    e: "0.2",
+    f: "150",
+    g: "25.3",
+    h: "61",
+    i: "17.2"
+  },
+  {
+    id: "681913747276782417",
+    a: "测试本地",
+    b: "RS001",
+    c: "公园",
+    d: "2024-09-02 22:57",
+    e: "0.2",
+    f: "150",
+    g: "25.3",
+    h: "61",
+    i: "17.2"
+  },
+  {
+    id: "681913747276782417",
+    a: "测试本地",
+    b: "RS001",
+    c: "公园",
+    d: "2024-09-02 22:57",
+    e: "0.2",
+    f: "150",
+    g: "25.3",
+    h: "61",
+    i: "17.2"
+  },
+  {
+    id: "681913747276782417",
+    a: "测试本地",
+    b: "RS001",
+    c: "公园",
+    d: "2024-09-02 22:57",
+    e: "0.2",
+    f: "150",
+    g: "25.3",
+    h: "61",
+    i: "17.2"
+  },
+  {
+    id: "681913747276782417",
+    a: "测试本地",
+    b: "RS001",
+    c: "公园",
+    d: "2024-09-02 22:57",
+    e: "0.2",
+    f: "150",
+    g: "25.3",
+    h: "61",
+    i: "17.2"
+  },
+  {
+    id: "681913747276782417",
+    a: "测试本地",
+    b: "RS001",
+    c: "公园",
+    d: "2024-09-02 22:57",
+    e: "0.2",
+    f: "150",
+    g: "25.3",
+    h: "61",
+    i: "17.2"
+  },
+  {
+    id: "681913747276782417",
+    a: "测试本地",
+    b: "RS001",
+    c: "公园",
+    d: "2024-09-02 22:57",
+    e: "0.2",
+    f: "150",
+    g: "25.3",
+    h: "61",
+    i: "17.2"
+  },
+  {
+    id: "681913747276782417",
+    a: "测试本地",
+    b: "RS001",
+    c: "公园",
+    d: "2024-09-02 22:57",
+    e: "0.2",
+    f: "150",
+    g: "25.3",
+    h: "61",
+    i: "17.2"
+  },
+  {
+    id: "681913747276782417",
+    a: "测试本地",
+    b: "RS001",
+    c: "公园",
+    d: "2024-09-02 22:57",
+    e: "0.2",
+    f: "150",
+    g: "25.3",
+    h: "61",
+    i: "17.2"
+  },
   {
     id: "681913747276782417",
     a: "测试本地",
@@ -130,16 +335,7 @@ const columns = reactive<ColumnProps[]>([
   { prop: "e", label: "瞬风风速(m/s)" },
   { prop: "f", label: "瞬风方向(°)" },
   { prop: "g", label: "气温(℃)" },
-  { prop: "h", label: "气温(℃)" },
-  { prop: "i", label: "气温(℃)" }
+  { prop: "h", label: "相对湿度(%)" },
+  { prop: "i", label: "漏点温度(℃)" }
 ]);
 </script>
-<style>
-.setting {
-  height: 20px;
-  width: 20px;
-  margin-top: 10px;
-  margin-right: 5px;
-  cursor: pointer;
-}
-</style>

src/views/alarm/allWeather/index.vue

@@ -0,0 +1,151 @@
+<template>
+  <div class="table-box">
+    <div class="card table-main">
+      <!-- 表格头部 操作按钮 -->
+      <div class="table-header">
+        <div class="header-button-lf">
+          <el-form :model="queryParams" label-width="auto"  :inline="true">
+            <el-form-item label="站号:">
+              <el-select v-model="queryParams.code" placeholder="请选择" clearable style="width: 200px">
+                <el-option label="RS0001" value="RS0001" />
+                <el-option label="RS0002" value="RS0002" />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="告警类型:">
+              <el-select v-model="queryParams.type" placeholder="请选择" clearable style="width: 200px">
+                <el-option label="能见度" value="1" />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="告警时间:">
+              <el-date-picker
+                v-model="queryParams.time"
+                type="datetimerange"
+                range-separator="至"
+                start-placeholder="开始日期"
+                end-placeholder="结束日期"
+              />
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" @click="handleQuery"> 查询 </el-button>
+              <el-button style="margin-left: 10px" @click="resetQuery"> 重置 </el-button>
+            </el-form-item>
+          </el-form>
+        </div>
+      </div>
+      <!-- 表格主体 -->
+      <el-table stripe ref="tableRef" :border="true" :data="processTableData"  size="small">
+        <el-table-column align="left" label="序号" width="80px" :show-overflow-tooltip="true">
+          <template #default="scope">
+            {{ (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1 }}
+          </template>
+        </el-table-column>
+        <template v-for="item in columns" :key="item">
+          <el-table-column v-bind="item" :align="item.align ?? 'left'" :reserve-selection="item.type == 'selection'" :show-overflow-tooltip="true">
+          </el-table-column>
+        </template>
+        <!-- 无数据 -->
+        <template #empty>
+          <div class="table-empty">
+            <slot name="empty">
+              <img src="@/assets/images/notData.png" alt="notData" />
+              <div>暂无数据</div>
+            </slot>
+          </div>
+        </template>
+      </el-table>
+      <!-- 分页组件 -->
+      <Pagination :pageable="pageable" :handle-size-change="handleSizeChange" :handle-current-change="handleCurrentChange" />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts" name="useProTable">
+import Pagination from "@/components/ProTable/components/Pagination.vue";
+import { ref, reactive } from "vue";
+import { ColumnProps } from "@/components/ProTable/interface";
+const pageable = ref<any>({
+  pageNum: 1,
+  pageSize: 20,
+  total: 1
+});
+
+const queryParams = ref({
+  code: '',
+  type:'',
+  time:'',
+  pageNum: 1,
+  pageSize: 20,
+  total: 2
+});
+
+// 查询功能
+const handleQuery = () => {
+  queryParams.value.pageNum = 1;
+};
+
+//搜索功能
+const resetQuery = () => {
+  queryParams.value.pageNum = 1;
+};
+
+/**
+ * @description 每页条数改变
+ * @param {Number} val 当前条数
+ * @return void
+ * */
+const handleSizeChange = (val: number) => {
+  console.log(val);
+};
+
+/**
+ * @description 当前页改变
+ * @param {Number} val 当前页
+ * @return void
+ * */
+const handleCurrentChange = (val: number) => {
+  console.log(val);
+};
+
+const processTableData = ref([
+  {
+    id: "681913747276782417",
+    b: "RS001",
+    a: "测试本地",
+    c: "日常策略",
+    d: "告警中",
+    e: "能见度",
+    f: "143m",
+    g: "2023-06-12 15:00:00",
+    h: "2023-06-12 15:00:00",
+    i: "字幕通知",
+    j: "能见度告警 阈值(1分钟平均能见度 ≤ 500m)观测值(143m)"
+  },
+  {
+    id: "681913747276782417",
+    b: "M1987",
+    a: "固定站2",
+    c: "123",
+    d: "已消警",
+    e: "能见度",
+    f: "143m",
+    g: "2023-06-12 15:00:00",
+    h: "2023-06-12 15:00:00",
+    i: "字幕通知",
+    j: "能见度告警 阈值(1分钟平均能见度 ≤ 500m)观测值(143m)"
+  }
+]);
+
+// 表格配置项
+const columns = reactive<ColumnProps[]>([
+  { prop: "b", label: "站号" },
+  { prop: "a", label: "站名" },
+  { prop: "c", label: "策略名称" },
+  { prop: "d", label: "策略状态" },
+  { prop: "e", label: "告警类型" },
+  { prop: "f", label: "观测值" },
+  { prop: "g", label: "告警时间",width:150 },
+  { prop: "h", label: "消警时间",width:150},
+  { prop: "i", label: "通知方式" },
+  { prop: "j", label: "告警说明",width:400 }
+]);
+</script>

src/views/alarm/software/index.vue

@@ -0,0 +1,130 @@
+<template>
+  <div class="table-box">
+    <div class="card table-main">
+      <!-- 表格头部 操作按钮 -->
+      <div class="table-header">
+        <div class="header-button-lf">
+          <el-form :model="queryParams" label-width="auto"  :inline="true">
+            <el-form-item label="应用:">
+               <el-input v-model="queryParams.app" style="width: 200px" placeholder="请输入应用" />
+            </el-form-item>
+            <el-form-item label="名称:">
+              <el-input v-model="queryParams.name" style="width: 200px" placeholder="请输入名称" />
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" @click="handleQuery"> 查询 </el-button>
+              <el-button style="margin-left: 10px" @click="resetQuery"> 重置 </el-button>
+            </el-form-item>
+          </el-form>
+        </div>
+      </div>
+      <!-- 表格主体 -->
+      <el-table stripe ref="tableRef" :border="true" :data="processTableData"  size="small">
+        <el-table-column align="left" label="序号" width="80px" :show-overflow-tooltip="true" >
+          <template #default="scope">
+            {{ (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1 }}
+          </template>
+        </el-table-column>
+        <template v-for="item in columns" :key="item">
+          <el-table-column v-bind="item" :align="item.align ?? 'left'" :reserve-selection="item.type == 'selection'" :show-overflow-tooltip="true" >
+          </el-table-column>
+        </template>
+        <!-- 无数据 -->
+        <template #empty>
+          <div class="table-empty">
+            <slot name="empty">
+              <img src="@/assets/images/notData.png" alt="notData" />
+              <div>暂无数据</div>
+            </slot>
+          </div>
+        </template>
+      </el-table>
+      <!-- 分页组件 -->
+      <Pagination :pageable="pageable" :handle-size-change="handleSizeChange" :handle-current-change="handleCurrentChange" />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts" name="useProTable">
+import Pagination from "@/components/ProTable/components/Pagination.vue";
+import { ref, reactive } from "vue";
+import { ColumnProps } from "@/components/ProTable/interface";
+const pageable = ref<any>({
+  pageNum: 1,
+  pageSize: 20,
+  total: 1
+});
+
+const queryParams = ref({
+  app:'',
+  name:'',
+  pageNum: 1,
+  pageSize: 20,
+  total: 2
+});
+
+// 查询功能
+const handleQuery = () => {
+  queryParams.value.pageNum = 1;
+};
+
+//搜索功能
+const resetQuery = () => {
+  queryParams.value.pageNum = 1;
+};
+
+/**
+ * @description 每页条数改变
+ * @param {Number} val 当前条数
+ * @return void
+ * */
+const handleSizeChange = (val: number) => {
+  console.log(val);
+};
+
+/**
+ * @description 当前页改变
+ * @param {Number} val 当前页
+ * @return void
+ * */
+const handleCurrentChange = (val: number) => {
+  console.log(val);
+};
+
+const processTableData = ref([
+  {
+    id: "681913747276782417",
+    a: "Redis 4.0.9",
+    b: "Redis 4.0.9",
+    c: "334221",
+    d: "1.17M",
+    e: "0%",
+    f: "/usr/local/redis/redis-4.0.9",
+    g: "5118.01G",
+    h: "正常"
+  },
+  {
+    id: "681913747276782417",
+    a: "jeecg-boot",
+    b: "jeecg-boot",
+    c: "334221",
+    d: "1.17M",
+    e: "0%",
+    f: "/usr/local/redis/redis-4.0.9",
+    g: "7118.01G",
+    h: "正常"
+  }
+]);
+
+// 表格配置项
+const columns = reactive<ColumnProps[]>([
+  { prop: "a", label: "名称" },
+  { prop: "b", label: "应用" },
+  { prop: "c", label: "PID" },
+  { prop: "d", label: "内存" },
+  { prop: "e", label: "CPU" },
+  { prop: "f", label: "所在盘符" },
+  { prop: "g", label: "硬盘空间"},
+  { prop: "h", label: "状态",width:100},
+]);
+</script>

src/views/query/dailyObservations/index.vue

@@ -0,0 +1,47 @@
+<template>
+  <div class="table-box">
+    <div class="card table-main">
+      <!-- 表格头部 操作按钮 -->
+      <div class="table-header">
+        <div class="header-button-lf">
+          <el-form :model="queryParams" label-width="auto" :inline="true">
+            <el-form-item label="自动站:">
+              <el-select v-model="queryParams.name" placeholder="请选择" clearable style="width: 200px;margin-left: 10px">
+                <el-option label="站1" value="1" />
+                <el-option label="站2" value="2" />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="观测时间:">
+              <el-date-picker
+                v-model="queryParams.time"
+                type="date"
+                placeholder="请选择"
+              />
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" @click="handleQuery"> 查询 </el-button>
+              <el-button style="margin-left: 10px" @click="resetQuery"> 重置 </el-button>
+            </el-form-item>
+          </el-form>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts" name="useProTable">
+import { ref} from "vue";
+const queryParams = ref({
+  name: '',
+  time:''
+});
+
+// 查询功能
+const handleQuery = () => {
+};
+
+//搜索功能
+const resetQuery = () => {
+};
+
+</script>

src/views/query/deviceHealth/index.vue

@@ -0,0 +1,172 @@
+<template>
+  <div class="table-box">
+    <div class="card table-main">
+      <!-- 表格头部 操作按钮 -->
+      <div class="table-header">
+        <div class="header-button-lf">
+          <el-form :model="queryParams" label-width="auto" :inline="true">
+            <el-form-item label="自动站:">
+              <el-checkbox v-model="queryParams.isStand" label="多站"/>
+              <el-select v-model="queryParams.name" placeholder="请选择" clearable style="width: 200px;margin-left: 10px">
+                <el-option label="站1" value="1" />
+                <el-option label="站2" value="2" />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="观测时间:" v-if="queryParams.isStand">
+              <el-date-picker
+                v-model="queryParams.time"
+                type="datetime"
+                placeholder="请选择"
+                format="YYYY-MM-DD HH:mm"
+              />
+            </el-form-item>
+            <el-form-item label="观测时间:" v-if="!queryParams.isStand">
+              <el-switch
+                v-model="queryParams.hot"
+                inline-prompt
+                active-text="正点"
+                size="default"
+                inactive-text="分钟"
+              />
+
+              <span class="form-item__label">日界:</span>
+              <el-switch
+                v-model="queryParams.points"
+                inline-prompt
+                active-text="0点"
+                size="default"
+                inactive-text="18点"
+              />
+
+              <el-date-picker
+                v-if="queryParams.hot"
+                style="margin-left: 10px"
+                v-model="queryParams.time"
+                type="date"
+                placeholder="请选择"
+              />
+              <el-date-picker
+                v-if="!queryParams.hot"
+                style="margin-left: 10px"
+                v-model="queryParams.time"
+                type="datetime"
+                placeholder="请选择"
+                format="YYYY-MM-DD HH:mm"
+              />
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" @click="handleQuery"> 查询 </el-button>
+              <el-button style="margin-left: 10px" @click="resetQuery"> 重置 </el-button>
+            </el-form-item>
+          </el-form>
+        </div>
+        <div class="header-button-ri">
+          <slot name="toolButton">
+            <img class="setting" src="@/assets/images/setting.png" />
+          </slot>
+        </div>
+      </div>
+      <!-- 表格主体 -->
+      <el-table stripe ref="tableRef" :border="true" :data="processTableData"  size="small">
+        <el-table-column align="left" label="序号" width="80px" :show-overflow-tooltip="true" >
+          <template #default="scope">
+            {{ (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1 }}
+          </template>
+        </el-table-column>
+        <template v-for="item in columns" :key="item">
+          <el-table-column v-bind="item" :align="item.align ?? 'left'" :reserve-selection="item.type == 'selection'" :show-overflow-tooltip="true" >
+          </el-table-column>
+        </template>
+        <!-- 无数据 -->
+        <template #empty>
+          <div class="table-empty">
+            <slot name="empty">
+              <img src="@/assets/images/notData.png" alt="notData" />
+              <div>暂无数据</div>
+            </slot>
+          </div>
+        </template>
+      </el-table>
+      <!-- 分页组件 -->
+      <Pagination :pageable="pageable" :page-sizes="[24]" :handle-size-change="handleSizeChange" :handle-current-change="handleCurrentChange" />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts" name="useProTable">
+import Pagination from "@/components/ProTable/components/Pagination.vue";
+import { ref, reactive } from "vue";
+import { ColumnProps } from "@/components/ProTable/interface";
+const pageable = ref<any>({
+  pageNum: 1,
+  pageSize: 24,
+  total: 1
+});
+
+const queryParams = ref({
+  isStand:true,
+  points: true,
+  name: '',
+  time:'',
+  hot:true,
+  pageNum: 1,
+  pageSize: 20,
+  total: 1
+});
+
+// 查询功能
+const handleQuery = () => {
+  queryParams.value.pageNum = 1;
+};
+
+//搜索功能
+const resetQuery = () => {
+  queryParams.value.pageNum = 1;
+};
+
+/**
+ * @description 每页条数改变
+ * @param {Number} val 当前条数
+ * @return void
+ * */
+const handleSizeChange = (val: number) => {
+  console.log(val);
+};
+
+/**
+ * @description 当前页改变
+ * @param {Number} val 当前页
+ * @return void
+ * */
+const handleCurrentChange = (val: number) => {
+  console.log(val);
+};
+
+const processTableData = ref([
+  {
+    id: "681913747276782417",
+    a: "固定站2",
+    b: "M1001",
+    d: "2024-09-02",
+    e: "0.2",
+    f: "150",
+    g: "不确定",
+    h: "",
+    i: "",
+    j: "不确定"
+  }
+]);
+
+// 表格配置项
+const columns = reactive<ColumnProps[]>([
+  { prop: "a", label: "站名" },
+  { prop: "b", label: "站号" },
+  { prop: "d", label: "观测时间" },
+  { prop: "e", label: "超声风传感器" },
+  { prop: "f", label: "气温传感器" },
+  { prop: "g", label: "湿度传感器" },
+  { prop: "h", label: "气压传感器" },
+  { prop: "i", label: "称重式降水传感器" },
+  { prop: "j", label: "翻斗雨量传感器" }
+]);
+</script>

src/views/query/dutyProcess/index.vue

@@ -0,0 +1,147 @@
+<template>
+  <div class="table-box">
+    <div class="card table-main">
+      <!-- 表格头部 操作按钮 -->
+      <div class="table-header">
+        <div class="header-button-lf">
+          <el-form :model="queryParams" label-width="auto"  :inline="true">
+            <el-form-item label="自动站:">
+              <el-select v-model="queryParams.code" placeholder="请选择" clearable style="width: 200px">
+                <el-option label="M1994" value="M1994" />
+                <el-option label="M1995" value="M1995" />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="数据类型:">
+              <el-select v-model="queryParams.type" placeholder="请选择" clearable style="width: 200px">
+                <el-option label="时段统计" value="1" />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="观测时间:">
+              <el-date-picker
+                v-model="queryParams.time"
+                type="daterange"
+                range-separator="至"
+                start-placeholder="开始日期"
+                end-placeholder="结束日期"
+              />
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" @click="handleQuery"> 查询 </el-button>
+              <el-button style="margin-left: 10px" @click="resetQuery"> 重置 </el-button>
+            </el-form-item>
+          </el-form>
+        </div>
+        <div class="header-button-ri">
+          <slot name="toolButton">
+            <img class="setting" src="@/assets/images/setting.png" />
+          </slot>
+        </div>
+      </div>
+      <!-- 表格主体 -->
+      <el-table stripe ref="tableRef" :border="true" :data="processTableData"  size="small">
+        <el-table-column align="left" label="序号" width="80px" :show-overflow-tooltip="true">
+          <template #default="scope">
+            {{ (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1 }}
+          </template>
+        </el-table-column>
+        <template v-for="item in columns" :key="item">
+          <el-table-column v-bind="item" :align="item.align ?? 'left'" :reserve-selection="item.type == 'selection'" :show-overflow-tooltip="true">
+          </el-table-column>
+        </template>
+        <!-- 无数据 -->
+        <template #empty>
+          <div class="table-empty">
+            <slot name="empty">
+              <img src="@/assets/images/notData.png" alt="notData" />
+              <div>暂无数据</div>
+            </slot>
+          </div>
+        </template>
+      </el-table>
+      <!-- 分页组件 -->
+      <Pagination :pageable="pageable" :handle-size-change="handleSizeChange" :handle-current-change="handleCurrentChange" />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts" name="useProTable">
+import Pagination from "@/components/ProTable/components/Pagination.vue";
+import { ref, reactive } from "vue";
+import { ColumnProps } from "@/components/ProTable/interface";
+const pageable = ref<any>({
+  pageNum: 1,
+  pageSize: 20,
+  total: 1
+});
+
+const queryParams = ref({
+  code: '',
+  type:'',
+  time:'',
+  pageNum: 1,
+  pageSize: 20,
+  total: 2
+});
+
+// 查询功能
+const handleQuery = () => {
+  queryParams.value.pageNum = 1;
+};
+
+//搜索功能
+const resetQuery = () => {
+  queryParams.value.pageNum = 1;
+};
+
+/**
+ * @description 每页条数改变
+ * @param {Number} val 当前条数
+ * @return void
+ * */
+const handleSizeChange = (val: number) => {
+  console.log(val);
+};
+
+/**
+ * @description 当前页改变
+ * @param {Number} val 当前页
+ * @return void
+ * */
+const handleCurrentChange = (val: number) => {
+  console.log(val);
+};
+
+const processTableData = ref([
+  {
+    id: "681913747276782417",
+    a: "统计数据",
+    b: "0",
+    c: "0",
+    d: "2",
+    e: "2",
+    f: "25",
+    g: "无"
+  },
+  {
+    id: "681913747276782417",
+    a: "2024-09-13 14-56",
+    b: "否",
+    c: "否",
+    d: "否",
+    e: "否",
+    f: "是",
+    g: "无"
+  }
+]);
+
+// 表格配置项
+const columns = reactive<ColumnProps[]>([
+  { prop: "a", label: "观测时间" },
+  { prop: "b", label: "早报" },
+  { prop: "c", label: "缺报" },
+  { prop: "d", label: "迟报" },
+  { prop: "e", label: "非实时修改数据" },
+  { prop: "f", label: "设备故障" },
+  { prop: "g", label: "其他" }
+]);
+</script>

src/views/query/hazardousWeather/index.vue

@@ -0,0 +1,151 @@
+<template>
+  <div class="table-box">
+    <div class="card table-main">
+      <!-- 表格头部 操作按钮 -->
+      <div class="table-header">
+        <div class="header-button-lf">
+          <el-form :model="queryParams" label-width="auto"  :inline="true">
+            <el-form-item label="站号:">
+              <el-select v-model="queryParams.code" placeholder="请选择" clearable style="width: 200px">
+                <el-option label="RS0001" value="RS0001" />
+                <el-option label="RS0002" value="RS0002" />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="告警类型:">
+              <el-select v-model="queryParams.type" placeholder="请选择" clearable style="width: 200px">
+                <el-option label="能见度" value="1" />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="告警时间:">
+              <el-date-picker
+                v-model="queryParams.time"
+                type="datetimerange"
+                range-separator="至"
+                start-placeholder="开始日期"
+                end-placeholder="结束日期"
+              />
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" @click="handleQuery"> 查询 </el-button>
+              <el-button style="margin-left: 10px" @click="resetQuery"> 重置 </el-button>
+            </el-form-item>
+          </el-form>
+        </div>
+      </div>
+      <!-- 表格主体 -->
+      <el-table stripe ref="tableRef" :border="true" :data="processTableData"  size="small">
+        <el-table-column align="left" label="序号" width="80px" :show-overflow-tooltip="true" >
+          <template #default="scope">
+            {{ (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1 }}
+          </template>
+        </el-table-column>
+        <template v-for="item in columns" :key="item">
+          <el-table-column v-bind="item" :align="item.align ?? 'left'" :reserve-selection="item.type == 'selection'" :show-overflow-tooltip="true" >
+          </el-table-column>
+        </template>
+        <!-- 无数据 -->
+        <template #empty>
+          <div class="table-empty">
+            <slot name="empty">
+              <img src="@/assets/images/notData.png" alt="notData" />
+              <div>暂无数据</div>
+            </slot>
+          </div>
+        </template>
+      </el-table>
+      <!-- 分页组件 -->
+      <Pagination :pageable="pageable" :handle-size-change="handleSizeChange" :handle-current-change="handleCurrentChange" />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts" name="useProTable">
+import Pagination from "@/components/ProTable/components/Pagination.vue";
+import { ref, reactive } from "vue";
+import { ColumnProps } from "@/components/ProTable/interface";
+const pageable = ref<any>({
+  pageNum: 1,
+  pageSize: 20,
+  total: 1
+});
+
+const queryParams = ref({
+  code: '',
+  type:'',
+  time:'',
+  pageNum: 1,
+  pageSize: 20,
+  total: 2
+});
+
+// 查询功能
+const handleQuery = () => {
+  queryParams.value.pageNum = 1;
+};
+
+//搜索功能
+const resetQuery = () => {
+  queryParams.value.pageNum = 1;
+};
+
+/**
+ * @description 每页条数改变
+ * @param {Number} val 当前条数
+ * @return void
+ * */
+const handleSizeChange = (val: number) => {
+  console.log(val);
+};
+
+/**
+ * @description 当前页改变
+ * @param {Number} val 当前页
+ * @return void
+ * */
+const handleCurrentChange = (val: number) => {
+  console.log(val);
+};
+
+const processTableData = ref([
+  {
+    id: "681913747276782417",
+    b: "RS001",
+    a: "测试本地",
+    c: "日常策略",
+    d: "告警中",
+    e: "能见度",
+    f: "143m",
+    g: "2023-06-12 15:00:00",
+    h: "2023-06-12 15:00:00",
+    i: "字幕通知",
+    j: "能见度告警 阈值(1分钟平均能见度 ≤ 500m)观测值(143m)"
+  },
+  {
+    id: "681913747276782417",
+    b: "M1987",
+    a: "固定站2",
+    c: "123",
+    d: "已消警",
+    e: "能见度",
+    f: "143m",
+    g: "2023-06-12 15:00:00",
+    h: "2023-06-12 15:00:00",
+    i: "字幕通知",
+    j: "能见度告警 阈值(1分钟平均能见度 ≤ 500m)观测值(143m)"
+  }
+]);
+
+// 表格配置项
+const columns = reactive<ColumnProps[]>([
+  { prop: "b", label: "站号" },
+  { prop: "a", label: "站名" },
+  { prop: "c", label: "策略名称" },
+  { prop: "d", label: "策略状态" },
+  { prop: "e", label: "告警类型" },
+  { prop: "f", label: "观测值" },
+  { prop: "g", label: "告警时间",width:150 },
+  { prop: "h", label: "消警时间",width:150},
+  { prop: "i", label: "通知方式" },
+  { prop: "j", label: "告警说明",width:400 }
+]);
+</script>

src/views/query/log/index.vue

@@ -0,0 +1,13 @@
+<template>
+<div></div>
+</template>
+
+<script>
+export default {
+  name: "index"
+}
+</script>
+
+<style scoped>
+
+</style>

src/views/query/qualityAudits/index.vue

@@ -0,0 +1,13 @@
+<template>
+<div></div>
+</template>
+
+<script>
+export default {
+  name: "index"
+}
+</script>
+
+<style scoped>
+
+</style>

src/views/query/queryObservationData/index.vue

@@ -0,0 +1,170 @@
+<template>
+  <div class="table-box">
+    <div class="card table-main">
+      <!-- 表格头部 操作按钮 -->
+      <div class="table-header">
+        <div class="header-button-lf">
+          <el-form :model="queryParams" label-width="auto" :inline="true">
+            <el-form-item label="自动站:">
+              <el-checkbox v-model="queryParams.isStand" label="多站"/>
+              <el-select v-model="queryParams.name" placeholder="请选择" clearable style="width: 200px;margin-left: 10px">
+                <el-option label="站1" value="1" />
+                <el-option label="站2" value="2" />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="观测时间:" v-if="queryParams.isStand">
+              <el-date-picker
+                v-model="queryParams.time"
+                type="datetime"
+                placeholder="请选择"
+                format="YYYY-MM-DD HH:mm"
+              />
+            </el-form-item>
+            <el-form-item label="观测时间:" v-if="!queryParams.isStand">
+              <el-switch
+                v-model="queryParams.hot"
+                inline-prompt
+                active-text="正点"
+                size="default"
+                inactive-text="分钟"
+              />
+
+              <span class="form-item__label">日界:</span>
+              <el-switch
+                v-model="queryParams.points"
+                inline-prompt
+                active-text="0点"
+                size="default"
+                inactive-text="18点"
+              />
+
+              <el-date-picker
+                v-if="queryParams.hot"
+                style="margin-left: 10px"
+                v-model="queryParams.time"
+                type="date"
+                placeholder="请选择"
+              />
+              <el-date-picker
+                v-if="!queryParams.hot"
+                style="margin-left: 10px"
+                v-model="queryParams.time"
+                type="datetime"
+                placeholder="请选择"
+                format="YYYY-MM-DD HH:mm"
+              />
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" @click="handleQuery"> 查询 </el-button>
+              <el-button style="margin-left: 10px" @click="resetQuery"> 重置 </el-button>
+            </el-form-item>
+          </el-form>
+        </div>
+        <div class="header-button-ri">
+          <slot name="toolButton">
+            <img class="setting" src="@/assets/images/setting2.png" />
+          </slot>
+        </div>
+      </div>
+      <!-- 表格主体 -->
+      <el-table stripe ref="tableRef" :border="true" :data="processTableData"  size="small">
+        <el-table-column align="left" label="序号" width="80px" :show-overflow-tooltip="true" >
+          <template #default="scope">
+            {{ (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1 }}
+          </template>
+        </el-table-column>
+        <template v-for="item in columns" :key="item">
+          <el-table-column v-bind="item" :align="item.align ?? 'left'" :reserve-selection="item.type == 'selection'" :show-overflow-tooltip="true" >
+          </el-table-column>
+        </template>
+        <!-- 无数据 -->
+        <template #empty>
+          <div class="table-empty">
+            <slot name="empty">
+              <img src="@/assets/images/notData.png" alt="notData" />
+              <div>暂无数据</div>
+            </slot>
+          </div>
+        </template>
+      </el-table>
+      <!-- 分页组件 -->
+      <Pagination :pageable="pageable" :handle-size-change="handleSizeChange" :handle-current-change="handleCurrentChange" />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts" name="useProTable">
+import Pagination from "@/components/ProTable/components/Pagination.vue";
+import { ref, reactive } from "vue";
+import { ColumnProps } from "@/components/ProTable/interface";
+const pageable = ref<any>({
+  pageNum: 1,
+  pageSize: 20,
+  total: 1
+});
+
+const queryParams = ref({
+  isStand:true,
+  points: true,
+  name: '',
+  time:'',
+  hot:true,
+  pageNum: 1,
+  pageSize: 20,
+  total: 1
+});
+
+// 查询功能
+const handleQuery = () => {
+  queryParams.value.pageNum = 1;
+};
+
+//搜索功能
+const resetQuery = () => {
+  queryParams.value.pageNum = 1;
+};
+
+/**
+ * @description 每页条数改变
+ * @param {Number} val 当前条数
+ * @return void
+ * */
+const handleSizeChange = (val: number) => {
+  console.log(val);
+};
+
+/**
+ * @description 当前页改变
+ * @param {Number} val 当前页
+ * @return void
+ * */
+const handleCurrentChange = (val: number) => {
+  console.log(val);
+};
+
+const processTableData = ref([
+  {
+    id: "681913747276782417",
+    a: "测试本地",
+    b: "RS001",
+    d: "2024-09-02 22:57",
+    e: "0.2",
+    f: "150",
+    g: "25.3",
+    h: "61",
+    i: "/"
+  }
+]);
+
+// 表格配置项
+const columns = reactive<ColumnProps[]>([
+  { prop: "a", label: "站名" },
+  { prop: "b", label: "站号" },
+  { prop: "d", label: "观测时间" },
+  { prop: "e", label: "瞬风风速(m/s)" },
+  { prop: "f", label: "瞬风方向(°)" },
+  { prop: "g", label: "气温(℃)" },
+  { prop: "h", label: "相对湿度(%)" },
+  { prop: "i", label: "垂直能见度(m)" }
+]);
+</script>

src/views/query/record/index.vue

@@ -0,0 +1,13 @@
+<template>
+<div></div>
+</template>
+
+<script>
+export default {
+  name: "index"
+}
+</script>
+
+<style scoped>
+
+</style>