Leo_Ding/hahaPension_admin
1
0
Fork 0
generated from Leo_Ding/web-template
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

节点管理

Browse Source
This commit is contained in:
Leo_Ding 2025-10-13 09:16:22 +08:00
parent def6dbb546
commit 11ed08bc39
19 changed files with 2296 additions and 303 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/locales/lang/zh-CN/menu.js
View File

@ -52,4 +52,8 @@ export default {
carePhone: '电话关爱对象',
serverSearch: '服务对象查询',
existence: '生存状态管理',
serviceStaff:'服务人员',
constructorList:'施工员列表',
serviceStaffList:'服务人员',
assessor:'评估员列表'
}

3
src/router/routes/index.js
View File

@ -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
]

52
src/router/routes/serviceStaff.js Normal file
View File

@ -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: '*',
},
},
],
},
]

38
src/views/serverObj/carePhone/index.vue
View File

@ -5,8 +5,15 @@
<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 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>
<!-- 姓名 -->
@ -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',

4
src/views/serverObj/domicile/index.vue
View File

@ -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%"

61
src/views/serverObj/existence/index.vue
View File

@ -4,7 +4,20 @@
<a-form :model="searchFormData" layout="inline" labelAlign="left">
<a-row :gutter="[24, 24]">
<!-- 所在区域 -->
<a-col :span="12">
<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>
@ -48,9 +61,10 @@
<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"
@ -59,11 +73,7 @@
<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>
@ -126,23 +136,23 @@ 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,
},
@ -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()

6
src/views/serverObj/institution/index.vue
View File

@ -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>

6
src/views/serverObj/serverList/components/detail.vue
View File

@ -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>

4
src/views/serverObj/serverList/index.vue
View File

@ -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%"

43
src/views/serverObj/serverSearch/index.vue
View File

@ -3,12 +3,7 @@
<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">
@ -25,11 +20,16 @@
<!-- 档案号 -->
<a-col :span="8">
<a-form-item label="档案号" name="fileNumber">
<a-input v-model:value="searchFormData.fileNumber" placeholder="请输入档案号" />
<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>
@ -45,14 +45,7 @@
</x-search-bar>
<a-row :gutter="8" :wrap="false">
<a-col flex="auto">
<a-card title="待分配对象列表">
<template #extra>
<a-space>
<a-button>批量分配</a-button>
<a-button>导出</a-button>
<a-button>导出记录</a-button>
</a-space>
</template>
<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 }">
@ -60,9 +53,21 @@
<span>{{ index + 1 }}</span>
</template>
<template v-if="'action' === column.key">
<x-action-button @click="$refs.editDialogRef.handleCreate(record)">
<span>分配</span>
<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>

132
src/views/serverObj/toBeInstitution/index.vue
View File

@ -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',

136
src/views/serviceStaff/assessor/components/EditDialog.vue Normal file
View File

@ -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>

384
src/views/serviceStaff/assessor/index.vue Normal file
View File

@ -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>

228
src/views/serviceStaff/constructorList/components/EditDialog.vue Normal file
View File

@ -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>

318
src/views/serviceStaff/constructorList/index.vue Normal file
View File

@ -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>

220
src/views/serviceStaff/serviceStaffList/components/BasicInfo.vue Normal file
View File

@ -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>

146
src/views/serviceStaff/serviceStaffList/components/EditDialog.vue Normal file
View File

@ -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>

218
src/views/serviceStaff/serviceStaffList/components/detail.vue Normal file
View File

@ -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>

380
src/views/serviceStaff/serviceStaffList/index.vue Normal file
View File

@ -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>