From 727deb8b4b10b464bc86b716fa05012860ca3cfb Mon Sep 17 00:00:00 2001
From: BianLzhaoMin <11485688+bianliangzhaomin123@user.noreply.gitee.com>
Date: Wed, 17 Dec 2025 17:14:16 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B2=97=E4=BD=8D=E7=AE=A1=E7=90=86=20?=
 =?UTF-8?q?=E4=BA=BA=E5=91=98=E6=80=A7=E8=B4=A8=E7=AE=A1=E7=90=86=20?=
 =?UTF-8?q?=E4=BA=BA=E5=91=98=E5=88=86=E7=B1=BB=E7=AE=A1=E7=90=86=20?=
 =?UTF-8?q?=E6=A8=A1=E5=9D=97=E6=8E=A5=E5=8F=A3=E8=B0=83=E8=AF=95=E5=AE=8C?=
 =?UTF-8?q?=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                                   |  10 +-
 src/api/basicManage/personCategory.js         |  27 ++-
 src/api/basicManage/personNature.js           |  27 ++-
 src/api/basicManage/position.js               |  27 ++-
 src/api/basicManage/projectDept.js            |  27 ++-
 .../basicManage/inspectionStation/config.js   |   2 +-
 .../basicManage/inspectionStation/index.vue   |   6 +-
 .../basicManage/personCategory/config.js      |  28 ++++
 .../basicManage/personCategory/index.vue      | 157 +++++++++++++++++-
 src/views/basicManage/personNature/config.js  |  28 ++++
 src/views/basicManage/personNature/index.vue  | 157 +++++++++++++++++-
 src/views/basicManage/position/config.js      |  28 ++++
 src/views/basicManage/position/index.vue      | 154 ++++++++++++++++-
 src/views/basicManage/projectDept/config.js   |  28 ++++
 src/views/basicManage/projectDept/index.vue   | 154 ++++++++++++++++-
 15 files changed, 767 insertions(+), 93 deletions(-)
 create mode 100644 src/views/basicManage/personCategory/config.js
 create mode 100644 src/views/basicManage/personNature/config.js
 create mode 100644 src/views/basicManage/position/config.js
 create mode 100644 src/views/basicManage/projectDept/config.js

diff --git a/src/App.vue b/src/App.vue
index 31839f2..a16e847 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,5 +1,5 @@
 <template>
-  <router-view />
+    <router-view />
 </template>
 
 <script setup>
@@ -7,9 +7,9 @@ import useSettingsStore from '@/store/modules/settings'
 import { handleThemeStyle } from '@/utils/theme'
 
 onMounted(() => {
-  nextTick(() => {
-    // 初始化主题样式
-    handleThemeStyle(useSettingsStore().theme)
-  })
+    nextTick(() => {
+        // 初始化主题样式
+        handleThemeStyle(useSettingsStore().theme)
+    })
 })
 </script>
diff --git a/src/api/basicManage/personCategory.js b/src/api/basicManage/personCategory.js
index 5ee205a..f12c46c 100644
--- a/src/api/basicManage/personCategory.js
+++ b/src/api/basicManage/personCategory.js
@@ -3,25 +3,17 @@ import request from '@/utils/request'
 // 人员分类管理 - 查询列表
 export function listPersonCategoryAPI(query) {
     return request({
-        url: '/basic/personCategory/list',
-        method: 'get',
+        url: '/personnelClassification/getClassificationList',
+        method: 'GET',
         params: query,
     })
 }
 
-// 人员分类管理 - 查询详情
-export function getPersonCategoryAPI(id) {
-    return request({
-        url: `/basic/personCategory/${id}`,
-        method: 'get',
-    })
-}
-
 // 人员分类管理 - 新增
 export function addPersonCategoryAPI(data) {
     return request({
-        url: '/basic/personCategory',
-        method: 'post',
+        url: '/personnelClassification/addClassification',
+        method: 'POST',
         data,
     })
 }
@@ -29,16 +21,17 @@ export function addPersonCategoryAPI(data) {
 // 人员分类管理 - 修改
 export function updatePersonCategoryAPI(data) {
     return request({
-        url: '/basic/personCategory',
-        method: 'put',
+        url: '/personnelClassification/updateClassification',
+        method: 'POST',
         data,
     })
 }
 
 // 人员分类管理 - 删除
-export function delPersonCategoryAPI(id) {
+export function delPersonCategoryAPI(data) {
     return request({
-        url: `/basic/personCategory/${id}`,
-        method: 'delete',
+        url: `/personnelClassification/delClassification`,
+        method: 'POST',
+        data,
     })
 }
diff --git a/src/api/basicManage/personNature.js b/src/api/basicManage/personNature.js
index d4b5c89..6822041 100644
--- a/src/api/basicManage/personNature.js
+++ b/src/api/basicManage/personNature.js
@@ -3,25 +3,17 @@ import request from '@/utils/request'
 // 人员性质管理 - 查询列表
 export function listPersonNatureAPI(query) {
     return request({
-        url: '/basic/personNature/list',
-        method: 'get',
+        url: '/personnelClassification/getClassificationList',
+        method: 'GET',
         params: query,
     })
 }
 
-// 人员性质管理 - 查询详情
-export function getPersonNatureAPI(id) {
-    return request({
-        url: `/basic/personNature/${id}`,
-        method: 'get',
-    })
-}
-
 // 人员性质管理 - 新增
 export function addPersonNatureAPI(data) {
     return request({
-        url: '/basic/personNature',
-        method: 'post',
+        url: '/personnelClassification/addClassification',
+        method: 'POST',
         data,
     })
 }
@@ -29,16 +21,17 @@ export function addPersonNatureAPI(data) {
 // 人员性质管理 - 修改
 export function updatePersonNatureAPI(data) {
     return request({
-        url: '/basic/personNature',
-        method: 'put',
+        url: '/personnelClassification/updateClassification',
+        method: 'POST',
         data,
     })
 }
 
 // 人员性质管理 - 删除
-export function delPersonNatureAPI(id) {
+export function delPersonNatureAPI(data) {
     return request({
-        url: `/basic/personNature/${id}`,
-        method: 'delete',
+        url: `/personnelClassification/delClassification`,
+        method: 'POST',
+        data,
     })
 }
diff --git a/src/api/basicManage/position.js b/src/api/basicManage/position.js
index f5dbe5f..2b0cf20 100644
--- a/src/api/basicManage/position.js
+++ b/src/api/basicManage/position.js
@@ -3,25 +3,17 @@ import request from '@/utils/request'
 // 岗位管理 - 查询列表
 export function listPositionAPI(query) {
     return request({
-        url: '/basic/position/list',
-        method: 'get',
+        url: '/personnelClassification/getClassificationList',
+        method: 'GET',
         params: query,
     })
 }
 
-// 岗位管理 - 查询详情
-export function getPositionAPI(id) {
-    return request({
-        url: `/basic/position/${id}`,
-        method: 'get',
-    })
-}
-
 // 岗位管理 - 新增
 export function addPositionAPI(data) {
     return request({
-        url: '/basic/position',
-        method: 'post',
+        url: '/personnelClassification/addClassification',
+        method: 'POST',
         data,
     })
 }
@@ -29,16 +21,17 @@ export function addPositionAPI(data) {
 // 岗位管理 - 修改
 export function updatePositionAPI(data) {
     return request({
-        url: '/basic/position',
-        method: 'put',
+        url: '/personnelClassification/updateClassification',
+        method: 'POST',
         data,
     })
 }
 
 // 岗位管理 - 删除
-export function delPositionAPI(id) {
+export function delPositionAPI(data) {
     return request({
-        url: `/basic/position/${id}`,
-        method: 'delete',
+        url: `/personnelClassification/delClassification`,
+        method: 'POST',
+        data,
     })
 }
diff --git a/src/api/basicManage/projectDept.js b/src/api/basicManage/projectDept.js
index 7c7513e..aee930b 100644
--- a/src/api/basicManage/projectDept.js
+++ b/src/api/basicManage/projectDept.js
@@ -3,25 +3,17 @@ import request from '@/utils/request'
 // 项目部管理 - 查询列表
 export function listProjectDeptAPI(query) {
     return request({
-        url: '/basic/projectDept/list',
-        method: 'get',
+        url: '/inspectionStation/getInspectionStationList',
+        method: 'GET',
         params: query,
     })
 }
 
-// 项目部管理 - 查询详情
-export function getProjectDeptAPI(id) {
-    return request({
-        url: `/basic/projectDept/${id}`,
-        method: 'get',
-    })
-}
-
 // 项目部管理 - 新增
 export function addProjectDeptAPI(data) {
     return request({
-        url: '/basic/projectDept',
-        method: 'post',
+        url: '/inspectionStation/addInspectionStation',
+        method: 'POST',
         data,
     })
 }
@@ -29,16 +21,17 @@ export function addProjectDeptAPI(data) {
 // 项目部管理 - 修改
 export function updateProjectDeptAPI(data) {
     return request({
-        url: '/basic/projectDept',
-        method: 'put',
+        url: '/inspectionStation/updateInspectionStation',
+        method: 'POST',
         data,
     })
 }
 
 // 项目部管理 - 删除
-export function delProjectDeptAPI(id) {
+export function delProjectDeptAPI(data) {
     return request({
-        url: `/basic/projectDept/${id}`,
-        method: 'delete',
+        url: `/inspectionStation/delInspectionStation`,
+        method: 'POST',
+        data,
     })
 }
diff --git a/src/views/basicManage/inspectionStation/config.js b/src/views/basicManage/inspectionStation/config.js
index 6f246d8..c9a9929 100644
--- a/src/views/basicManage/inspectionStation/config.js
+++ b/src/views/basicManage/inspectionStation/config.js
@@ -3,7 +3,7 @@ export default {
     formColumns: [
         {
             type: 'input',
-            prop: 'name',
+            prop: 'inspectionStationName',
             placeholder: '请输入运检站名称',
         },
     ],
diff --git a/src/views/basicManage/inspectionStation/index.vue b/src/views/basicManage/inspectionStation/index.vue
index ecbf737..72fa240 100644
--- a/src/views/basicManage/inspectionStation/index.vue
+++ b/src/views/basicManage/inspectionStation/index.vue
@@ -1,6 +1,6 @@
 <template>
-    <!-- 运检站管理 -->
     <div class="app-container">
+        <!-- 运检站管理 -->
         <ComTable
             ref="comTableRef"
             :form-columns="formColumns"
@@ -15,7 +15,7 @@
         >
             <!-- 工具栏插槽 -->
             <template #toolbar>
-                <ComButton type="primary" icon="Plus" @click="onHandleAdd">新增</ComButton>
+                <ComButton type="primary" icon="Plus" @click="onHandleAdd">新建运检站</ComButton>
             </template>
         </ComTable>
 
@@ -51,7 +51,6 @@
 
 <script setup name="inspectionStation">
 import { ref } from 'vue'
-const { proxy } = getCurrentInstance()
 import {
     listInspectionStationAPI,
     addInspectionStationAPI,
@@ -64,6 +63,7 @@ import ComButton from '@/components/ComButton/index.vue'
 import ComDialog from '@/components/ComDialog/index.vue'
 
 const { formColumns, tableColumns, dialogConfig } = config
+const { proxy } = getCurrentInstance()
 
 const addAndEditFormRef = ref(null)
 const comTableRef = ref(null)
diff --git a/src/views/basicManage/personCategory/config.js b/src/views/basicManage/personCategory/config.js
new file mode 100644
index 0000000..0325225
--- /dev/null
+++ b/src/views/basicManage/personCategory/config.js
@@ -0,0 +1,28 @@
+import { reactive } from 'vue'
+export default {
+    formColumns: [
+        {
+            type: 'input',
+            prop: 'personnelClassificationName',
+            placeholder: '请输入人员分类名称',
+        },
+    ],
+    tableColumns: [
+        {
+            prop: 'personnelClassificationName',
+            label: '人员分类名称',
+        },
+        {
+            prop: 'remark',
+            label: '备注',
+        },
+    ],
+
+    dialogConfig: reactive({
+        outerVisible: false,
+        outerTitle: '新增人员分类',
+        outerWidth: '720px',
+        minHeight: '320px',
+        maxHeight: '80vh',
+    }),
+}
diff --git a/src/views/basicManage/personCategory/index.vue b/src/views/basicManage/personCategory/index.vue
index bda477e..5d7f99a 100644
--- a/src/views/basicManage/personCategory/index.vue
+++ b/src/views/basicManage/personCategory/index.vue
@@ -1,9 +1,158 @@
 <template>
-    <div>
-        <h1>人员分类管理</h1>
+    <div class="app-container">
+        <!-- 人员分类管理 -->
+        <ComTable
+            ref="comTableRef"
+            :form-columns="formColumns"
+            :table-columns="tableColumns"
+            :load-data="listPersonCategoryAPI"
+            :show-toolbar="true"
+            :show-action="true"
+            :action-columns="actionColumns"
+            :default-query-params="{
+                category: 1, // 0：人员分类  1：人员性质  2：岗位列表
+            }"
+        >
+            <!-- 工具栏插槽 -->
+            <template #toolbar>
+                <ComButton type="primary" icon="Plus" @click="onHandleAdd">新建人员分类</ComButton>
+            </template>
+        </ComTable>
+
+        <ComDialog :dialog-config="dialogConfig" @closeDialogOuter="onCloseDialogOuter">
+            <template #outerContent>
+                <el-form
+                    size="large"
+                    label-width="100px"
+                    :model="addAndEditForm"
+                    ref="addAndEditFormRef"
+                    :rules="addAndEditRules"
+                >
+                    <el-form-item label="人员分类名称" prop="personnelClassificationName">
+                        <el-input
+                            clearable
+                            placeholder="请输入人员分类名称"
+                            v-model.trim="addAndEditForm.personnelClassificationName"
+                        />
+                    </el-form-item>
+                    <el-form-item label="备注" prop="remark">
+                        <el-input v-model="addAndEditForm.remark" placeholder="请输入备注" />
+                    </el-form-item>
+                </el-form>
+
+                <el-row class="common-btn-row">
+                    <ComButton plain type="info" @click="onHandleCancel">取消</ComButton>
+                    <ComButton @click="onHandleSave">保存</ComButton>
+                </el-row>
+            </template>
+        </ComDialog>
     </div>
 </template>
 
-<script setup name="PersonCategory"></script>
+<script setup name="PersonNature">
+import { ref } from 'vue'
+import {
+    listPersonCategoryAPI,
+    addPersonCategoryAPI,
+    delPersonCategoryAPI,
+    updatePersonCategoryAPI,
+} from '@/api/basicManage/personCategory'
+import config from './config'
+import ComTable from '@/components/ComTable/index.vue'
+import ComButton from '@/components/ComButton/index.vue'
+import ComDialog from '@/components/ComDialog/index.vue'
 
-<style></style>
+const { formColumns, tableColumns, dialogConfig } = config
+const { proxy } = getCurrentInstance()
+
+const addAndEditFormRef = ref(null)
+const comTableRef = ref(null)
+const editId = ref(null)
+const addAndEditForm = ref({
+    personnelClassificationName: '',
+    remark: '',
+    category: 1,
+})
+
+const addAndEditRules = ref({
+    personnelClassificationName: [
+        { required: true, message: '请输入人员分类名称', trigger: 'blur' },
+    ],
+})
+
+const actionColumns = [
+    {
+        label: '编辑',
+        type: 'primary',
+        link: true,
+        handler: (row) => {
+            const { personnelClassificationId, personnelClassificationName, remark } = row
+            addAndEditForm.value = {
+                personnelClassificationId,
+                personnelClassificationName,
+                remark,
+            }
+            editId.value = row.personnelClassificationId
+            dialogConfig.outerTitle = '编辑人员分类'
+            dialogConfig.outerVisible = true
+        },
+    },
+    {
+        label: '删除',
+        type: 'danger',
+        link: true,
+        handler: (row) => {
+            proxy.$modal.confirm('是否确认删除该人员分类？').then(async () => {
+                const result = await delPersonCategoryAPI({
+                    personnelClassificationId: row.personnelClassificationId,
+                })
+                if (result.code === 200) {
+                    proxy.$modal.msgSuccess('删除成功')
+                    comTableRef.value?.refresh() // 刷新表格
+                }
+            })
+        },
+    },
+]
+
+// 新增
+const onHandleAdd = () => {
+    editId.value = null
+    dialogConfig.outerVisible = true
+}
+
+// 取消
+const onHandleCancel = () => {
+    dialogConfig.outerVisible = false
+}
+
+// 保存
+const onHandleSave = async () => {
+    return new Promise((resolve, reject) => {
+        try {
+            addAndEditFormRef.value.validate(async (valid) => {
+                if (valid) {
+                    const API = editId.value ? updatePersonCategoryAPI : addPersonCategoryAPI
+                    const params = JSON.parse(JSON.stringify(addAndEditForm.value))
+                    editId.value ? (params.personnelClassificationId = editId.value) : null
+
+                    const result = await API(params)
+                    if (result.code === 200) {
+                        proxy.$modal.msgSuccess(editId.value ? '编辑成功' : '新增成功')
+                        addAndEditFormRef.value.resetFields() // 重置表单
+                        dialogConfig.outerVisible = false
+                        comTableRef.value?.refresh() // 刷新表格
+                    }
+                    resolve(result)
+                }
+            })
+        } catch (error) {
+            reject()
+        }
+    })
+}
+
+const onCloseDialogOuter = (visible) => {
+    dialogConfig.outerVisible = visible
+}
+</script>
diff --git a/src/views/basicManage/personNature/config.js b/src/views/basicManage/personNature/config.js
new file mode 100644
index 0000000..290a476
--- /dev/null
+++ b/src/views/basicManage/personNature/config.js
@@ -0,0 +1,28 @@
+import { reactive } from 'vue'
+export default {
+    formColumns: [
+        {
+            type: 'input',
+            prop: 'personnelClassificationName',
+            placeholder: '请输入人员性质名称',
+        },
+    ],
+    tableColumns: [
+        {
+            prop: 'personnelClassificationName',
+            label: '人员性质名称',
+        },
+        {
+            prop: 'remark',
+            label: '备注',
+        },
+    ],
+
+    dialogConfig: reactive({
+        outerVisible: false,
+        outerTitle: '新增人员性质',
+        outerWidth: '720px',
+        minHeight: '320px',
+        maxHeight: '80vh',
+    }),
+}
diff --git a/src/views/basicManage/personNature/index.vue b/src/views/basicManage/personNature/index.vue
index c7fecef..34dc780 100644
--- a/src/views/basicManage/personNature/index.vue
+++ b/src/views/basicManage/personNature/index.vue
@@ -1,9 +1,158 @@
 <template>
-    <div>
-        <h1>人员性质管理</h1>
+    <div class="app-container">
+        <!-- 人员性质管理 -->
+        <ComTable
+            ref="comTableRef"
+            :form-columns="formColumns"
+            :table-columns="tableColumns"
+            :load-data="listPersonNatureAPI"
+            :show-toolbar="true"
+            :show-action="true"
+            :action-columns="actionColumns"
+            :default-query-params="{
+                category: 1, // 0：人员分类  1：人员性质  2：岗位列表
+            }"
+        >
+            <!-- 工具栏插槽 -->
+            <template #toolbar>
+                <ComButton type="primary" icon="Plus" @click="onHandleAdd">新建人员性质</ComButton>
+            </template>
+        </ComTable>
+
+        <ComDialog :dialog-config="dialogConfig" @closeDialogOuter="onCloseDialogOuter">
+            <template #outerContent>
+                <el-form
+                    size="large"
+                    label-width="auto"
+                    :model="addAndEditForm"
+                    ref="addAndEditFormRef"
+                    :rules="addAndEditRules"
+                >
+                    <el-form-item label="人员性质名称" prop="personnelClassificationName">
+                        <el-input
+                            clearable
+                            placeholder="请输入人员性质名称"
+                            v-model.trim="addAndEditForm.personnelClassificationName"
+                        />
+                    </el-form-item>
+                    <el-form-item label="备注" prop="remark">
+                        <el-input v-model="addAndEditForm.remark" placeholder="请输入备注" />
+                    </el-form-item>
+                </el-form>
+
+                <el-row class="common-btn-row">
+                    <ComButton plain type="info" @click="onHandleCancel">取消</ComButton>
+                    <ComButton @click="onHandleSave">保存</ComButton>
+                </el-row>
+            </template>
+        </ComDialog>
     </div>
 </template>
 
-<script setup name="PersonNature"></script>
+<script setup name="PersonNature">
+import { ref } from 'vue'
+import {
+    listPersonNatureAPI,
+    addPersonNatureAPI,
+    delPersonNatureAPI,
+    updatePersonNatureAPI,
+} from '@/api/basicManage/personNature'
+import config from './config'
+import ComTable from '@/components/ComTable/index.vue'
+import ComButton from '@/components/ComButton/index.vue'
+import ComDialog from '@/components/ComDialog/index.vue'
 
-<style></style>
+const { formColumns, tableColumns, dialogConfig } = config
+const { proxy } = getCurrentInstance()
+
+const addAndEditFormRef = ref(null)
+const comTableRef = ref(null)
+const editId = ref(null)
+const addAndEditForm = ref({
+    personnelClassificationName: '',
+    remark: '',
+    category: 1,
+})
+
+const addAndEditRules = ref({
+    personnelClassificationName: [
+        { required: true, message: '请输入人员性质名称', trigger: 'blur' },
+    ],
+})
+
+const actionColumns = [
+    {
+        label: '编辑',
+        type: 'primary',
+        link: true,
+        handler: (row) => {
+            const { personnelClassificationId, personnelClassificationName, remark } = row
+            addAndEditForm.value = {
+                personnelClassificationId,
+                personnelClassificationName,
+                remark,
+            }
+            editId.value = row.personnelClassificationId
+            dialogConfig.outerTitle = '编辑人员性质'
+            dialogConfig.outerVisible = true
+        },
+    },
+    {
+        label: '删除',
+        type: 'danger',
+        link: true,
+        handler: (row) => {
+            proxy.$modal.confirm('是否确认删除该人员性质？').then(async () => {
+                const result = await delPersonNatureAPI({
+                    personnelClassificationId: row.personnelClassificationId,
+                })
+                if (result.code === 200) {
+                    proxy.$modal.msgSuccess('删除成功')
+                    comTableRef.value?.refresh() // 刷新表格
+                }
+            })
+        },
+    },
+]
+
+// 新增
+const onHandleAdd = () => {
+    editId.value = null
+    dialogConfig.outerVisible = true
+}
+
+// 取消
+const onHandleCancel = () => {
+    dialogConfig.outerVisible = false
+}
+
+// 保存
+const onHandleSave = async () => {
+    return new Promise((resolve, reject) => {
+        try {
+            addAndEditFormRef.value.validate(async (valid) => {
+                if (valid) {
+                    const API = editId.value ? updatePersonNatureAPI : addPersonNatureAPI
+                    const params = JSON.parse(JSON.stringify(addAndEditForm.value))
+                    editId.value ? (params.personnelClassificationId = editId.value) : null
+
+                    const result = await API(params)
+                    if (result.code === 200) {
+                        proxy.$modal.msgSuccess(editId.value ? '编辑成功' : '新增成功')
+                        addAndEditFormRef.value.resetFields() // 重置表单
+                        dialogConfig.outerVisible = false
+                        comTableRef.value?.refresh() // 刷新表格
+                    }
+                    resolve(result)
+                }
+            })
+        } catch (error) {
+            reject()
+        }
+    })
+}
+
+const onCloseDialogOuter = (visible) => {
+    dialogConfig.outerVisible = visible
+}
+</script>
diff --git a/src/views/basicManage/position/config.js b/src/views/basicManage/position/config.js
new file mode 100644
index 0000000..9e6a86d
--- /dev/null
+++ b/src/views/basicManage/position/config.js
@@ -0,0 +1,28 @@
+import { reactive } from 'vue'
+export default {
+    formColumns: [
+        {
+            type: 'input',
+            prop: 'personnelClassificationName',
+            placeholder: '请输入岗位名称',
+        },
+    ],
+    tableColumns: [
+        {
+            prop: 'personnelClassificationName',
+            label: '岗位名称',
+        },
+        {
+            prop: 'remark',
+            label: '备注',
+        },
+    ],
+
+    dialogConfig: reactive({
+        outerVisible: false,
+        outerTitle: '新增岗位',
+        outerWidth: '720px',
+        minHeight: '320px',
+        maxHeight: '80vh',
+    }),
+}
diff --git a/src/views/basicManage/position/index.vue b/src/views/basicManage/position/index.vue
index a4591f5..b1af905 100644
--- a/src/views/basicManage/position/index.vue
+++ b/src/views/basicManage/position/index.vue
@@ -1,10 +1,156 @@
 <template>
-    <div>
-        <h1>岗位管理</h1>
+    <div class="app-container">
+        <!-- 岗位管理 -->
+        <ComTable
+            ref="comTableRef"
+            :form-columns="formColumns"
+            :table-columns="tableColumns"
+            :load-data="listPositionAPI"
+            :show-toolbar="true"
+            :show-action="true"
+            :action-columns="actionColumns"
+            :default-query-params="{
+                category: 2, // 0：人员分类  1：人员性质  2：岗位列表
+            }"
+        >
+            <!-- 工具栏插槽 -->
+            <template #toolbar>
+                <ComButton type="primary" icon="Plus" @click="onHandleAdd">新建岗位</ComButton>
+            </template>
+        </ComTable>
+
+        <ComDialog :dialog-config="dialogConfig" @closeDialogOuter="onCloseDialogOuter">
+            <template #outerContent>
+                <el-form
+                    size="large"
+                    label-width="100px"
+                    :model="addAndEditForm"
+                    ref="addAndEditFormRef"
+                    :rules="addAndEditRules"
+                >
+                    <el-form-item label="岗位名称" prop="personnelClassificationName">
+                        <el-input
+                            clearable
+                            placeholder="请输入岗位名称"
+                            v-model.trim="addAndEditForm.personnelClassificationName"
+                        />
+                    </el-form-item>
+                    <el-form-item label="备注" prop="remark">
+                        <el-input v-model="addAndEditForm.remark" placeholder="请输入备注" />
+                    </el-form-item>
+                </el-form>
+
+                <el-row class="common-btn-row">
+                    <ComButton plain type="info" @click="onHandleCancel">取消</ComButton>
+                    <ComButton @click="onHandleSave">保存</ComButton>
+                </el-row>
+            </template>
+        </ComDialog>
     </div>
 </template>
 
-<script setup name="Position"></script>
+<script setup name="Position">
+import { ref } from 'vue'
+import {
+    listPositionAPI,
+    addPositionAPI,
+    delPositionAPI,
+    updatePositionAPI,
+} from '@/api/basicManage/position'
+import config from './config'
+import ComTable from '@/components/ComTable/index.vue'
+import ComButton from '@/components/ComButton/index.vue'
+import ComDialog from '@/components/ComDialog/index.vue'
 
-<style></style>
+const { formColumns, tableColumns, dialogConfig } = config
+const { proxy } = getCurrentInstance()
 
+const addAndEditFormRef = ref(null)
+const comTableRef = ref(null)
+const editId = ref(null)
+const addAndEditForm = ref({
+    personnelClassificationName: '',
+    remark: '',
+    category: 2,
+})
+
+const addAndEditRules = ref({
+    personnelClassificationName: [{ required: true, message: '请输入岗位名称', trigger: 'blur' }],
+})
+
+const actionColumns = [
+    {
+        label: '编辑',
+        type: 'primary',
+        link: true,
+        handler: (row) => {
+            const { personnelClassificationId, personnelClassificationName, remark } = row
+            addAndEditForm.value = {
+                personnelClassificationId,
+                personnelClassificationName,
+                remark,
+            }
+            editId.value = row.personnelClassificationId
+            dialogConfig.outerTitle = '编辑岗位'
+            dialogConfig.outerVisible = true
+        },
+    },
+    {
+        label: '删除',
+        type: 'danger',
+        link: true,
+        handler: (row) => {
+            proxy.$modal.confirm('是否确认删除该岗位？').then(async () => {
+                const result = await delPositionAPI({
+                    personnelClassificationId: row.personnelClassificationId,
+                })
+                if (result.code === 200) {
+                    proxy.$modal.msgSuccess('删除成功')
+                    comTableRef.value?.refresh() // 刷新表格
+                }
+            })
+        },
+    },
+]
+
+// 新增
+const onHandleAdd = () => {
+    editId.value = null
+    dialogConfig.outerVisible = true
+}
+
+// 取消
+const onHandleCancel = () => {
+    dialogConfig.outerVisible = false
+}
+
+// 保存
+const onHandleSave = async () => {
+    return new Promise((resolve, reject) => {
+        try {
+            addAndEditFormRef.value.validate(async (valid) => {
+                if (valid) {
+                    const API = editId.value ? updatePositionAPI : addPositionAPI
+                    const params = JSON.parse(JSON.stringify(addAndEditForm.value))
+                    editId.value ? (params.personnelClassificationId = editId.value) : null
+
+                    const result = await API(params)
+                    if (result.code === 200) {
+                        proxy.$modal.msgSuccess(editId.value ? '编辑成功' : '新增成功')
+                        addAndEditFormRef.value.resetFields() // 重置表单
+                        dialogConfig.outerVisible = false
+                        comTableRef.value?.refresh() // 刷新表格
+                    }
+                    resolve(result)
+                }
+            })
+        } catch (error) {
+            reject()
+        }
+    })
+}
+
+const onCloseDialogOuter = (visible) => {
+    dialogConfig.outerVisible = visible
+}
+</script>
diff --git a/src/views/basicManage/projectDept/config.js b/src/views/basicManage/projectDept/config.js
new file mode 100644
index 0000000..d8b844f
--- /dev/null
+++ b/src/views/basicManage/projectDept/config.js
@@ -0,0 +1,28 @@
+import { reactive } from 'vue'
+export default {
+    formColumns: [
+        {
+            type: 'input',
+            prop: 'inspectionStationName',
+            placeholder: '请输入项目部名称',
+        },
+    ],
+    tableColumns: [
+        {
+            prop: 'inspectionStationName',
+            label: '项目部名称',
+        },
+        {
+            prop: 'remark',
+            label: '备注',
+        },
+    ],
+
+    dialogConfig: reactive({
+        outerVisible: false,
+        outerTitle: '新增项目部',
+        outerWidth: '720px',
+        minHeight: '320px',
+        maxHeight: '80vh',
+    }),
+}
diff --git a/src/views/basicManage/projectDept/index.vue b/src/views/basicManage/projectDept/index.vue
index 4b21cf9..dcf2803 100644
--- a/src/views/basicManage/projectDept/index.vue
+++ b/src/views/basicManage/projectDept/index.vue
@@ -1,10 +1,156 @@
 <template>
-    <div>
-        <h1>项目部管理</h1>
+    <div class="app-container">
+        <!-- 项目部管理 -->
+        <ComTable
+            ref="comTableRef"
+            :form-columns="formColumns"
+            :table-columns="tableColumns"
+            :load-data="listProjectDeptAPI"
+            :show-toolbar="true"
+            :show-action="true"
+            :action-columns="actionColumns"
+            :default-query-params="{
+                category: 1, // 0: 项目部, 1: 项目部
+            }"
+        >
+            <!-- 工具栏插槽 -->
+            <template #toolbar>
+                <ComButton type="primary" icon="Plus" @click="onHandleAdd">新建项目部</ComButton>
+            </template>
+        </ComTable>
+
+        <ComDialog :dialog-config="dialogConfig" @closeDialogOuter="onCloseDialogOuter">
+            <template #outerContent>
+                <el-form
+                    size="large"
+                    label-width="100px"
+                    :model="addAndEditForm"
+                    ref="addAndEditFormRef"
+                    :rules="addAndEditRules"
+                >
+                    <el-form-item label="项目部名称" prop="inspectionStationName">
+                        <el-input
+                            clearable
+                            placeholder="请输入项目部名称"
+                            v-model.trim="addAndEditForm.inspectionStationName"
+                        />
+                    </el-form-item>
+                    <el-form-item label="备注" prop="remark">
+                        <el-input v-model="addAndEditForm.remark" placeholder="请输入备注" />
+                    </el-form-item>
+                </el-form>
+
+                <el-row class="common-btn-row">
+                    <ComButton plain type="info" @click="onHandleCancel">取消</ComButton>
+                    <ComButton @click="onHandleSave">保存</ComButton>
+                </el-row>
+            </template>
+        </ComDialog>
     </div>
 </template>
 
-<script setup name="ProjectDept"></script>
+<script setup name="projectDept">
+import { ref } from 'vue'
+import {
+    listProjectDeptAPI,
+    addProjectDeptAPI,
+    delProjectDeptAPI,
+    updateProjectDeptAPI,
+} from '@/api/basicManage/projectDept'
+import config from './config'
+import ComTable from '@/components/ComTable/index.vue'
+import ComButton from '@/components/ComButton/index.vue'
+import ComDialog from '@/components/ComDialog/index.vue'
 
-<style></style>
+const { formColumns, tableColumns, dialogConfig } = config
+const { proxy } = getCurrentInstance()
 
+const addAndEditFormRef = ref(null)
+const comTableRef = ref(null)
+const editId = ref(null)
+const addAndEditForm = ref({
+    inspectionStationName: '',
+    remark: '',
+    category: 1,
+})
+
+const addAndEditRules = ref({
+    inspectionStationName: [{ required: true, message: '请输入项目部名称', trigger: 'blur' }],
+})
+
+const actionColumns = [
+    {
+        label: '编辑',
+        type: 'primary',
+        link: true,
+        handler: (row) => {
+            const { inspectionStationId, inspectionStationName, remark } = row
+            addAndEditForm.value = {
+                inspectionStationId,
+                inspectionStationName,
+                remark,
+            }
+            editId.value = row.inspectionStationId
+            dialogConfig.outerTitle = '编辑项目部'
+            dialogConfig.outerVisible = true
+        },
+    },
+    {
+        label: '删除',
+        type: 'danger',
+        link: true,
+        handler: (row) => {
+            proxy.$modal.confirm('是否确认删除该项目部？').then(async () => {
+                const result = await delProjectDeptAPI({
+                    inspectionStationId: row.inspectionStationId,
+                })
+                if (result.code === 200) {
+                    proxy.$modal.msgSuccess('删除成功')
+                    comTableRef.value?.refresh() // 刷新表格
+                }
+            })
+        },
+    },
+]
+
+// 新增
+const onHandleAdd = () => {
+    editId.value = null
+    dialogConfig.outerVisible = true
+}
+
+// 取消
+const onHandleCancel = () => {
+    dialogConfig.outerVisible = false
+}
+
+// 保存
+const onHandleSave = async () => {
+    return new Promise((resolve, reject) => {
+        try {
+            addAndEditFormRef.value.validate(async (valid) => {
+                if (valid) {
+                    const API = editId.value ? updateProjectDeptAPI : addProjectDeptAPI
+                    const params = JSON.parse(JSON.stringify(addAndEditForm.value))
+                    editId.value ? (params.inspectionStationId = editId.value) : null
+
+                    const result = await API(params)
+                    if (result.code === 200) {
+                        proxy.$modal.msgSuccess(editId.value ? '编辑成功' : '新增成功')
+                        addAndEditFormRef.value.resetFields() // 重置表单
+                        dialogConfig.outerVisible = false
+                        comTableRef.value?.refresh() // 刷新表格
+                    }
+                    resolve(result)
+                }
+            })
+        } catch (error) {
+            reject()
+        }
+    })
+}
+
+const onCloseDialogOuter = (visible) => {
+    dialogConfig.outerVisible = visible
+}
+</script>