所有页面（除了换热站温度报警信息和管道温度报警信息）的灰边问题，以及换热站温度的报警信息的处理状态加了一个（只看未处理报警信息）的按钮

src/views/AIStation/ExtinguisherPage/ExtinguisherAlarmPage.vue

 <script setup>
 import {ref, defineProps, reactive, watch} from "vue";
 import {getAlarmListData} from "../../../api/AIStation/Extinguisher.js";
-
+import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
 
 let AlarmData = ref([])
 
@@ -165,7 +165,7 @@ const handleSortChange = (data) => {
             :data="AlarmData"
             border
             style="width: 100%"
-            height="calc(90vh - 170px)"
+            height="calc(100vh - 280px)"
             :header-cell-class-name="tableHeaderClass"
             :row-class-name="tableBodyClass"
             @sort-change="handleSortChange"
@@ -201,11 +201,15 @@ const handleSortChange = (data) => {
           </el-table-column>
         </el-table>
       </div>
-      <el-pagination v-model:current-page="Page.page" v-model:page-size="Page.rows"
-                     :page-sizes="[20, 30, 50, 100, 200, 300, 400]" :small="small" :disabled="disabled"
-                     :background="background" layout="total, sizes, prev, pager, next, jumper" :total="Page.total"
-                     @size-change="handleSizeChange" @current-change="handleCurrentChange" class="pagination"/>
     </div>
+    <el-footer style="height: 50px;">
+      <el-config-provider :locale="zhCn">
+        <el-pagination v-model:current-page="Page.page" v-model:page-size="Page.rows"
+                       :page-sizes="[20, 30, 50, 100, 200, 300, 400]" :small="small" :disabled="disabled"
+                       :background="background" layout="total, sizes, prev, pager, next, jumper" :total="Page.total"
+                       @size-change="handleSizeChange" @current-change="handleCurrentChange" class="pagination"/>
+      </el-config-provider>
+    </el-footer>
   </div>
 </template>
 

src/views/AIStation/ExtinguisherPage/ExtinguisherHistoryPage.vue

@@ -2,7 +2,7 @@
 import {reactive, ref, watch} from "vue";
 import analysisImage from '/imgs/default.png'
 import {getListHistoryData} from "../../../api/AIStation/Extinguisher.js";
-
+import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
 let HistoryData = ref([])
 
 const historyPage = reactive({total: 0, rows: 20, page: 1});
@@ -177,7 +177,7 @@ const handleSortChange = (data) => {
             :data="HistoryData"
             border
             style="width: 98%;margin-left: 15px"
-            height="calc(90vh - 170px)"
+            height="calc(100vh - 280px)"
             :header-cell-class-name="tableHeaderClass"
             :row-class-name="tableBodyClass"
             @sort-change="handleSortChange"
@@ -223,11 +223,16 @@ const handleSortChange = (data) => {
           </el-table-column>
         </el-table>
       </div>
-      <el-pagination v-model:current-page="historyPage.page" v-model:page-size="historyPage.rows"
-                     :page-sizes="[20, 30, 50, 100, 200, 300, 400]" :small="small" :disabled="disabled"
-                     :background="background" layout="total, sizes, prev, pager, next, jumper"
-                     :total="historyPage.total"
-                     @size-change="handleSizeChange" @current-change="handleCurrentChange" class="pagination"/>
+
+      <el-footer style="height: 50px;">
+        <el-config-provider :locale="zhCn">
+          <el-pagination v-model:current-page="historyPage.page" v-model:page-size="historyPage.rows"
+                         :page-sizes="[20, 30, 50, 100, 200, 300, 400]" :small="small" :disabled="disabled"
+                         :background="background" layout="total, sizes, prev, pager, next, jumper"
+                         :total="historyPage.total"
+                         @size-change="handleSizeChange" @current-change="handleCurrentChange" class="pagination"/>
+        </el-config-provider>
+      </el-footer>
       <div class="dialog-Extinguisher">
         <el-dialog title="查看详情"
                    v-model="detailOpen"

src/views/AIStation/ExtinguisherPage/ExtinguisherNewDataPage.vue

 <script setup>
-import {onMounted, reactive, ref, toRefs, watch} from "vue";
+import { reactive, ref, watch} from "vue";
 import analysisImage from '/imgs/default.png'
 import {getListNewData} from "../../../api/AIStation/Extinguisher.js";
-import {useRoute} from "vue-router";
-import {handleGetAIToken} from "../AItoken.js";
+import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
 
 const ExtinguisherNewData = ref([])
 
@@ -172,6 +171,7 @@ const handleSortChange = (data) => {
     Page.total = res.total
   })
 };
+
 defineExpose({
   getData
 });
@@ -185,7 +185,7 @@ defineExpose({
             :data="ExtinguisherNewData"
             border
             style="width: 98%;margin-left: 15px"
-            height="calc(90vh - 170px)"
+            height="calc(100vh - 280px)"
             :header-cell-class-name="tableHeaderClass"
             :row-class-name="tableBodyClass"
             @sort-change="handleSortChange"
@@ -230,11 +230,16 @@ defineExpose({
             </template>
           </el-table-column>
         </el-table>
+      </div>
+      <el-footer style="height: 50px;">
+        <el-config-provider :locale="zhCn">
         <el-pagination v-model:current-page="Page.page" v-model:page-size="Page.rows"
                        :page-sizes="[20, 30, 50, 100, 200, 300, 400]" :small="small" :disabled="disabled"
                        :background="background" layout="total, sizes, prev, pager, next, jumper" :total="Page.total"
                        @size-change="handleSizeChange" @current-change="handleCurrentChange" class="pagination"/>
-      </div>
+        </el-config-provider>
+      </el-footer>
+
       <div class="dialog-Extinguisher">
         <el-dialog title="查看详情"
                    v-model="detailOpen"
@@ -323,7 +328,9 @@ defineExpose({
 .table-operate-column {
   font-size: 12px;
 }
-
+.table-operate-column .el-button {
+  font-size: 12px;
+}
 .pagination {
   padding: 0;
   margin-left: 20px;

src/views/AIStation/ExtinguisherPage/index.vue

@@ -318,7 +318,7 @@ watch(
         <el-form-item label="换热站：">
           <!--          <el-cascader :options="options" v-model="stationId" :props="props" collapse-tags clearable :show-all-levels="false"-->
           <!--                       placeholder="请选择" style="min-width: 210px;" />-->
-          <el-select v-model="queryParams.stationId" placeholder="请选择" style="min-width: 210px" filterable clearable>
+          <el-select v-model="queryParams.stationId" placeholder="请选择" style="min-width: 200px" filterable clearable>
             <el-option
                 v-for="item in options"
                 :key="item.value"
@@ -328,7 +328,7 @@ watch(
           </el-select>
         </el-form-item>
         <el-form-item label="告警状态:" prop="alarmStatus" v-show="selectedBtn === 1">
-          <el-select placeholder="请选择" clearable style="width: 180px" v-model="queryParams.alarmStatus">
+          <el-select placeholder="请选择" clearable style="width: 200px" v-model="queryParams.alarmStatus">
             <el-option v-for="item in alarmStatusList" :key="item.value" :value="item.value" :label="item.label"/>
           </el-select>
         </el-form-item>
@@ -338,7 +338,7 @@ watch(
                 type="datetime"
                 value-format="YYYY-MM-DD HH:mm:ss"
                 placeholder="选择开始时间"
-                style="width: 180px"
+                style="width: 200px"
                 v-model="queryParams.beginTime"
             />
           </el-config-provider>
@@ -349,7 +349,7 @@ watch(
                 type="datetime"
                 value-format="YYYY-MM-DD HH:mm:ss"
                 placeholder="选择结束时间"
-                style="width: 180px"
+                style="width: 200px"
                 v-model="queryParams.endTime"
             />
           </el-config-provider>

src/views/AIStation/MoveMonitorPage/MoveMonitorAlarmPage.vue

 <script setup>
-import {ref, defineProps, defineEmits, computed, isRef, onMounted, watchEffect, reactive, watch} from "vue";
-import {getAlarmListData} from "../../../api/AIStation/Extinguisher.js";
+import {ref, defineProps,reactive, watch} from "vue";
 import {getMoveListAlarmNewData} from "../../../api/AIStation/MoveMonitor.js";
-import {getTransListAlarmData} from "../../../api/AIStation/TransTemp.js";
-import store from "../../../store/index.js";
-import {handleGetAIToken} from "../AItoken.js";
-import {useRoute} from "vue-router";
+import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
 
 
 let AlarmData = ref([])
@@ -172,7 +168,7 @@ const handleSortChange = (data) => {
             :data="AlarmData"
             border
             style="width: 98%;margin-left: 15px"
-            height="calc(90vh - 170px)"
+            height="calc(100vh - 280px)"
             :header-cell-class-name="tableHeaderClass"
             :row-class-name="tableBodyClass"
             @sort-change="handleSortChange"
@@ -212,11 +208,15 @@ const handleSortChange = (data) => {
           </el-table-column>
         </el-table>
       </div>
-      <el-pagination v-model:current-page="Page.page" v-model:page-size="Page.rows"
-                     :page-sizes="[20, 30, 50, 100, 200, 300, 400]" :small="small" :disabled="disabled"
-                     :background="background" layout="total, sizes, prev, pager, next, jumper" :total="Page.total"
-                     @size-change="handleSizeChange" @current-change="handleCurrentChange" class="pagination"/>
     </div>
+    <el-footer style="height: 50px;">
+      <el-config-provider :locale="zhCn">
+        <el-pagination v-model:current-page="Page.page" v-model:page-size="Page.rows"
+                       :page-sizes="[20, 30, 50, 100, 200, 300, 400]" :small="small" :disabled="disabled"
+                       :background="background" layout="total, sizes, prev, pager, next, jumper" :total="Page.total"
+                       @size-change="handleSizeChange" @current-change="handleCurrentChange" class="pagination"/>
+      </el-config-provider>
+    </el-footer>
   </div>
 </template>
 

src/views/AIStation/MoveMonitorPage/MoveMonitorHistoryPage.vue

 <script setup>
 import {reactive, ref, watch} from "vue";
 import analysisImage from '/imgs/default.png'
-import {getListHistoryData} from "../../../api/AIStation/Extinguisher.js";
-import {getMoveListAlarmNewData, getMoveListHistoryData} from "../../../api/AIStation/MoveMonitor.js";
-import store from "../../../store/index.js";
+import { getMoveListHistoryData} from "../../../api/AIStation/MoveMonitor.js";
+import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
 
 const HistoryData = ref([])
 const enterpriseId = ref();
@@ -179,7 +178,7 @@ const handleSortChange = (data) => {
             :data="HistoryData"
             border
             style="width: 98%;margin-left: 15px"
-            height="calc(90vh - 170px)"
+            height="calc(100vh - 280px)"
             :header-cell-class-name="tableHeaderClass"
             :row-class-name="tableBodyClass"
             @sort-change="handleSortChange"
@@ -237,11 +236,15 @@ const handleSortChange = (data) => {
           </el-table-column>
         </el-table>
       </div>
-      <el-pagination v-model:current-page="historyPage.page" v-model:page-size="historyPage.rows"
-                     :page-sizes="[20, 30, 50, 100, 200, 300, 400]" :small="small" :disabled="disabled"
-                     :background="background" layout="total, sizes, prev, pager, next, jumper"
-                     :total="historyPage.total"
-                     @size-change="handleSizeChange" @current-change="handleCurrentChange" class="pagination"/>
+      <el-footer style="height: 50px;">
+        <el-config-provider :locale="zhCn">
+          <el-pagination v-model:current-page="historyPage.page" v-model:page-size="historyPage.rows"
+                         :page-sizes="[20, 30, 50, 100, 200, 300, 400]" :small="small" :disabled="disabled"
+                         :background="background" layout="total, sizes, prev, pager, next, jumper"
+                         :total="historyPage.total"
+                         @size-change="handleSizeChange" @current-change="handleCurrentChange" class="pagination"/>
+        </el-config-provider>
+      </el-footer>
       <div class="dialog-Extinguisher">
         <el-dialog title="查看详情"
                    v-model="detailOpen"

src/views/AIStation/MoveMonitorPage/MoveMonitorNewDataPage.vue

 <script setup>
-import {onMounted, reactive, ref, watch} from "vue";
+import {reactive, ref, watch} from "vue";
 import analysisImage from '/imgs/default.png'
-import {getListNewData} from "../../../api/AIStation/Extinguisher.js";
-import {getMoveListHistoryData, getMoveListNewData} from "../../../api/AIStation/MoveMonitor.js";
-import store from "../../../store/index.js";
+import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
+import {getMoveListNewData} from "../../../api/AIStation/MoveMonitor.js";
+
 
 const MoveMonitorNewData = ref([])
 const enterpriseId = ref();
@@ -182,7 +182,7 @@ const handleSortChange = (data) => {
             :data="MoveMonitorNewData"
             border
             style="width: 98%;margin-left: 15px"
-            height="calc(90vh - 170px)"
+            height="calc(100vh - 280px)"
             :header-cell-class-name="tableHeaderClass"
             :row-class-name="tableBodyClass"
             @sort-change="handleSortChange"
@@ -239,11 +239,15 @@ const handleSortChange = (data) => {
             </template>
           </el-table-column>
         </el-table>
-        <el-pagination v-model:current-page="Page.page" v-model:page-size="Page.rows"
-                       :page-sizes="[20, 30, 50, 100, 200, 300, 400]" :small="small" :disabled="disabled"
-                       :background="background" layout="total, sizes, prev, pager, next, jumper" :total="Page.total"
-                       @size-change="handleSizeChange" @current-change="handleCurrentChange" class="pagination"/>
       </div>
+      <el-footer style="height: 50px;">
+        <el-config-provider :locale="zhCn">
+          <el-pagination v-model:current-page="Page.page" v-model:page-size="Page.rows"
+                         :page-sizes="[20, 30, 50, 100, 200, 300, 400]" :small="small" :disabled="disabled"
+                         :background="background" layout="total, sizes, prev, pager, next, jumper" :total="Page.total"
+                         @size-change="handleSizeChange" @current-change="handleCurrentChange" class="pagination"/>
+        </el-config-provider>
+      </el-footer>
       <div class="dialog-Extinguisher">
         <el-dialog title="查看详情"
                    v-model="detailOpen"

src/views/AIStation/MoveMonitorPage/index.vue

@@ -319,7 +319,7 @@ watch(
         <el-form-item label="换热站：">
           <!--          <el-cascader :options="options" v-model="stationId" :props="props" collapse-tags clearable :show-all-levels="false"-->
           <!--                       placeholder="请选择" style="min-width: 210px;" />-->
-          <el-select v-model="queryParams.stationId" placeholder="请选择" style="min-width: 210px" filterable clearable>
+          <el-select v-model="queryParams.stationId" placeholder="请选择" style="min-width: 200px" filterable clearable>
             <el-option
                 v-for="item in options"
                 :key="item.value"
@@ -329,7 +329,7 @@ watch(
           </el-select>
         </el-form-item>
         <el-form-item label="告警状态:" prop="alarmStatus" v-show="selectedBtn === 1">
-          <el-select placeholder="" clearable style="width: 180px" v-model="queryParams.alarmStatus">
+          <el-select placeholder="" clearable style="width: 200px" v-model="queryParams.alarmStatus">
             <el-option v-for="item in alarmStatusList" :key="item.value" :value="item.value" :label="item.label"/>
           </el-select>
         </el-form-item>
@@ -339,7 +339,7 @@ watch(
                 type="datetime"
                 value-format="YYYY-MM-DD HH:mm:ss"
                 placeholder="选择开始时间"
-                style="width: 180px"
+                style="width: 200px"
                 v-model="queryParams.beginTime"
             />
           </el-config-provider>
@@ -350,7 +350,7 @@ watch(
                 type="datetime"
                 value-format="YYYY-MM-DD HH:mm:ss"
                 placeholder="选择结束时间"
-                style="width: 180px"
+                style="width: 200px"
                 v-model="queryParams.endTime"
             />
           </el-config-provider>

src/views/AIStation/PipelineTempPage/PipelineTempAlarmPage.vue

 <script setup>
 import {ref, defineProps, reactive, watch} from "vue";
 import {getPipListAlarmData} from "../../../api/AIStation/PipelineTemp.js";
-import store from "../../../store/index.js";
+import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
 
 
 let AlarmData = ref([])
@@ -162,7 +162,7 @@ const handleSortChange = (data) => {
             :data="AlarmData"
             border
             style="width: 98%;margin-left: 15px"
-            height="calc(90vh - 170px)"
+            height="calc(100vh - 330px)"
             :header-cell-class-name="tableHeaderClass"
             :row-class-name="tableBodyClass"
             @sort-change="handleSortChange"
@@ -203,11 +203,15 @@ const handleSortChange = (data) => {
           </el-table-column>
         </el-table>
       </div>
-      <el-pagination v-model:current-page="Page.page" v-model:page-size="Page.rows"
-                     :page-sizes="[20, 30, 50, 100, 200, 300, 400]" :small="small" :disabled="disabled"
-                     :background="background" layout="total, sizes, prev, pager, next, jumper" :total="Page.total"
-                     @size-change="handleSizeChange" @current-change="handleCurrentChange" class="pagination"/>
     </div>
+    <el-footer style="height: 50px;">
+      <el-config-provider :locale="zhCn">
+        <el-pagination v-model:current-page="Page.page" v-model:page-size="Page.rows"
+                       :page-sizes="[20, 30, 50, 100, 200, 300, 400]" :small="small" :disabled="disabled"
+                       :background="background" layout="total, sizes, prev, pager, next, jumper" :total="Page.total"
+                       @size-change="handleSizeChange" @current-change="handleCurrentChange" class="pagination"/>
+      </el-config-provider>
+    </el-footer>
   </div>
 </template>
 

src/views/AIStation/PipelineTempPage/PipelineTempHistoryPage.vue

 <script setup>
 import {reactive, ref, watch} from "vue";
 import {getPipListHistoryData} from "../../../api/AIStation/PipelineTemp.js";
-import store from "../../../store/index.js";
+import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
 
 let HistoryData = ref([])
 const params = ref({})
@@ -172,7 +172,7 @@ const handleSortChange = (data) => {
             :data="HistoryData"
             border
             style="width: 98%;margin-left: 15px"
-            height="calc(90vh - 170px)"
+            height="calc(100vh - 280px)"
             :header-cell-class-name="tableHeaderClass"
             :row-class-name="tableBodyClass"
             @sort-change="handleSortChange"
@@ -205,11 +205,15 @@ const handleSortChange = (data) => {
           </el-table-column>
         </el-table>
       </div>
-      <el-pagination v-model:current-page="historyPage.page" v-model:page-size="historyPage.rows"
-                     :page-sizes="[20, 30, 50, 100, 200, 300, 400]" :small="small" :disabled="disabled"
-                     :background="background" layout="total, sizes, prev, pager, next, jumper"
-                     :total="historyPage.total"
-                     @size-change="handleSizeChange" @current-change="handleCurrentChange" class="pagination"/>
+      <el-footer style="height: 50px;">
+        <el-config-provider :locale="zhCn">
+          <el-pagination v-model:current-page="historyPage.page" v-model:page-size="historyPage.rows"
+                         :page-sizes="[20, 30, 50, 100, 200, 300, 400]" :small="small" :disabled="disabled"
+                         :background="background" layout="total, sizes, prev, pager, next, jumper"
+                         :total="historyPage.total"
+                         @size-change="handleSizeChange" @current-change="handleCurrentChange" class="pagination"/>
+        </el-config-provider>
+      </el-footer>
       <div class="dialog-Extinguisher">
         <el-dialog title="查看详情"
                    v-model="detailOpen"

src/views/AIStation/PipelineTempPage/PipelineTempNewDataPage.vue

 <script setup>
 import { reactive, ref, watch} from "vue";
 import {getPipListNewData} from "../../../api/AIStation/PipelineTemp.js";
-import store from "../../../store/index.js";
+import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
 
 const PipelineTempNewData = ref([])
 const params = ref({})
@@ -181,7 +181,7 @@ const handleSortChange = (data) => {
             :data="PipelineTempNewData"
             border
             style="width: 98%;margin-left: 15px"
-            height="calc(90vh - 170px)"
+            height="calc(100vh - 280px)"
             :header-cell-class-name="tableHeaderClass"
             :row-class-name="tableBodyClass"
             @sort-change="handleSortChange"
@@ -213,11 +213,15 @@ const handleSortChange = (data) => {
             </template>
           </el-table-column>
         </el-table>
-        <el-pagination v-model:current-page="Page.page" v-model:page-size="Page.rows"
-                       :page-sizes="[20, 30, 50, 100, 200, 300, 400]" :small="small" :disabled="disabled"
-                       :background="background" layout="total, sizes, prev, pager, next, jumper" :total="Page.total"
-                       @size-change="handleSizeChange" @current-change="handleCurrentChange" class="pagination"/>
       </div>
+      <el-footer style="height: 50px;">
+        <el-config-provider :locale="zhCn">
+          <el-pagination v-model:current-page="Page.page" v-model:page-size="Page.rows"
+                         :page-sizes="[20, 30, 50, 100, 200, 300, 400]" :small="small" :disabled="disabled"
+                         :background="background" layout="total, sizes, prev, pager, next, jumper" :total="Page.total"
+                         @size-change="handleSizeChange" @current-change="handleCurrentChange" class="pagination"/>
+        </el-config-provider>
+      </el-footer>
       <div class="dialog-Extinguisher">
         <el-dialog title="查看详情"
                    v-model="detailOpen"

src/views/AIStation/PipelineTempPage/index.vue

@@ -344,7 +344,7 @@ watch(
         <el-form-item label="换热站：">
           <!--          <el-cascader :options="options" v-model="stationId" :props="props" collapse-tags clearable :show-all-levels="false"-->
           <!--                       placeholder="请选择" style="min-width: 210px;" />-->
-          <el-select v-model="queryParams.stationId" placeholder="请选择" style="min-width: 210px" filterable clearable>
+          <el-select v-model="queryParams.stationId" placeholder="请选择" style="min-width: 200px" filterable clearable>
             <el-option
                 v-for="item in options"
                 :key="item.value"
@@ -354,7 +354,7 @@ watch(
           </el-select>
         </el-form-item>
         <el-form-item label="告警状态:" prop="alarmStatus" v-show="selectedBtn === 1">
-          <el-select placeholder="" clearable style="width: 180px" v-model="queryParams.alarmStatus">
+          <el-select placeholder="" clearable style="width: 200px" v-model="queryParams.alarmStatus">
             <el-option v-for="item in alarmStatusList" :key="item.value" :value="item.value" :label="item.label"/>
           </el-select>
         </el-form-item>
@@ -369,7 +369,7 @@ watch(
                 type="datetime"
                 value-format="YYYY-MM-DD HH:mm:ss"
                 placeholder="选择开始时间"
-                style="width: 180px"
+                style="width: 200px"
                 v-model="queryParams.beginTime"
             />
           </el-config-provider>
@@ -380,7 +380,7 @@ watch(
                 type="datetime"
                 value-format="YYYY-MM-DD HH:mm:ss"
                 placeholder="选择结束时间"
-                style="width: 180px"
+                style="width: 200px"
                 v-model="queryParams.endTime"
             />
           </el-config-provider>

src/views/AIStation/RecyclePumpPage/RecyclePumpAlarmPage.vue

 <script setup>
 import {ref, reactive, defineProps, watch} from "vue";
-import {getPipListAlarmData} from "../../../api/AIStation/PipelineTemp.js";
 import {getRecycleListAlarmData} from "../../../api/AIStation/RecyclePump.js";
-import {getMoveListAlarmNewData} from "../../../api/AIStation/MoveMonitor.js";
-import store from "../../../store/index.js";
+import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
 
 const TransTempAlarmData = ref([])
 const params = ref({})
@@ -166,7 +164,7 @@ const handleSortChange = (data) => {
             :data="TransTempAlarmData"
             border
             style="width: 98%;margin-left: 15px"
-            height="calc(90vh - 170px)"
+            height="calc(100vh - 280px)"
             :header-cell-class-name="tableHeaderClass"
             :row-class-name="tableBodyClass"
             @sort-change="handleSortChange"
@@ -206,11 +204,15 @@ const handleSortChange = (data) => {
           </el-table-column>
         </el-table>
       </div>
-      <el-pagination v-model:current-page="Page.page" v-model:page-size="Page.rows"
-                     :page-sizes="[20, 30, 50, 100, 200, 300, 400]" :small="small" :disabled="disabled"
-                     :background="background" layout="total, sizes, prev, pager, next, jumper" :total="Page.total"
-                     @size-change="handleSizeChange" @current-change="handleCurrentChange" class="pagination"/>
     </div>
+    <el-footer style="height: 50px;">
+      <el-config-provider :locale="zhCn">
+        <el-pagination v-model:current-page="Page.page" v-model:page-size="Page.rows"
+                       :page-sizes="[20, 30, 50, 100, 200, 300, 400]" :small="small" :disabled="disabled"
+                       :background="background" layout="total, sizes, prev, pager, next, jumper" :total="Page.total"
+                       @size-change="handleSizeChange" @current-change="handleCurrentChange" class="pagination"/>
+      </el-config-provider>
+    </el-footer>
   </div>
 </template>
 

src/views/AIStation/RecyclePumpPage/RecyclePumpHistoryPage.vue

 <script setup>
-import {reactive, ref, onMounted, watch} from "vue";
+import {reactive, ref, watch} from "vue";
 import {getAudio, getRecycleListHistoryData} from "../../../api/AIStation/RecyclePump.js";
 import WaveSurfer from 'wavesurfer.js';
 import TimelinePlugin from 'wavesurfer.js/dist/plugin/wavesurfer.timeline';
 import RegionsPlugin from 'wavesurfer.js/dist/plugin/wavesurfer.regions';
+import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
+
+
 const RecyclePumpData = ref([]);
 const params = ref({})
 const options = ref([])
@@ -405,7 +408,7 @@ defineExpose({
             :data="RecyclePumpData"
             border
             style="width: 45%;margin-left: 15px"
-            height="calc(90vh - 170px)"
+            height="calc(100vh - 280px)"
             :header-cell-class-name="tableHeaderClass"
             :row-class-name="tableBodyClass"
             @row-click="selectRow"
@@ -427,11 +430,16 @@ defineExpose({
             </template>
           </el-table-column>
         </el-table>
-        <el-pagination v-model:current-page="Page.page" v-model:page-size="Page.rows"
-                       :page-sizes="[20, 30, 50, 100, 200, 300, 400]" :small="small" :disabled="disabled"
-                       :background="background" layout="total, sizes, prev, pager, next, jumper" :total="Page.total"
-                       @size-change="handleSizeChange" @current-change="handleCurrentChange" class="pagination"/>
+
       </div>
+      <el-footer style="height: 50px;">
+        <el-config-provider :locale="zhCn">
+          <el-pagination v-model:current-page="Page.page" v-model:page-size="Page.rows"
+                         :page-sizes="[20, 30, 50, 100, 200, 300, 400]" :small="small" :disabled="disabled"
+                         :background="background" layout="total, sizes, prev, pager, next, jumper" :total="Page.total"
+                         @size-change="handleSizeChange" @current-change="handleCurrentChange" class="pagination"/>
+        </el-config-provider>
+      </el-footer>
       <div class="placeholder"/>
       <div class="details-container">
         <el-row :gutter="24">

src/views/AIStation/RecyclePumpPage/RecyclePumpNewDataPage.vue

 <script setup>
-import {reactive, ref, onMounted, watch} from "vue";
-import {getPipListNewData} from "../../../api/AIStation/PipelineTemp.js";
-import {getAudio, getRecycleListHistoryData, getRecycleListNewData} from "../../../api/AIStation/RecyclePump.js";
-import store from "../../../store/index.js";
+import {reactive, ref,watch} from "vue";
+import {getAudio, getRecycleListNewData} from "../../../api/AIStation/RecyclePump.js";
+import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
 import WaveSurfer from "wavesurfer.js";
 import RegionsPlugin from "wavesurfer.js/dist/plugin/wavesurfer.regions.js";
 import TimelinePlugin from "wavesurfer.js/dist/plugin/wavesurfer.timeline.js";
@@ -412,7 +411,7 @@ defineExpose({
             :data="RecyclePumpData"
             border
             style="width: 45%;margin-left: 15px"
-            height="calc(90vh - 170px)"
+            height="calc(100vh - 280px)"
             :header-cell-class-name="tableHeaderClass"
             :row-class-name="tableBodyClass"
             @row-click="selectRow"
@@ -434,11 +433,15 @@ defineExpose({
             </template>
           </el-table-column>
         </el-table>
-        <el-pagination v-model:current-page="Page.page" v-model:page-size="Page.rows"
-                       :page-sizes="[20, 30, 50, 100, 200, 300, 400]" :small="small" :disabled="disabled"
-                       :background="background" layout="total, sizes, prev, pager, next, jumper" :total="Page.total"
-                       @size-change="handleSizeChange" @current-change="handleCurrentChange" class="pagination"/>
       </div>
+      <el-footer style="height: 50px;">
+        <el-config-provider :locale="zhCn">
+          <el-pagination v-model:current-page="Page.page" v-model:page-size="Page.rows"
+                         :page-sizes="[20, 30, 50, 100, 200, 300, 400]" :small="small" :disabled="disabled"
+                         :background="background" layout="total, sizes, prev, pager, next, jumper" :total="Page.total"
+                         @size-change="handleSizeChange" @current-change="handleCurrentChange" class="pagination"/>
+        </el-config-provider>
+      </el-footer>
       <div class="placeholder"/>
       <div class="details-container">
         <el-row :gutter="24">

src/views/AIStation/RecyclePumpPage/index.vue

@@ -187,15 +187,15 @@ const resetSearch = () => {
   queryParams.endTime = ''
   queryParams.stationId = ''
   searchData.value = []
-  childParams.value = {
-    // page: Page.page,
-    // size: Page.rows,
-    // stationId: '',
-    // alarmStatus: '',
-    // alarmType: '',
-    // beginTime: '',
-    // endTime: '',
-  }
+  // childParams.value = {
+  //   // page: Page.page,
+  //   // size: Page.rows,
+  //   // stationId: '',
+  //   // alarmStatus: '',
+  //   // alarmType: '',
+  //   // beginTime: '',
+  //   // endTime: '',
+  // }
   getData()
 };
 const childComponentRef = ref(null);
@@ -261,47 +261,29 @@ function getEnterprise() {
   }
 }
 
-function getSupplys() {
+function getSupplys(){
   loading.value = true;
   // tableData.length = 0;
   options.length = 0;
   const result = store.getters.getEnterprise();
   if (result) {
-    console.log('result:', result)
-    result.forEach(element => {
+    console.log('result:',result)
+    result.forEach(element=>{
       let allItems = []
-      if (element.enterpriseId === enterpriseId.value) {
-        if (element.enterpriseId === "9BCA54BC-8F27-4849-8D7D-50C5099E1949".toLowerCase()) {
-          element.serviceCenterList.forEach(center => {//遍历一级目录下的
+      if(element.enterpriseId === enterpriseId.value){
+        if(element.enterpriseId  ===  "9BCA54BC-8F27-4849-8D7D-50C5099E1949".toLowerCase()){
+          element.serviceCenterList.forEach(center=>{//遍历一级目录下的
             center.supplyList.forEach(supply => {//拿到一级目录下的然后遍历它二级目录下的
-              console.log('supply:', supply)
-              supply.stationList.forEach(station => {//拿到
-                let unitIdList = []
-                supply.transferList.forEach(unit => {
-                  //unit的stationId等于station的stationId的话，就把这个unit的unitId添加到unitIdList中
-                  if (unit.stationId === station.stationId) {
-                    unitIdList.push(unit.unitId)
-                  }
-                })
-                //将unitIdList集合按逗号分隔成字符串
-                let unitId = unitIdList.join(',')
-                allItems.push({
-                  stationId: station.stationId,
-                  stationName: station.stationName,
-                  supplyId: station.supplyId,
-                  unitId: unitId
-                })
-              });
-            });
-          })
-        } else {
-          element.supplyList.forEach(element => {
-            element.stationList.forEach(station => {
-              allItems.push({
-                stationId: station.stationId,
-                stationName: station.stationName,
-                supplyId: station.supplyId
+              supply.transferList.forEach(unit => {
+                allItems.push({ stationId: unit.stationId, stationName: unit.unitName,supplyId: unit.supplyId,unitId:unit.unitId})
               })
+            });
+          });
+          console.log('allItems:',allItems)
+        }else{
+          element.supplyList.forEach(supply => {
+            supply.transferList.forEach(unit => {
+              allItems.push({ stationId: unit.stationId, stationName: unit.unitName,supplyId: unit.supplyId,unitId:unit.unitId})
             })
           })
         }
@@ -320,7 +302,7 @@ getSupplys();
         <el-form-item label="换热站：">
           <!--          <el-cascader :options="options" v-model="stationId" :props="props" collapse-tags clearable :show-all-levels="false"-->
           <!--                       placeholder="请选择" style="min-width: 210px;" />-->
-          <el-select v-model="queryParams.stationId" placeholder="请选择" style="min-width: 210px" filterable clearable>
+          <el-select v-model="queryParams.stationId" placeholder="请选择" style="min-width: 200px" filterable clearable>
             <el-option
                 v-for="item in options"
                 :key="item.value"
@@ -330,7 +312,7 @@ getSupplys();
           </el-select>
         </el-form-item>
         <el-form-item label="告警状态:" prop="alarmStatus" v-show="selectedBtn === 1">
-          <el-select placeholder="" clearable style="width: 180px" v-model="queryParams.alarmStatus">
+          <el-select placeholder="" clearable style="width: 200px" v-model="queryParams.alarmStatus">
             <el-option v-for="item in alarmStatusList" :key="item.value" :value="item.value" :label="item.label"/>
           </el-select>
         </el-form-item>
@@ -340,7 +322,7 @@ getSupplys();
                 type="datetime"
                 value-format="YYYY-MM-DD HH:mm:ss"
                 placeholder="选择开始时间"
-                style="width: 180px"
+                style="width: 200px"
                 v-model="queryParams.beginTime"
             />
           </el-config-provider>
@@ -351,7 +333,7 @@ getSupplys();
                 type="datetime"
                 value-format="YYYY-MM-DD HH:mm:ss"
                 placeholder="选择结束时间"
-                style="width: 180px"
+                style="width: 200px"
                 v-model="queryParams.endTime"
             />
           </el-config-provider>

src/views/AIStation/TransTempPage/TransTempAlarmPage.vue

 <script setup>
-import {ref, defineProps, defineEmits, computed, isRef, onMounted, watchEffect, reactive, watch} from "vue";
+import {defineProps, reactive, ref, watch} from "vue";
 import analysisImage from '/imgs/default.png'
 import {getTransListAlarmData} from "../../../api/AIStation/TransTemp.js";
-import store from "../../../store/index.js";
+import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
 
 
 const TransTempAlarmData = ref([])
@@ -84,16 +84,16 @@ function getDataByParams() {
     alarmType: props.queryParams.alarmType,
     sortList: sortList,
   }
-  if (item.stationId === undefined){
+  if (item.stationId === undefined) {
     item.stationId = ''
   }
-  if (item.beginTime == null){
+  if (item.beginTime == null) {
     item.beginTime = ''
   }
-  if (item.endTime == null){
+  if (item.endTime == null) {
     item.endTime = ''
   }
-  if(item.alarmType === undefined){
+  if (item.alarmType === undefined) {
     item.alarmType = ''
   }
   getTransListAlarmData(item).then(res => {
@@ -110,6 +110,7 @@ function getDataNew(item) {
     Page.rows = res.pageSize
   })
 }
+
 defineExpose({
   getData
 });
@@ -122,14 +123,14 @@ const handleSortChange = (data) => {
   sortList = []
   // 添加新的排序属性
   const sortMap = sortMapData;
-  if (sortMap.size > 0){
+  if (sortMap.size > 0) {
     sortMap.clear()
   }
   //将被点击的排序字段信息data，注册到sortMap中，key为参数名，value为{prop,order}
-  if (data.order === null){
+  if (data.order === null) {
     sortMap.delete(data.prop);
   } else {
-    sortMap.set(data.prop, { prop: data.prop, order: data.order });
+    sortMap.set(data.prop, {prop: data.prop, order: data.order});
     sortNewData.value = sortMap
   }
   //将sortMap的value放到sortList中
@@ -146,16 +147,16 @@ const handleSortChange = (data) => {
     alarmType: props.queryParams.alarmType,
     sortList: sortList,
   }
-  if (item.stationId === undefined){
+  if (item.stationId === undefined) {
     item.stationId = ''
   }
-  if (item.beginTime == null){
+  if (item.beginTime == null) {
     item.beginTime = ''
   }
-  if (item.endTime == null){
+  if (item.endTime == null) {
     item.endTime = ''
   }
-  console.log('item--------------',item)
+  console.log('item--------------', item)
   //查询数据
   getTransListAlarmData(item).then(res => {
     TransTempAlarmData.value = res.rows
@@ -163,6 +164,16 @@ const handleSortChange = (data) => {
     Page.total = res.total
   })
 };
+const detailOpen = ref(false)
+const statusData = ref([])
+
+function handleStatus1() {
+  statusData.value = TransTempAlarmData.value.filter(item => item.handleStatus === 0)
+  detailOpen.value = true
+  console.log('?===========')
+
+}
+
 </script>
 
 <template>
@@ -173,7 +184,7 @@ const handleSortChange = (data) => {
             :data="TransTempAlarmData"
             border
             style="width: 98%;margin-left: 15px"
-            height="calc(90vh - 170px)"
+            height="calc(100vh - 280px)"
             :header-cell-class-name="tableHeaderClass"
             :row-class-name="tableBodyClass"
             @sort-change="handleSortChange"
@@ -218,6 +229,10 @@ const handleSortChange = (data) => {
             </template>
           </el-table-column>
           <el-table-column prop="handleStatus" align="center" label="处理状态">
+            <template #header>
+              <span>处理状态</span>
+              <el-button size="small" @click="handleStatus1">操作</el-button>
+            </template>
             <template #default="scope">
               <span v-if="scope.row.handleStatus=== 0" style="color: red">未处理</span>
               <span v-else-if="scope.row.handleStatus=== 1">已处理</span>
@@ -233,11 +248,84 @@ const handleSortChange = (data) => {
           </el-table-column>
         </el-table>
       </div>
-      <el-pagination v-model:current-page="Page.page" v-model:page-size="Page.rows"
-                     :page-sizes="[20, 30, 50, 100, 200, 300, 400]" :small="small" :disabled="disabled"
-                     :background="background" layout="total, sizes, prev, pager, next, jumper" :total="Page.total"
-                     @size-change="handleSizeChange" @current-change="handleCurrentChange" class="pagination"/>
     </div>
+    <el-footer style="height: 50px;">
+      <el-config-provider :locale="zhCn">
+        <el-pagination v-model:current-page="Page.page" v-model:page-size="Page.rows"
+                       :page-sizes="[20, 30, 50, 100, 200, 300, 400]" :small="small" :disabled="disabled"
+                       :background="background" layout="total, sizes, prev, pager, next, jumper" :total="Page.total"
+                       @size-change="handleSizeChange" @current-change="handleCurrentChange" class="pagination"/>
+      </el-config-provider>
+    </el-footer>
+    <el-dialog title="查看未处理状态"
+               v-model="detailOpen"
+               width="1200px"
+               :close-on-click-modal="false"
+               append-to-body>
+      <el-table
+          :data="statusData"
+          border
+          style="width: 98%;margin-left: 15px"
+          height="calc(100vh - 330px)"
+          :header-cell-class-name="tableHeaderClass"
+          :row-class-name="tableBodyClass"
+          @sort-change="handleSortChange"
+      >
+        <el-table-column type="index" label="序号" align="center" width="100"/>
+        <el-table-column prop="stationName" label="换热站" align="center">
+          <template #default="scope">
+            <span>{{ scope.row.stationName || '-' }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="srcName" label="设备名称" align="center"/>
+        <el-table-column prop="eventTime" label="报警时间" align="center" width="180px"/>
+        <el-table-column prop="alarmLevel" align="center" label="报警等级">
+          <template #default="scope">
+            <span v-if="scope.row.alarmLevel=== 0">预警</span>
+            <span v-else-if="scope.row.alarmLevel=== 1">报警</span>
+            <span v-else>-</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="alarmType" align="center" label="报警类型">
+          <template #default="scope">
+            <span v-if="scope.row.alarmType=== 0">最高温度</span>
+            <span v-else-if="scope.row.alarmType=== 1">最低温度</span>
+            <span v-else-if="scope.row.alarmType=== 2">平均温度</span>
+            <span v-else-if="scope.row.alarmType=== 3">温差</span>
+            <span v-else-if="scope.row.alarmType=== 4">温度突升</span>
+            <span v-else-if="scope.row.alarmType=== 5">温度突降</span>
+            <span v-else>-</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="curTemperatureDiff" align="center" label="当前温差"/>
+        <el-table-column prop="imageUrl" align="center" label="热成像图片">
+          <template #default="scope">
+            <el-image
+                style="width:100%;height:100%;"
+                :src="getImageSrc(scope.row)"
+            >
+              <div slot="error" class="image-slot">
+                <i class="el-icon-picture-outline"/>
+              </div>
+            </el-image>
+          </template>
+        </el-table-column>
+        <el-table-column prop="handleStatus" align="center" label="处理状态">
+          <template #default="scope">
+            <span v-if="scope.row.handleStatus=== 0" style="color: red">未处理</span>
+            <span v-else-if="scope.row.handleStatus=== 1">已处理</span>
+            <span v-else>-</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" align="center" fixed="right">
+          <template #default="scope">
+            <div class="table-operate-column">
+              <el-button link @click="handleCamera" type="primary">打开摄像头</el-button>
+            </div>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-dialog>
   </div>
 </template>
 

src/views/AIStation/TransTempPage/TransTempHistoryPage.vue

@@ -2,7 +2,7 @@
 import {reactive, ref, watch} from "vue";
 import analysisImage from '/imgs/default.png'
 import {getTransListHistoryData} from "../../../api/AIStation/TransTemp.js";
-import store from "../../../store/index.js";
+import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
 
 const TransTempHistoryData = ref([])
 const params = ref({})
@@ -175,7 +175,7 @@ const handleSortChange = (data) => {
             :data="TransTempHistoryData"
             border
             style="width: 98%;margin-left: 15px"
-            height="calc(90vh - 170px)"
+            height="calc(100vh - 280px)"
             :header-cell-class-name="tableHeaderClass"
             :row-class-name="tableBodyClass"
             @sort-change="handleSortChange"
@@ -218,11 +218,16 @@ const handleSortChange = (data) => {
             </template>
           </el-table-column>
         </el-table>
-        <el-pagination v-model:current-page="Page.page" v-model:page-size="Page.rows"
-                       :page-sizes="[20, 30, 50, 100, 200, 300, 400]" :small="small" :disabled="disabled"
-                       :background="background" layout="total, sizes, prev, pager, next, jumper" :total="Page.total"
-                       @size-change="handleSizeChange" @current-change="handleCurrentChange" class="pagination"/>
+
       </div>
+      <el-footer style="height: 50px;">
+        <el-config-provider :locale="zhCn">
+          <el-pagination v-model:current-page="Page.page" v-model:page-size="Page.rows"
+                         :page-sizes="[20, 30, 50, 100, 200, 300, 400]" :small="small" :disabled="disabled"
+                         :background="background" layout="total, sizes, prev, pager, next, jumper" :total="Page.total"
+                         @size-change="handleSizeChange" @current-change="handleCurrentChange" class="pagination"/>
+        </el-config-provider>
+      </el-footer>
       <div class="dialog-TransTempPage">
         <el-dialog title="查看详情"
                    v-model="detailOpen"

src/views/AIStation/TransTempPage/TransTempNewDataPage.vue

@@ -2,7 +2,7 @@
 import {reactive, ref, watch} from "vue";
 import analysisImage from '/imgs/default.png'
 import {getTransListNewData} from "../../../api/AIStation/TransTemp.js";
-import store from "../../../store/index.js";
+import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
 
 const TransTempNewData = ref([])
 const params = ref({})
@@ -182,7 +182,7 @@ const handleSortChange = (data) => {
             :data="TransTempNewData"
             border
             style="width: 98%;margin-left: 15px"
-            height="calc(90vh - 170px)"
+            height="calc(100vh - 280px)"
             :header-cell-class-name="tableHeaderClass"
             :row-class-name="tableBodyClass"
             @sort-change="handleSortChange"
@@ -225,11 +225,15 @@ const handleSortChange = (data) => {
             </template>
           </el-table-column>
         </el-table>
-        <el-pagination v-model:current-page="Page.page" v-model:page-size="Page.rows"
-                       :page-sizes="[20, 30, 50, 100, 200, 300, 400]" :small="small" :disabled="disabled"
-                       :background="background" layout="total, sizes, prev, pager, next, jumper" :total="Page.total"
-                       @size-change="handleSizeChange" @current-change="handleCurrentChange" class="pagination"/>
       </div>
+      <el-footer style="height: 50px;">
+        <el-config-provider :locale="zhCn">
+          <el-pagination v-model:current-page="Page.page" v-model:page-size="Page.rows"
+                         :page-sizes="[20, 30, 50, 100, 200, 300, 400]" :small="small" :disabled="disabled"
+                         :background="background" layout="total, sizes, prev, pager, next, jumper" :total="Page.total"
+                         @size-change="handleSizeChange" @current-change="handleCurrentChange" class="pagination"/>
+        </el-config-provider>
+      </el-footer>
       <div class="dialog-TransTempPage">
         <el-dialog title="查看详情"
                    v-model="detailOpen"

src/views/AIStation/TransTempPage/index.vue

@@ -353,7 +353,7 @@ watch(
         <el-form-item label="换热站：">
           <!--          <el-cascader :options="options" v-model="stationId" :props="props" collapse-tags clearable :show-all-levels="false"-->
           <!--                       placeholder="请选择" style="min-width: 210px;" />-->
-          <el-select v-model="queryParams.stationId" placeholder="请选择" style="min-width: 210px" filterable clearable>
+          <el-select v-model="queryParams.stationId" placeholder="请选择" style="min-width: 200px" filterable clearable>
             <el-option
                 v-for="item in options"
                 :key="item.value"
@@ -363,7 +363,7 @@ watch(
           </el-select>
         </el-form-item>
         <el-form-item label="告警状态:" prop="alarmStatus" v-show="selectedBtn === 1">
-          <el-select placeholder="" clearable style="width: 180px" v-model="queryParams.alarmStatus">
+          <el-select placeholder="" clearable style="width: 200px" v-model="queryParams.alarmStatus">
             <el-option v-for="item in alarmStatusList" :key="item.value" :value="item.value" :label="item.label"/>
           </el-select>
         </el-form-item>
@@ -378,7 +378,7 @@ watch(
                 type="datetime"
                 value-format="YYYY-MM-DD HH:mm:ss"
                 placeholder="选择开始时间"
-                style="width: 180px"
+                style="width: 200px"
                 v-model="queryParams.beginTime"
             />
           </el-config-provider>
@@ -389,7 +389,7 @@ watch(
                 type="datetime"
                 value-format="YYYY-MM-DD HH:mm:ss"
                 placeholder="选择结束时间"
-                style="width: 180px"
+                style="width: 200px"
                 v-model="queryParams.endTime"
             />
           </el-config-provider>

src/views/AIStation/VoiceCommandPage.vue

@@ -4,15 +4,11 @@ import zhCn from "element-plus/dist/locale/zh-cn.mjs"
 import store from "../../store/index.js";
 import {
   getVoiceCommandsData,
-  deleteVoiceCommands,
-  addVoiceCommands,
-  updateVoiceCommands,
   exportVoiceCommands,
 } from "../../api/AIStation/VoiceCommand";
 import {useRoute} from "vue-router";
 import {handleGetAIToken} from "./AItoken";
 
-
 const options = ref([]);
 const enterpriseId = ref();
 const props = { multiple: true, emitPath: false }
@@ -152,25 +148,16 @@ function getSupplys(){
         if(element.enterpriseId  ===  "9BCA54BC-8F27-4849-8D7D-50C5099E1949".toLowerCase()){
           element.serviceCenterList.forEach(center=>{//遍历一级目录下的
             center.supplyList.forEach(supply => {//拿到一级目录下的然后遍历它二级目录下的
-              console.log('supply:',supply)
-              supply.stationList.forEach(station => {//拿到
-                let unitIdList = []
-                supply.transferList.forEach(unit => {
-                  //unit的stationId等于station的stationId的话，就把这个unit的unitId添加到unitIdList中
-                  if(unit.stationId === station.stationId){
-                    unitIdList.push(unit.unitId)
-                  }
-                })
-                //将unitIdList集合按逗号分隔成字符串
-                let unitId = unitIdList.join(',')
-                allItems.push({ stationId: station.stationId, stationName: station.stationName,supplyId: station.supplyId,unitId: unitId})
-              });
+              supply.transferList.forEach(unit => {
+                allItems.push({ stationId: unit.stationId, stationName: unit.unitName,supplyId: unit.supplyId,unitId:unit.unitId})
+              })
             });
-          })
+          });
+          console.log('allItems:',allItems)
         }else{
-          element.supplyList.forEach(element => {
-            element.stationList.forEach(station => {
-              allItems.push({ stationId: station.stationId, stationName: station.stationName,supplyId: station.supplyId})
+          element.supplyList.forEach(supply => {
+            supply.transferList.forEach(unit => {
+              allItems.push({ stationId: unit.stationId, stationName: unit.unitName,supplyId: unit.supplyId,unitId:unit.unitId})
             })
           })
         }
@@ -308,10 +295,10 @@ const handleSortChange = (data) => {
             </el-select>
           </el-form-item>
           <el-form-item label="IP地址:" prop="ipAddress">
-            <el-input placeholder="" style="width: 180px" v-model="queryParams.ipAddress"/>
+            <el-input placeholder="" style="width: 200px" v-model="queryParams.ipAddress"/>
           </el-form-item>
           <el-form-item label="MAC地址:" prop="macAddress">
-            <el-input placeholder="" style="width: 180px" v-model="queryParams.macAddress"/>
+            <el-input placeholder="" style="width: 200px" v-model="queryParams.macAddress"/>
           </el-form-item>
           <el-form-item label="开始时间：" prop="beginTime">
             <el-config-provider :locale="zhCn">
@@ -319,7 +306,7 @@ const handleSortChange = (data) => {
                   type="datetime"
                   value-format="YYYY-MM-DD HH:mm:ss"
                   placeholder="选择开始时间"
-                  style="width: 180px"
+                  style="width: 200px"
                   v-model="queryParams.beginTime"
               />
             </el-config-provider>
@@ -330,7 +317,7 @@ const handleSortChange = (data) => {
                   type="datetime"
                   value-format="YYYY-MM-DD HH:mm:ss"
                   placeholder="选择结束时间"
-                  style="width: 180px"
+                  style="width: 200px"
                   v-model="queryParams.endTime"
               />
             </el-config-provider>
@@ -347,7 +334,7 @@ const handleSortChange = (data) => {
             :data="VoiceCommandData"
             border
             style="width: 98%;margin-left: 15px"
-            height="calc(94.7vh - 170px)"
+            height="calc(100vh - 280px)"
             :header-cell-class-name="tableHeaderClass"
             :row-class-name="tableBodyClass"
             @sort-change="handleSortChange"
@@ -379,11 +366,16 @@ const handleSortChange = (data) => {
             </template>
           </el-table-column>
         </el-table>
-        <el-pagination v-model:current-page="Page.page" v-model:page-size="Page.rows"
-                       :page-sizes="[20, 30, 50, 100, 200, 300, 400]" :small="small" :disabled="disabled"
-                       :background="background" layout="total, sizes, prev, pager, next, jumper" :total="Page.total"
-                       @size-change="handleSizeChange" @current-change="handleCurrentChange" class="pagination"/>
+
       </div>
+      <el-footer style="height: 50px;">
+        <el-config-provider :locale="zhCn">
+          <el-pagination v-model:current-page="Page.page" v-model:page-size="Page.rows"
+                         :page-sizes="[20, 30, 50, 100, 200, 300, 400]" :small="small" :disabled="disabled"
+                         :background="background" layout="total, sizes, prev, pager, next, jumper" :total="Page.total"
+                         @size-change="handleSizeChange" @current-change="handleCurrentChange" class="pagination"/>
+        </el-config-provider>
+      </el-footer>
       <div class="dialog-Extinguisher">
         <el-dialog title="查看详情"
                    v-model="detailOpen"