diff --git a/src/views/data/device/index.vue b/src/views/data/device/index.vue
index eee813a..61d58cd 100644
--- a/src/views/data/device/index.vue
+++ b/src/views/data/device/index.vue
@@ -20,12 +20,14 @@
 }, { deep: true })
 const loadingTable = ref(true)
 const columns = ref([
+  { text: '设备名称', value: 'deviceName', align: 'center' },
   { text: '设备类型', value: 'deviceTypeName', align: 'center' },
   { text: '设备编号', value: 'deviceNo', align: 'center' },
-  { text: '安装位置', value: 'location', align: 'center' },
-  { text: '电量/V', value: 'electricalVoltage', align: 'center' },
-  { text: '功率/W', value: 'power', align: 'center' },
-  { text: '上传时间', value: 'uploadTime', align: 'center' },
+  { text: '安装位置', value: 'installLocation', align: 'center' },
+  { text: '安装时间', value: 'installTime', align: 'center' },
+  { text: '所属分区', value: 'divisionName', align: 'center' },
+  { text: '监测对象', value: 'monitorObject', align: 'center' },
+  { text: '当前状态', value: 'statusName', align: 'center' },
 ]) // 表格
 const total = ref<number>(0)
 const list = ref<any[]>([])
@@ -37,25 +39,41 @@
       {
         id: '1', // id
         deviceType: '1', // 设备类型
+        deviceName: '设备1', // 设备名称
         deviceTypeName: '测量设备', // 设备类型名称
         deviceNo: 'de001', // 设备编号
-        location: '北京市', // 安装位置
-        electricalVoltage: '1000', // 电量
-        power: '1000', // 功率
-        uploadTime: '2023-3-8 00:00:00', // 上传时间
+        installLocation: '北京市', // 安装位置
+        divisionName: 'A区', // 电量
+        monitorObject: '供电', // 功率
+        installTime: '2023-3-8 00:00:00', // 上传时间
+        statusName: '在线',
       },
       {
         id: '1', // id
-        deviceType: '1', // 设备类型
-        deviceTypeName: '测量设备', // 设备类型名称
+        deviceType: '2', // 设备类型
+        deviceName: '设备11', // 设备名称
+        deviceTypeName: '计量设备', // 设备类型名称
         deviceNo: 'de002', // 设备编号
-        location: '海淀区', // 安装位置
-        electricalVoltage: '1400', // 电量
-        power: '1500', // 功率
-        uploadTime: '2023-3-8 00:00:00', // 上传时间
+        installLocation: '北京市海淀区', // 安装位置
+        divisionName: 'C区', // 电量
+        monitorObject: '环境监测', // 功率
+        installTime: '2023-3-8 00:00:00', // 上传时间
+        statusName: '在线',
+      },
+      {
+        id: '1', // id
+        deviceType: '2', // 设备类型
+        deviceName: '设备11test', // 设备名称
+        deviceTypeName: '测试设备', // 设备类型名称
+        deviceNo: 'de002', // 设备编号
+        installLocation: '北京市朝阳区', // 安装位置
+        divisionName: 'D区', // 电量
+        monitorObject: '供热', // 功率
+        installTime: '2023-3-8 00:00:00', // 上传时间
+        statusName: '离线',
       },
     ]
-    total.value = 1
+    total.value = 3
     loadingTable.value = false
   }, 1000)
 }
@@ -99,21 +117,10 @@
       </search-item>
       <search-item>
         <!-- <el-input v-model="searchQuery.deviceNo" placeholder="设备类型" clearable class="w-50 m-2 normal-input" /> -->
-        <el-select v-model="searchQuery.deviceType" placeholder="监测类别">
+        <el-select v-model="searchQuery.deviceType" placeholder="所属分区">
           <el-option :value="1" label="1" />
         </el-select>
       </search-item>
-      <search-item>
-        <el-date-picker
-          v-model="TimeRanges"
-          type="datetimerange"
-          format="YYYY-MM-DD HH:mm:ss" value-format="YYYY-MM-DD HH:mm:ss"
-          range-separator="至"
-          start-placeholder="上传开始时间"
-          end-placeholder="上传结束时间"
-          clearable
-        />
-      </search-item>
     </search-area>
     <table-container>
       <!-- 表格区域 -->

diff --git a/src/views/data/device/index.vue b/src/views/data/device/index.vue
index eee813a..61d58cd 100644
--- a/src/views/data/device/index.vue
+++ b/src/views/data/device/index.vue
@@ -20,12 +20,14 @@
 }, { deep: true })
 const loadingTable = ref(true)
 const columns = ref([
+  { text: '设备名称', value: 'deviceName', align: 'center' },
   { text: '设备类型', value: 'deviceTypeName', align: 'center' },
   { text: '设备编号', value: 'deviceNo', align: 'center' },
-  { text: '安装位置', value: 'location', align: 'center' },
-  { text: '电量/V', value: 'electricalVoltage', align: 'center' },
-  { text: '功率/W', value: 'power', align: 'center' },
-  { text: '上传时间', value: 'uploadTime', align: 'center' },
+  { text: '安装位置', value: 'installLocation', align: 'center' },
+  { text: '安装时间', value: 'installTime', align: 'center' },
+  { text: '所属分区', value: 'divisionName', align: 'center' },
+  { text: '监测对象', value: 'monitorObject', align: 'center' },
+  { text: '当前状态', value: 'statusName', align: 'center' },
 ]) // 表格
 const total = ref<number>(0)
 const list = ref<any[]>([])
@@ -37,25 +39,41 @@
       {
         id: '1', // id
         deviceType: '1', // 设备类型
+        deviceName: '设备1', // 设备名称
         deviceTypeName: '测量设备', // 设备类型名称
         deviceNo: 'de001', // 设备编号
-        location: '北京市', // 安装位置
-        electricalVoltage: '1000', // 电量
-        power: '1000', // 功率
-        uploadTime: '2023-3-8 00:00:00', // 上传时间
+        installLocation: '北京市', // 安装位置
+        divisionName: 'A区', // 电量
+        monitorObject: '供电', // 功率
+        installTime: '2023-3-8 00:00:00', // 上传时间
+        statusName: '在线',
       },
       {
         id: '1', // id
-        deviceType: '1', // 设备类型
-        deviceTypeName: '测量设备', // 设备类型名称
+        deviceType: '2', // 设备类型
+        deviceName: '设备11', // 设备名称
+        deviceTypeName: '计量设备', // 设备类型名称
         deviceNo: 'de002', // 设备编号
-        location: '海淀区', // 安装位置
-        electricalVoltage: '1400', // 电量
-        power: '1500', // 功率
-        uploadTime: '2023-3-8 00:00:00', // 上传时间
+        installLocation: '北京市海淀区', // 安装位置
+        divisionName: 'C区', // 电量
+        monitorObject: '环境监测', // 功率
+        installTime: '2023-3-8 00:00:00', // 上传时间
+        statusName: '在线',
+      },
+      {
+        id: '1', // id
+        deviceType: '2', // 设备类型
+        deviceName: '设备11test', // 设备名称
+        deviceTypeName: '测试设备', // 设备类型名称
+        deviceNo: 'de002', // 设备编号
+        installLocation: '北京市朝阳区', // 安装位置
+        divisionName: 'D区', // 电量
+        monitorObject: '供热', // 功率
+        installTime: '2023-3-8 00:00:00', // 上传时间
+        statusName: '离线',
       },
     ]
-    total.value = 1
+    total.value = 3
     loadingTable.value = false
   }, 1000)
 }
@@ -99,21 +117,10 @@
       </search-item>
       <search-item>
         <!-- <el-input v-model="searchQuery.deviceNo" placeholder="设备类型" clearable class="w-50 m-2 normal-input" /> -->
-        <el-select v-model="searchQuery.deviceType" placeholder="监测类别">
+        <el-select v-model="searchQuery.deviceType" placeholder="所属分区">
           <el-option :value="1" label="1" />
         </el-select>
       </search-item>
-      <search-item>
-        <el-date-picker
-          v-model="TimeRanges"
-          type="datetimerange"
-          format="YYYY-MM-DD HH:mm:ss" value-format="YYYY-MM-DD HH:mm:ss"
-          range-separator="至"
-          start-placeholder="上传开始时间"
-          end-placeholder="上传结束时间"
-          clearable
-        />
-      </search-item>
     </search-area>
     <table-container>
       <!-- 表格区域 -->
diff --git a/src/views/data/environment/index.vue b/src/views/data/environment/index.vue
index 2a9728f..335d4af 100644
--- a/src/views/data/environment/index.vue
+++ b/src/views/data/environment/index.vue
@@ -1,6 +1,6 @@
 <!-- 环境监测 -->
 <script lang="ts" setup name="environment">
-import page from '@/views/data/useHeat/page.vue'
+import page from './page.vue'
 import tab from '@/views/data/collect/tab.vue'
 const tablistData = ref([
   {
@@ -18,7 +18,7 @@
   <div>
     <!-- tab切换 -->
     <tab :tablist-data="tablistData" @confirm="confirm" />
-    <page :type="select" />
+    <page />
   </div>
 </template>
 

diff --git a/src/views/data/device/index.vue b/src/views/data/device/index.vue
index eee813a..61d58cd 100644
--- a/src/views/data/device/index.vue
+++ b/src/views/data/device/index.vue
@@ -20,12 +20,14 @@
 }, { deep: true })
 const loadingTable = ref(true)
 const columns = ref([
+  { text: '设备名称', value: 'deviceName', align: 'center' },
   { text: '设备类型', value: 'deviceTypeName', align: 'center' },
   { text: '设备编号', value: 'deviceNo', align: 'center' },
-  { text: '安装位置', value: 'location', align: 'center' },
-  { text: '电量/V', value: 'electricalVoltage', align: 'center' },
-  { text: '功率/W', value: 'power', align: 'center' },
-  { text: '上传时间', value: 'uploadTime', align: 'center' },
+  { text: '安装位置', value: 'installLocation', align: 'center' },
+  { text: '安装时间', value: 'installTime', align: 'center' },
+  { text: '所属分区', value: 'divisionName', align: 'center' },
+  { text: '监测对象', value: 'monitorObject', align: 'center' },
+  { text: '当前状态', value: 'statusName', align: 'center' },
 ]) // 表格
 const total = ref<number>(0)
 const list = ref<any[]>([])
@@ -37,25 +39,41 @@
       {
         id: '1', // id
         deviceType: '1', // 设备类型
+        deviceName: '设备1', // 设备名称
         deviceTypeName: '测量设备', // 设备类型名称
         deviceNo: 'de001', // 设备编号
-        location: '北京市', // 安装位置
-        electricalVoltage: '1000', // 电量
-        power: '1000', // 功率
-        uploadTime: '2023-3-8 00:00:00', // 上传时间
+        installLocation: '北京市', // 安装位置
+        divisionName: 'A区', // 电量
+        monitorObject: '供电', // 功率
+        installTime: '2023-3-8 00:00:00', // 上传时间
+        statusName: '在线',
       },
       {
         id: '1', // id
-        deviceType: '1', // 设备类型
-        deviceTypeName: '测量设备', // 设备类型名称
+        deviceType: '2', // 设备类型
+        deviceName: '设备11', // 设备名称
+        deviceTypeName: '计量设备', // 设备类型名称
         deviceNo: 'de002', // 设备编号
-        location: '海淀区', // 安装位置
-        electricalVoltage: '1400', // 电量
-        power: '1500', // 功率
-        uploadTime: '2023-3-8 00:00:00', // 上传时间
+        installLocation: '北京市海淀区', // 安装位置
+        divisionName: 'C区', // 电量
+        monitorObject: '环境监测', // 功率
+        installTime: '2023-3-8 00:00:00', // 上传时间
+        statusName: '在线',
+      },
+      {
+        id: '1', // id
+        deviceType: '2', // 设备类型
+        deviceName: '设备11test', // 设备名称
+        deviceTypeName: '测试设备', // 设备类型名称
+        deviceNo: 'de002', // 设备编号
+        installLocation: '北京市朝阳区', // 安装位置
+        divisionName: 'D区', // 电量
+        monitorObject: '供热', // 功率
+        installTime: '2023-3-8 00:00:00', // 上传时间
+        statusName: '离线',
       },
     ]
-    total.value = 1
+    total.value = 3
     loadingTable.value = false
   }, 1000)
 }
@@ -99,21 +117,10 @@
       </search-item>
       <search-item>
         <!-- <el-input v-model="searchQuery.deviceNo" placeholder="设备类型" clearable class="w-50 m-2 normal-input" /> -->
-        <el-select v-model="searchQuery.deviceType" placeholder="监测类别">
+        <el-select v-model="searchQuery.deviceType" placeholder="所属分区">
           <el-option :value="1" label="1" />
         </el-select>
       </search-item>
-      <search-item>
-        <el-date-picker
-          v-model="TimeRanges"
-          type="datetimerange"
-          format="YYYY-MM-DD HH:mm:ss" value-format="YYYY-MM-DD HH:mm:ss"
-          range-separator="至"
-          start-placeholder="上传开始时间"
-          end-placeholder="上传结束时间"
-          clearable
-        />
-      </search-item>
     </search-area>
     <table-container>
       <!-- 表格区域 -->
diff --git a/src/views/data/environment/index.vue b/src/views/data/environment/index.vue
index 2a9728f..335d4af 100644
--- a/src/views/data/environment/index.vue
+++ b/src/views/data/environment/index.vue
@@ -1,6 +1,6 @@
 <!-- 环境监测 -->
 <script lang="ts" setup name="environment">
-import page from '@/views/data/useHeat/page.vue'
+import page from './page.vue'
 import tab from '@/views/data/collect/tab.vue'
 const tablistData = ref([
   {
@@ -18,7 +18,7 @@
   <div>
     <!-- tab切换 -->
     <tab :tablist-data="tablistData" @confirm="confirm" />
-    <page :type="select" />
+    <page />
   </div>
 </template>
 
diff --git a/src/views/data/environment/page.vue b/src/views/data/environment/page.vue
new file mode 100644
index 0000000..28da95e
--- /dev/null
+++ b/src/views/data/environment/page.vue
@@ -0,0 +1,160 @@
+<!-- 分布式/楼宇/储能 -->
+<script lang="ts" setup name="environmentPage">
+// 查询参数
+const searchQuery = reactive({
+  offset: 1,
+  limit: 20,
+  startTime: '',
+  endTime: '',
+})
+// 查询时间段范围
+const TimeRanges = ref()
+// 监听时间段范围
+watch(() => TimeRanges.value, (newVal: string[]) => {
+  if (newVal && newVal.length) {
+    searchQuery.startTime = newVal[0]
+    searchQuery.endTime = newVal[1]
+  }
+}, { deep: true })
+const loadingTable = ref(true)
+const columns = ref([
+  { text: '环境温度', value: 'temperature', align: 'center' },
+  { text: '相对湿度', value: 'humidity', align: 'center' },
+  { text: '风速', value: 'windSpeed', align: 'center' },
+  { text: '风向', value: 'windDirection', align: 'center' },
+  { text: '大气压力', value: 'atmos', align: 'center' },
+  { text: '降雨量', value: 'rainfall', align: 'center' },
+  { text: '关照/总辐射量', value: 'radiation', align: 'center' },
+  { text: '上传时间', value: 'uploadTime', align: 'center' },
+]) // 表格
+const total = ref<number>(0)
+const list = ref<any[]>([])
+// 搜索
+const search = () => {
+  loadingTable.value = true
+  setTimeout(() => {
+    list.value = [
+      {
+        id: '1',
+        temperature: '15 ℃',
+        humidity: '22',
+        windSpeed: '9 m/s',
+        windDirection: '西北',
+        atmos: '1.1',
+        rainfall: '115',
+        radiation: '1/13',
+        uploadTime: '2023-3-8 00:00:00',
+      },
+      {
+        id: '1',
+        temperature: '13 ℃',
+        humidity: '14',
+        windSpeed: '16 m/s',
+        windDirection: '西',
+        atmos: '1.1',
+        rainfall: '135',
+        radiation: '1/13',
+        uploadTime: '2023-3-8 00:00:00',
+      },
+      {
+        id: '1',
+        temperature: '18 ℃',
+        humidity: '22',
+        windSpeed: '16 m/s',
+        windDirection: '北',
+        atmos: '1.1',
+        rainfall: '15',
+        radiation: '1/13',
+        uploadTime: '2023-3-8 00:00:00',
+      },
+      {
+        id: '1',
+        temperature: '13 ℃',
+        humidity: '22',
+        windSpeed: '0 m/s',
+        windDirection: '',
+        atmos: '1.2',
+        rainfall: '0',
+        radiation: '1/13',
+        uploadTime: '2023-3-8 00:00:00',
+      },
+      {
+        id: '1',
+        temperature: '14 ℃',
+        humidity: '21',
+        windSpeed: '18 m/s',
+        windDirection: '东',
+        atmos: '1.4',
+        rainfall: '0',
+        radiation: '12/13',
+        uploadTime: '2023-3-8 00:00:00',
+      },
+    ]
+    total.value = 5
+    loadingTable.value = false
+  }, 1000)
+}
+// 重置
+const reset = () => {
+  // searchQuery.deviceNo = ''
+  searchQuery.offset = 1
+  searchQuery.limit = 20
+  searchQuery.startTime = ''
+  searchQuery.endTime = ''
+}
+// 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+const changePage = (val: { size?: number; page?: number }) => {
+  if (val && val.size) {
+    searchQuery.limit = val.size
+  }
+  if (val && val.page) {
+    searchQuery.offset = val.page
+  }
+  search()
+}
+// 表格被选中的行
+const selectList = ref<any[]>([])
+// 表格多选
+const multiSelect = (row: any[]) => {
+  selectList.value = row
+}
+onMounted(() => {
+  search()
+})
+</script>
+
+<template>
+  <div>
+    <!-- 筛选条件 -->
+    <search-area :need-clear="true" @search="search" @clear="reset">
+      <search-item>
+        <el-date-picker
+          v-model="TimeRanges"
+          type="datetimerange"
+          format="YYYY-MM-DD HH:mm:ss" value-format="YYYY-MM-DD HH:mm:ss"
+          range-separator="至"
+          start-placeholder="上传开始时间"
+          end-placeholder="上传结束时间"
+          clearable
+        />
+      </search-item>
+    </search-area>
+    <table-container>
+      <!-- 表格区域 -->
+      <normal-table
+        :data="list" :total="total" :columns="columns as any"
+        :query="{ limit: searchQuery.limit, offset: searchQuery.offset }" :list-loading="loadingTable"
+        :is-showmulti-select="true" :is-multi="true" @change="changePage" @multiSelect="multiSelect"
+      >
+        <template #preColumns>
+          <el-table-column label="序号" width="55" align="center">
+            <template #default="scope">
+              {{ (searchQuery.offset - 1) * searchQuery.limit + scope.$index + 1 }}
+            </template>
+          </el-table-column>
+        </template>
+      </normal-table>
+    </table-container>
+  </div>
+</template>
+