upd: 增加实况表格和bottombar内容

src/components/Monitor/MinMaxBar.vue

+<script setup lang="ts">
+    defineProps({
+        minmaxData: {
+            type: Array,
+            default: () => [
+                { label: '最大', value: '0' },
+                { label: '最小', value: '0' },
+            ],
+        },
+    })
+</script>
+
+<template>
+    <view class="tipgridwrap">
+        <view v-for="(item, index) in minmaxData" :key="index" class="tipwrap" style="flex-basis: 50%">
+            <view class="tipflex tiptitle">{{ item.label }}</view>
+            <view class="tipflex tipcontent">{{ item.value }}</view>
+        </view>
+    </view>
+</template>
+
+<style lang="less" scoped>
+    .tipgridwrap {
+        padding: 5px 10px;
+        display: grid;
+        grid-template-columns: 49% 49%;
+        grid-column-gap: 10px;
+
+        .tipwrap {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            height: 30px;
+            margin-top: 5px;
+            border: 1px solid rgb(24 144 255 / 20%);
+            border-radius: 5px;
+            overflow: hidden;
+
+            .tipflex {
+                flex-basis: 50%;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                font-size: 26rpx;
+            }
+
+            .tiptitle {
+                height: 100%;
+                background: #1890ff;
+                color: #fff;
+            }
+
+            .tipcontent {
+                height: 100%;
+                background: #fff;
+            }
+        }
+    }
+</style>

src/components/Monitor/MonitorTable.vue

+<script setup lang="ts">
+    import { windheaderData, windtableData } from '@/pages/business/monitor/wind/config'
+
+    defineProps({
+        tableData: {
+            type: Array,
+            default: () => windtableData,
+        },
+        headerData: {
+            type: Array,
+            default: () => windheaderData,
+        },
+    })
+</script>
+
+<template>
+    <view @click="clickTest" class="tablewrap">
+        <fui-table
+            :itemList="tableData"
+            :header="headerData"
+            size="24"
+            textSize="24"
+            color="#1890FF"
+            textColor="#666666"
+            headerBgColor="rgba(24,144,255,0.08)"
+            gap="30"
+            padding="14"
+            borderColor="rgba(24,144,255,0.08)"
+        />
+    </view>
+</template>
+
+<style lang="less" scoped>
+    .tablewrap {
+        margin-top: 5px;
+    }
+</style>

src/pages/business/monitor/wind/config.ts

@@ -115,3 +115,40 @@ export const hourTemLegendConfig = {
         ],
     },
 }
+
+export const windheaderData = [
+    {
+        prop: '0~3级',
+        label: '0~3级',
+        width: '136',
+    },
+    {
+        prop: '4~7级',
+        label: '4~7级',
+        width: '136',
+    },
+    {
+        prop: '8~10级',
+        label: '8~10级',
+        width: '136',
+    },
+    {
+        prop: '11~14级',
+        label: '11~14级',
+        width: '136',
+    },
+    {
+        prop: '15~17级',
+        label: '15~17级',
+        width: '136',
+    },
+]
+export const windtableData = [
+    {
+        '0~3级': '0站',
+        '4~7级': '0站',
+        '8~10级': '0站',
+        '11~14级': '0站',
+        '15~17级': '0站',
+    },
+]

types/components.d.ts

@@ -141,6 +141,8 @@ declare module 'vue' {
     Legend: typeof import('./../src/components/Map/Widgets/Legend/src/Legend.vue')['default']
     Mapbox: typeof import('./../src/components/Map/Mapbox/index.vue')['default']
     MenuHeader: typeof import('./../src/components/Layout/MenuHeader.vue')['default']
+    MinMaxBar: typeof import('./../src/components/Monitor/MinMaxBar.vue')['default']
+    MonitorTable: typeof import('./../src/components/Monitor/MonitorTable.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
     Switch: typeof import('./../src/components/Map/Widgets/Switch/src/Switch.vue')['default']