From 11ed08bc39e049406142fed326bae96e9e11323e Mon Sep 17 00:00:00 2001
From: Leo_Ding <2405260743@qq.com>
Date: Mon, 13 Oct 2025 09:16:22 +0800
Subject: [PATCH] =?UTF-8?q?=E8=8A=82=E7=82=B9=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/locales/lang/zh-CN/menu.js                |   4 +
 src/router/routes/index.js                    |   3 +-
 src/router/routes/serviceStaff.js             |  52 +++
 src/views/serverObj/carePhone/index.vue       |  40 +-
 src/views/serverObj/domicile/index.vue        |   4 +-
 src/views/serverObj/existence/index.vue       | 177 ++++----
 src/views/serverObj/institution/index.vue     |   6 +-
 .../serverList/components/detail.vue          |   6 +-
 src/views/serverObj/serverList/index.vue      |   4 +-
 src/views/serverObj/serverSearch/index.vue    | 139 ++++---
 src/views/serverObj/toBeInstitution/index.vue | 134 ++----
 .../assessor/components/EditDialog.vue        | 136 +++++++
 src/views/serviceStaff/assessor/index.vue     | 384 ++++++++++++++++++
 .../constructorList/components/EditDialog.vue | 228 +++++++++++
 .../serviceStaff/constructorList/index.vue    | 318 +++++++++++++++
 .../serviceStaffList/components/BasicInfo.vue | 220 ++++++++++
 .../components/EditDialog.vue                 | 146 +++++++
 .../serviceStaffList/components/detail.vue    | 218 ++++++++++
 .../serviceStaff/serviceStaffList/index.vue   | 380 +++++++++++++++++
 19 files changed, 2296 insertions(+), 303 deletions(-)
 create mode 100644 src/router/routes/serviceStaff.js
 create mode 100644 src/views/serviceStaff/assessor/components/EditDialog.vue
 create mode 100644 src/views/serviceStaff/assessor/index.vue
 create mode 100644 src/views/serviceStaff/constructorList/components/EditDialog.vue
 create mode 100644 src/views/serviceStaff/constructorList/index.vue
 create mode 100644 src/views/serviceStaff/serviceStaffList/components/BasicInfo.vue
 create mode 100644 src/views/serviceStaff/serviceStaffList/components/EditDialog.vue
 create mode 100644 src/views/serviceStaff/serviceStaffList/components/detail.vue
 create mode 100644 src/views/serviceStaff/serviceStaffList/index.vue

diff --git a/src/locales/lang/zh-CN/menu.js b/src/locales/lang/zh-CN/menu.js
index 651b7e6..ede042f 100644
--- a/src/locales/lang/zh-CN/menu.js
+++ b/src/locales/lang/zh-CN/menu.js
@@ -52,4 +52,8 @@ export default {
     carePhone: '电话关爱对象',
     serverSearch: '服务对象查询',
     existence: '生存状态管理',
+    serviceStaff:'服务人员',
+    constructorList:'施工员列表',
+    serviceStaffList:'服务人员',
+    assessor:'评估员列表'
 }
diff --git a/src/router/routes/index.js b/src/router/routes/index.js
index db2039c..1a101fb 100644
--- a/src/router/routes/index.js
+++ b/src/router/routes/index.js
@@ -14,7 +14,7 @@ import severObj from './severObj'
 // import other from './other'
 import workorder from './workorder'
 import service from './service'
-
+import serviceStaff from './serviceStaff'
 export default [
     ...home,
     // ...form,
@@ -32,4 +32,5 @@ export default [
     // ...other,
     ...workorder,
     ...service,
+    ...serviceStaff
 ]
diff --git a/src/router/routes/serviceStaff.js b/src/router/routes/serviceStaff.js
new file mode 100644
index 0000000..c3b2824
--- /dev/null
+++ b/src/router/routes/serviceStaff.js
@@ -0,0 +1,52 @@
+import { DollarOutlined } from '@ant-design/icons-vue'
+
+export default [
+    {
+        path: 'serviceStaff',
+        name: 'serviceStaff',
+        component: 'RouteViewLayout',
+        meta: {
+            icon: DollarOutlined,
+            title: '服务人员',
+            isMenu: true,
+            keepAlive: true,
+            permission: '*',
+        },
+        children: [
+            {
+                path: 'constructorList',
+                name: 'constructorList',
+                component: 'serviceStaff/constructorList/index.vue',
+                meta: {
+                    title: '施工员列表',
+                    isMenu: true,
+                    keepAlive: true,
+                    permission: '*',
+                },
+            },
+            {
+                path: 'serviceStaffList',
+                name: 'serviceStaffList',
+                component: 'serviceStaff/serviceStaffList/index.vue',
+                meta: {
+                    title: '服务人员',
+                    isMenu: true,
+                    keepAlive: true,
+                    permission: '*',
+                },
+            },
+            {
+                path: 'assessor',
+                name: 'assessor',
+                component: 'serviceStaff/assessor/index.vue',
+                meta: {
+                    title: '评估员列表',
+                    isMenu: true,
+                    keepAlive: true,
+                    permission: '*',
+                },
+            },
+           
+        ],
+    },
+]
diff --git a/src/views/serverObj/carePhone/index.vue b/src/views/serverObj/carePhone/index.vue
index 5622d9e..557c290 100644
--- a/src/views/serverObj/carePhone/index.vue
+++ b/src/views/serverObj/carePhone/index.vue
@@ -5,9 +5,16 @@
                     <a-row :gutter="[24, 24]">
                         <!-- 所在区域 -->
                         <a-col :span="12">
-                            <a-form-item label="所在区域" name="region">
-                                <AreaCascader v-model:value="searchFormData.currentNode" @change="onAreaChange" />
-                            </a-form-item>
+                             <a-form-item label="所在节点" name="currentNode">
+                            <a-tree-select v-model:value="value" show-search style="width: 100%"
+                                :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }" placeholder="Please select"
+                                allow-clear tree-default-expand-all :tree-data="treeData" tree-node-filter-prop="label">
+                                <template #title="{ value: val, label }">
+                                    <b v-if="val === 'parent 1-1'" style="color: #08c">sss</b>
+                                    <template v-else>{{ label }}</template>
+                                </template>
+                            </a-tree-select>
+                        </a-form-item>
                         </a-col>
                         <!-- 姓名 -->
                         <a-col :span="8">
@@ -22,14 +29,6 @@
                                 <a-input v-model:value="searchFormData.idNumber" placeholder="请输入身份证号" />
                             </a-form-item>
                         </a-col>
-
-                        <!-- 档案号 -->
-                        <a-col :span="8">
-                            <a-form-item label="档案号" name="fileNumber">
-                                <a-input v-model:value="searchFormData.fileNumber" placeholder="请输入档案号" />
-                            </a-form-item>
-                        </a-col>
-
                         <!-- 操作按钮 -->
                         <a-col class="align-left" :span="8">
                             <a-space>
@@ -45,12 +44,13 @@
         </x-search-bar>
         <a-row :gutter="8" :wrap="false">
             <a-col flex="auto">
-                <a-card title="待分配对象列表">
+                <a-card title="电话关爱对象列表">
                     <template #extra>
                         <a-space>
-                            <a-button>批量分配</a-button>
-                            <a-button>导出</a-button>
-                            <a-button>导出记录</a-button>
+                            <a-button type="primary">导入</a-button>
+                            <a-button type="dashed">导入记录</a-button>
+                            <a-button type="primary">导出</a-button>
+                            <a-button type="dashed">导出记录</a-button>
                         </a-space>
                     </template>
                     <a-table :columns="columns" :data-source="listData" bordered="true" :loading="loading"
@@ -61,7 +61,7 @@
                             </template>
                             <template v-if="'action' === column.key">
                                 <x-action-button @click="$refs.editDialogRef.handleCreate(record)">
-                                    <span>分配</span>
+                                    <span>编辑</span>
                                 </x-action-button>
                             </template>
                         </template>
@@ -124,14 +124,6 @@ const columns = [
         align: 'center',
         width: 180,
     },
-
-    {
-        title: '是否政府购买服务',
-        dataIndex: 'governmentPurchasedService',
-        key: 'governmentPurchasedService',
-        align: 'center',
-        width: 150,
-    },
     {
         title: '服务对象分类',
         dataIndex: 'serviceRecipientCategory',
diff --git a/src/views/serverObj/domicile/index.vue b/src/views/serverObj/domicile/index.vue
index 773f800..758a882 100644
--- a/src/views/serverObj/domicile/index.vue
+++ b/src/views/serverObj/domicile/index.vue
@@ -1,8 +1,8 @@
 <template>
     <x-search-bar class="mb-8-2">
         <template #default="{ gutter, colSpan }">
-            <a-form :model="searchFormData" layout="inline" labelAlign="left">
-                <a-row :gutter="[24, 24]">
+            <a-form :model="searchFormData"  labelAlign="left">
+                <a-row :gutter="12">
                     <a-col :span="8">
                         <a-form-item label="所在节点" name="currentNode">
                             <a-tree-select v-model:value="value" show-search style="width: 100%"
diff --git a/src/views/serverObj/existence/index.vue b/src/views/serverObj/existence/index.vue
index 5622d9e..d3a8200 100644
--- a/src/views/serverObj/existence/index.vue
+++ b/src/views/serverObj/existence/index.vue
@@ -1,75 +1,85 @@
 <template>
-        <x-search-bar class="mb-8-2">
-            <template #default="{ gutter, colSpan }">
-                <a-form :model="searchFormData" layout="inline" labelAlign="left">
-                    <a-row :gutter="[24, 24]">
-                        <!-- 所在区域 -->
-                        <a-col :span="12">
-                            <a-form-item label="所在区域" name="region">
-                                <AreaCascader v-model:value="searchFormData.currentNode" @change="onAreaChange" />
-                            </a-form-item>
-                        </a-col>
-                        <!-- 姓名 -->
-                        <a-col :span="8">
-                            <a-form-item label="姓名" name="name">
-                                <a-input v-model:value="searchFormData.name" placeholder="请输入姓名" />
-                            </a-form-item>
-                        </a-col>
+    <x-search-bar class="mb-8-2">
+        <template #default="{ gutter, colSpan }">
+            <a-form :model="searchFormData" layout="inline" labelAlign="left">
+                <a-row :gutter="[24, 24]">
+                    <!-- 所在区域 -->
+                    <a-col :span="8">
+                        <a-form-item label="所在节点" name="currentNode">
+                            <a-tree-select v-model:value="value" show-search style="width: 100%"
+                                :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }" placeholder="Please select"
+                                allow-clear tree-default-expand-all :tree-data="treeData" tree-node-filter-prop="label">
+                                <template #title="{ value: val, label }">
+                                    <b v-if="val === 'parent 1-1'" style="color: #08c">sss</b>
+                                    <template v-else>{{ label }}</template>
+                                </template>
+                            </a-tree-select>
+                        </a-form-item>
+                    </a-col>
+                    <!-- 所在区域 -->
+                    <a-col :span="8">
+                        <a-form-item label="所在区域" name="region">
+                            <AreaCascader v-model:value="searchFormData.currentNode" @change="onAreaChange" />
+                        </a-form-item>
+                    </a-col>
+                    <!-- 姓名 -->
+                    <a-col :span="8">
+                        <a-form-item label="姓名" name="name">
+                            <a-input v-model:value="searchFormData.name" placeholder="请输入姓名" />
+                        </a-form-item>
+                    </a-col>
 
-                        <!-- 身份证号 -->
-                        <a-col :span="8">
-                            <a-form-item label="身份证号" name="idNumber">
-                                <a-input v-model:value="searchFormData.idNumber" placeholder="请输入身份证号" />
-                            </a-form-item>
-                        </a-col>
+                    <!-- 身份证号 -->
+                    <a-col :span="8">
+                        <a-form-item label="身份证号" name="idNumber">
+                            <a-input v-model:value="searchFormData.idNumber" placeholder="请输入身份证号" />
+                        </a-form-item>
+                    </a-col>
 
-                        <!-- 档案号 -->
-                        <a-col :span="8">
-                            <a-form-item label="档案号" name="fileNumber">
-                                <a-input v-model:value="searchFormData.fileNumber" placeholder="请输入档案号" />
-                            </a-form-item>
-                        </a-col>
+                    <!-- 档案号 -->
+                    <a-col :span="8">
+                        <a-form-item label="档案号" name="fileNumber">
+                            <a-input v-model:value="searchFormData.fileNumber" placeholder="请输入档案号" />
+                        </a-form-item>
+                    </a-col>
 
-                        <!-- 操作按钮 -->
-                        <a-col class="align-left" :span="8">
-                            <a-space>
-                                <a-button @click="handleResetSearch">{{ $t('button.reset') }}</a-button>
-                                <a-button ghost type="primary" @click="handleSearch">
-                                    {{ $t('button.search') }}
-                                </a-button>
-                            </a-space>
-                        </a-col>
-                    </a-row>
-                </a-form>
-            </template>
-        </x-search-bar>
-        <a-row :gutter="8" :wrap="false">
-            <a-col flex="auto">
-                <a-card title="待分配对象列表">
-                    <template #extra>
+                    <!-- 操作按钮 -->
+                    <a-col class="align-left" :span="8">
                         <a-space>
-                            <a-button>批量分配</a-button>
-                            <a-button>导出</a-button>
-                            <a-button>导出记录</a-button>
+                            <a-button @click="handleResetSearch">{{ $t('button.reset') }}</a-button>
+                            <a-button ghost type="primary" @click="handleSearch">
+                                {{ $t('button.search') }}
+                            </a-button>
                         </a-space>
-                    </template>
-                    <a-table :columns="columns" :data-source="listData" bordered="true" :loading="loading"
-                        :pagination="paginationState" :scroll="{ x: 'max-content' }" @change="onTableChange">
-                        <template #bodyCell="{ index, column, record }">
-                            <template v-if="column.key === 'serialNumber'">
-                                <span>{{ index + 1 }}</span>
-                            </template>
-                            <template v-if="'action' === column.key">
-                                <x-action-button @click="$refs.editDialogRef.handleCreate(record)">
-                                    <span>分配</span>
-                                </x-action-button>
-                            </template>
+                    </a-col>
+                </a-row>
+            </a-form>
+        </template>
+    </x-search-bar>
+    <a-row :gutter="8" :wrap="false">
+        <a-col flex="auto">
+            <a-card title="待分配对象列表">
+                <template #extra>
+                    <a-space>
+                        <a-button type="primary">导入</a-button>
+                            <a-button type="dashed">导入记录</a-button>
+                            <a-button type="primary">导出</a-button>
+                            <a-button type="dashed">导出记录</a-button>
+                    </a-space>
+                </template>
+                <a-table :columns="columns" :data-source="listData" bordered="true" :loading="loading"
+                    :pagination="paginationState" :scroll="{ x: 'max-content' }" @change="onTableChange">
+                    <template #bodyCell="{ index, column, record }">
+                        <template v-if="column.key === 'serialNumber'">
+                            <span>{{ index + 1 }}</span>
                         </template>
-                    </a-table>
-                </a-card>
-            </a-col>
-        </a-row>
-        <edit-dialog ref="editDialogRef" @ok="onOk"></edit-dialog>
+                      
+                    </template>
+                </a-table>
+            </a-card>
+        </a-col>
+    </a-row>
+    <edit-dialog ref="editDialogRef" @ok="onOk"></edit-dialog>
 </template>
 
 <script setup>
@@ -126,27 +136,27 @@ const columns = [
     },
 
     {
-        title: '是否政府购买服务',
-        dataIndex: 'governmentPurchasedService',
-        key: 'governmentPurchasedService',
+        title: '去世时间',
+        dataIndex: 'diedTime',
+        key: 'diedTime',
         align: 'center',
         width: 150,
     },
     {
-        title: '服务对象分类',
-        dataIndex: 'serviceRecipientCategory',
-        key: 'serviceRecipientCategory',
+        title: '去世原因',
+        dataIndex: 'diedReason',
+        key: 'diedReason',
         align: 'center',
         width: 120,
     },
     {
-        title: '健康状况',
-        dataIndex: 'healthStatus',
-        key: 'healthStatus',
+        title: '更新时间',
+        dataIndex: 'updateTime',
+        key: 'updateTime',
         align: 'center',
         width: 120,
     },
-   
+
     // --- 联系方式 ---
     {
         title: '联系方式1',
@@ -162,13 +172,6 @@ const columns = [
         align: 'center',
         width: 130,
     },
-    {
-        title: '联系方式3',
-        dataIndex: 'contact3',
-        key: 'contact3',
-        align: 'center',
-        width: 130,
-    },
     {
         title: '所在区域',
         dataIndex: 'region',
@@ -209,14 +212,6 @@ const columns = [
             return text ? dayjs(text).format('YYYY-MM-DD') : '-';
         },
     },
-    {
-        title: '操作',
-        dataIndex: 'action',
-        key: 'action',
-        align: 'center',
-        width: 120,
-        fixed: 'right',
-    }
 ];
 const { t } = useI18n() // 解构出t方法
 const { listData, loading, showLoading, hideLoading, paginationState, resetPagination, searchFormData } = usePagination()
@@ -389,4 +384,4 @@ async function onOk() {
 
 </script>
 
-    <style lang="less" scoped></style>
+<style lang="less" scoped></style>
diff --git a/src/views/serverObj/institution/index.vue b/src/views/serverObj/institution/index.vue
index ea9fdb4..70c78f5 100644
--- a/src/views/serverObj/institution/index.vue
+++ b/src/views/serverObj/institution/index.vue
@@ -1,8 +1,8 @@
 <template>
     <x-search-bar class="mb-8-2">
         <template #default="{ gutter, colSpan }">
-            <a-form :model="searchFormData" layout="inline" labelAlign="left">
-                <a-row :gutter="[24, 24]">
+            <a-form :model="searchFormData" labelAlign="left">
+                <a-row :gutter="12">
 
                     <!-- 姓名 -->
                     <a-col :span="8">
@@ -112,7 +112,7 @@
                         </template>
                         <template v-if="'action' === column.key">
                             <x-action-button @click="$refs.editDialogRef.handleCreate(record)">
-                                <span>分配</span>
+                                <span>编辑</span>
                             </x-action-button>
                         </template>
                     </template>
diff --git a/src/views/serverObj/serverList/components/detail.vue b/src/views/serverObj/serverList/components/detail.vue
index c93a957..ec78594 100644
--- a/src/views/serverObj/serverList/components/detail.vue
+++ b/src/views/serverObj/serverList/components/detail.vue
@@ -1,8 +1,9 @@
 <template>
     <a-modal :open="modal.open" :title="modal.title" :width="1000" :confirm-loading="modal.confirmLoading"
         :after-close="onAfterClose" :cancel-text="cancelText" @ok="handleOk" @cancel="handleCancel">
+        <a-card>
         <div style="display: flex;justify-content: space-around;">
-            <div style="width:200px;margin-top: 20px;">
+            <div style="width:200px;margin-top: 20px;border-right: 1px solid #f0f0f0;display: flex;flex-direction: column;align-items: center;">
                 <gx-upload v-model="formData.imgList" accept-types=".jpg,.png,.webp" :fileNumber="1" />
                 <p>{{ formData.name }}{{ formData.gender }}{{ formData.age }}</p>
                 <p>身份证号：{{ formData.idNumber }}</p>
@@ -11,7 +12,7 @@
                 <p>联系方式：{{ formData.contact1 }}</p>
                 <p><a-tag color="#2db7f5">#2db7f5</a-tag></p>
             </div>
-            <div style="width: calc(100% - 200px);">
+            <div style="width: calc(100% - 200px);padding: 20px;">
                 <!-- Tab 页签 -->
                 <a-tabs v-model:activeKey="activeKey" @change="handleTabChange" >
                     <a-tab-pane v-for="(tab, index) in tabsList" :key="index" :tab="tab" />
@@ -24,6 +25,7 @@
                 </div>
             </div>
         </div>
+        </a-card>
     </a-modal>
 </template>
 
diff --git a/src/views/serverObj/serverList/index.vue b/src/views/serverObj/serverList/index.vue
index 4efc47b..bda17fd 100644
--- a/src/views/serverObj/serverList/index.vue
+++ b/src/views/serverObj/serverList/index.vue
@@ -1,8 +1,8 @@
 <template>
     <x-search-bar class="mb-8-2">
         <template #default="{ gutter, colSpan }">
-            <a-form :model="searchFormData" layout="inline" labelAlign="left">
-                <a-row :gutter="[24, 24]">
+            <a-form :model="searchFormData" labelAlign="left">
+                <a-row :gutter="24">
                     <a-col :span="12">
                         <a-form-item label="所在节点" name="currentNode">
                             <a-tree-select v-model:value="value" show-search style="width: 100%"
diff --git a/src/views/serverObj/serverSearch/index.vue b/src/views/serverObj/serverSearch/index.vue
index 5622d9e..ab589ee 100644
--- a/src/views/serverObj/serverSearch/index.vue
+++ b/src/views/serverObj/serverSearch/index.vue
@@ -1,75 +1,80 @@
 <template>
-        <x-search-bar class="mb-8-2">
-            <template #default="{ gutter, colSpan }">
-                <a-form :model="searchFormData" layout="inline" labelAlign="left">
-                    <a-row :gutter="[24, 24]">
-                        <!-- 所在区域 -->
-                        <a-col :span="12">
-                            <a-form-item label="所在区域" name="region">
-                                <AreaCascader v-model:value="searchFormData.currentNode" @change="onAreaChange" />
-                            </a-form-item>
-                        </a-col>
-                        <!-- 姓名 -->
-                        <a-col :span="8">
-                            <a-form-item label="姓名" name="name">
-                                <a-input v-model:value="searchFormData.name" placeholder="请输入姓名" />
-                            </a-form-item>
-                        </a-col>
+    <x-search-bar class="mb-8-2">
+        <template #default="{ gutter, colSpan }">
+            <a-form :model="searchFormData" layout="inline" labelAlign="left">
+                <a-row :gutter="[24, 24]">
 
-                        <!-- 身份证号 -->
-                        <a-col :span="8">
-                            <a-form-item label="身份证号" name="idNumber">
-                                <a-input v-model:value="searchFormData.idNumber" placeholder="请输入身份证号" />
-                            </a-form-item>
-                        </a-col>
+                    <!-- 姓名 -->
+                    <a-col :span="8">
+                        <a-form-item label="姓名" name="name">
+                            <a-input v-model:value="searchFormData.name" placeholder="请输入姓名" />
+                        </a-form-item>
+                    </a-col>
 
-                        <!-- 档案号 -->
-                        <a-col :span="8">
-                            <a-form-item label="档案号" name="fileNumber">
-                                <a-input v-model:value="searchFormData.fileNumber" placeholder="请输入档案号" />
-                            </a-form-item>
-                        </a-col>
+                    <!-- 身份证号 -->
+                    <a-col :span="8">
+                        <a-form-item label="身份证号" name="idNumber">
+                            <a-input v-model:value="searchFormData.idNumber" placeholder="请输入身份证号" />
+                        </a-form-item>
+                    </a-col>
 
-                        <!-- 操作按钮 -->
-                        <a-col class="align-left" :span="8">
-                            <a-space>
-                                <a-button @click="handleResetSearch">{{ $t('button.reset') }}</a-button>
-                                <a-button ghost type="primary" @click="handleSearch">
-                                    {{ $t('button.search') }}
-                                </a-button>
-                            </a-space>
-                        </a-col>
-                    </a-row>
-                </a-form>
-            </template>
-        </x-search-bar>
-        <a-row :gutter="8" :wrap="false">
-            <a-col flex="auto">
-                <a-card title="待分配对象列表">
-                    <template #extra>
+                    <!-- 档案号 -->
+                    <a-col :span="8">
+                        <a-form-item label="联系方式1" name="contact1">
+                            <a-input v-model:value="searchFormData.contact1" placeholder="请输入联系方式1" />
+                        </a-form-item>
+                    </a-col>
+                    <!-- 档案号 -->
+                    <a-col :span="8">
+                        <a-form-item label="联系方式2" name="contact2">
+                            <a-input v-model:value="searchFormData.contact1" placeholder="请输入联系方式2" />
+                        </a-form-item>
+                    </a-col>
+                    <!-- 操作按钮 -->
+                    <a-col class="align-left" :span="8">
                         <a-space>
-                            <a-button>批量分配</a-button>
-                            <a-button>导出</a-button>
-                            <a-button>导出记录</a-button>
+                            <a-button @click="handleResetSearch">{{ $t('button.reset') }}</a-button>
+                            <a-button ghost type="primary" @click="handleSearch">
+                                {{ $t('button.search') }}
+                            </a-button>
                         </a-space>
-                    </template>
-                    <a-table :columns="columns" :data-source="listData" bordered="true" :loading="loading"
-                        :pagination="paginationState" :scroll="{ x: 'max-content' }" @change="onTableChange">
-                        <template #bodyCell="{ index, column, record }">
-                            <template v-if="column.key === 'serialNumber'">
-                                <span>{{ index + 1 }}</span>
-                            </template>
-                            <template v-if="'action' === column.key">
-                                <x-action-button @click="$refs.editDialogRef.handleCreate(record)">
-                                    <span>分配</span>
-                                </x-action-button>
-                            </template>
+                    </a-col>
+                </a-row>
+            </a-form>
+        </template>
+    </x-search-bar>
+    <a-row :gutter="8" :wrap="false">
+        <a-col flex="auto">
+            <a-card title="服务对象列表">
+                <a-table :columns="columns" :data-source="listData" bordered="true" :loading="loading"
+                    :pagination="paginationState" :scroll="{ x: 'max-content' }" @change="onTableChange">
+                    <template #bodyCell="{ index, column, record }">
+                        <template v-if="column.key === 'serialNumber'">
+                            <span>{{ index + 1 }}</span>
                         </template>
-                    </a-table>
-                </a-card>
-            </a-col>
-        </a-row>
-        <edit-dialog ref="editDialogRef" @ok="onOk"></edit-dialog>
+                        <template v-if="'action' === column.key">
+                             <x-action-button @click="$refs.detailRef.handleCreate(record)">
+                                <span>详情</span>
+                            </x-action-button>
+                            <!-- <x-action-button @click="checkHandler(record)">
+                                <span>线下工单</span>
+                            </x-action-button> -->
+                            <x-action-button @click="$refs.detailRef.handleCreate(record)">
+                                <span>编辑</span>
+                            </x-action-button>
+                            <!-- <x-action-button @click="checkHandler(record)">
+                                <span>线上工单</span>
+                            </x-action-button>
+                            <x-action-button @click="checkHandler(record)">
+                                <span>转出</span>
+                            </x-action-button> -->
+                        </template>
+                    </template>
+                </a-table>
+            </a-card>
+        </a-col>
+    </a-row>
+    <edit-dialog ref="editDialogRef" @ok="onOk"></edit-dialog>
 </template>
 
 <script setup>
@@ -146,7 +151,7 @@ const columns = [
         align: 'center',
         width: 120,
     },
-   
+
     // --- 联系方式 ---
     {
         title: '联系方式1',
@@ -389,4 +394,4 @@ async function onOk() {
 
 </script>
 
-    <style lang="less" scoped></style>
+<style lang="less" scoped></style>
diff --git a/src/views/serverObj/toBeInstitution/index.vue b/src/views/serverObj/toBeInstitution/index.vue
index 5622d9e..90fd961 100644
--- a/src/views/serverObj/toBeInstitution/index.vue
+++ b/src/views/serverObj/toBeInstitution/index.vue
@@ -4,8 +4,8 @@
                 <a-form :model="searchFormData" layout="inline" labelAlign="left">
                     <a-row :gutter="[24, 24]">
                         <!-- 所在区域 -->
-                        <a-col :span="12">
-                            <a-form-item label="所在区域" name="region">
+                        <a-col :span="8">
+                            <a-form-item label="户籍区域" name="region">
                                 <AreaCascader v-model:value="searchFormData.currentNode" @change="onAreaChange" />
                             </a-form-item>
                         </a-col>
@@ -15,21 +15,6 @@
                                 <a-input v-model:value="searchFormData.name" placeholder="请输入姓名" />
                             </a-form-item>
                         </a-col>
-
-                        <!-- 身份证号 -->
-                        <a-col :span="8">
-                            <a-form-item label="身份证号" name="idNumber">
-                                <a-input v-model:value="searchFormData.idNumber" placeholder="请输入身份证号" />
-                            </a-form-item>
-                        </a-col>
-
-                        <!-- 档案号 -->
-                        <a-col :span="8">
-                            <a-form-item label="档案号" name="fileNumber">
-                                <a-input v-model:value="searchFormData.fileNumber" placeholder="请输入档案号" />
-                            </a-form-item>
-                        </a-col>
-
                         <!-- 操作按钮 -->
                         <a-col class="align-left" :span="8">
                             <a-space>
@@ -45,23 +30,26 @@
         </x-search-bar>
         <a-row :gutter="8" :wrap="false">
             <a-col flex="auto">
-                <a-card title="待分配对象列表">
+                <a-card>
+                    <template #title>
+                         <a-space>
+                        <span style="font-size: 18px;">待完善对象列表</span>
+                        <span style="margin-left: 10px;color: #666;">({{ totalCount }}人)</span>
+                    </a-space>
+                    </template>
                     <template #extra>
                         <a-space>
-                            <a-button>批量分配</a-button>
-                            <a-button>导出</a-button>
-                            <a-button>导出记录</a-button>
+                            <a-button type="primary">导入</a-button>
+                            <a-button type="primary">导入记录</a-button>
                         </a-space>
                     </template>
                     <a-table :columns="columns" :data-source="listData" bordered="true" :loading="loading"
                         :pagination="paginationState" :scroll="{ x: 'max-content' }" @change="onTableChange">
                         <template #bodyCell="{ index, column, record }">
-                            <template v-if="column.key === 'serialNumber'">
-                                <span>{{ index + 1 }}</span>
-                            </template>
+                          
                             <template v-if="'action' === column.key">
                                 <x-action-button @click="$refs.editDialogRef.handleCreate(record)">
-                                    <span>分配</span>
+                                    <span>编辑</span>
                                 </x-action-button>
                             </template>
                         </template>
@@ -87,15 +75,8 @@ defineOptions({
     name: 'allocation',
 })
 const dicsStore = useDicsStore()
-
+const totalCount=ref(0)
 const columns = [
-    {
-        title: '序号',
-        dataIndex: 'serialNumber',
-        key: 'serialNumber',
-        align: 'center',
-        width: 80,
-    },
     {
         title: '姓名',
         dataIndex: 'name',
@@ -104,78 +85,35 @@ const columns = [
         width: 100,
     },
     {
-        title: '性别',
-        dataIndex: 'gender',
-        key: 'gender',
+        title: '出生日期',
+        dataIndex: 'birthTime',
+        key: 'birthTime',
         align: 'center',
         width: 80,
     },
     {
-        title: '年龄',
+        title: '户籍责任区',
         dataIndex: 'age',
         key: 'age',
         align: 'center',
         width: 80,
     },
-    {
-        title: '身份证号',
-        dataIndex: 'idNumber',
-        key: 'idNumber',
-        align: 'center',
-        width: 180,
-    },
-
-    {
-        title: '是否政府购买服务',
-        dataIndex: 'governmentPurchasedService',
-        key: 'governmentPurchasedService',
-        align: 'center',
-        width: 150,
-    },
-    {
-        title: '服务对象分类',
-        dataIndex: 'serviceRecipientCategory',
-        key: 'serviceRecipientCategory',
-        align: 'center',
-        width: 120,
-    },
-    {
-        title: '健康状况',
-        dataIndex: 'healthStatus',
-        key: 'healthStatus',
-        align: 'center',
-        width: 120,
-    },
-   
+    
     // --- 联系方式 ---
     {
-        title: '联系方式1',
-        dataIndex: 'contact1',
-        key: 'contact1',
+        title: '联系方式',
+        dataIndex: 'contact',
+        key: 'contact',
         align: 'center',
         width: 130,
     },
     {
-        title: '联系方式2',
+        title: '户籍区域',
         dataIndex: 'contact2',
         key: 'contact2',
         align: 'center',
         width: 130,
     },
-    {
-        title: '联系方式3',
-        dataIndex: 'contact3',
-        key: 'contact3',
-        align: 'center',
-        width: 130,
-    },
-    {
-        title: '所在区域',
-        dataIndex: 'region',
-        key: 'region',
-        align: 'center',
-        width: 120,
-    },
     {
         title: '详细地址',
         dataIndex: 'detailedAddress',
@@ -183,32 +121,6 @@ const columns = [
         align: 'center',
         width: 200,
     },
-
-    {
-        title: '所在节点',
-        dataIndex: 'currentNode',
-        key: 'currentNode',
-        align: 'center',
-        width: 120,
-    },
-    {
-        title: '档案号',
-        dataIndex: 'fileNumber',
-        key: 'fileNumber',
-        align: 'center',
-        width: 140,
-    },
-    // --- 档案创建日期 ---
-    {
-        title: '建档日期',
-        dataIndex: 'dateOfFileCreation',
-        key: 'dateOfFileCreation',
-        align: 'center',
-        width: 140,
-        customRender: ({ text, record }) => {
-            return text ? dayjs(text).format('YYYY-MM-DD') : '-';
-        },
-    },
     {
         title: '操作',
         dataIndex: 'action',
diff --git a/src/views/serviceStaff/assessor/components/EditDialog.vue b/src/views/serviceStaff/assessor/components/EditDialog.vue
new file mode 100644
index 0000000..33b0919
--- /dev/null
+++ b/src/views/serviceStaff/assessor/components/EditDialog.vue
@@ -0,0 +1,136 @@
+<template>
+    <a-modal :open="modal.open" :title="modal.title" :width="600" :confirm-loading="modal.confirmLoading"
+        :after-close="onAfterClose" :cancel-text="cancelText" @ok="handleOk" @cancel="handleCancel">
+        <a-form ref="formRef" :model="formData" :rules="formRules">
+            <a-row :gutter="24">
+                <!-- 姓名 -->
+                <a-col :span="24">
+                    <a-form-item label="分配到" name="name" :rules="[{ required: true, message: '请选择节点' }]">
+                        <a-tree-select v-model:value="formData.name" style="width: 100%" :tree-data="treeData" tree-checkable
+                            allow-clear :show-checked-strategy="SHOW_PARENT" placeholder="请选择站点"
+                            tree-node-filter-prop="label" />
+                    </a-form-item>
+                </a-col>
+            </a-row>
+        </a-form>
+    </a-modal>
+</template>
+
+<script setup>
+import { cloneDeep } from 'lodash-es'
+import { ref, defineProps } from 'vue'
+import { config } from '@/config'
+import apis from '@/apis'
+import { useForm, useModal } from '@/hooks'
+import { useDicsStore } from '@/store'
+import AreaCascader from '@/components/AreaCascader/index.vue'
+const emit = defineEmits(['ok'])
+const activeKey = ref('1')
+const { modal, showModal, hideModal, showLoading, hideLoading } = useModal()
+const { formRecord, formData, formRef, formRules, resetForm } = useForm()
+const cancelText = ref('取消')
+const treeData = [
+  {
+    label: 'Node1',
+    value: '0-0',
+    children: [
+      {
+        label: 'Child Node1',
+        value: '0-0-0',
+      },
+    ],
+  },
+  {
+    label: 'Node2',
+    value: '0-1',
+
+    children: [
+      {
+        label: 'Child Node3',
+        value: '0-1-0',
+        disabled: true,
+      },
+      {
+        label: 'Child Node4',
+        value: '0-1-1',
+      },
+      {
+        label: 'Child Node5',
+        value: '0-1-2',
+      },
+    ],
+  },
+];
+
+/**
+ * 新建
+ */
+function handleCreate() {
+    showModal({
+        type: 'create',
+        title: '分配节点',
+    })
+}
+
+
+
+/**
+ * 确定
+ */
+function handleOk() {
+    formRef.value
+        .validateFields()
+        .then(async (values) => {
+            try {
+                showLoading()
+                const params = {
+                    ...formData.value,
+                }
+                let result = null
+                switch (modal.value.type) {
+                    case 'create':
+                        result = await apis.serverObj.createItem(params).catch(() => {
+                            throw new Error()
+                        })
+                        break
+                    case 'edit':
+                        result = await apis.serverObj.updateItem(params).catch(() => {
+                            throw new Error()
+                        })
+                        break
+                }
+                hideLoading()
+                if (config('http.code.success') === result?.code) {
+                    hideModal()
+                    emit('ok')
+                }
+            } catch (error) {
+                hideLoading()
+            }
+        })
+        .catch(() => {
+            hideLoading()
+        })
+}
+
+/**
+ * 取消
+ */
+function handleCancel() {
+    hideModal()
+}
+
+/**
+ * 关闭后
+ */
+function onAfterClose() {
+    resetForm()
+    hideLoading()
+}
+
+defineExpose({
+    handleCreate,
+})
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/serviceStaff/assessor/index.vue b/src/views/serviceStaff/assessor/index.vue
new file mode 100644
index 0000000..557c290
--- /dev/null
+++ b/src/views/serviceStaff/assessor/index.vue
@@ -0,0 +1,384 @@
+<template>
+        <x-search-bar class="mb-8-2">
+            <template #default="{ gutter, colSpan }">
+                <a-form :model="searchFormData" layout="inline" labelAlign="left">
+                    <a-row :gutter="[24, 24]">
+                        <!-- 所在区域 -->
+                        <a-col :span="12">
+                             <a-form-item label="所在节点" name="currentNode">
+                            <a-tree-select v-model:value="value" show-search style="width: 100%"
+                                :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }" placeholder="Please select"
+                                allow-clear tree-default-expand-all :tree-data="treeData" tree-node-filter-prop="label">
+                                <template #title="{ value: val, label }">
+                                    <b v-if="val === 'parent 1-1'" style="color: #08c">sss</b>
+                                    <template v-else>{{ label }}</template>
+                                </template>
+                            </a-tree-select>
+                        </a-form-item>
+                        </a-col>
+                        <!-- 姓名 -->
+                        <a-col :span="8">
+                            <a-form-item label="姓名" name="name">
+                                <a-input v-model:value="searchFormData.name" placeholder="请输入姓名" />
+                            </a-form-item>
+                        </a-col>
+
+                        <!-- 身份证号 -->
+                        <a-col :span="8">
+                            <a-form-item label="身份证号" name="idNumber">
+                                <a-input v-model:value="searchFormData.idNumber" placeholder="请输入身份证号" />
+                            </a-form-item>
+                        </a-col>
+                        <!-- 操作按钮 -->
+                        <a-col class="align-left" :span="8">
+                            <a-space>
+                                <a-button @click="handleResetSearch">{{ $t('button.reset') }}</a-button>
+                                <a-button ghost type="primary" @click="handleSearch">
+                                    {{ $t('button.search') }}
+                                </a-button>
+                            </a-space>
+                        </a-col>
+                    </a-row>
+                </a-form>
+            </template>
+        </x-search-bar>
+        <a-row :gutter="8" :wrap="false">
+            <a-col flex="auto">
+                <a-card title="电话关爱对象列表">
+                    <template #extra>
+                        <a-space>
+                            <a-button type="primary">导入</a-button>
+                            <a-button type="dashed">导入记录</a-button>
+                            <a-button type="primary">导出</a-button>
+                            <a-button type="dashed">导出记录</a-button>
+                        </a-space>
+                    </template>
+                    <a-table :columns="columns" :data-source="listData" bordered="true" :loading="loading"
+                        :pagination="paginationState" :scroll="{ x: 'max-content' }" @change="onTableChange">
+                        <template #bodyCell="{ index, column, record }">
+                            <template v-if="column.key === 'serialNumber'">
+                                <span>{{ index + 1 }}</span>
+                            </template>
+                            <template v-if="'action' === column.key">
+                                <x-action-button @click="$refs.editDialogRef.handleCreate(record)">
+                                    <span>编辑</span>
+                                </x-action-button>
+                            </template>
+                        </template>
+                    </a-table>
+                </a-card>
+            </a-col>
+        </a-row>
+        <edit-dialog ref="editDialogRef" @ok="onOk"></edit-dialog>
+</template>
+
+<script setup>
+import { message, Modal } from 'ant-design-vue'
+import { ref } from 'vue'
+import apis from '@/apis'
+import { config } from '@/config'
+import { usePagination } from '@/hooks'
+import { useI18n } from 'vue-i18n'
+import EditDialog from './components/EditDialog.vue'
+import { useDicsStore } from '@/store'
+import AreaCascader from '@/components/AreaCascader/index.vue'
+import dayjs from 'dayjs'
+defineOptions({
+    name: 'allocation',
+})
+const dicsStore = useDicsStore()
+
+const columns = [
+    {
+        title: '序号',
+        dataIndex: 'serialNumber',
+        key: 'serialNumber',
+        align: 'center',
+        width: 80,
+    },
+    {
+        title: '姓名',
+        dataIndex: 'name',
+        key: 'name',
+        align: 'center',
+        width: 100,
+    },
+    {
+        title: '性别',
+        dataIndex: 'gender',
+        key: 'gender',
+        align: 'center',
+        width: 80,
+    },
+    {
+        title: '年龄',
+        dataIndex: 'age',
+        key: 'age',
+        align: 'center',
+        width: 80,
+    },
+    {
+        title: '身份证号',
+        dataIndex: 'idNumber',
+        key: 'idNumber',
+        align: 'center',
+        width: 180,
+    },
+    {
+        title: '服务对象分类',
+        dataIndex: 'serviceRecipientCategory',
+        key: 'serviceRecipientCategory',
+        align: 'center',
+        width: 120,
+    },
+    {
+        title: '健康状况',
+        dataIndex: 'healthStatus',
+        key: 'healthStatus',
+        align: 'center',
+        width: 120,
+    },
+   
+    // --- 联系方式 ---
+    {
+        title: '联系方式1',
+        dataIndex: 'contact1',
+        key: 'contact1',
+        align: 'center',
+        width: 130,
+    },
+    {
+        title: '联系方式2',
+        dataIndex: 'contact2',
+        key: 'contact2',
+        align: 'center',
+        width: 130,
+    },
+    {
+        title: '联系方式3',
+        dataIndex: 'contact3',
+        key: 'contact3',
+        align: 'center',
+        width: 130,
+    },
+    {
+        title: '所在区域',
+        dataIndex: 'region',
+        key: 'region',
+        align: 'center',
+        width: 120,
+    },
+    {
+        title: '详细地址',
+        dataIndex: 'detailedAddress',
+        key: 'detailedAddress',
+        align: 'center',
+        width: 200,
+    },
+
+    {
+        title: '所在节点',
+        dataIndex: 'currentNode',
+        key: 'currentNode',
+        align: 'center',
+        width: 120,
+    },
+    {
+        title: '档案号',
+        dataIndex: 'fileNumber',
+        key: 'fileNumber',
+        align: 'center',
+        width: 140,
+    },
+    // --- 档案创建日期 ---
+    {
+        title: '建档日期',
+        dataIndex: 'dateOfFileCreation',
+        key: 'dateOfFileCreation',
+        align: 'center',
+        width: 140,
+        customRender: ({ text, record }) => {
+            return text ? dayjs(text).format('YYYY-MM-DD') : '-';
+        },
+    },
+    {
+        title: '操作',
+        dataIndex: 'action',
+        key: 'action',
+        align: 'center',
+        width: 120,
+        fixed: 'right',
+    }
+];
+const { t } = useI18n() // 解构出t方法
+const { listData, loading, showLoading, hideLoading, paginationState, resetPagination, searchFormData } = usePagination()
+const editDialogRef = ref()
+const detailRef = ref()
+const treeData = ref([
+    {
+        title: 'Node1',
+        value: '0-0',
+        key: '0-0',
+        children: [
+            {
+                value: '0-0-1',
+                key: '0-0-1',
+                slots: {
+                    title: 'title',
+                },
+            },
+            {
+                title: 'Child Node2',
+                value: '0-0-2',
+                key: '0-0-2',
+            },
+        ],
+    },
+    {
+        title: 'Node2',
+        value: '0-1',
+        key: '0-1',
+    },
+]);
+const options = ref([
+    {
+        value: 'zhejiang',
+        label: 'Zhejiang',
+        children: [
+            {
+                value: 'hangzhou',
+                label: 'Hangzhou',
+                children: [
+                    {
+                        value: 'xihu',
+                        label: 'West Lake',
+                    },
+                ],
+            },
+        ],
+    },
+    {
+        value: 'jiangsu',
+        label: 'Jiangsu',
+        children: [
+            {
+                value: 'nanjing',
+                label: 'Nanjing',
+                children: [
+                    {
+                        value: 'zhonghuamen',
+                        label: 'Zhong Hua Men',
+                    },
+                ],
+            },
+        ],
+    },])
+
+getPageList()
+
+async function getPageList() {
+    try {
+        const { pageSize, current } = paginationState
+        const { success, data, total } = await apis.serverObj
+            .getProjectList({
+                pageSize,
+                current: current,
+                ...searchFormData.value,
+            })
+            .catch(() => {
+                throw new Error()
+            })
+
+        if (config('http.code.success') === success) {
+            listData.value = data
+            paginationState.total = total
+        }
+    } catch (error) {
+
+    }
+}
+/**核销 */
+const checkHandler = (record) => {
+    Modal.confirm({
+        title: '即将核销是否继续',
+        content: t('button.confirm'),
+        okText: t('button.confirm'),
+        onOk: async () => {
+            const params = {
+                ...record,
+                status: 'success'
+            }
+            const { success } = await apis.productOrder.updateItem(params.id, params).catch(() => {
+                // throw new Error()
+            })
+            if (config('http.code.success') === success) {
+                // resolve()
+                message.success('核销成功')
+                await getPageList()
+            }
+        },
+    })
+}
+/**
+ * 删除
+ */
+function handleDelete({ id }) {
+    Modal.confirm({
+        title: t('pages.system.user.delTip'),
+        content: t('button.confirm'),
+        okText: t('button.confirm'),
+        onOk: () => {
+            return new Promise((resolve, reject) => {
+                ; (async () => {
+                    try {
+                        const { success } = await apis.productOrder.delItem(id).catch(() => {
+                            throw new Error()
+                        })
+                        if (config('http.code.success') === success) {
+                            resolve()
+                            message.success(t('component.message.success.delete'))
+                            await getPageList()
+                        }
+                    } catch (error) {
+                        reject()
+                    }
+                })()
+            })
+        },
+    })
+}
+
+/**
+ * 分页
+ */
+function onTableChange({ current, pageSize }) {
+    paginationState.current = current
+    paginationState.pageSize = pageSize
+    getPageList()
+}
+
+/**
+ * 搜索
+ */
+function handleSearch() {
+    resetPagination()
+    getPageList()
+}
+/**
+ * 重置
+ */
+function handleResetSearch() {
+    searchFormData.value = {}
+    resetPagination()
+    getPageList()
+}
+/**
+ * 编辑完成
+ */
+async function onOk() {
+    await getPageList()
+}
+
+</script>
+
+    <style lang="less" scoped></style>
diff --git a/src/views/serviceStaff/constructorList/components/EditDialog.vue b/src/views/serviceStaff/constructorList/components/EditDialog.vue
new file mode 100644
index 0000000..954dadc
--- /dev/null
+++ b/src/views/serviceStaff/constructorList/components/EditDialog.vue
@@ -0,0 +1,228 @@
+<template>
+    <a-modal :open="modal.open" :title="modal.title" :width="600" :confirm-loading="modal.confirmLoading"
+        :after-close="onAfterClose" :cancel-text="cancelText" @ok="handleOk" @cancel="handleCancel">
+        <a-form ref="formRef" :model="formData" :rules="formRules">
+            <a-row :gutter="24">
+                <!-- 姓名 -->
+                <a-col :span="12">
+                    <a-form-item label="所属服务站点" name="orgCode">
+                        <a-tree-select v-model:value="formData.orgCode" style="width: 100%" :tree-data="treeData"
+                            tree-checkable allow-clear :show-checked-strategy="SHOW_PARENT" placeholder="请选择站点"
+                            tree-node-filter-prop="label" />
+                    </a-form-item>
+                </a-col>
+                <a-col :span="12">
+                    <a-form-item label="施工人员姓名" name="name">
+                        <a-input v-model:value="formData.name" placeholder="请输入施工人员姓名" />
+                    </a-form-item>
+                </a-col>
+                <a-col :span="12">
+                    <a-form-item label="身份证号码" name="idNumber">
+                        <a-input v-model:value="formData.idNumber" placeholder="请输入身份证号码"  @change="extractBirthDateFromIdCard"/>
+                    </a-form-item>
+                </a-col>
+                <a-col :span="12">
+                    <a-form-item label="性别" name="gender">
+                        <a-radio-group v-model:value="formData.gender">
+                            <a-radio value="1">男</a-radio>
+                            <a-radio value="2">女</a-radio>
+                        </a-radio-group>
+                    </a-form-item>
+                </a-col>
+                <a-col :span="12">
+                    <a-form-item label="出生日期" name="birthDate">
+                        <a-input v-model:value="formData.birthDate" placeholder="根据身份证号码自动识别" disabled />
+                    </a-form-item>
+                </a-col>
+                <a-col :span="12">
+                    <a-form-item label="手机号码" name="phoneNum">
+                        <a-input v-model:value="formData.phoneNum" placeholder="请输入手机号码" />
+                    </a-form-item>
+                </a-col>
+                <a-col :span="12">
+                    <a-form-item label="资格证照名称" name="qualificationName">
+                        <a-input v-model:value="formData.qualification" placeholder="请输入资格证照名称" />
+                    </a-form-item>
+                </a-col>
+                <a-col :span="12">
+                    <a-form-item label="资格证照等级" name="qualificationLev">
+                        <a-input v-model:value="formData.name" placeholder="请输入资格证照等级" />
+                    </a-form-item>
+                </a-col>
+                <a-col :span="12">
+                    <a-form-item label="资格证照等级" name="qualificationLev">
+                        <gx-upload v-model="formData.imgList" accept-types=".jpg,.png,.webp" :fileNumber="1" />
+                    </a-form-item>
+                </a-col>
+            </a-row>
+        </a-form>
+    </a-modal>
+</template>
+
+<script setup>
+import { cloneDeep } from 'lodash-es'
+import { ref, defineProps } from 'vue'
+import { config } from '@/config'
+import apis from '@/apis'
+import { useForm, useModal } from '@/hooks'
+import { useDicsStore } from '@/store'
+import AreaCascader from '@/components/AreaCascader/index.vue'
+const emit = defineEmits(['ok'])
+const activeKey = ref('1')
+const { modal, showModal, hideModal, showLoading, hideLoading } = useModal()
+const { formRecord, formData, formRef, formRules, resetForm } = useForm()
+import { validatePhone, validateEmail, validateIdCard } from '@/utils/validate'
+const cancelText = ref('取消')
+const treeData = [
+    {
+        label: 'Node1',
+        value: '0-0',
+        children: [
+            {
+                label: 'Child Node1',
+                value: '0-0-0',
+            },
+        ],
+    },
+    {
+        label: 'Node2',
+        value: '0-1',
+
+        children: [
+            {
+                label: 'Child Node3',
+                value: '0-1-0',
+                disabled: true,
+            },
+            {
+                label: 'Child Node4',
+                value: '0-1-1',
+            },
+            {
+                label: 'Child Node5',
+                value: '0-1-2',
+            },
+        ],
+    },
+];
+formData.value.gender='1'
+formRules.value = {
+    orgCode: [{ required: true, message: '请选择服务组织',trigger: ['blur','change']}],
+    name: [{ required: true, message: '请输入施工人员姓名',trigger: 'blur'  }],
+    idNumber: [{ validator: validateIdCard, trigger: ['blur', 'input'] }, { required: true, message: '请输入联系方式', trigger: 'blur' }],
+    phoneNum: [{ validator: validatePhone, trigger: ['blur', 'input'] }, { required: true, message: '请输入联系方式', trigger: 'blur' }],
+}
+/**
+ * 新建
+ */
+function handleCreate() {
+    showModal({
+        type: 'create',
+        title: '分配节点',
+    })
+}
+
+// 提取出生日期方法
+const extractBirthDateFromIdCard = () => {
+    console.log(111)
+  const { idNumber } = formData.value;
+  if (!idNumber) {
+    formData.value.birthDate = '';
+    return;
+  }
+
+  let year, month, day;
+
+  // 15位身份证：YYMMDD
+  if (idNumber.length === 15) {
+    year = '19' + idNumber.substring(6, 8); // 默认1900年代
+    month = idNumber.substring(8, 10);
+    day = idNumber.substring(10, 12);
+  }
+  // 18位身份证：YYYYMMDD
+  else if (idNumber.length === 18) {
+    year = idNumber.substring(6, 10);
+    month = idNumber.substring(10, 12);
+    day = idNumber.substring(12, 14);
+  }
+  else {
+    formData.value.birthDate = '';
+    return;
+  }
+
+  // 验证是否为合法日期
+  const date = new Date(year, month - 1, day); // 注意：月份从0开始
+  if (
+    date.getFullYear() !== parseInt(year, 10) ||
+    date.getMonth() + 1 !== parseInt(month, 10) ||
+    date.getDate() !== parseInt(day, 10)
+  ) {
+    formData.value.birthDate = ''; // 不合法则清空
+    return;
+  }
+
+  // 格式化为 YYYY-MM-DD
+  const formattedDate = `${year}-${String(month).padStart(2, '0')}-${String(day).padStart(2, '0')}`;
+  formData.value.birthDate = formattedDate;
+};
+
+/**
+ * 确定
+ */
+function handleOk() {
+    formRef.value
+        .validateFields()
+        .then(async (values) => {
+            try {
+                showLoading()
+                const params = {
+                    ...formData.value,
+                }
+                let result = null
+                switch (modal.value.type) {
+                    case 'create':
+                        result = await apis.serverObj.createItem(params).catch(() => {
+                            throw new Error()
+                        })
+                        break
+                    case 'edit':
+                        result = await apis.serverObj.updateItem(params).catch(() => {
+                            throw new Error()
+                        })
+                        break
+                }
+                hideLoading()
+                if (config('http.code.success') === result?.code) {
+                    hideModal()
+                    emit('ok')
+                }
+            } catch (error) {
+                hideLoading()
+            }
+        })
+        .catch(() => {
+            hideLoading()
+        })
+}
+
+/**
+ * 取消
+ */
+function handleCancel() {
+    hideModal()
+}
+
+/**
+ * 关闭后
+ */
+function onAfterClose() {
+    resetForm()
+    hideLoading()
+}
+
+defineExpose({
+    handleCreate,
+})
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/serviceStaff/constructorList/index.vue b/src/views/serviceStaff/constructorList/index.vue
new file mode 100644
index 0000000..829cbe7
--- /dev/null
+++ b/src/views/serviceStaff/constructorList/index.vue
@@ -0,0 +1,318 @@
+<template>
+        <x-search-bar class="mb-8-2">
+            <template #default="{ gutter, colSpan }">
+                <a-form :model="searchFormData" layout="inline" labelAlign="left">
+                    <a-row :gutter="[24, 24]">
+                        <!-- 所在区域 -->
+                        <a-col :span="8">
+                             <a-form-item label="所属组织" name="currentNode">
+                            <a-tree-select v-model:value="value" show-search style="width: 100%"
+                                :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }" placeholder="Please select"
+                                allow-clear tree-default-expand-all :tree-data="treeData" tree-node-filter-prop="label">
+                                <template #title="{ value: val, label }">
+                                    <b v-if="val === 'parent 1-1'" style="color: #08c">sss</b>
+                                    <template v-else>{{ label }}</template>
+                                </template>
+                            </a-tree-select>
+                        </a-form-item>
+                        </a-col>
+                        <!-- 姓名 -->
+                        <a-col :span="8">
+                            <a-form-item label="姓名" name="name">
+                                <a-input v-model:value="searchFormData.name" placeholder="请输入姓名" />
+                            </a-form-item>
+                        </a-col>
+
+                        <!-- 身份证号 -->
+                        <a-col :span="8">
+                            <a-form-item label="身份证号" name="idNumber">
+                                <a-input v-model:value="searchFormData.idNumber" placeholder="请输入身份证号" />
+                            </a-form-item>
+                        </a-col>
+                        <!-- 操作按钮 -->
+                        <a-col class="align-right" :span="24">
+                            <a-space>
+                                <a-button @click="handleResetSearch">{{ $t('button.reset') }}</a-button>
+                                <a-button ghost type="primary" @click="handleSearch">
+                                    {{ $t('button.search') }}
+                                </a-button>
+                            </a-space>
+                        </a-col>
+                    </a-row>
+                </a-form>
+            </template>
+        </x-search-bar>
+        <a-row :gutter="8" :wrap="false">
+            <a-col flex="auto">
+                <a-card title="施工人员列表">
+                    <template #extra>
+                        <a-space>
+                            <a-button type="primary" @click="$refs.editDialogRef.handleCreate()">新增</a-button>
+                        </a-space>
+                    </template>
+                    <a-table :columns="columns" :data-source="listData" bordered="true" :loading="loading"
+                        :pagination="paginationState" :scroll="{ x: 'max-content' }" @change="onTableChange">
+                        <template #bodyCell="{ index, column, record }">
+                            <template v-if="column.key === 'serialNumber'">
+                                <span>{{ index + 1 }}</span>
+                            </template>
+                            <template v-if="'action' === column.key">
+                                <x-action-button @click="$refs.editDialogRef.handleEdit(record)">
+                                    <span>编辑</span>
+                                </x-action-button>
+                                 <x-action-button @click="handleDelete(record)">
+                                    <span style="color: #ff4d4f;">删除</span>
+                                </x-action-button>
+                            </template>
+                        </template>
+                    </a-table>
+                </a-card>
+            </a-col>
+        </a-row>
+        <edit-dialog ref="editDialogRef" @ok="onOk"></edit-dialog>
+</template>
+
+<script setup>
+import { message, Modal } from 'ant-design-vue'
+import { ref } from 'vue'
+import apis from '@/apis'
+import { config } from '@/config'
+import { usePagination } from '@/hooks'
+import { useI18n } from 'vue-i18n'
+import EditDialog from './components/EditDialog.vue'
+import { useDicsStore } from '@/store'
+import AreaCascader from '@/components/AreaCascader/index.vue'
+import dayjs from 'dayjs'
+defineOptions({
+    name: 'constructorList',
+})
+const dicsStore = useDicsStore()
+
+const columns = [
+    {
+        title: '序号',
+        dataIndex: 'serialNumber',
+        key: 'serialNumber',
+        align: 'center',
+        width: 80,
+    },
+    {
+        title: '姓名',
+        dataIndex: 'name',
+        key: 'name',
+        align: 'center',
+        width: 100,
+    },
+    {
+        title: '性别',
+        dataIndex: 'gender',
+        key: 'gender',
+        align: 'center',
+        width: 80,
+    },
+   
+    {
+        title: '身份证号',
+        dataIndex: 'idNumber',
+        key: 'idNumber',
+        align: 'center',
+        width: 180,
+    },
+    
+    {
+        title: '电话',
+        dataIndex: 'phoneNum',
+        key: 'phoneNum',
+        align: 'center',
+        width: 130,
+    },
+   
+    {
+        title: '所属组织',
+        dataIndex: 'currentNode',
+        key: 'currentNode',
+        align: 'center',
+        width: 120,
+    },
+   
+    {
+        title: '操作',
+        dataIndex: 'action',
+        key: 'action',
+        align: 'center',
+        width: 120,
+        fixed: 'right',
+    }
+];
+const { t } = useI18n() // 解构出t方法
+const { listData, loading, showLoading, hideLoading, paginationState, resetPagination, searchFormData } = usePagination()
+const editDialogRef = ref()
+const detailRef = ref()
+const treeData = ref([
+    {
+        title: 'Node1',
+        value: '0-0',
+        key: '0-0',
+        children: [
+            {
+                value: '0-0-1',
+                key: '0-0-1',
+                slots: {
+                    title: 'title',
+                },
+            },
+            {
+                title: 'Child Node2',
+                value: '0-0-2',
+                key: '0-0-2',
+            },
+        ],
+    },
+    {
+        title: 'Node2',
+        value: '0-1',
+        key: '0-1',
+    },
+]);
+const options = ref([
+    {
+        value: 'zhejiang',
+        label: 'Zhejiang',
+        children: [
+            {
+                value: 'hangzhou',
+                label: 'Hangzhou',
+                children: [
+                    {
+                        value: 'xihu',
+                        label: 'West Lake',
+                    },
+                ],
+            },
+        ],
+    },
+    {
+        value: 'jiangsu',
+        label: 'Jiangsu',
+        children: [
+            {
+                value: 'nanjing',
+                label: 'Nanjing',
+                children: [
+                    {
+                        value: 'zhonghuamen',
+                        label: 'Zhong Hua Men',
+                    },
+                ],
+            },
+        ],
+    },])
+
+getPageList()
+
+async function getPageList() {
+    try {
+        const { pageSize, current } = paginationState
+        const { success, data, total } = await apis.serverObj
+            .getProjectList({
+                pageSize,
+                current: current,
+                ...searchFormData.value,
+            })
+            .catch(() => {
+                throw new Error()
+            })
+
+        if (config('http.code.success') === success) {
+            listData.value = data
+            paginationState.total = total
+        }
+    } catch (error) {
+
+    }
+}
+/**核销 */
+const checkHandler = (record) => {
+    Modal.confirm({
+        title: '即将核销是否继续',
+        content: t('button.confirm'),
+        okText: t('button.confirm'),
+        onOk: async () => {
+            const params = {
+                ...record,
+                status: 'success'
+            }
+            const { success } = await apis.productOrder.updateItem(params.id, params).catch(() => {
+                // throw new Error()
+            })
+            if (config('http.code.success') === success) {
+                // resolve()
+                message.success('核销成功')
+                await getPageList()
+            }
+        },
+    })
+}
+/**
+ * 删除
+ */
+function handleDelete({ id }) {
+    Modal.confirm({
+        title: t('pages.system.user.delTip'),
+        content: t('button.confirm'),
+        okText: t('button.confirm'),
+        onOk: () => {
+            return new Promise((resolve, reject) => {
+                ; (async () => {
+                    try {
+                        const { success } = await apis.productOrder.delItem(id).catch(() => {
+                            throw new Error()
+                        })
+                        if (config('http.code.success') === success) {
+                            resolve()
+                            message.success(t('component.message.success.delete'))
+                            await getPageList()
+                        }
+                    } catch (error) {
+                        reject()
+                    }
+                })()
+            })
+        },
+    })
+}
+
+/**
+ * 分页
+ */
+function onTableChange({ current, pageSize }) {
+    paginationState.current = current
+    paginationState.pageSize = pageSize
+    getPageList()
+}
+
+/**
+ * 搜索
+ */
+function handleSearch() {
+    resetPagination()
+    getPageList()
+}
+/**
+ * 重置
+ */
+function handleResetSearch() {
+    searchFormData.value = {}
+    resetPagination()
+    getPageList()
+}
+/**
+ * 编辑完成
+ */
+async function onOk() {
+    await getPageList()
+}
+
+</script>
+
+    <style lang="less" scoped></style>
diff --git a/src/views/serviceStaff/serviceStaffList/components/BasicInfo.vue b/src/views/serviceStaff/serviceStaffList/components/BasicInfo.vue
new file mode 100644
index 0000000..da9f582
--- /dev/null
+++ b/src/views/serviceStaff/serviceStaffList/components/BasicInfo.vue
@@ -0,0 +1,220 @@
+<template>
+  <div>
+    <a-row :gutter="20">
+      <!-- 基本信息 -->
+      <a-col :span="8">
+        <div ><span class="label">服务对象姓名姓名:</span> {{ formData.name || '-' }}</div>
+      </a-col>
+      <a-col :span="8">
+        <div ><span class="label">性别:</span> {{ formData.gender || '-' }}</div>
+      </a-col>
+            <a-col :span="8">
+        <div ><span class="label">出生日期:</span> {{ formData.birthDate || '-' }}</div>
+      </a-col>
+           <a-col :span="8">
+        <div ><span class="label">关爱巡访电话:</span> {{ formData.careVisitPhone || '-' }}</div>
+      </a-col>
+            <a-col :span="8">
+        <div ><span class="label">联系方式:</span> {{ formData.contact1 || '-' }}</div>
+      </a-col>
+            <a-col :span="8">
+        <div ><span class="label">其他电话1:</span> {{ formData.otherPhone1 || '-' }}</div>
+      </a-col>
+      <a-col :span="8">
+        <div ><span class="label">其他电话2:</span> {{ formData.otherPhone2 || '-' }}</div>
+      </a-col>
+            <a-col :span="8">
+        <div ><span class="label">联系状态:</span> {{ formData.contactStatus || '-' }}</div>
+      </a-col>
+      
+      <a-col :span="8">
+        <div ><span class="label">社保卡号:</span> {{ formData.socialSecurityCardNumber || '-' }}</div>
+      </a-col>
+            <a-col :span="8">
+        <div ><span class="label">证件类型:</span> {{ formData.identityType || '-' }}</div>
+      </a-col>
+      <a-col :span="8">
+        <div ><span class="label">证件号码:</span> {{ formData.idNumber || '-' }}</div>
+      </a-col>
+
+      <a-col :span="24">
+        <div >
+          <span class="label">家庭地址:</span>
+          {{ formatArea(formData.homeAreaLabels) }} {{ formData.homeDetailAddress || '' }}
+          <span v-if="formData.lag && formData.lat" style="color: #999;">
+            (经度: {{ formData.lag }}, 纬度: {{ formData.lat }})
+          </span>
+        </div>
+      </a-col>
+   <a-col :span="8">
+        <div ><span class="label">护理等级:</span> {{ formData.nursingLevel || '-' }}</div>
+      </a-col>
+   <a-col :span="8">
+        <div ><span class="label">健康状况:</span> {{ formData.healthStatus || '-' }}</div>
+      </a-col>
+ 
+      <a-col :span="8">
+        <div ><span class="label">生存状态:</span> {{ formData.survivalStatus || '-' }}</div>
+      </a-col>
+      <a-col :span="8">
+        <div ><span class="label">服务状态:</span> {{ formData.serviceStatus || '-' }}</div>
+      </a-col>
+
+      <a-col :span="8">
+        <div ><span class="label">服务形式:</span> {{ formData.serviceForm || '-' }}</div>
+      </a-col>
+      <a-col :span="24">
+        <div >
+          <span class="label">户籍地址:</span>
+          {{ formatArea(formData.houseAreaLabels) }} {{ formData.householdDetailAddress || '' }}
+        </div>
+      </a-col>
+
+      <!-- 政府购买服务时间 -->
+      <a-col :span="8">
+        <div >
+          <span class="label">政府购买服务开始时间(起):</span>
+          {{ formatDate(formData.governmentPurchasedServiceStartDateStart) }}
+        </div>
+      </a-col>
+      <a-col :span="8">
+        <div >
+          <span class="label">政府购买服务开始时间(止):</span>
+          {{ formatDate(formData.governmentPurchasedServiceStartDateEnd) }}
+        </div>
+      </a-col>
+
+      <!-- 其他字段 -->
+      <a-col :span="8">
+        <div ><span class="label">居住情况:</span> {{ formData.livingSituation || '-' }}</div>
+      </a-col>
+      <a-col :span="8">
+        <div ><span class="label">子女情况:</span> {{ formData.childrenSituation || '-' }}</div>
+      </a-col>
+      <a-col :span="8">
+        <div ><span class="label">统计分类:</span> {{ formData.statisticsCategory || '-' }}</div>
+      </a-col>
+
+      <a-col :span="8">
+        <div ><span class="label">智力情况:</span> {{ formData.intellectualSituation || '-' }}</div>
+      </a-col>
+      <a-col :span="8">
+        <div >
+          <span class="label">长期照料失能子女:</span>
+          {{ formData.longTermCareForDisabledChildren === 'true' ? '是' : formData.longTermCareForDisabledChildren === 'false' ? '否' : '-' }}
+        </div>
+      </a-col>
+      <a-col :span="8">
+        <div ><span class="label">子女探望情况:</span> {{ formData.childrenVisitStatus || '-' }}</div>
+      </a-col>
+
+      <a-col :span="8">
+        <div >
+          <span class="label">人户分离:</span>
+          {{ formData.householdResidenceSeparation === 'true' ? '是' : formData.householdResidenceSeparation === 'false' ? '否' : '-' }}
+        </div>
+      </a-col>
+      <a-col :span="8">
+        <div ><span class="label">民族:</span> {{ formData.ethnicity || '-' }}</div>
+      </a-col>
+      <a-col :span="8">
+        <div >
+          <span class="label">完成能力评估:</span>
+          {{ formData.completedCapacityAssessment === 'true' ? '是' : formData.completedCapacityAssessment === 'false' ? '否' : '-' }}
+        </div>
+      </a-col>
+
+      <a-col :span="8">
+        <div >
+          <span class="label">住出租屋/地下室:</span>
+          {{ formData.livesInRentedRoomOrBasement === 'true' ? '是' : formData.livesInRentedRoomOrBasement === 'false' ? '否' : '-' }}
+        </div>
+      </a-col>
+      <a-col :span="8">
+        <div ><span class="label">经济来源:</span> {{ formData.economicSource || '-' }}</div>
+      </a-col>
+      <a-col :span="8">
+        <div ><span class="label">文化程度:</span> {{ formData.educationLevel || '-' }}</div>
+      </a-col>
+
+      <a-col :span="8">
+        <div ><span class="label">宗教信仰:</span> {{ formData.religion || '-' }}</div>
+      </a-col>
+      <a-col :span="8">
+        <div ><span class="label">职业情况:</span> {{ formData.occupation || '-' }}</div>
+      </a-col>
+      <a-col :span="8">
+        <div ><span class="label">政治面貌:</span> {{ formData.politicalAffiliation || '-' }}</div>
+      </a-col>
+
+      <a-col :span="8">
+        <div ><span class="label">婚姻情况:</span> {{ formData.maritalStatus || '-' }}</div>
+      </a-col>
+
+      <!-- 数组类字段 -->
+      <a-col :span="24" v-if="formData.idCardPhotos && formData.idCardPhotos.length > 0">
+        <div >
+          <span class="label">身份证照片:</span>
+          <div style="margin-top: 8px;">
+            <a-image
+              v-for="(url, index) in formData.idCardPhotos"
+              :key="index"
+              :src="url"
+              fit="cover"
+              style="width: 100px; height: 60px; margin-right: 8px;"
+              :preview-src-list="formData.idCardPhotos"
+            />
+          </div>
+        </div>
+      </a-col>
+    </a-row>
+    </div>
+</template>
+
+<script setup>
+import { ref, defineProps } from 'vue';
+
+const formData=ref({});
+
+// 格式化地址数组
+const formatArea = (areaArray) => {
+  if (!areaArray || !Array.isArray(areaArray)) return '-';
+  return areaArray.filter(item => item).join(' / ');
+};
+
+// 格式化时间
+const formatDate = (date) => {
+  if (!date) return '-';
+  return new Date(date).toLocaleDateString();
+};
+
+// 打开文件链接
+const openFile = (url) => {
+  window.open(url, '_blank');
+};
+</script>
+<style scoped>
+.customer-detail {
+  padding: 20px;
+  font-size: 14px;
+  color: #333;
+}
+
+.field-item {
+  margin-bottom: 12px;
+  line-height: 1.6;
+}
+
+.label {
+  display: inline-block;
+  line-height: 45px;
+}
+
+.cursor-pointer {
+  cursor: pointer;
+}
+
+:deep(.el-tag) {
+  cursor: pointer;
+}
+</style>
diff --git a/src/views/serviceStaff/serviceStaffList/components/EditDialog.vue b/src/views/serviceStaff/serviceStaffList/components/EditDialog.vue
new file mode 100644
index 0000000..7e7f5f1
--- /dev/null
+++ b/src/views/serviceStaff/serviceStaffList/components/EditDialog.vue
@@ -0,0 +1,146 @@
+<template>
+    <a-modal :open="modal.open" :title="modal.title" :width="600" :confirm-loading="modal.confirmLoading"
+        :after-close="onAfterClose" :cancel-text="cancelText" @ok="handleOk" @cancel="handleCancel">
+        <a-form ref="formRef" :model="formData" :rules="formRules">
+            <a-row :gutter="24">
+                <!-- 姓名 -->
+                <a-col :span="24">
+                    <a-form-item label="分配到" name="name" :rules="[{ required: true, message: '请选择节点' }]">
+                        <a-tree-select v-model:value="formData.name" style="width: 100%" :tree-data="treeData" tree-checkable
+                            allow-clear :show-checked-strategy="SHOW_PARENT" placeholder="请选择站点"
+                            tree-node-filter-prop="label" />
+                    </a-form-item>
+                </a-col>
+            </a-row>
+        </a-form>
+    </a-modal>
+</template>
+
+<script setup>
+import { cloneDeep } from 'lodash-es'
+import { ref, defineProps } from 'vue'
+import { config } from '@/config'
+import apis from '@/apis'
+import { useForm, useModal } from '@/hooks'
+import { useDicsStore } from '@/store'
+import AreaCascader from '@/components/AreaCascader/index.vue'
+const emit = defineEmits(['ok'])
+const activeKey = ref('1')
+const { modal, showModal, hideModal, showLoading, hideLoading } = useModal()
+const { formRecord, formData, formRef, formRules, resetForm } = useForm()
+const cancelText = ref('取消')
+const treeData = [
+  {
+    label: 'Node1',
+    value: '0-0',
+    children: [
+      {
+        label: 'Child Node1',
+        value: '0-0-0',
+      },
+    ],
+  },
+  {
+    label: 'Node2',
+    value: '0-1',
+
+    children: [
+      {
+        label: 'Child Node3',
+        value: '0-1-0',
+        disabled: true,
+      },
+      {
+        label: 'Child Node4',
+        value: '0-1-1',
+      },
+      {
+        label: 'Child Node5',
+        value: '0-1-2',
+      },
+    ],
+  },
+];
+
+/**
+ * 新建
+ */
+function handleCreate() {
+    showModal({
+        type: 'create',
+        title: '分配节点',
+    })
+}
+/**
+ * 编辑
+ */
+function handleEdit(record = {}) {
+    showModal({
+        type: 'edit',
+        title: '编辑项',
+    })
+    formRecord.value = record
+    formData.value = cloneDeep(record)
+}
+
+
+/**
+ * 确定
+ */
+function handleOk() {
+    formRef.value
+        .validateFields()
+        .then(async (values) => {
+            try {
+                showLoading()
+                const params = {
+                    ...formData.value,
+                }
+                let result = null
+                switch (modal.value.type) {
+                    case 'create':
+                        result = await apis.serverObj.createItem(params).catch(() => {
+                            throw new Error()
+                        })
+                        break
+                    case 'edit':
+                        result = await apis.serverObj.updateItem(params).catch(() => {
+                            throw new Error()
+                        })
+                        break
+                }
+                hideLoading()
+                if (config('http.code.success') === result?.code) {
+                    hideModal()
+                    emit('ok')
+                }
+            } catch (error) {
+                hideLoading()
+            }
+        })
+        .catch(() => {
+            hideLoading()
+        })
+}
+
+/**
+ * 取消
+ */
+function handleCancel() {
+    hideModal()
+}
+
+/**
+ * 关闭后
+ */
+function onAfterClose() {
+    resetForm()
+    hideLoading()
+}
+
+defineExpose({
+    handleCreate,
+})
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/serviceStaff/serviceStaffList/components/detail.vue b/src/views/serviceStaff/serviceStaffList/components/detail.vue
new file mode 100644
index 0000000..0536d0f
--- /dev/null
+++ b/src/views/serviceStaff/serviceStaffList/components/detail.vue
@@ -0,0 +1,218 @@
+<template>
+    <a-modal :open="modal.open" :title="modal.title" :width="1000" :confirm-loading="modal.confirmLoading"
+        :after-close="onAfterClose" :cancel-text="cancelText" @ok="handleOk" @cancel="handleCancel">
+        <a-card class="">
+        <div style="display: flex;justify-content: space-around;">
+            <div style="width:200px;margin-top: 20px;border-right: 1px solid #f0f0f0;display: flex;flex-direction: column;align-items: center;">
+                <gx-upload v-model="formData.imgList" accept-types=".jpg,.png,.webp" :fileNumber="1" />
+                <div>
+           <p>{{ formData.name }}{{ formData.gender }}{{ formData.age }}</p>
+                <p>身份证号：{{ formData.idNumber }}</p>
+                <p>手机号：{{ formData.contact1 }}</p>
+                <p>联系人：{{ formData.contactman }}</p>
+                <p>联系方式：{{ formData.contact1 }}</p>
+                </div>
+     
+              
+            </div>
+            <div style="width: calc(100% - 200px);padding: 20px;">
+                <a-row :gutter="20">
+                    <!-- 基本信息 -->
+                    <a-col :span="8">
+                        <div><span class="label">参保情况:</span> {{ formData.socialSecurityCardNumber || '-' }}</div>
+                    </a-col>
+                    <a-col :span="8">
+                        <div><span class="label">护理人员类型:</span> {{ formData.identityType || '-' }}</div>
+                    </a-col>
+                    <a-col :span="8">
+                        <div><span class="label">身份证号码:</span> {{ formData.idNumber || '-' }}</div>
+                    </a-col>
+                    <a-col :span="8">
+                        <div><span class="label">学历:</span> {{ formData.idNumber || '-' }}</div>
+                    </a-col>
+                     <a-col :span="8">
+                        <div><span class="label">用工形式:</span> {{ formData.idNumber || '-' }}</div>
+                    </a-col>
+                  
+
+                    <a-col :span="8">
+                        <div><span class="label">负责区域:</span> {{ formData.nursingLevel || '-' }}</div>
+                    </a-col>
+                    <a-col :span="8">
+                        <div><span class="label">提成比例:</span> {{ formData.healthStatus || '-' }}</div>
+                    </a-col>
+
+                    <a-col :span="8">
+                        <div><span class="label">入职日期:</span> {{ formData.survivalStatus || '-' }}</div>
+                    </a-col>
+                    <a-col :span="8">
+                        <div><span class="label">资格证照名称:</span> {{ formData.serviceStatus || '-' }}</div>
+                    </a-col>
+
+                    <a-col :span="8">
+                        <div><span class="label">资格证照等级:</span> {{ formData.serviceForm || '-' }}</div>
+                    </a-col>
+                      <a-col :span="8">
+                        <div><span class="label">银行卡号:</span> {{ formData.serviceForm || '-' }}</div>
+                    </a-col>
+                      <a-col :span="8">
+                        <div><span class="label">开户行名称:</span> {{ formData.serviceForm || '-' }}</div>
+                    </a-col>
+                      <a-col :span="8">
+                        <div><span class="label">补贴类型:</span> {{ formData.serviceForm || '-' }}</div>
+                    </a-col>
+                      <a-col :span="8">
+                        <div><span class="label">家庭住址:</span> {{ formData.serviceForm || '-' }}</div>
+                    </a-col>
+                    
+                    <!-- 数组类字段 -->
+                    <a-col :span="24" v-if="formData.idCardPhotos && formData.idCardPhotos.length > 0">
+                        <div>
+                            <span class="label">证件照:</span>
+                            <div style="margin-top: 8px;">
+                                <a-image v-for="(url, index) in formData.idCardPhotos" :key="index" :src="url"
+                                    fit="cover" style="width: 100px; height: 60px; margin-right: 8px;"
+                                    :preview-src-list="formData.idCardPhotos" />
+                            </div>
+                        </div>
+                    </a-col>
+                     <a-col :span="8">
+                        <div><span class="label">附件:</span> {{ formData.serviceForm || '-' }}</div>
+                    </a-col>
+                     <a-col :span="8">
+                        <div><span class="label">备注:</span> {{ formData.serviceForm || '-' }}</div>
+                    </a-col>
+                </a-row>
+            </div>
+        </div>
+        </a-card>
+    </a-modal>
+</template>
+
+<script setup>
+import GxUpload from '@/components/GxUpload/index.vue'
+import { cloneDeep } from 'lodash-es'
+import { ref, computed, defineAsyncComponent, defineExpose, getCurrentInstance, nextTick } from 'vue'
+import { config } from '@/config'
+import apis from '@/apis'
+import { useForm, useModal } from '@/hooks'
+import { useDicsStore } from '@/store'
+const emit = defineEmits(['ok'])
+const activeKey = ref('1')
+const { modal, showModal, hideModal, showLoading, hideLoading } = useModal()
+const { formRecord, formData, formRef, formRules, resetForm } = useForm()
+const cancelText = ref('取消')
+const imgList = ref([])
+
+// 兼容 setup 中使用 $refs
+const { proxy } = getCurrentInstance();
+/**
+ * 新建
+ */
+function handleCreate() {
+    showModal({
+        type: 'create',
+        title: '服务人员详情',
+    })
+}
+
+/**
+ * 编辑
+ */
+function handleEdit(record = {}) {
+    console.log('record', record)
+    showModal({
+        type: 'edit',
+        title: '服务人员详情',
+    })
+    formRecord.value = record
+    formData.value = cloneDeep(record)
+}
+const callback = (val) => {
+    console.log(val);
+};
+/**
+ * 确定
+ */
+function handleOk() {
+    formRef.value
+        .validateFields()
+        .then(async (values) => {
+            try {
+                showLoading()
+                const params = {
+                    ...formData.value,
+                }
+                let result = null
+                switch (modal.value.type) {
+                    case 'create':
+                        result = await apis.serverObj.createItem(params).catch(() => {
+                            throw new Error()
+                        })
+                        break
+                    case 'edit':
+                        result = await apis.serverObj.updateItem(params).catch(() => {
+                            throw new Error()
+                        })
+                        break
+                }
+                hideLoading()
+                if (config('http.code.success') === result?.code) {
+                    hideModal()
+                    emit('ok')
+                }
+            } catch (error) {
+                hideLoading()
+            }
+        })
+        .catch(() => {
+            hideLoading()
+        })
+}
+
+/**
+ * 取消
+ */
+function handleCancel() {
+    hideModal()
+}
+
+/**
+ * 关闭后
+ */
+function onAfterClose() {
+    resetForm()
+    hideLoading()
+}
+
+defineExpose({
+    handleCreate,
+    handleEdit,
+})
+</script>
+
+<style lang="less" scoped>
+.customer-detail {
+    padding: 20px;
+    font-size: 14px;
+    color: #333;
+}
+
+.field-item {
+    margin-bottom: 12px;
+    line-height: 1.6;
+}
+
+.label {
+    display: inline-block;
+    line-height: 45px;
+}
+
+.cursor-pointer {
+    cursor: pointer;
+}
+
+:deep(.el-tag) {
+    cursor: pointer;
+}
+</style>
diff --git a/src/views/serviceStaff/serviceStaffList/index.vue b/src/views/serviceStaff/serviceStaffList/index.vue
new file mode 100644
index 0000000..ab44e8d
--- /dev/null
+++ b/src/views/serviceStaff/serviceStaffList/index.vue
@@ -0,0 +1,380 @@
+<template>
+    <x-search-bar class="mb-8-2">
+        <template #default="{ gutter, colSpan }">
+            <a-form :model="searchFormData" layout="inline" labelAlign="left">
+                <a-row :gutter="[24, 24]">
+                    <!-- 所在区域 -->
+                    <a-col :span="8">
+                        <a-form-item label="所属服务组织" name="orgCode">
+                            <a-tree-select v-model:value="searchFormData.orgCode" show-search style="width: 100%"
+                                :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }" placeholder="Please select"
+                                allow-clear tree-default-expand-all :tree-data="treeData" tree-node-filter-prop="label">
+                                <template #title="{ value: val, label }">
+                                    <b v-if="val === 'parent 1-1'" style="color: #08c">sss</b>
+                                    <template v-else>{{ label }}</template>
+                                </template>
+                            </a-tree-select>
+                        </a-form-item>
+                    </a-col>
+                    <!-- 姓名 -->
+                    <a-col :span="8">
+                        <a-form-item label="姓名" name="name">
+                            <a-input v-model:value="searchFormData.name" placeholder="请输入姓名" />
+                        </a-form-item>
+                    </a-col>
+
+                    <!-- 身份证号 -->
+                    <a-col :span="8">
+                        <a-form-item label="联系电话" name="contact">
+                            <a-input v-model:value="searchFormData.contact" placeholder="请输入联系电话" />
+                        </a-form-item>
+                    </a-col>
+                    <a-col :span="8">
+                        <a-form-item label="护理人员类型" name="staffType">
+                            <a-select v-model:value="searchFormData.staffType" allowClear>
+                                <a-select-option v-for="item in dicsStore.dictOptions.STAFF_TYPE" :key="item.dval"
+                                    :value="item.dval">{{
+                                        item.introduction }}</a-select-option>
+                            </a-select>
+                        </a-form-item>
+                    </a-col>
+                    <a-col :span="8">
+                        <a-form-item label="护理人员状态" name="staffStatus">
+                            <a-select v-model:value="searchFormData.staffType" allowClear>
+                                <a-select-option v-for="item in dicsStore.dictOptions.STAFF_STATUS" :key="item.dval"
+                                    :value="item.dval">{{
+                                        item.introduction }}</a-select-option>
+                            </a-select>
+                        </a-form-item>
+                    </a-col>
+                    <a-col :span="8">
+                        <a-form-item label="用工形式" name="useType">
+                            <a-select v-model:value="searchFormData.useType" allowClear>
+                                <a-select-option v-for="item in dicsStore.dictOptions.USE_TYPE" :key="item.dval"
+                                    :value="item.dval">{{
+                                        item.introduction }}</a-select-option>
+                            </a-select>
+                        </a-form-item>
+                    </a-col>
+                    <!-- 操作按钮 -->
+                    <a-col class="align-right" :span="24">
+                        <a-space>
+                            <a-button @click="handleResetSearch">{{ $t('button.reset') }}</a-button>
+                            <a-button ghost type="primary" @click="handleSearch">
+                                {{ $t('button.search') }}
+                            </a-button>
+                        </a-space>
+                    </a-col>
+                </a-row>
+            </a-form>
+        </template>
+    </x-search-bar>
+    <a-row :gutter="8" :wrap="false">
+        <a-col flex="auto">
+            <a-card title="服务人员列表">
+                <template #extra>
+                    <a-space>
+                        <a-button type="primary">新建</a-button>
+                        <a-button type="primary">导出</a-button>
+                        <a-button type="dashed">导出记录</a-button>
+                    </a-space>
+                </template>
+                <a-table :columns="columns" :data-source="listData" bordered="true" :loading="loading"
+                    :pagination="paginationState" :scroll="{ x: 'max-content' }" @change="onTableChange">
+                    <template #bodyCell="{ index, column, record }">
+                        <template v-if="column.key === 'serialNumber'">
+                            <span>{{ index + 1 }}</span>
+                        </template>
+                        <template v-if="'action' === column.key">
+                            <x-action-button @click="$refs.editDialogRef.handleEdit(record)">
+                                <span>编辑</span>
+                            </x-action-button>
+                            <x-action-button @click="$refs.detailRef.handleEdit(record)">
+                                <span>详情</span>
+                            </x-action-button>
+                            <x-action-button @click="handleDelete(record)">
+                                <span style="color: #ff4d4f;">删除</span>
+                            </x-action-button>
+                        </template>
+                    </template>
+                </a-table>
+            </a-card>
+        </a-col>
+    </a-row>
+    <edit-dialog ref="editDialogRef" @ok="onOk"></edit-dialog>
+    <detail ref="detailRef"></detail>
+</template>
+
+<script setup>
+import { message, Modal } from 'ant-design-vue'
+import { ref } from 'vue'
+import apis from '@/apis'
+import { config } from '@/config'
+import { usePagination } from '@/hooks'
+import { useI18n } from 'vue-i18n'
+import EditDialog from './components/EditDialog.vue'
+import { useDicsStore } from '@/store'
+import AreaCascader from '@/components/AreaCascader/index.vue'
+import detail from './components/detail.vue'
+import dayjs from 'dayjs'
+defineOptions({
+    name: 'allocation',
+})
+const dicsStore = useDicsStore()
+
+const columns = [
+    {
+        title: '序号',
+        dataIndex: 'serialNumber',
+        key: 'serialNumber',
+        align: 'center',
+        width: 80,
+    },
+    {
+        title: '姓名',
+        dataIndex: 'name',
+        key: 'name',
+        align: 'center',
+        width: 100,
+    },
+    {
+        title: '性别',
+        dataIndex: 'gender',
+        key: 'gender',
+        align: 'center',
+        width: 80,
+    },
+    {
+        title: '电话',
+        dataIndex: 'contact',
+        key: 'contact',
+        align: 'center',
+        width: 80,
+    },
+    {
+        title: '身份证号',
+        dataIndex: 'idNumber',
+        key: 'idNumber',
+        align: 'center',
+        width: 180,
+    },
+    {
+        title: '护理人员类型',
+        dataIndex: 'staffType',
+        key: 'staffType',
+        align: 'center',
+        width: 120,
+    },
+    {
+        title: '用工形式',
+        dataIndex: 'useType',
+        key: 'useType',
+        align: 'center',
+        width: 120,
+    },
+
+    // --- 联系方式 ---
+    {
+        title: '护理人员状态',
+        dataIndex: 'staffStatus',
+        key: 'staffStatus',
+        align: 'center',
+        width: 130,
+    },
+    {
+        title: '所属服务组织',
+        dataIndex: 'orgName',
+        key: 'orgName',
+        align: 'center',
+        width: 120,
+    },
+    {
+        title: '组织所在区域',
+        dataIndex: 'region',
+        key: 'region',
+        align: 'center',
+        width: 120,
+    },
+
+    {
+        title: '操作',
+        dataIndex: 'action',
+        key: 'action',
+        align: 'center',
+        width: 180,
+        fixed: 'right',
+    }
+];
+const { t } = useI18n() // 解构出t方法
+const { listData, loading, showLoading, hideLoading, paginationState, resetPagination, searchFormData } = usePagination()
+const editDialogRef = ref()
+const detailRef = ref()
+
+const treeData = ref([
+    {
+        title: 'Node1',
+        value: '0-0',
+        key: '0-0',
+        children: [
+            {
+                value: '0-0-1',
+                key: '0-0-1',
+                slots: {
+                    title: 'title',
+                },
+            },
+            {
+                title: 'Child Node2',
+                value: '0-0-2',
+                key: '0-0-2',
+            },
+        ],
+    },
+    {
+        title: 'Node2',
+        value: '0-1',
+        key: '0-1',
+    },
+]);
+const options = ref([
+    {
+        value: 'zhejiang',
+        label: 'Zhejiang',
+        children: [
+            {
+                value: 'hangzhou',
+                label: 'Hangzhou',
+                children: [
+                    {
+                        value: 'xihu',
+                        label: 'West Lake',
+                    },
+                ],
+            },
+        ],
+    },
+    {
+        value: 'jiangsu',
+        label: 'Jiangsu',
+        children: [
+            {
+                value: 'nanjing',
+                label: 'Nanjing',
+                children: [
+                    {
+                        value: 'zhonghuamen',
+                        label: 'Zhong Hua Men',
+                    },
+                ],
+            },
+        ],
+    },])
+
+getPageList()
+
+async function getPageList() {
+    try {
+        const { pageSize, current } = paginationState
+        const { success, data, total } = await apis.serverObj
+            .getProjectList({
+                pageSize,
+                current: current,
+                ...searchFormData.value,
+            })
+            .catch(() => {
+                throw new Error()
+            })
+
+        if (config('http.code.success') === success) {
+            listData.value = data
+            paginationState.total = total
+        }
+    } catch (error) {
+
+    }
+}
+/**核销 */
+const checkHandler = (record) => {
+    Modal.confirm({
+        title: '即将核销是否继续',
+        content: t('button.confirm'),
+        okText: t('button.confirm'),
+        onOk: async () => {
+            const params = {
+                ...record,
+                status: 'success'
+            }
+            const { success } = await apis.productOrder.updateItem(params.id, params).catch(() => {
+                // throw new Error()
+            })
+            if (config('http.code.success') === success) {
+                // resolve()
+                message.success('核销成功')
+                await getPageList()
+            }
+        },
+    })
+}
+/**
+ * 删除
+ */
+function handleDelete({ id }) {
+    Modal.confirm({
+        title: t('pages.system.user.delTip'),
+        content: t('button.confirm'),
+        okText: t('button.confirm'),
+        onOk: () => {
+            return new Promise((resolve, reject) => {
+                ; (async () => {
+                    try {
+                        const { success } = await apis.productOrder.delItem(id).catch(() => {
+                            throw new Error()
+                        })
+                        if (config('http.code.success') === success) {
+                            resolve()
+                            message.success(t('component.message.success.delete'))
+                            await getPageList()
+                        }
+                    } catch (error) {
+                        reject()
+                    }
+                })()
+            })
+        },
+    })
+}
+
+/**
+ * 分页
+ */
+function onTableChange({ current, pageSize }) {
+    paginationState.current = current
+    paginationState.pageSize = pageSize
+    getPageList()
+}
+
+/**
+ * 搜索
+ */
+function handleSearch() {
+    resetPagination()
+    getPageList()
+}
+/**
+ * 重置
+ */
+function handleResetSearch() {
+    searchFormData.value = {}
+    resetPagination()
+    getPageList()
+}
+/**
+ * 编辑完成
+ */
+async function onOk() {
+    await getPageList()
+}
+
+</script>
+
+<style lang="less" scoped></style>