diff --git a/src/assets/js/api/smartSafeHat/smartSafeHat.js b/src/assets/js/api/smartSafeHat/smartSafeHat.js
index 78e44cf1..92852f44 100644
--- a/src/assets/js/api/smartSafeHat/smartSafeHat.js
+++ b/src/assets/js/api/smartSafeHat/smartSafeHat.js
@@ -14,7 +14,8 @@ export const getWorkerListApi = data => get('/xmgl/workerInfo/selectWorkerInfoLi
 
 // 智能安全帽--查询绑定人员
 export const getWorkerInfoListApi = data => post('/xmgl/workerInfo/selectWorkerInfoList', data);
-
+// 智能安全帽--查询围栏
+export const getHatFenceListApi = data => get('/xmgl/safetyHatFence/list', data);
 // 智能安全帽--设备中台--分页查询记录信息
 export const getSafeHatEquipmentCentralPageApi = data => get('/xmgl/safetyHatDev/page',data);
 // 智能安全帽--设备中台--添加记录信息
diff --git a/src/views/projectFront/smartSafeHat/deviceCentral/deviceCentral.vue b/src/views/projectFront/smartSafeHat/deviceCentral/deviceCentral.vue
index 28b65c12..d412e4d8 100644
--- a/src/views/projectFront/smartSafeHat/deviceCentral/deviceCentral.vue
+++ b/src/views/projectFront/smartSafeHat/deviceCentral/deviceCentral.vue
@@ -45,6 +45,9 @@
         <el-table class="tables" :data="tableData">
           <el-table-column prop="workerName" align="center" label="人员名称" width="280"></el-table-column>
           <el-table-column prop="devSn" align="center" label="设备序号"></el-table-column>
+          <el-table-column prop="fenceName" label="围栏名称" align="center">
+            <template slot-scope="scope">{{ scope.row.fenceName || '-' }}</template>
+          </el-table-column>
           <el-table-column prop="enterpriseName" label="分包单位" align="center">
             <template slot-scope="scope">{{ scope.row.enterpriseName || '-' }}</template>
           </el-table-column>
@@ -83,6 +86,16 @@
           <el-form-item label="设备序号" prop="devSn">
             <el-input v-model="addEditForm.devSn" placeholder="请输入"></el-input>
           </el-form-item>
+          <el-form-item
+            label="围栏名称"
+            prop="fenceId"
+          >
+          <el-select v-model="addEditForm.fenceId" filterable placeholder="请选择围栏">
+            <el-option :label="item.fenceName" :value="item.id"
+              v-for="(item, index) in hatFenceList" :key="index">
+            </el-option>
+          </el-select>
+          </el-form-item>
           <el-form-item
             label="分包单位"
             prop="enterpriseIds"
@@ -115,6 +128,7 @@ import {
   editSafeHatEquipmentCentralPageApi,
   deleteSafeHatEquipmentCentralPageApi,
   getWorkerInfoListApi,
+  getHatFenceListApi,
 } from '@/assets/js/api/smartSafeHat/smartSafeHat.js'
 import { getEnterpriseInfoListApi } from "@/assets/js/api/specialWork";
 export default {
@@ -123,6 +137,7 @@ export default {
     this.getEnterpriseList();
     this.getPage()
     this.getWorkerInfoList()
+    this.getHatFenceList()
   },
   computed: {
     headers() {
@@ -153,6 +168,7 @@ export default {
       },
       searchForm: {},
       fileList: [],
+      hatFenceList: []
     }
   },
   methods: {
@@ -236,7 +252,16 @@ export default {
         }
       })
     },
-
+    // 获取围栏列表
+    async getHatFenceList() {
+      await getHatFenceListApi({
+        projectSn: this.$store.state.projectSn,
+      }).then((result) => {
+        if (result.success) {
+          this.hatFenceList = result.result
+        }
+      })
+    },
     add() {
       this.title = '新增'
       this.dialogShow = true