diff --git a/.env.test b/.env.test
index cce95a8..6949449 100644
--- a/.env.test
+++ b/.env.test
@@ -1,8 +1,8 @@
 NODE_ENV = production
 
-VITE_APP_TITLE = 计量业务系统
+VITE_APP_TITLE = 燃气作业感知系统
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
-VITE_APP_API_BASEURL = http://127.0.0.1:8082
+VITE_APP_API_BASEURL = http://111.198.10.15:21409
 # VITE_APP_API_BASEURL = http://192.168.83.213:8085
 # 调试工具，可设置 eruda 或 vconsole，如果不需要开启则留空
 VITE_APP_DEBUG_TOOL =

diff --git a/.env.test b/.env.test
index cce95a8..6949449 100644
--- a/.env.test
+++ b/.env.test
@@ -1,8 +1,8 @@
 NODE_ENV = production
 
-VITE_APP_TITLE = 计量业务系统
+VITE_APP_TITLE = 燃气作业感知系统
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
-VITE_APP_API_BASEURL = http://127.0.0.1:8082
+VITE_APP_API_BASEURL = http://111.198.10.15:21409
 # VITE_APP_API_BASEURL = http://192.168.83.213:8085
 # 调试工具，可设置 eruda 或 vconsole，如果不需要开启则留空
 VITE_APP_DEBUG_TOOL =
diff --git a/src/views/alarm/index.vue b/src/views/alarm/index.vue
index ab7969e..2e29e98 100644
--- a/src/views/alarm/index.vue
+++ b/src/views/alarm/index.vue
@@ -56,10 +56,7 @@
 ])
 const list = ref([])
 const total = ref(20)
-const logTypeList = ref(null)
 const listLoading = ref(true)
-const dialogFormVisible = ref(false)
-const dialogStatus = ref('')
 // 获取日志数据
 const fetchData = () => {
   listLoading.value = true
@@ -94,38 +91,6 @@
 
 fetchData()
 
-// 打开详情对话框
-// const detail = (row: any) => {
-//   getBizLogDetail(row.id).then((res) => {
-//     if (res.code === 200) {
-//       ElMessageBox.alert(res.data, '详情', {
-//         confirmButtonText: '确定',
-//       })
-//     }
-//   })
-// }
-
-// 清空日志
-const cleanAll = () => {
-  ElMessageBox.confirm('确定要清空全部日志吗？', '确认操作', {
-    confirmButtonText: '确定',
-    cancelButtonText: '取消',
-    type: 'warning',
-  }).then(() => {
-    // delLog().then((response) => {
-    //   if (response.code === 200) {
-    //     ElMessage({
-    //       message: '删除成功',
-    //       type: 'success',
-    //     })
-    //     list.value = []
-    //     total.value = 0
-    //     // this.fetchData()
-    //   }
-    // })
-  })
-}
-
 // 查询数据
 const search = () => {
   fetchData()
@@ -136,13 +101,6 @@
   // personRef.value.initDialog('update', {})
 }
 
-// 获取日志类型
-// const fetchLogType = () => {
-//   getLogType().then((response) => {
-//     logTypeList.value = response.data
-//   })
-// }
-
 // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
 const changePage = (val: { size: number; page: number }) => {
   if (val && val.size) {
@@ -183,11 +141,11 @@
         </search-item>
         <search-item>
           <el-date-picker v-model="listQuery.beginTime" type="datetime" value-format="YYYY/MM/DD HH:mm:ss"
-            placeholder="注册开始时间" />
+            placeholder="报警开始时间" />
         </search-item>
         <search-item>
           <el-date-picker v-model="listQuery.endTime" type="datetime" value-format="YYYY/MM/DD HH:mm:ss"
-            placeholder="注册结束时间" />
+            placeholder="报警结束时间" />
         </search-item>
         <template #btns>
           <!-- <el-button class="search-btn" type="primary" @click="add">

diff --git a/.env.test b/.env.test
index cce95a8..6949449 100644
--- a/.env.test
+++ b/.env.test
@@ -1,8 +1,8 @@
 NODE_ENV = production
 
-VITE_APP_TITLE = 计量业务系统
+VITE_APP_TITLE = 燃气作业感知系统
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
-VITE_APP_API_BASEURL = http://127.0.0.1:8082
+VITE_APP_API_BASEURL = http://111.198.10.15:21409
 # VITE_APP_API_BASEURL = http://192.168.83.213:8085
 # 调试工具，可设置 eruda 或 vconsole，如果不需要开启则留空
 VITE_APP_DEBUG_TOOL =
diff --git a/src/views/alarm/index.vue b/src/views/alarm/index.vue
index ab7969e..2e29e98 100644
--- a/src/views/alarm/index.vue
+++ b/src/views/alarm/index.vue
@@ -56,10 +56,7 @@
 ])
 const list = ref([])
 const total = ref(20)
-const logTypeList = ref(null)
 const listLoading = ref(true)
-const dialogFormVisible = ref(false)
-const dialogStatus = ref('')
 // 获取日志数据
 const fetchData = () => {
   listLoading.value = true
@@ -94,38 +91,6 @@
 
 fetchData()
 
-// 打开详情对话框
-// const detail = (row: any) => {
-//   getBizLogDetail(row.id).then((res) => {
-//     if (res.code === 200) {
-//       ElMessageBox.alert(res.data, '详情', {
-//         confirmButtonText: '确定',
-//       })
-//     }
-//   })
-// }
-
-// 清空日志
-const cleanAll = () => {
-  ElMessageBox.confirm('确定要清空全部日志吗？', '确认操作', {
-    confirmButtonText: '确定',
-    cancelButtonText: '取消',
-    type: 'warning',
-  }).then(() => {
-    // delLog().then((response) => {
-    //   if (response.code === 200) {
-    //     ElMessage({
-    //       message: '删除成功',
-    //       type: 'success',
-    //     })
-    //     list.value = []
-    //     total.value = 0
-    //     // this.fetchData()
-    //   }
-    // })
-  })
-}
-
 // 查询数据
 const search = () => {
   fetchData()
@@ -136,13 +101,6 @@
   // personRef.value.initDialog('update', {})
 }
 
-// 获取日志类型
-// const fetchLogType = () => {
-//   getLogType().then((response) => {
-//     logTypeList.value = response.data
-//   })
-// }
-
 // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
 const changePage = (val: { size: number; page: number }) => {
   if (val && val.size) {
@@ -183,11 +141,11 @@
         </search-item>
         <search-item>
           <el-date-picker v-model="listQuery.beginTime" type="datetime" value-format="YYYY/MM/DD HH:mm:ss"
-            placeholder="注册开始时间" />
+            placeholder="报警开始时间" />
         </search-item>
         <search-item>
           <el-date-picker v-model="listQuery.endTime" type="datetime" value-format="YYYY/MM/DD HH:mm:ss"
-            placeholder="注册结束时间" />
+            placeholder="报警结束时间" />
         </search-item>
         <template #btns>
           <!-- <el-button class="search-btn" type="primary" @click="add">
diff --git a/src/views/scene/components/personTable.vue b/src/views/scene/components/personTable.vue
index 8896f85..8da05e8 100644
--- a/src/views/scene/components/personTable.vue
+++ b/src/views/scene/components/personTable.vue
@@ -10,10 +10,21 @@
 import { getDeptTreeList } from '@/api/system/dept'
 import { toTreeList } from '@/utils/structure'
 const props = defineProps({
+  // 列表数据
   list: {
     type: Array,
     default: () => [],
   },
+  // 列表挑剔
+  tableTitle: {
+    type: String,
+    default: '新增作业人员',
+  },
+  // 是否可操作
+  isOperate: {
+    type: Boolean,
+    default: true,
+  },
 })
 const $route = useRoute()
 const userListData = ref<any[]>([])
@@ -112,12 +123,12 @@
 </script>
 
 <template>
-  <table-container title="新增作业人员">
+  <table-container :title="tableTitle">
     <!-- 选择作业人员弹窗 -->
     <user-list ref="selectPersonRef" @add="confirmPerson" />
     <!-- 选择设备弹窗 -->
     <device-list ref="selectDeviceRef" @add="confirmDevice" />
-    <template #btns-right>
+    <template #btns-right v-if="isOperate">
       <el-button type="primary" @click="add">新增</el-button>
       <el-button type="info" @click="del">删除</el-button>
     </template>
@@ -166,7 +177,7 @@
             <div v-else style="height:32px;line-height: 32px;">{{ scope.row.braceletCode }}</div>
           </template>
         </el-table-column>
-        <el-table-column label="操作" align="center">
+        <el-table-column label="操作" align="center" v-if="isOperate">
           <template #default="scope">
             <el-button v-if="!scope.row.edit" link type="primary" size="small" @click="edit(scope.$index)">
               编辑

diff --git a/.env.test b/.env.test
index cce95a8..6949449 100644
--- a/.env.test
+++ b/.env.test
@@ -1,8 +1,8 @@
 NODE_ENV = production
 
-VITE_APP_TITLE = 计量业务系统
+VITE_APP_TITLE = 燃气作业感知系统
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
-VITE_APP_API_BASEURL = http://127.0.0.1:8082
+VITE_APP_API_BASEURL = http://111.198.10.15:21409
 # VITE_APP_API_BASEURL = http://192.168.83.213:8085
 # 调试工具，可设置 eruda 或 vconsole，如果不需要开启则留空
 VITE_APP_DEBUG_TOOL =
diff --git a/src/views/alarm/index.vue b/src/views/alarm/index.vue
index ab7969e..2e29e98 100644
--- a/src/views/alarm/index.vue
+++ b/src/views/alarm/index.vue
@@ -56,10 +56,7 @@
 ])
 const list = ref([])
 const total = ref(20)
-const logTypeList = ref(null)
 const listLoading = ref(true)
-const dialogFormVisible = ref(false)
-const dialogStatus = ref('')
 // 获取日志数据
 const fetchData = () => {
   listLoading.value = true
@@ -94,38 +91,6 @@
 
 fetchData()
 
-// 打开详情对话框
-// const detail = (row: any) => {
-//   getBizLogDetail(row.id).then((res) => {
-//     if (res.code === 200) {
-//       ElMessageBox.alert(res.data, '详情', {
-//         confirmButtonText: '确定',
-//       })
-//     }
-//   })
-// }
-
-// 清空日志
-const cleanAll = () => {
-  ElMessageBox.confirm('确定要清空全部日志吗？', '确认操作', {
-    confirmButtonText: '确定',
-    cancelButtonText: '取消',
-    type: 'warning',
-  }).then(() => {
-    // delLog().then((response) => {
-    //   if (response.code === 200) {
-    //     ElMessage({
-    //       message: '删除成功',
-    //       type: 'success',
-    //     })
-    //     list.value = []
-    //     total.value = 0
-    //     // this.fetchData()
-    //   }
-    // })
-  })
-}
-
 // 查询数据
 const search = () => {
   fetchData()
@@ -136,13 +101,6 @@
   // personRef.value.initDialog('update', {})
 }
 
-// 获取日志类型
-// const fetchLogType = () => {
-//   getLogType().then((response) => {
-//     logTypeList.value = response.data
-//   })
-// }
-
 // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
 const changePage = (val: { size: number; page: number }) => {
   if (val && val.size) {
@@ -183,11 +141,11 @@
         </search-item>
         <search-item>
           <el-date-picker v-model="listQuery.beginTime" type="datetime" value-format="YYYY/MM/DD HH:mm:ss"
-            placeholder="注册开始时间" />
+            placeholder="报警开始时间" />
         </search-item>
         <search-item>
           <el-date-picker v-model="listQuery.endTime" type="datetime" value-format="YYYY/MM/DD HH:mm:ss"
-            placeholder="注册结束时间" />
+            placeholder="报警结束时间" />
         </search-item>
         <template #btns>
           <!-- <el-button class="search-btn" type="primary" @click="add">
diff --git a/src/views/scene/components/personTable.vue b/src/views/scene/components/personTable.vue
index 8896f85..8da05e8 100644
--- a/src/views/scene/components/personTable.vue
+++ b/src/views/scene/components/personTable.vue
@@ -10,10 +10,21 @@
 import { getDeptTreeList } from '@/api/system/dept'
 import { toTreeList } from '@/utils/structure'
 const props = defineProps({
+  // 列表数据
   list: {
     type: Array,
     default: () => [],
   },
+  // 列表挑剔
+  tableTitle: {
+    type: String,
+    default: '新增作业人员',
+  },
+  // 是否可操作
+  isOperate: {
+    type: Boolean,
+    default: true,
+  },
 })
 const $route = useRoute()
 const userListData = ref<any[]>([])
@@ -112,12 +123,12 @@
 </script>
 
 <template>
-  <table-container title="新增作业人员">
+  <table-container :title="tableTitle">
     <!-- 选择作业人员弹窗 -->
     <user-list ref="selectPersonRef" @add="confirmPerson" />
     <!-- 选择设备弹窗 -->
     <device-list ref="selectDeviceRef" @add="confirmDevice" />
-    <template #btns-right>
+    <template #btns-right v-if="isOperate">
       <el-button type="primary" @click="add">新增</el-button>
       <el-button type="info" @click="del">删除</el-button>
     </template>
@@ -166,7 +177,7 @@
             <div v-else style="height:32px;line-height: 32px;">{{ scope.row.braceletCode }}</div>
           </template>
         </el-table-column>
-        <el-table-column label="操作" align="center">
+        <el-table-column label="操作" align="center" v-if="isOperate">
           <template #default="scope">
             <el-button v-if="!scope.row.edit" link type="primary" size="small" @click="edit(scope.$index)">
               编辑
diff --git a/src/views/scene/sceneDetail.vue b/src/views/scene/sceneDetail.vue
index e4909f8..f461537 100644
--- a/src/views/scene/sceneDetail.vue
+++ b/src/views/scene/sceneDetail.vue
@@ -4,10 +4,85 @@
   Date: 2023-05-04
  -->
 <script lang="ts" setup name="sceneEdit">
+import addOperatives from './components/personTable.vue'
+import { getSceneDetail } from '@/api/scene'
+const $router = useRouter()
+const $route = useRoute()
+const data = ref<{ [key: string]: string | any }>({})
+const goBak = () => {
+  $router.go(-1)
+}
+onMounted(() => {
+  const id = $route.query.id as string
+  getSceneDetail(id).then((res) => {
+    data.value = res.data
+    console.log(data.value, 'data.value ')
+  })
+})
 </script>
 
 <template>
   <app-container style="overflow: hidden;">
-    现场管理详情
+    <detail-page :title="`${data.workTitle}作业`">
+      <template #btns>
+        <el-button type="primary" @click="goBak">返回</el-button>
+      </template>
+      <el-row :gutter="24">
+        <el-col :span="1"></el-col>
+        <el-col :span="3">
+          作业概述:
+        </el-col>
+        <el-col :span="20">
+          {{ data.workSiteDesc }}
+        </el-col>
+      </el-row>
+      <el-row :gutter="24" style="margin-top: 30px;">
+        <el-col :span="1"></el-col>
+        <el-col :span="3">
+          现场负责人:
+        </el-col>
+        <el-col :span="2">
+          {{ data.workPersonName }}
+        </el-col>
+        <el-col :span="1"></el-col>
+        <el-col :span="2">
+          联系方式 :
+        </el-col>
+        <el-col :span="2">
+          {{ data.workPersonPhoneNumber }}
+        </el-col>
+        <el-col :span="1"></el-col>
+        <el-col :span="2">
+          所属部门 :
+        </el-col>
+        <el-col :span="2">
+          {{ data.workPersonDeptName }}
+        </el-col>
+      </el-row>
+      <el-row :gutter="24" style="margin-top: 30px;">
+        <el-col :span="1"></el-col>
+        <el-col :span="3">
+          现场人员总数:
+        </el-col>
+        <el-col :span="2">
+          {{ data.workerList?.length }}人
+        </el-col>
+        <el-col :span="1"></el-col>
+        <el-col :span="2">
+          安全树 :
+        </el-col>
+        <el-col :span="15">
+          {{ data.deviceList?.length }}棵
+          <span v-if="data.deviceList?.length">(编号: <span v-for="(item, index) in data?.deviceList" :key="index">{{
+            item.deviceCode }}{{ index === data.deviceList?.length - 1 ? '' : '\\' }}</span>)</span>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="24">
+          <!-- 人员列表 -->
+          <add-operatives :is-operate="false" table-title="人员列表" style="width:100%" :list="data.workerList || []" />
+        </el-col>
+      </el-row>
+    </detail-page>
   </app-container>
 </template>

diff --git a/.env.test b/.env.test
index cce95a8..6949449 100644
--- a/.env.test
+++ b/.env.test
@@ -1,8 +1,8 @@
 NODE_ENV = production
 
-VITE_APP_TITLE = 计量业务系统
+VITE_APP_TITLE = 燃气作业感知系统
 # 接口请求地址，会设置到 axios 的 baseURL 参数上
-VITE_APP_API_BASEURL = http://127.0.0.1:8082
+VITE_APP_API_BASEURL = http://111.198.10.15:21409
 # VITE_APP_API_BASEURL = http://192.168.83.213:8085
 # 调试工具，可设置 eruda 或 vconsole，如果不需要开启则留空
 VITE_APP_DEBUG_TOOL =
diff --git a/src/views/alarm/index.vue b/src/views/alarm/index.vue
index ab7969e..2e29e98 100644
--- a/src/views/alarm/index.vue
+++ b/src/views/alarm/index.vue
@@ -56,10 +56,7 @@
 ])
 const list = ref([])
 const total = ref(20)
-const logTypeList = ref(null)
 const listLoading = ref(true)
-const dialogFormVisible = ref(false)
-const dialogStatus = ref('')
 // 获取日志数据
 const fetchData = () => {
   listLoading.value = true
@@ -94,38 +91,6 @@
 
 fetchData()
 
-// 打开详情对话框
-// const detail = (row: any) => {
-//   getBizLogDetail(row.id).then((res) => {
-//     if (res.code === 200) {
-//       ElMessageBox.alert(res.data, '详情', {
-//         confirmButtonText: '确定',
-//       })
-//     }
-//   })
-// }
-
-// 清空日志
-const cleanAll = () => {
-  ElMessageBox.confirm('确定要清空全部日志吗？', '确认操作', {
-    confirmButtonText: '确定',
-    cancelButtonText: '取消',
-    type: 'warning',
-  }).then(() => {
-    // delLog().then((response) => {
-    //   if (response.code === 200) {
-    //     ElMessage({
-    //       message: '删除成功',
-    //       type: 'success',
-    //     })
-    //     list.value = []
-    //     total.value = 0
-    //     // this.fetchData()
-    //   }
-    // })
-  })
-}
-
 // 查询数据
 const search = () => {
   fetchData()
@@ -136,13 +101,6 @@
   // personRef.value.initDialog('update', {})
 }
 
-// 获取日志类型
-// const fetchLogType = () => {
-//   getLogType().then((response) => {
-//     logTypeList.value = response.data
-//   })
-// }
-
 // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
 const changePage = (val: { size: number; page: number }) => {
   if (val && val.size) {
@@ -183,11 +141,11 @@
         </search-item>
         <search-item>
           <el-date-picker v-model="listQuery.beginTime" type="datetime" value-format="YYYY/MM/DD HH:mm:ss"
-            placeholder="注册开始时间" />
+            placeholder="报警开始时间" />
         </search-item>
         <search-item>
           <el-date-picker v-model="listQuery.endTime" type="datetime" value-format="YYYY/MM/DD HH:mm:ss"
-            placeholder="注册结束时间" />
+            placeholder="报警结束时间" />
         </search-item>
         <template #btns>
           <!-- <el-button class="search-btn" type="primary" @click="add">
diff --git a/src/views/scene/components/personTable.vue b/src/views/scene/components/personTable.vue
index 8896f85..8da05e8 100644
--- a/src/views/scene/components/personTable.vue
+++ b/src/views/scene/components/personTable.vue
@@ -10,10 +10,21 @@
 import { getDeptTreeList } from '@/api/system/dept'
 import { toTreeList } from '@/utils/structure'
 const props = defineProps({
+  // 列表数据
   list: {
     type: Array,
     default: () => [],
   },
+  // 列表挑剔
+  tableTitle: {
+    type: String,
+    default: '新增作业人员',
+  },
+  // 是否可操作
+  isOperate: {
+    type: Boolean,
+    default: true,
+  },
 })
 const $route = useRoute()
 const userListData = ref<any[]>([])
@@ -112,12 +123,12 @@
 </script>
 
 <template>
-  <table-container title="新增作业人员">
+  <table-container :title="tableTitle">
     <!-- 选择作业人员弹窗 -->
     <user-list ref="selectPersonRef" @add="confirmPerson" />
     <!-- 选择设备弹窗 -->
     <device-list ref="selectDeviceRef" @add="confirmDevice" />
-    <template #btns-right>
+    <template #btns-right v-if="isOperate">
       <el-button type="primary" @click="add">新增</el-button>
       <el-button type="info" @click="del">删除</el-button>
     </template>
@@ -166,7 +177,7 @@
             <div v-else style="height:32px;line-height: 32px;">{{ scope.row.braceletCode }}</div>
           </template>
         </el-table-column>
-        <el-table-column label="操作" align="center">
+        <el-table-column label="操作" align="center" v-if="isOperate">
           <template #default="scope">
             <el-button v-if="!scope.row.edit" link type="primary" size="small" @click="edit(scope.$index)">
               编辑
diff --git a/src/views/scene/sceneDetail.vue b/src/views/scene/sceneDetail.vue
index e4909f8..f461537 100644
--- a/src/views/scene/sceneDetail.vue
+++ b/src/views/scene/sceneDetail.vue
@@ -4,10 +4,85 @@
   Date: 2023-05-04
  -->
 <script lang="ts" setup name="sceneEdit">
+import addOperatives from './components/personTable.vue'
+import { getSceneDetail } from '@/api/scene'
+const $router = useRouter()
+const $route = useRoute()
+const data = ref<{ [key: string]: string | any }>({})
+const goBak = () => {
+  $router.go(-1)
+}
+onMounted(() => {
+  const id = $route.query.id as string
+  getSceneDetail(id).then((res) => {
+    data.value = res.data
+    console.log(data.value, 'data.value ')
+  })
+})
 </script>
 
 <template>
   <app-container style="overflow: hidden;">
-    现场管理详情
+    <detail-page :title="`${data.workTitle}作业`">
+      <template #btns>
+        <el-button type="primary" @click="goBak">返回</el-button>
+      </template>
+      <el-row :gutter="24">
+        <el-col :span="1"></el-col>
+        <el-col :span="3">
+          作业概述:
+        </el-col>
+        <el-col :span="20">
+          {{ data.workSiteDesc }}
+        </el-col>
+      </el-row>
+      <el-row :gutter="24" style="margin-top: 30px;">
+        <el-col :span="1"></el-col>
+        <el-col :span="3">
+          现场负责人:
+        </el-col>
+        <el-col :span="2">
+          {{ data.workPersonName }}
+        </el-col>
+        <el-col :span="1"></el-col>
+        <el-col :span="2">
+          联系方式 :
+        </el-col>
+        <el-col :span="2">
+          {{ data.workPersonPhoneNumber }}
+        </el-col>
+        <el-col :span="1"></el-col>
+        <el-col :span="2">
+          所属部门 :
+        </el-col>
+        <el-col :span="2">
+          {{ data.workPersonDeptName }}
+        </el-col>
+      </el-row>
+      <el-row :gutter="24" style="margin-top: 30px;">
+        <el-col :span="1"></el-col>
+        <el-col :span="3">
+          现场人员总数:
+        </el-col>
+        <el-col :span="2">
+          {{ data.workerList?.length }}人
+        </el-col>
+        <el-col :span="1"></el-col>
+        <el-col :span="2">
+          安全树 :
+        </el-col>
+        <el-col :span="15">
+          {{ data.deviceList?.length }}棵
+          <span v-if="data.deviceList?.length">(编号: <span v-for="(item, index) in data?.deviceList" :key="index">{{
+            item.deviceCode }}{{ index === data.deviceList?.length - 1 ? '' : '\\' }}</span>)</span>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="24">
+          <!-- 人员列表 -->
+          <add-operatives :is-operate="false" table-title="人员列表" style="width:100%" :list="data.workerList || []" />
+        </el-col>
+      </el-row>
+    </detail-page>
   </app-container>
 </template>
diff --git a/src/views/scene/sceneReport.vue b/src/views/scene/sceneReport.vue
index f55b88a..045254d 100644
--- a/src/views/scene/sceneReport.vue
+++ b/src/views/scene/sceneReport.vue
@@ -4,10 +4,85 @@
   Date: 2023-05-04
  -->
 <script lang="ts" setup name="sceneEdit">
+import addOperatives from './components/personTable.vue'
+import { getSceneDetail } from '@/api/scene'
+const $router = useRouter()
+const $route = useRoute()
+const data = ref<{ [key: string]: string | any }>({})
+const goBak = () => {
+  $router.go(-1)
+}
+onMounted(() => {
+  const id = $route.query.id as string
+  getSceneDetail(id).then((res) => {
+    data.value = res.data
+    console.log(data.value, 'data.value ')
+  })
+})
 </script>
 
 <template>
   <app-container style="overflow: hidden;">
-    现场管理报告
+    <detail-page :title="`${data.workTitle}作业现场报告`">
+      <template #btns>
+        <el-button type="primary" @click="goBak">返回</el-button>
+      </template>
+      <el-row :gutter="24">
+        <el-col :span="1"></el-col>
+        <el-col :span="3">
+          作业概述:
+        </el-col>
+        <el-col :span="20">
+          {{ data.workSiteDesc }}
+        </el-col>
+      </el-row>
+      <el-row :gutter="24" style="margin-top: 30px;">
+        <el-col :span="1"></el-col>
+        <el-col :span="3">
+          现场负责人:
+        </el-col>
+        <el-col :span="2">
+          {{ data.workPersonName }}
+        </el-col>
+        <el-col :span="1"></el-col>
+        <el-col :span="2">
+          联系方式 :
+        </el-col>
+        <el-col :span="2">
+          {{ data.workPersonPhoneNumber }}
+        </el-col>
+        <el-col :span="1"></el-col>
+        <el-col :span="2">
+          所属部门 :
+        </el-col>
+        <el-col :span="2">
+          {{ data.workPersonDeptName }}
+        </el-col>
+      </el-row>
+      <el-row :gutter="24" style="margin-top: 30px;">
+        <el-col :span="1"></el-col>
+        <el-col :span="3">
+          现场人员总数:
+        </el-col>
+        <el-col :span="2">
+          {{ data.workerList?.length }}人
+        </el-col>
+        <el-col :span="1"></el-col>
+        <el-col :span="2">
+          安全树 :
+        </el-col>
+        <el-col :span="15">
+          {{ data.deviceList?.length }}棵
+          <span v-if="data.deviceList?.length">(编号: <span v-for="(item, index) in data?.deviceList" :key="index">{{
+            item.deviceCode }}{{ index === data.deviceList?.length - 1 ? '' : '\\' }}</span>)</span>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="24">
+          <!-- 人员列表 -->
+          <add-operatives table-title="人员列表" :is-operate="false" style="width:100%" :list="data.workerList || []" />
+        </el-col>
+      </el-row>
+    </detail-page>
   </app-container>
 </template>