diff --git a/src/api/person.ts b/src/api/person.ts
index 6593ccf..accd607 100644
--- a/src/api/person.ts
+++ b/src/api/person.ts
@@ -43,3 +43,10 @@
     data,
   })
 }
+// 临时人员列表
+export function getTempPersonListPage(projectId: string) {
+  return request({
+    url: `${prefix}/projectTempWorker?projectId=${projectId}`,
+    method: 'get',
+  })
+}

diff --git a/src/api/person.ts b/src/api/person.ts
index 6593ccf..accd607 100644
--- a/src/api/person.ts
+++ b/src/api/person.ts
@@ -43,3 +43,10 @@
     data,
   })
 }
+// 临时人员列表
+export function getTempPersonListPage(projectId: string) {
+  return request({
+    url: `${prefix}/projectTempWorker?projectId=${projectId}`,
+    method: 'get',
+  })
+}
diff --git a/src/views/alarm/index.vue b/src/views/alarm/index.vue
index 88eceb5..b6e13ec 100644
--- a/src/views/alarm/index.vue
+++ b/src/views/alarm/index.vue
@@ -210,16 +210,15 @@
           <!-- <el-button class="search-btn" type="primary" @click="add">
             新增
           </el-button> -->
-          <el-button v-if="proxy.hasPerm('/alarm/del')" class="search-btn" type="info" @click="del">
+          <!-- <el-button v-if="proxy.hasPerm('/alarm/del')" class="search-btn" type="info" @click="del">
             删除
-          </el-button>
+          </el-button> -->
         </template>
       </search-area>
       <table-container>
         <!-- 查询结果Table显示 -->
         <normal-table
-          :data="list" :total="total" :columns="columns" :query="listQuery" :is-showmulti-select="true"
-          :is-multi="true" :list-loading="listLoading" @change="changePage" @multi-select="multiSelect"
+          :data="list" :total="total" :columns="columns" :query="listQuery" :list-loading="listLoading" @change="changePage" @multi-select="multiSelect"
         >
           <template #columns>
             <el-table-column v-if="proxy.hasPerm('/alarm/cancel')" label="消警" width="90" align="center">

diff --git a/src/api/person.ts b/src/api/person.ts
index 6593ccf..accd607 100644
--- a/src/api/person.ts
+++ b/src/api/person.ts
@@ -43,3 +43,10 @@
     data,
   })
 }
+// 临时人员列表
+export function getTempPersonListPage(projectId: string) {
+  return request({
+    url: `${prefix}/projectTempWorker?projectId=${projectId}`,
+    method: 'get',
+  })
+}
diff --git a/src/views/alarm/index.vue b/src/views/alarm/index.vue
index 88eceb5..b6e13ec 100644
--- a/src/views/alarm/index.vue
+++ b/src/views/alarm/index.vue
@@ -210,16 +210,15 @@
           <!-- <el-button class="search-btn" type="primary" @click="add">
             新增
           </el-button> -->
-          <el-button v-if="proxy.hasPerm('/alarm/del')" class="search-btn" type="info" @click="del">
+          <!-- <el-button v-if="proxy.hasPerm('/alarm/del')" class="search-btn" type="info" @click="del">
             删除
-          </el-button>
+          </el-button> -->
         </template>
       </search-area>
       <table-container>
         <!-- 查询结果Table显示 -->
         <normal-table
-          :data="list" :total="total" :columns="columns" :query="listQuery" :is-showmulti-select="true"
-          :is-multi="true" :list-loading="listLoading" @change="changePage" @multi-select="multiSelect"
+          :data="list" :total="total" :columns="columns" :query="listQuery" :list-loading="listLoading" @change="changePage" @multi-select="multiSelect"
         >
           <template #columns>
             <el-table-column v-if="proxy.hasPerm('/alarm/cancel')" label="消警" width="90" align="center">
diff --git a/src/views/dashboard/map/callDialog.vue b/src/views/dashboard/map/callDialog.vue
index fb93ee8..b08b86b 100644
--- a/src/views/dashboard/map/callDialog.vue
+++ b/src/views/dashboard/map/callDialog.vue
@@ -46,6 +46,11 @@
     baseParams.id = ''
     iframeUrl.value = getUrlToStr(url, baseParams)
   }
+  navigator.getUserMedia({ video: true, audio: true }, (stream) => {
+    console.log('已点击允许,开启成功')
+  }, (error) => {
+    console.log('错误：', error)
+  })
   // timer.value = setTimeout(() => {
   //   var iframe: any = document.querySelector('#player-iframe')
   //   if (iframe?.attachEvent) {
@@ -93,10 +98,7 @@
         </el-icon>
       </div>
     </template>
-    <iframe
-      v-if="dialogFormVisible" id="player-iframe" frameborder="false" :src="iframeUrl" height="500"
-      width="100%"
-    />
+    <iframe v-if="dialogFormVisible" id="player-iframe" frameborder="false" :src="iframeUrl" height="500" width="100%" />
     <!-- <div v-if="loading" v-loading="loading" style="width: 100%;height: 500px;"></div> -->
   </el-dialog>
 </template>

diff --git a/src/api/person.ts b/src/api/person.ts
index 6593ccf..accd607 100644
--- a/src/api/person.ts
+++ b/src/api/person.ts
@@ -43,3 +43,10 @@
     data,
   })
 }
+// 临时人员列表
+export function getTempPersonListPage(projectId: string) {
+  return request({
+    url: `${prefix}/projectTempWorker?projectId=${projectId}`,
+    method: 'get',
+  })
+}
diff --git a/src/views/alarm/index.vue b/src/views/alarm/index.vue
index 88eceb5..b6e13ec 100644
--- a/src/views/alarm/index.vue
+++ b/src/views/alarm/index.vue
@@ -210,16 +210,15 @@
           <!-- <el-button class="search-btn" type="primary" @click="add">
             新增
           </el-button> -->
-          <el-button v-if="proxy.hasPerm('/alarm/del')" class="search-btn" type="info" @click="del">
+          <!-- <el-button v-if="proxy.hasPerm('/alarm/del')" class="search-btn" type="info" @click="del">
             删除
-          </el-button>
+          </el-button> -->
         </template>
       </search-area>
       <table-container>
         <!-- 查询结果Table显示 -->
         <normal-table
-          :data="list" :total="total" :columns="columns" :query="listQuery" :is-showmulti-select="true"
-          :is-multi="true" :list-loading="listLoading" @change="changePage" @multi-select="multiSelect"
+          :data="list" :total="total" :columns="columns" :query="listQuery" :list-loading="listLoading" @change="changePage" @multi-select="multiSelect"
         >
           <template #columns>
             <el-table-column v-if="proxy.hasPerm('/alarm/cancel')" label="消警" width="90" align="center">
diff --git a/src/views/dashboard/map/callDialog.vue b/src/views/dashboard/map/callDialog.vue
index fb93ee8..b08b86b 100644
--- a/src/views/dashboard/map/callDialog.vue
+++ b/src/views/dashboard/map/callDialog.vue
@@ -46,6 +46,11 @@
     baseParams.id = ''
     iframeUrl.value = getUrlToStr(url, baseParams)
   }
+  navigator.getUserMedia({ video: true, audio: true }, (stream) => {
+    console.log('已点击允许,开启成功')
+  }, (error) => {
+    console.log('错误：', error)
+  })
   // timer.value = setTimeout(() => {
   //   var iframe: any = document.querySelector('#player-iframe')
   //   if (iframe?.attachEvent) {
@@ -93,10 +98,7 @@
         </el-icon>
       </div>
     </template>
-    <iframe
-      v-if="dialogFormVisible" id="player-iframe" frameborder="false" :src="iframeUrl" height="500"
-      width="100%"
-    />
+    <iframe v-if="dialogFormVisible" id="player-iframe" frameborder="false" :src="iframeUrl" height="500" width="100%" />
     <!-- <div v-if="loading" v-loading="loading" style="width: 100%;height: 500px;"></div> -->
   </el-dialog>
 </template>
diff --git a/src/views/scene/index.vue b/src/views/scene/index.vue
index 34475bd..933bee3 100644
--- a/src/views/scene/index.vue
+++ b/src/views/scene/index.vue
@@ -7,12 +7,16 @@
 import { reactive, ref } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { delScene, endApi, getSceneListPage, startApi } from '@/api/scene'
+import { getDictByCode } from '@/api/system/dict'
 const $router = useRouter()
 const { proxy } = getCurrentInstance() as any
 const listQuery = reactive({
-  beginTime: '',
-  endTime: '',
-  // logType: '业务日志',
+  projectState: '',
+  startDate: '',
+  endDate: '',
+  workPersonName: '',
+  workRoad: '',
+  workTitle: '',
   offset: 1,
   limit: 20,
 })
@@ -74,7 +78,14 @@
 const search = () => {
   fetchData()
 }
-
+// 现场状态列表
+const sceneStatusList = ref<any[]>([])
+const fetchstatusList = () => {
+  getDictByCode('projectState').then((response) => {
+    sceneStatusList.value = response.data
+  })
+}
+fetchstatusList()
 // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
 const changePage = (val: { size: number; page: number }) => {
   if (val && val.size) {
@@ -105,7 +116,7 @@
 }
 // 报告
 const report = (row: any) => {
-  $router.push({ path: '/scene/scenereport', query: { id: row.id } })
+  $router.push({ path: '/scene/scenereport', query: { id: row.id, title: row.workTitle } })
 }
 // 删除
 const del = () => {
@@ -154,31 +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="所属街道">
+          <el-input v-model.trim="listQuery.workRoad" placeholder="所属街道" clearable />
+          <!-- <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>
+          </el-select> -->
         </search-item>
         <search-item>
-          <el-input v-model.trim="listQuery.beginTime" placeholder="责任人" clearable />
+          <el-input v-model.trim="listQuery.workPersonName" placeholder="责任人" clearable />
         </search-item>
         <search-item>
           <el-date-picker
-            v-model="listQuery.beginTime" type="datetime" value-format="YYYY/MM/DD HH:mm:ss"
+            v-model="listQuery.startDate" 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.endDate" type="datetime" value-format="YYYY/MM/DD HH:mm:ss"
             placeholder="注册结束时间"
           />
         </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.projectState" clearable placeholder="当前状态">
+            <el-option v-for="item in sceneStatusList" :key="item.id" :label="item.name" :value="item.value" />
           </el-select>
         </search-item>
         <template #btns>
@@ -221,8 +233,8 @@
             <el-table-column v-if="proxy.hasPerm('/scene/status')" label="作业状态" width="90" align="center">
               <template #default="scope">
                 <el-button
-                  v-if="scope.row.projectState === '1' || scope.row.projectState === '3'" link type="primary" size="small"
-                  @click="changeStatus('start', scope.row)"
+                  v-if="scope.row.projectState === '1' || scope.row.projectState === '3'" link type="primary"
+                  size="small" @click="changeStatus('start', scope.row)"
                 >
                   开始
                 </el-button>

diff --git a/src/api/person.ts b/src/api/person.ts
index 6593ccf..accd607 100644
--- a/src/api/person.ts
+++ b/src/api/person.ts
@@ -43,3 +43,10 @@
     data,
   })
 }
+// 临时人员列表
+export function getTempPersonListPage(projectId: string) {
+  return request({
+    url: `${prefix}/projectTempWorker?projectId=${projectId}`,
+    method: 'get',
+  })
+}
diff --git a/src/views/alarm/index.vue b/src/views/alarm/index.vue
index 88eceb5..b6e13ec 100644
--- a/src/views/alarm/index.vue
+++ b/src/views/alarm/index.vue
@@ -210,16 +210,15 @@
           <!-- <el-button class="search-btn" type="primary" @click="add">
             新增
           </el-button> -->
-          <el-button v-if="proxy.hasPerm('/alarm/del')" class="search-btn" type="info" @click="del">
+          <!-- <el-button v-if="proxy.hasPerm('/alarm/del')" class="search-btn" type="info" @click="del">
             删除
-          </el-button>
+          </el-button> -->
         </template>
       </search-area>
       <table-container>
         <!-- 查询结果Table显示 -->
         <normal-table
-          :data="list" :total="total" :columns="columns" :query="listQuery" :is-showmulti-select="true"
-          :is-multi="true" :list-loading="listLoading" @change="changePage" @multi-select="multiSelect"
+          :data="list" :total="total" :columns="columns" :query="listQuery" :list-loading="listLoading" @change="changePage" @multi-select="multiSelect"
         >
           <template #columns>
             <el-table-column v-if="proxy.hasPerm('/alarm/cancel')" label="消警" width="90" align="center">
diff --git a/src/views/dashboard/map/callDialog.vue b/src/views/dashboard/map/callDialog.vue
index fb93ee8..b08b86b 100644
--- a/src/views/dashboard/map/callDialog.vue
+++ b/src/views/dashboard/map/callDialog.vue
@@ -46,6 +46,11 @@
     baseParams.id = ''
     iframeUrl.value = getUrlToStr(url, baseParams)
   }
+  navigator.getUserMedia({ video: true, audio: true }, (stream) => {
+    console.log('已点击允许,开启成功')
+  }, (error) => {
+    console.log('错误：', error)
+  })
   // timer.value = setTimeout(() => {
   //   var iframe: any = document.querySelector('#player-iframe')
   //   if (iframe?.attachEvent) {
@@ -93,10 +98,7 @@
         </el-icon>
       </div>
     </template>
-    <iframe
-      v-if="dialogFormVisible" id="player-iframe" frameborder="false" :src="iframeUrl" height="500"
-      width="100%"
-    />
+    <iframe v-if="dialogFormVisible" id="player-iframe" frameborder="false" :src="iframeUrl" height="500" width="100%" />
     <!-- <div v-if="loading" v-loading="loading" style="width: 100%;height: 500px;"></div> -->
   </el-dialog>
 </template>
diff --git a/src/views/scene/index.vue b/src/views/scene/index.vue
index 34475bd..933bee3 100644
--- a/src/views/scene/index.vue
+++ b/src/views/scene/index.vue
@@ -7,12 +7,16 @@
 import { reactive, ref } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { delScene, endApi, getSceneListPage, startApi } from '@/api/scene'
+import { getDictByCode } from '@/api/system/dict'
 const $router = useRouter()
 const { proxy } = getCurrentInstance() as any
 const listQuery = reactive({
-  beginTime: '',
-  endTime: '',
-  // logType: '业务日志',
+  projectState: '',
+  startDate: '',
+  endDate: '',
+  workPersonName: '',
+  workRoad: '',
+  workTitle: '',
   offset: 1,
   limit: 20,
 })
@@ -74,7 +78,14 @@
 const search = () => {
   fetchData()
 }
-
+// 现场状态列表
+const sceneStatusList = ref<any[]>([])
+const fetchstatusList = () => {
+  getDictByCode('projectState').then((response) => {
+    sceneStatusList.value = response.data
+  })
+}
+fetchstatusList()
 // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
 const changePage = (val: { size: number; page: number }) => {
   if (val && val.size) {
@@ -105,7 +116,7 @@
 }
 // 报告
 const report = (row: any) => {
-  $router.push({ path: '/scene/scenereport', query: { id: row.id } })
+  $router.push({ path: '/scene/scenereport', query: { id: row.id, title: row.workTitle } })
 }
 // 删除
 const del = () => {
@@ -154,31 +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="所属街道">
+          <el-input v-model.trim="listQuery.workRoad" placeholder="所属街道" clearable />
+          <!-- <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>
+          </el-select> -->
         </search-item>
         <search-item>
-          <el-input v-model.trim="listQuery.beginTime" placeholder="责任人" clearable />
+          <el-input v-model.trim="listQuery.workPersonName" placeholder="责任人" clearable />
         </search-item>
         <search-item>
           <el-date-picker
-            v-model="listQuery.beginTime" type="datetime" value-format="YYYY/MM/DD HH:mm:ss"
+            v-model="listQuery.startDate" 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.endDate" type="datetime" value-format="YYYY/MM/DD HH:mm:ss"
             placeholder="注册结束时间"
           />
         </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.projectState" clearable placeholder="当前状态">
+            <el-option v-for="item in sceneStatusList" :key="item.id" :label="item.name" :value="item.value" />
           </el-select>
         </search-item>
         <template #btns>
@@ -221,8 +233,8 @@
             <el-table-column v-if="proxy.hasPerm('/scene/status')" label="作业状态" width="90" align="center">
               <template #default="scope">
                 <el-button
-                  v-if="scope.row.projectState === '1' || scope.row.projectState === '3'" link type="primary" size="small"
-                  @click="changeStatus('start', scope.row)"
+                  v-if="scope.row.projectState === '1' || scope.row.projectState === '3'" link type="primary"
+                  size="small" @click="changeStatus('start', scope.row)"
                 >
                   开始
                 </el-button>
diff --git a/src/views/scene/sceneReport.vue b/src/views/scene/sceneReport.vue
index 045254d..f553d60 100644
--- a/src/views/scene/sceneReport.vue
+++ b/src/views/scene/sceneReport.vue
@@ -4,19 +4,70 @@
   Date: 2023-05-04
  -->
 <script lang="ts" setup name="sceneEdit">
-import addOperatives from './components/personTable.vue'
 import { getSceneDetail } from '@/api/scene'
+import { getAlarmListPage } from '@/api/alarm'
+import { getTempPersonListPage } from '@/api/person'
 const $router = useRouter()
 const $route = useRoute()
 const data = ref<{ [key: string]: string | any }>({})
+const alarmList = ref<any[]>([])
+const tempPerson = ref<any[]>([])
 const goBak = () => {
   $router.go(-1)
 }
+const alarmColums = ref([
+  {
+    text: '报警信息',
+    value: 'alarmContent',
+    align: 'center',
+  },
+  {
+    text: '报警类型',
+    value: 'alarmTypeName',
+    align: 'center',
+  },
+  {
+    text: '报警时间',
+    value: 'alarmTime',
+    align: 'center',
+  },
+  {
+    text: '当前状态',
+    value: 'alarmStatusName',
+    align: 'center',
+  },
+])
+const personColums = ref([
+  { text: '姓名', value: 'workerName', width: '90', align: 'center' },
+  { text: '联系方式', value: 'workerPhoneNumber', align: 'center' },
+  { text: '所在部门', value: 'workerDeptName', align: 'center' },
+  { text: '挂载安全帽编号', value: 'hatCode', align: 'center' },
+  { text: '挂载背心编号', value: 'vastCode', align: 'center' },
+  { text: '挂载手环编号', value: 'braceletCode', align: 'center' },
+
+])
+const tempColums = ref([
+  { text: '姓名', value: 'workerName', width: '90', align: 'center' },
+  { text: '性别', value: 'genderName', align: 'center' },
+  { text: '证件号', value: 'idCardNumber', align: 'center' },
+  { text: '所属单位', value: 'ownerShip', align: 'center' },
+  { text: '时间', value: 'createTime', align: 'center' },
+  { text: '入场原因', value: 'enterReason', align: 'center' },
+])
 onMounted(() => {
   const id = $route.query.id as string
+  const title = $route.query.title
   getSceneDetail(id).then((res) => {
+    console.log(res.data, '现场详情')
     data.value = res.data
-    console.log(data.value, 'data.value ')
+  })
+  getAlarmListPage({ workTitle: title, sort: 'desc', orderBy: 'alarmTime', offset: 1, limit: 999999 }).then((res) => {
+    console.log(res.data, '报警列表')
+    alarmList.value = res.data.rows
+  })
+  getTempPersonListPage(id).then((res) => {
+    console.log(res.data, '临时')
+    tempPerson.value = res.data
   })
 })
 </script>
@@ -25,64 +76,113 @@
   <app-container style="overflow: hidden;">
     <detail-page :title="`${data.workTitle}作业现场报告`">
       <template #btns>
-        <el-button type="primary" @click="goBak">返回</el-button>
+        <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>
+      <div class="container">
+        <el-row :gutter="24">
+          <el-col :span="2" />
+          <el-col :span="15">
+            {{ `${data.workTitle}作业现场实施` }}
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" style="margin-top: 30px;">
+          <el-col :span="2" />
+          <el-col :span="2">
+            作业概述:
+          </el-col>
+          <el-col :span="20">
+            {{ data.workSiteDesc }}
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" style="margin-top: 30px;">
+          <el-col :span="2" />
+          <el-col :span="2">
+            现场负责人:
+          </el-col>
+          <el-col :span="3">
+            {{ data.workPersonName }}
+          </el-col>
+          <el-col :span="1" />
+          <el-col :span="2">
+            联系方式:
+          </el-col>
+          <el-col :span="8">
+            {{ data.workPersonPhoneNumber }}
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" style="margin-top: 30px;">
+          <el-col :span="2" />
+          <el-col :span="2">
+            实施周期:
+          </el-col>
+          <el-col :span="5">
+            {{ data?.projectState !== '1' ? `${data?.startTime} ~ ${data?.finishTime ? data?.finishTime : '至今'}` : '未开始'
+            }}
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" style="margin-top: 30px;">
+          <el-col :span="2" />
+          <el-col v-if="alarmList.length" :span="2">
+            报警汇总:
+          </el-col>
+          <el-col :span="15">
+            <span v-if="!alarmList.length">现场暂无报警记录</span>
+            <span v-else> 共{{ alarmList.length }}次报警 </span>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" style="margin-top: -10px;">
+          <el-col :span="2" />
+          <el-col :span="20">
+            <table-container title="现场报警汇总">
+              <normal-table :data="alarmList" :columns="alarmColums" :pagination="false" />
+            </table-container>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" style="margin-top: 30px;">
+          <el-col :span="2" />
+          <el-col :span="15">
+            <span v-if="!data?.workerList?.length && tempPerson.length!">暂无人员</span>
+            <span>
+              {{ `作业现场入场人员共${data?.workerList?.length + tempPerson.length}人；其中: ` }}
+              <span v-if="data?.workerList?.length">{{ data?.workerList?.length }}是施工人员; </span>
+              <span v-if="tempPerson.length">{{ tempPerson.length }}是临时人员; </span>
+            </span>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" style="margin-top: -10px;">
+          <el-col :span="2" />
+          <el-col :span="20">
+            <table-container title="实施人员汇总">
+              <normal-table :data="data?.workerList || []" :columns="personColums" :pagination="false" />
+            </table-container>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24" style="margin-top: -10px;">
+          <el-col :span="2" />
+          <el-col :span="20">
+            <table-container title="临时人员汇总">
+              <normal-table :data="tempPerson || []" :columns="tempColums" :pagination="false" />
+            </table-container>
+          </el-col>
+        </el-row>
+      </div>
     </detail-page>
   </app-container>
 </template>
+
+<style lang="scss" scoped>
+::v-deep {
+  .title-left {
+    font-size: 16px;
+    font-weight: 700;
+  }
+
+  .button-area {
+    background-color: #ccc;
+    padding: 10px;
+    margin-bottom: 0 !important;
+  }
+}
+</style>