diff --git a/src/api/alarm.ts b/src/api/alarm.ts
new file mode 100644
index 0000000..6a39aeb
--- /dev/null
+++ b/src/api/alarm.ts
@@ -0,0 +1,14 @@
+/**
+ * 报警管理关口
+ */
+import request from './index'
+const prefix = 'alarm'
+
+// 设备列表
+export function getAlarmListPage(params: object) {
+  return request({
+    url: `${prefix}/listPage`,
+    method: 'get',
+    params,
+  })
+}

diff --git a/src/api/alarm.ts b/src/api/alarm.ts
new file mode 100644
index 0000000..6a39aeb
--- /dev/null
+++ b/src/api/alarm.ts
@@ -0,0 +1,14 @@
+/**
+ * 报警管理关口
+ */
+import request from './index'
+const prefix = 'alarm'
+
+// 设备列表
+export function getAlarmListPage(params: object) {
+  return request({
+    url: `${prefix}/listPage`,
+    method: 'get',
+    params,
+  })
+}
diff --git a/src/views/alarm/index.vue b/src/views/alarm/index.vue
index f6d83d1..dd25e59 100644
--- a/src/views/alarm/index.vue
+++ b/src/views/alarm/index.vue
@@ -6,51 +6,60 @@
 <script lang="ts" setup name="alarmlist">
 import { reactive, ref } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
-const $router = useRouter()
+import { getAlarmListPage } from '@/api/alarm'
+import { getDictByCode } from '@/api/system/dict'
 const { proxy } = getCurrentInstance() as any
 const listQuery = reactive({
-  beginTime: '',
-  endTime: '',
-  // logType: '业务日志',
+  workTitle: '',
+  projectState: '',
+  alarmType: '',
+  alarmStatus: '',
+  alarmEndTime: '',
+  alarmStartTime: '',
   offset: 1,
   limit: 20,
 })
 const columns = ref([
   {
     text: '作业名称',
-    value: '1',
+    value: 'workTitle',
     align: 'center',
     // width: 170,
   },
   {
     text: '作业道路',
-    value: '2',
+    value: 'workRoad',
     align: 'center',
     // width: 100,
   },
   {
     text: '报警信息',
-    value: '3',
+    value: 'alarmContent',
     align: 'center',
   },
   {
-    text: '责任人',
-    value: '4',
+    text: '报警类型',
+    value: 'alarmTypeName',
     align: 'center',
   },
   {
-    text: '责任人联系方式',
-    value: '5',
+    text: '负责人',
+    value: 'workPersonName',
+    align: 'center',
+  },
+  {
+    text: '负责人联系方式',
+    value: 'workPersonPhoneNumber',
     align: 'center',
   },
   {
     text: '报警时间',
-    value: '6',
+    value: 'alarmTime',
     align: 'center',
   },
   {
     text: '当前状态',
-    value: '7',
+    value: 'alarmStatusName',
     align: 'center',
   },
 ])
@@ -60,33 +69,11 @@
 // 获取日志数据
 const fetchData = () => {
   listLoading.value = true
-  // getBizLogList(listQuery).then((response) => {
-  //   list.value = response.data.rows
-  //   total.value = parseInt(response.data.total)
-  //   listLoading.value = false
-  // })
-  list.value = [
-    {
-      1: '作业一',
-      2: '永定路',
-      3: 'xxx设备异常',
-      4: '张三',
-      5: '13700000000',
-      6: '2023-01-01',
-      7: '未处理',
-    },
-    {
-      1: '作业二',
-      2: '长安街',
-      3: 'xxx设备异常',
-      4: '李四',
-      5: '13700000000',
-      6: '2023-01-01',
-      7: '已处理',
-    },
-  ]
-  total.value = list.value.length
-  listLoading.value = false
+  getAlarmListPage(listQuery).then((response) => {
+    list.value = response.data.rows
+    total.value = parseInt(response.data.total)
+    listLoading.value = false
+  })
 }
 
 fetchData()
@@ -95,10 +82,35 @@
 const search = () => {
   fetchData()
 }
-
+// 获取报警类型
+const alarmTypeList = ref<any[]>([])
+const fetchAlarmType = () => {
+  getDictByCode('alarmType').then((response) => {
+    alarmTypeList.value = response.data
+  })
+}
+fetchAlarmType()
+// 获取报警状态
+const alarmStatusList = ref<any[]>([])
+const fetchAlarmStatus = () => {
+  getDictByCode('alarmStatus').then((response) => {
+    alarmStatusList.value = response.data
+  })
+}
+fetchAlarmStatus()
 // 消除报警
 const eliminate = (row: any) => {
-  // personRef.value.initDialog('update', {})
+  ElMessageBox.confirm('确认取消该报警?', '提示', {
+    confirmButtonText: '是',
+    cancelButtonText: '否',
+    type: 'info',
+  }).then((res) => {
+    // 发送请求
+    // alarmCancel(row.id).then(res => {
+    //   ElMessage.success('消警成功')
+    //   search()
+    // })
+  })
 }
 
 // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
@@ -117,6 +129,32 @@
 const multiSelect = (row: any[]) => {
   selectList.value = row
 }
+// 删除
+const del = () => {
+  if (selectList.value.length) {
+    ElMessageBox.confirm('是否删除所选的数据?', '提示', {
+      confirmButtonText: '是',
+      cancelButtonText: '否',
+      type: 'info',
+    }).then((res) => {
+      // 点击确认
+      const ids = selectList.value.map(item => item.id)
+      // alarmDel(ids).then((res) => {
+      //   if (res.code === 200) {
+      //     selectList.value = []
+      //     ElMessage.success('删除成功')
+      //     fetchData()
+      //   }
+      // })
+    }).catch(() => {
+      // 点击取消
+      selectList.value = []
+    })
+  }
+  else {
+    ElMessage.warning('请先选择需要删除的数据')
+  }
+}
 </script>
 
 <template>
@@ -127,27 +165,32 @@
       <!-- 筛选条件 -->
       <search-area @search="search">
         <search-item>
-          <el-input v-model.trim="listQuery.beginTime" placeholder="作业名称" clearable />
+          <el-input v-model.trim="listQuery.workTitle" placeholder="作业名称" clearable />
         </search-item>
-        <search-item>
-          <el-select v-model="listQuery.beginTime" clearable placeholder="当前状态">
+        <!-- <search-item>
+          <el-select v-model="listQuery.projectState" clearable placeholder="作业状态状态">
             <el-option v-for="item in []" :key="item.id" :label="item.name" :value="item.value" />
           </el-select>
+        </search-item> -->
+        <search-item>
+          <el-select v-model="listQuery.alarmType" clearable placeholder="报警类型">
+            <el-option v-for="item in alarmTypeList" :key="item.id" :label="item.name" :value="item.value" />
+          </el-select>
         </search-item>
         <search-item>
-          <el-select v-model="listQuery.beginTime" clearable placeholder="报警类型">
-            <el-option v-for="item in []" :key="item.id" :label="item.name" :value="item.value" />
+          <el-select v-model="listQuery.alarmStatus" clearable placeholder="报警状态">
+            <el-option v-for="item in alarmStatusList" :key="item.id" :label="item.name" :value="item.value" />
           </el-select>
         </search-item>
         <search-item>
           <el-date-picker
-            v-model="listQuery.beginTime" type="datetime" value-format="YYYY/MM/DD HH:mm:ss"
+            v-model="listQuery.alarmStartTime" type="datetime" value-format="YYYY/MM/DD HH:mm:ss"
             placeholder="报警开始时间"
           />
         </search-item>
         <search-item>
           <el-date-picker
-            v-model="listQuery.endTime" type="datetime" value-format="YYYY/MM/DD HH:mm:ss"
+            v-model="listQuery.alarmEndTime" type="datetime" value-format="YYYY/MM/DD HH:mm:ss"
             placeholder="报警结束时间"
           />
         </search-item>
@@ -155,7 +198,7 @@
           <!-- <el-button class="search-btn" type="primary" @click="add">
             新增
           </el-button> -->
-          <el-button v-if="proxy.hasPerm('/alarm/del')" class="search-btn" type="info">
+          <el-button v-if="proxy.hasPerm('/alarm/del')" class="search-btn" type="info" @click="del">
             删除
           </el-button>
         </template>

diff --git a/src/api/alarm.ts b/src/api/alarm.ts
new file mode 100644
index 0000000..6a39aeb
--- /dev/null
+++ b/src/api/alarm.ts
@@ -0,0 +1,14 @@
+/**
+ * 报警管理关口
+ */
+import request from './index'
+const prefix = 'alarm'
+
+// 设备列表
+export function getAlarmListPage(params: object) {
+  return request({
+    url: `${prefix}/listPage`,
+    method: 'get',
+    params,
+  })
+}
diff --git a/src/views/alarm/index.vue b/src/views/alarm/index.vue
index f6d83d1..dd25e59 100644
--- a/src/views/alarm/index.vue
+++ b/src/views/alarm/index.vue
@@ -6,51 +6,60 @@
 <script lang="ts" setup name="alarmlist">
 import { reactive, ref } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
-const $router = useRouter()
+import { getAlarmListPage } from '@/api/alarm'
+import { getDictByCode } from '@/api/system/dict'
 const { proxy } = getCurrentInstance() as any
 const listQuery = reactive({
-  beginTime: '',
-  endTime: '',
-  // logType: '业务日志',
+  workTitle: '',
+  projectState: '',
+  alarmType: '',
+  alarmStatus: '',
+  alarmEndTime: '',
+  alarmStartTime: '',
   offset: 1,
   limit: 20,
 })
 const columns = ref([
   {
     text: '作业名称',
-    value: '1',
+    value: 'workTitle',
     align: 'center',
     // width: 170,
   },
   {
     text: '作业道路',
-    value: '2',
+    value: 'workRoad',
     align: 'center',
     // width: 100,
   },
   {
     text: '报警信息',
-    value: '3',
+    value: 'alarmContent',
     align: 'center',
   },
   {
-    text: '责任人',
-    value: '4',
+    text: '报警类型',
+    value: 'alarmTypeName',
     align: 'center',
   },
   {
-    text: '责任人联系方式',
-    value: '5',
+    text: '负责人',
+    value: 'workPersonName',
+    align: 'center',
+  },
+  {
+    text: '负责人联系方式',
+    value: 'workPersonPhoneNumber',
     align: 'center',
   },
   {
     text: '报警时间',
-    value: '6',
+    value: 'alarmTime',
     align: 'center',
   },
   {
     text: '当前状态',
-    value: '7',
+    value: 'alarmStatusName',
     align: 'center',
   },
 ])
@@ -60,33 +69,11 @@
 // 获取日志数据
 const fetchData = () => {
   listLoading.value = true
-  // getBizLogList(listQuery).then((response) => {
-  //   list.value = response.data.rows
-  //   total.value = parseInt(response.data.total)
-  //   listLoading.value = false
-  // })
-  list.value = [
-    {
-      1: '作业一',
-      2: '永定路',
-      3: 'xxx设备异常',
-      4: '张三',
-      5: '13700000000',
-      6: '2023-01-01',
-      7: '未处理',
-    },
-    {
-      1: '作业二',
-      2: '长安街',
-      3: 'xxx设备异常',
-      4: '李四',
-      5: '13700000000',
-      6: '2023-01-01',
-      7: '已处理',
-    },
-  ]
-  total.value = list.value.length
-  listLoading.value = false
+  getAlarmListPage(listQuery).then((response) => {
+    list.value = response.data.rows
+    total.value = parseInt(response.data.total)
+    listLoading.value = false
+  })
 }
 
 fetchData()
@@ -95,10 +82,35 @@
 const search = () => {
   fetchData()
 }
-
+// 获取报警类型
+const alarmTypeList = ref<any[]>([])
+const fetchAlarmType = () => {
+  getDictByCode('alarmType').then((response) => {
+    alarmTypeList.value = response.data
+  })
+}
+fetchAlarmType()
+// 获取报警状态
+const alarmStatusList = ref<any[]>([])
+const fetchAlarmStatus = () => {
+  getDictByCode('alarmStatus').then((response) => {
+    alarmStatusList.value = response.data
+  })
+}
+fetchAlarmStatus()
 // 消除报警
 const eliminate = (row: any) => {
-  // personRef.value.initDialog('update', {})
+  ElMessageBox.confirm('确认取消该报警?', '提示', {
+    confirmButtonText: '是',
+    cancelButtonText: '否',
+    type: 'info',
+  }).then((res) => {
+    // 发送请求
+    // alarmCancel(row.id).then(res => {
+    //   ElMessage.success('消警成功')
+    //   search()
+    // })
+  })
 }
 
 // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
@@ -117,6 +129,32 @@
 const multiSelect = (row: any[]) => {
   selectList.value = row
 }
+// 删除
+const del = () => {
+  if (selectList.value.length) {
+    ElMessageBox.confirm('是否删除所选的数据?', '提示', {
+      confirmButtonText: '是',
+      cancelButtonText: '否',
+      type: 'info',
+    }).then((res) => {
+      // 点击确认
+      const ids = selectList.value.map(item => item.id)
+      // alarmDel(ids).then((res) => {
+      //   if (res.code === 200) {
+      //     selectList.value = []
+      //     ElMessage.success('删除成功')
+      //     fetchData()
+      //   }
+      // })
+    }).catch(() => {
+      // 点击取消
+      selectList.value = []
+    })
+  }
+  else {
+    ElMessage.warning('请先选择需要删除的数据')
+  }
+}
 </script>
 
 <template>
@@ -127,27 +165,32 @@
       <!-- 筛选条件 -->
       <search-area @search="search">
         <search-item>
-          <el-input v-model.trim="listQuery.beginTime" placeholder="作业名称" clearable />
+          <el-input v-model.trim="listQuery.workTitle" placeholder="作业名称" clearable />
         </search-item>
-        <search-item>
-          <el-select v-model="listQuery.beginTime" clearable placeholder="当前状态">
+        <!-- <search-item>
+          <el-select v-model="listQuery.projectState" clearable placeholder="作业状态状态">
             <el-option v-for="item in []" :key="item.id" :label="item.name" :value="item.value" />
           </el-select>
+        </search-item> -->
+        <search-item>
+          <el-select v-model="listQuery.alarmType" clearable placeholder="报警类型">
+            <el-option v-for="item in alarmTypeList" :key="item.id" :label="item.name" :value="item.value" />
+          </el-select>
         </search-item>
         <search-item>
-          <el-select v-model="listQuery.beginTime" clearable placeholder="报警类型">
-            <el-option v-for="item in []" :key="item.id" :label="item.name" :value="item.value" />
+          <el-select v-model="listQuery.alarmStatus" clearable placeholder="报警状态">
+            <el-option v-for="item in alarmStatusList" :key="item.id" :label="item.name" :value="item.value" />
           </el-select>
         </search-item>
         <search-item>
           <el-date-picker
-            v-model="listQuery.beginTime" type="datetime" value-format="YYYY/MM/DD HH:mm:ss"
+            v-model="listQuery.alarmStartTime" type="datetime" value-format="YYYY/MM/DD HH:mm:ss"
             placeholder="报警开始时间"
           />
         </search-item>
         <search-item>
           <el-date-picker
-            v-model="listQuery.endTime" type="datetime" value-format="YYYY/MM/DD HH:mm:ss"
+            v-model="listQuery.alarmEndTime" type="datetime" value-format="YYYY/MM/DD HH:mm:ss"
             placeholder="报警结束时间"
           />
         </search-item>
@@ -155,7 +198,7 @@
           <!-- <el-button class="search-btn" type="primary" @click="add">
             新增
           </el-button> -->
-          <el-button v-if="proxy.hasPerm('/alarm/del')" class="search-btn" type="info">
+          <el-button v-if="proxy.hasPerm('/alarm/del')" class="search-btn" type="info" @click="del">
             删除
           </el-button>
         </template>
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index abd3601..940e356 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -26,14 +26,14 @@
 </script>
 
 <template>
-  <div  :style="{ height: `${mainHeight}px` }" class="container-dashboard">
+  <div :style="{ height: `${mainHeight}px` }" class="container-dashboard">
     <!-- 地图 -->
     <guadmap :onload="offLoading" />
   </div>
 </template>
 
  <style lang="scss" scoped>
- .container-dashboard{
-  margin-top: -1px;
- }
+  .container-dashboard {
+    margin-top: -1px;
+  }
  </style>

diff --git a/src/api/alarm.ts b/src/api/alarm.ts
new file mode 100644
index 0000000..6a39aeb
--- /dev/null
+++ b/src/api/alarm.ts
@@ -0,0 +1,14 @@
+/**
+ * 报警管理关口
+ */
+import request from './index'
+const prefix = 'alarm'
+
+// 设备列表
+export function getAlarmListPage(params: object) {
+  return request({
+    url: `${prefix}/listPage`,
+    method: 'get',
+    params,
+  })
+}
diff --git a/src/views/alarm/index.vue b/src/views/alarm/index.vue
index f6d83d1..dd25e59 100644
--- a/src/views/alarm/index.vue
+++ b/src/views/alarm/index.vue
@@ -6,51 +6,60 @@
 <script lang="ts" setup name="alarmlist">
 import { reactive, ref } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
-const $router = useRouter()
+import { getAlarmListPage } from '@/api/alarm'
+import { getDictByCode } from '@/api/system/dict'
 const { proxy } = getCurrentInstance() as any
 const listQuery = reactive({
-  beginTime: '',
-  endTime: '',
-  // logType: '业务日志',
+  workTitle: '',
+  projectState: '',
+  alarmType: '',
+  alarmStatus: '',
+  alarmEndTime: '',
+  alarmStartTime: '',
   offset: 1,
   limit: 20,
 })
 const columns = ref([
   {
     text: '作业名称',
-    value: '1',
+    value: 'workTitle',
     align: 'center',
     // width: 170,
   },
   {
     text: '作业道路',
-    value: '2',
+    value: 'workRoad',
     align: 'center',
     // width: 100,
   },
   {
     text: '报警信息',
-    value: '3',
+    value: 'alarmContent',
     align: 'center',
   },
   {
-    text: '责任人',
-    value: '4',
+    text: '报警类型',
+    value: 'alarmTypeName',
     align: 'center',
   },
   {
-    text: '责任人联系方式',
-    value: '5',
+    text: '负责人',
+    value: 'workPersonName',
+    align: 'center',
+  },
+  {
+    text: '负责人联系方式',
+    value: 'workPersonPhoneNumber',
     align: 'center',
   },
   {
     text: '报警时间',
-    value: '6',
+    value: 'alarmTime',
     align: 'center',
   },
   {
     text: '当前状态',
-    value: '7',
+    value: 'alarmStatusName',
     align: 'center',
   },
 ])
@@ -60,33 +69,11 @@
 // 获取日志数据
 const fetchData = () => {
   listLoading.value = true
-  // getBizLogList(listQuery).then((response) => {
-  //   list.value = response.data.rows
-  //   total.value = parseInt(response.data.total)
-  //   listLoading.value = false
-  // })
-  list.value = [
-    {
-      1: '作业一',
-      2: '永定路',
-      3: 'xxx设备异常',
-      4: '张三',
-      5: '13700000000',
-      6: '2023-01-01',
-      7: '未处理',
-    },
-    {
-      1: '作业二',
-      2: '长安街',
-      3: 'xxx设备异常',
-      4: '李四',
-      5: '13700000000',
-      6: '2023-01-01',
-      7: '已处理',
-    },
-  ]
-  total.value = list.value.length
-  listLoading.value = false
+  getAlarmListPage(listQuery).then((response) => {
+    list.value = response.data.rows
+    total.value = parseInt(response.data.total)
+    listLoading.value = false
+  })
 }
 
 fetchData()
@@ -95,10 +82,35 @@
 const search = () => {
   fetchData()
 }
-
+// 获取报警类型
+const alarmTypeList = ref<any[]>([])
+const fetchAlarmType = () => {
+  getDictByCode('alarmType').then((response) => {
+    alarmTypeList.value = response.data
+  })
+}
+fetchAlarmType()
+// 获取报警状态
+const alarmStatusList = ref<any[]>([])
+const fetchAlarmStatus = () => {
+  getDictByCode('alarmStatus').then((response) => {
+    alarmStatusList.value = response.data
+  })
+}
+fetchAlarmStatus()
 // 消除报警
 const eliminate = (row: any) => {
-  // personRef.value.initDialog('update', {})
+  ElMessageBox.confirm('确认取消该报警?', '提示', {
+    confirmButtonText: '是',
+    cancelButtonText: '否',
+    type: 'info',
+  }).then((res) => {
+    // 发送请求
+    // alarmCancel(row.id).then(res => {
+    //   ElMessage.success('消警成功')
+    //   search()
+    // })
+  })
 }
 
 // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
@@ -117,6 +129,32 @@
 const multiSelect = (row: any[]) => {
   selectList.value = row
 }
+// 删除
+const del = () => {
+  if (selectList.value.length) {
+    ElMessageBox.confirm('是否删除所选的数据?', '提示', {
+      confirmButtonText: '是',
+      cancelButtonText: '否',
+      type: 'info',
+    }).then((res) => {
+      // 点击确认
+      const ids = selectList.value.map(item => item.id)
+      // alarmDel(ids).then((res) => {
+      //   if (res.code === 200) {
+      //     selectList.value = []
+      //     ElMessage.success('删除成功')
+      //     fetchData()
+      //   }
+      // })
+    }).catch(() => {
+      // 点击取消
+      selectList.value = []
+    })
+  }
+  else {
+    ElMessage.warning('请先选择需要删除的数据')
+  }
+}
 </script>
 
 <template>
@@ -127,27 +165,32 @@
       <!-- 筛选条件 -->
       <search-area @search="search">
         <search-item>
-          <el-input v-model.trim="listQuery.beginTime" placeholder="作业名称" clearable />
+          <el-input v-model.trim="listQuery.workTitle" placeholder="作业名称" clearable />
         </search-item>
-        <search-item>
-          <el-select v-model="listQuery.beginTime" clearable placeholder="当前状态">
+        <!-- <search-item>
+          <el-select v-model="listQuery.projectState" clearable placeholder="作业状态状态">
             <el-option v-for="item in []" :key="item.id" :label="item.name" :value="item.value" />
           </el-select>
+        </search-item> -->
+        <search-item>
+          <el-select v-model="listQuery.alarmType" clearable placeholder="报警类型">
+            <el-option v-for="item in alarmTypeList" :key="item.id" :label="item.name" :value="item.value" />
+          </el-select>
         </search-item>
         <search-item>
-          <el-select v-model="listQuery.beginTime" clearable placeholder="报警类型">
-            <el-option v-for="item in []" :key="item.id" :label="item.name" :value="item.value" />
+          <el-select v-model="listQuery.alarmStatus" clearable placeholder="报警状态">
+            <el-option v-for="item in alarmStatusList" :key="item.id" :label="item.name" :value="item.value" />
           </el-select>
         </search-item>
         <search-item>
           <el-date-picker
-            v-model="listQuery.beginTime" type="datetime" value-format="YYYY/MM/DD HH:mm:ss"
+            v-model="listQuery.alarmStartTime" type="datetime" value-format="YYYY/MM/DD HH:mm:ss"
             placeholder="报警开始时间"
           />
         </search-item>
         <search-item>
           <el-date-picker
-            v-model="listQuery.endTime" type="datetime" value-format="YYYY/MM/DD HH:mm:ss"
+            v-model="listQuery.alarmEndTime" type="datetime" value-format="YYYY/MM/DD HH:mm:ss"
             placeholder="报警结束时间"
           />
         </search-item>
@@ -155,7 +198,7 @@
           <!-- <el-button class="search-btn" type="primary" @click="add">
             新增
           </el-button> -->
-          <el-button v-if="proxy.hasPerm('/alarm/del')" class="search-btn" type="info">
+          <el-button v-if="proxy.hasPerm('/alarm/del')" class="search-btn" type="info" @click="del">
             删除
           </el-button>
         </template>
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index abd3601..940e356 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -26,14 +26,14 @@
 </script>
 
 <template>
-  <div  :style="{ height: `${mainHeight}px` }" class="container-dashboard">
+  <div :style="{ height: `${mainHeight}px` }" class="container-dashboard">
     <!-- 地图 -->
     <guadmap :onload="offLoading" />
   </div>
 </template>
 
  <style lang="scss" scoped>
- .container-dashboard{
-  margin-top: -1px;
- }
+  .container-dashboard {
+    margin-top: -1px;
+  }
  </style>
diff --git a/src/views/dashboard/map/index.vue b/src/views/dashboard/map/index.vue
index 76b90ed..1c25892 100644
--- a/src/views/dashboard/map/index.vue
+++ b/src/views/dashboard/map/index.vue
@@ -5,11 +5,14 @@
  -->
 <script lang="ts" setup name="GuadMap">
 import AMapLoader from '@amap/amap-jsapi-loader'
+import { getSceneListPage } from '@/api/scene'
 const loading = ref(true)
 // 设置安全密钥
 window._AMapSecurityConfig = {
   securityJsCode: '56bf9671d4b3517d294caec4751889a1', // 后期需替换
 }
+const activeNames = ref('0')
+const sceneList = ref([])
 // map.setCenter(position);
 // 地图实例
 const map = shallowRef()
@@ -130,6 +133,17 @@
       console.log(e)
     })
 }
+// 获取作业现场列表
+const fetchSceneList = () => {
+  getSceneListPage({ limit: 9999, offset: 1 }).then((res) => {
+    sceneList.value = res.data.rows
+  })
+}
+fetchSceneList()
+// 选择作业现场
+const checkScene = (index: number) => {
+  activeNames.value = '0'
+}
 onMounted(() => {
   loading.value = true
   initMap()
@@ -142,10 +156,84 @@
 </script>
 
 <template>
-  <div id="map" v-loading="loading"/>
+  <div class="container">
+    <!-- 地图 -->
+    <div id="map" v-loading="loading" />
+    <!-- 现场列表下拉 -->
+    <div class="collapse">
+      <el-collapse v-model="activeNames">
+        <el-collapse-item title="作业现场列表" name="1">
+          <div v-if="!sceneList.length" class="message-content" style="text-align: center;">
+            暂无数据
+          </div>
+          <el-scrollbar v-else max-height="400px">
+            <div v-for="(message, index) of sceneList" :key="index" class="message-item">
+              <div class="message-content" @click="checkScene(index)">
+                <div class="message">
+                  {{ index + 1 }}.{{ message.workTitle }}
+                </div>
+              </div>
+            </div>
+          </el-scrollbar>
+        </el-collapse-item>
+      </el-collapse>
+    </div>
+  </div>
 </template>
 
-<style scoped>
+<style lang="scss" scoped>
+.container {
+  height: 100%;
+  width: 100%;
+
+  .collapse {
+    position: absolute;
+    top: 5px;
+    right: 5px;
+  }
+
+  :deep(.el-collapse-item) {
+    width: 260px;
+  }
+
+  :deep(.el-collapse-item__header) {
+    font-size: 16px;
+    font-weight: 700;
+    text-align: center !important;
+    // padding-left: 70px;
+    background-color: transparent;
+  }
+
+  :deep(.el-collapse-item__content) {
+    background-color: transparent !important;
+    padding-bottom: 0;
+  }
+
+  .message-item {
+    display: flex;
+    align-items: center;
+    border-bottom: 1px solid #ddd;
+    padding: 8px 5px;
+    cursor: pointer;
+    position: relative;
+
+    &:hover {
+      background-color: #f6f6f6;
+    }
+  }
+
+  .message-content {
+    flex: 1;
+    font-size: 14px;
+
+    .time {
+      margin-top: 3px;
+      font-size: 12px;
+      color: #888;
+    }
+  }
+}
+
 #map {
   overflow: hidden;
   width: 100%;