add:安全人员管理菜单

src/api/aqrf/safePersonnel.js

@@ -7,5 +7,25 @@ export function getSafePeopleInfo(params = {}) {
     params
   })
 }
-
-export default { getSafePeopleInfo }
+export function addPeopleInfo(data = {}) {
+  return request({
+    url: '/tab/safePeopleInfo',
+    method: 'post',
+    data
+  })
+}
+export function editPeopleInfo(data = {}) {
+  return request({
+    url: '/tab/safePeopleInfo',
+    method: 'put',
+    data
+  })
+}
+export function delPeopleInfo(ids) {
+  return request({
+    url: `/tab/safePeopleInfo`,
+    method: 'delete',
+    data: ids
+  })
+}
+export default { getSafePeopleInfo, addPeopleInfo, editPeopleInfo }

src/views/aqrf/safePersonnel.vue

@@ -33,9 +33,18 @@
       <el-table :data="tableData" :loading="loading" style="width: 100%">
         <el-table-column type="index" label="序号" width="60" />
         <el-table-column prop="name" label="姓名" />
-        <el-table-column prop="sex" label="性别" />
+        <el-table-column prop="sex" label="性别">
+          <template slot-scope="scope">
+            <span v-if="scope.row.sex == 1">男</span>
+            <span v-else>女</span>
+          </template>
+        </el-table-column>
         <el-table-column prop="phone" label="联系方式" />
-        <el-table-column prop="deptId" label="部门" />
+        <el-table-column prop="deptId" label="部门">
+          <template slot-scope="scope">
+            <span>{{ scope.row.dept ? scope.row.dept.name : '' }}</span>
+          </template>
+        </el-table-column>
         <el-table-column prop="job" label="职务" />
         <el-table-column prop="workType" label="工种" />
         <el-table-column prop="entryDate" label="入职时间" />
@@ -63,7 +72,7 @@
 </template>
 
 <script>
-import { getSafePeopleInfo } from '@/api/aqrf/safePersonnel'
+import { getSafePeopleInfo, delPeopleInfo } from '@/api/aqrf/safePersonnel'
 
 export default {
   name: 'SafePersonnel',
@@ -99,7 +108,7 @@ export default {
 
         const response = await getSafePeopleInfo(params)
 
-        if (response && response.data) {
+        if (response && response.body) {
           this.tableData = response.body.list || []
           this.pagination.total = response.body.total || 0
         } else {
@@ -140,7 +149,9 @@ export default {
       this.$router.push('/aqrf/add-personnel')
     },
     handleEdit(row) {
-      console.log('Edit:', row)
+      this.$router.push({
+        path: '/aqrf/add-personnel', query: { data: row }
+      })
     },
     handleDelete(row) {
       this.$confirm('此操作将永久删除该条目, 是否继续?', '提示', {
@@ -149,11 +160,16 @@ export default {
         type: 'warning'
       })
         .then(() => {
-          console.log('Delete:', row)
+          delPeopleInfo([row.id]).then(() => {
             this.$message({
               type: 'success',
               message: '删除成功!'
             })
+            this.fetchData()
+          }).catch((error) => {
+            console.error('删除失败:', error)
+            this.$message.error('删除失败')
+          })
         })
         .catch(() => {
           this.$message({