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-10 09:30:33 +08:00
parent 47bd58577b
commit 73f1786be3
18 changed files with 1536 additions and 78 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/apis/modules/common.js
View File

@ -5,7 +5,7 @@ export const getRegion = (params) => request.basic.get('/region', params)
// 获取 验证码ID
export const getCaptcha = (params) => request.basic.get('/api/v1/captcha/id', params)
export const getDictByType = (type) => request.basic.get(`/api/v1/dictionaries?categoryCode=${type}`)
//上传图片
export const uploadFile=(params)=>request.basic.post('/api/v1/upload',params,{
headers: {

17
src/apis/modules/serverObj.js Normal file
View File

@ -0,0 +1,17 @@
/**
* 区域模块接口
*/
import request from '@/utils/request'
// 获取项目列表
export const getProjectList = (params) => request.basic.get('/api/v1/customers', params)
// 获取单挑数据
export const getItem = (id) => request.basic.get(`/api/v1/customers/${id}`)
// 添加条目
export const createItem = (params) => request.basic.post('/api/v1/customers', params)
// 更新role
export const updateItem = (id, params) => request.basic.put(`/api/v1/customers/${id}`, params)
// 删除数据
export const delItem = (id) => request.basic.delete(`/api/v1/customers/${id}`)

BIN
src/assets/imgs/total.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

4
src/layouts/BasicLayout.vue
View File

@ -145,7 +145,7 @@
<script setup>
import { storeToRefs } from 'pinia'
import { ref } from 'vue'
import { useAppStore } from '@/store'
import { useAppStore,useDicsStore } from '@/store'
import useMultiTab from './hooks/useMultiTab'
import useMenu from './hooks/useMenu'
import BasicContent from './components/BasicContent.vue'
@ -162,6 +162,8 @@ defineOptions({
useMultiTab()
const appStore = useAppStore()
const dicsStore = useDicsStore()
dicsStore.loadAllDictData() // 加载字典数据
const { sideMenuList, topMenuList } = useMenu()
const { config } = storeToRefs(appStore)

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

@ -34,4 +34,6 @@ export default {
'account.logout': '退出登录',
'dict': '字典管理',
'dict-detail': '字典数据',
'serverObj': '服务对象管理',
'serverList': '服务对象列表',
}

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

@ -7,6 +7,8 @@ import home from './home'
// import admin from './admin'
import system from './system'
import platform from './platform'
import supervise from './supervise'
import severObj from './severObj'
// import link from './link'
// import iframe from './iframe'
// import other from './other'
@ -21,6 +23,8 @@ export default [
// ...admin,
...system,
...platform,
...supervise,
...severObj,
// ...link,
// ...iframe,
// ...other,

29
src/router/routes/severObj.js Normal file
View File

@ -0,0 +1,29 @@
import { DollarOutlined } from '@ant-design/icons-vue'
export default [
{
path: 'serverObj',
name: 'serverObj',
component: 'RouteViewLayout',
meta: {
icon: DollarOutlined,
title: '服务对象管理',
isMenu: true,
keepAlive: true,
permission: '*',
},
children: [
{
path: 'serverList',
name: 'serverList',
component: 'serverObj/serverList/index.vue',
meta: {
title: '服务对象列表',
isMenu: true,
keepAlive: true,
permission: '*',
},
},
],
},
]

18
src/router/routes/supervise.js
View File

@ -14,9 +14,9 @@ export default [
},
children: [
{
path: 'custList/index.vue',
path: 'custList',
name: 'custlist',
component: 'pages/custMenu/custList/index.vue',
component: '/custMenu/custList/index.vue',
meta: {
title: '服务对象列表',
isMenu: true,
@ -25,7 +25,7 @@ export default [
},
},
{
path: 'custallotList/index.vue',
path: '/custListMenu/custallotList',
name: 'custallotList',
component: 'pages/custMenu/custallotList/index.vue',
meta: {
@ -36,7 +36,7 @@ export default [
},
},
{
path: 'householdCustList/index.vue',
path: '/custListMenu/householdCustList',
name: 'householdCustList',
component: 'pages/custMenu/householdCustList/index.vue',
meta: {
@ -47,7 +47,7 @@ export default [
},
},
{
path: 'institutionList/index.vue',
path: '/custListMenu/institutionList',
name: 'institutionList',
component: 'pages/custMenu/institutionList/index.vue',
meta: {
@ -58,7 +58,7 @@ export default [
},
},
{
path: 'toimprovedList/index.vue',
path: '/custListMenu/toimprovedList',
name: 'toimprovedList',
component: 'pages/custMenu/toimprovedList/index.vue',
meta: {
@ -69,7 +69,7 @@ export default [
},
},
{
path: 'phonecareList/index.vue',
path: '/custListMenu/phonecareList',
name: 'phonecareList',
component: 'pages/custMenu/phonecareList/index.vue',
meta: {
@ -80,7 +80,7 @@ export default [
},
},
{
path: 'selectiveList/index.vue',
path: '/custListMenu/selectiveList',
name: 'selectiveList',
component: 'pages/custMenu/selectiveList/index.vue',
meta: {
@ -91,7 +91,7 @@ export default [
},
},
{
path: 'livingstateList/index.vue',
path: '/custListMenu/livingstateList',
name: 'livingstateList',
component: 'pages/custMenu/livingstateList/index.vue',
meta: {

3
src/store/index.js
View File

@ -4,6 +4,7 @@ import useAppStore from './modules/app'
import useMultiTabStore from './modules/multiTab'
import useRouterStore from './modules/router'
import useUserStore from './modules/user'
import useDicsStore from './modules/dicts'
const store = createPinia()
const setupStore = (app) => {
@ -11,6 +12,6 @@ const setupStore = (app) => {
return app
}
export { setupStore, useAppStore, useMultiTabStore, useRouterStore, useUserStore }
export { setupStore, useAppStore, useMultiTabStore, useRouterStore, useUserStore, useDicsStore }
export default store

103
src/store/modules/dicts.js Normal file
View File

@ -0,0 +1,103 @@
import { message } from 'ant-design-vue'
import { cloneDeep, findIndex, isEmpty } from 'lodash-es'
import { defineStore } from 'pinia'
import { getDictByType } from '@/apis/modules/common'
import router from '@/router'
import apis from '@/apis'
import useAppStore from './app'
const useDicsStore = defineStore('dics', {
state: () => ({
dictOptions: {},
}),
getters: {
/**
* 根据字典 key 获取选项列表
* @param state
* @returns {function(string): Array}
*/
getDict: (state) => (key) => {
return state.dictOptions[key] || []
},
/**
* 根据字典 key 和值，获取对应的中文描述（introduction）
* @param state
* @returns {function(string, string): string}
*/
getDictLabel: (state) => (key, value) => {
const options = state.dictOptions[key] || []
const item = options.find((opt) => opt.dval === value)
return item ? item.introduction : '-'
},
/**
* 判断某个字典是否存在
*/
hasDict: (state) => (key) => {
return !!state.dictOptions[key]
},
},
mutations: {
/**
* 保存所有字典数据
* @param state
* @param payload {Object} 字典对象
*/
SET_DICT_DATA(state, payload) {
state.dictOptions = { ...payload }
},
/**
* 清空字典数据
* @param state
*/
CLEAR_DICT_DATA(state) {
state.dictOptions = {}
},
},
actions: {
/**
* 从后端加载所有字典数据
* @param commit
* @returns {Promise<void>}
*/
async loadAllDictData() {
try {
const res = await apis.dict
.getProjectList({
pageSize: 100,
current: 1,
})
.catch(() => {
throw new Error()
})
if (res?.data) {
this.dictOptions = res.data
if (res.data.length > 0) {
const dictTypes = res.data.map(item => item.code)
const requests = dictTypes.map((type) => getDictByType(type))
const results = await Promise.all(requests)
// 将结果按 type 存入 dictOptions
dictTypes.forEach((type, index) => {
this.dictOptions[type] = results[index].data || []
})
console.log('字典数据加载完成', this.dictOptions)
}
}
} catch (error) {
console.error('加载字典数据失败：', error)
}
},
/**
* 可选：清空字典数据（登出时调用）
*/
clearDictData({ commit }) {
commit('CLEAR_DICT_DATA')
},
},
})
export default useDicsStore

3
src/utils/dics.js Normal file
View File

@ -0,0 +1,3 @@
export const dicList=[
]

9
src/views/login/index.vue
View File

@ -51,7 +51,7 @@ import { useRoute, useRouter } from 'vue-router'
import { LockOutlined, UserOutlined, SafetyOutlined } from '@ant-design/icons-vue'
import { config } from '@/config'
import { useForm } from '@/hooks'
import { useAppStore, useRouterStore, useUserStore } from '@/store'
import { useAppStore, useRouterStore, useUserStore,useDicsStore } from '@/store'
import { timeFix } from '@/utils/util'
import apis from '@/apis'
@ -65,6 +65,7 @@ const { formData, formRef, formRules } = useForm()
const appStore = useAppStore()
const userStore = useUserStore()
const routerStore = useRouterStore()
const dicsStore = useDicsStore()
const router = useRouter()
const route = useRoute()
const loading = ref(false)
@ -117,6 +118,7 @@ async function handleLogin() {
})
loading.value = false
if (config('http.code.success') === success) {
// dicsStore.loadAllDictData() // 加载字典数据
router.push('/platform')
}
})
@ -154,10 +156,7 @@ function goIndex() {
if (!indexRoute) return
router.push(indexRoute)
}
notification.success({
message: t('welcome'),
description: `${timeFix()}，${t('home')}`,
})
}
</script>

5
src/views/login/platForm.vue
View File

@ -96,10 +96,7 @@ async function goIndex() {
console.log(indexRoute)
if (!indexRoute) return
router.push(indexRoute)
notification.success({
message: t('welcome'),
description: `${timeFix()}，${t('home')}`,
})
}
/**
* 获取首页路由

543
src/views/serverObj/serverList/components/EditDialog.vue Normal file
View File

@ -0,0 +1,543 @@
<template>
<a-modal :open="modal.open" :title="modal.title" :width="800" :confirm-loading="modal.confirmLoading"
:after-close="onAfterClose" :cancel-text="cancelText" @ok="handleOk" @cancel="handleCancel">
<a-form ref="formRef" :model="formData" :rules="formRules" >
<a-tabs v-model:activeKey="activeKey">
<!-- 基本信息 -->
<a-tab-pane key="1" tab="基本信息">
<a-row :gutter="24">
<!-- 姓名 -->
<a-col :span="12">
<a-form-item label="姓名" name="name" :rules="[{ required: true, message: '请输入姓名' }]">
<a-input v-model:value="formData.name" placeholder="请输入姓名" />
</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="MAN">男</a-radio>
<a-radio value="WOMAN">女</a-radio>
</a-radio-group>
</a-form-item>
</a-col>
<!-- 证件号码 -->
<a-col :span="12">
<a-form-item label="证件号码" name="idNumber" :rules="[{ required: true, message: '请输入证件号码' }]">
<span style="display: inline-flex; width: 100%;">
<a-select v-model:value="formData.idType" style="width: 100px; margin-right: 8px;">
<a-select-option value="身份证">身份证</a-select-option>
</a-select>
<a-input v-model:value="formData.idNumber" placeholder="请输入证件号码" style="flex: 1;" />
</span>
</a-form-item>
</a-col>
<!-- 出生日期 -->
<a-col :span="12">
<a-form-item label="出生日期" name="birthDate">
<a-date-picker v-model:value="formData.birthDate" placeholder="请选择出生日期" disabled
style="width: 100%;" />
</a-form-item>
</a-col>
<!-- 关爱巡访电话 -->
<a-col :span="12">
<a-form-item label="关爱巡访电话" name="careVisitPhone">
<a-input v-model:value="formData.careVisitPhone" placeholder="请输入关爱巡访电话" />
</a-form-item>
</a-col>
<!-- 联系方式 -->
<a-col :span="12">
<a-form-item label="联系方式" name="contact1" :rules="[{ required: true, message: '请输入联系方式' }]">
<a-input v-model:value="formData.contact1" placeholder="请输入联系方式" />
</a-form-item>
</a-col>
<!-- 社保卡号 -->
<a-col :span="12">
<a-form-item label="社保卡号" name="socialSecurityCardNumber">
<a-input v-model:value="formData.socialSecurityCardNumber" placeholder="请输入社保卡号" />
</a-form-item>
</a-col>
<!-- 其他电话1 -->
<a-col :span="12">
<a-form-item label="其他电话1" name="otherPhone1">
<a-input v-model:value="formData.otherPhone1" placeholder="请输入其他电话1" />
</a-form-item>
</a-col>
<!-- 联系状态 -->
<a-col :span="12">
<a-form-item label="联系状态" name="contactStatus">
<a-select v-model:value="formData.contactStatus" placeholder="请选择联系状态" allow-clear>
<a-select-option v-for="item in dictOptions.CONTACT_STATUS" :key="item.dval"
:value="item.dval">
{{ item.introduction }}
</a-select-option>
</a-select>
</a-form-item>
</a-col>
<!-- 其他电话2 -->
<a-col :span="12">
<a-form-item label="其他电话2" name="otherPhone2">
<a-input v-model:value="formData.otherPhone2" placeholder="请输入其他电话2" />
</a-form-item>
</a-col>
<!-- 政府购买服务开始时间 -->
<a-col :span="12">
<a-form-item label="政府购买服务开始时间" name="governmentPurchasedServiceStartDate">
<a-date-picker v-model:value="formData.governmentPurchasedServiceStartDate"
placeholder="请选择政府购买服务开始时间" style="width: 100%;" />
</a-form-item>
</a-col>
<!-- 健康状况 -->
<a-col :span="12">
<a-form-item label="健康状况" name="healthStatus"
:rules="[{ required: true, message: '请选择健康状况' }]">
<a-select v-model:value="formData.healthStatus" placeholder="请选择健康状况" allow-clear>
<a-select-option v-for="item in dictOptions.Health_Condition" :key="item.dval"
:value="item.dval">
{{ item.introduction }}
</a-select-option>
</a-select>
</a-form-item>
</a-col>
<!-- 服务状态 -->
<a-col :span="12">
<a-form-item label="服务状态" name="serviceStatus">
<a-select v-model:value="formData.serviceStatus" placeholder="请选择服务状态" disabled>
<a-select-option value="服务中">服务中</a-select-option>
</a-select>
</a-form-item>
</a-col>
<!-- 生存状态 -->
<a-col :span="12">
<a-form-item label="生存状态" name="survivalStatus"
:rules="[{ required: true, message: '请选择生存状态' }]">
<a-select v-model:value="formData.survivalStatus" placeholder="请选择生存状态" disabled>
<a-select-option value="在世">在世</a-select-option>
</a-select>
</a-form-item>
</a-col>
<!-- 服务形式 -->
<a-col :span="12">
<a-form-item label="服务形式" name="serviceForm">
<a-select v-model:value="formData.serviceForm" placeholder="请选择服务形式" allow-clear>
<a-select-option v-for="item in dictOptions.Service_Format" :key="item.dval"
:value="item.dval">
{{ item.introduction }}
</a-select-option>
</a-select>
</a-form-item>
</a-col>
<!-- 护理等级 -->
<a-col :span="12">
<a-form-item label="护理等级" name="nursingLevel">
<a-select v-model:value="formData.nursingLevel" placeholder="请选择护理等级" allow-clear>
<a-select-option v-for="item in dictOptions.Care_Level" :key="item.dval"
:value="item.dval">
{{ item.introduction }}
</a-select-option>
</a-select>
</a-form-item>
</a-col>
</a-row>
</a-tab-pane>
<!-- 家庭信息 -->
<a-tab-pane key="2" tab="家庭信息">
<a-row :gutter="24">
<!-- 家庭地址 -->
<a-col :span="24">
<a-form-item label="家庭地址" name="homeAddress"
:rules="[{ required: true, message: '请选择并输入家庭地址' }]">
<a-cascader v-model:value="formData.homeArea" placeholder="请选择" :options="areaOptions"
change-on-select />
<a-input v-model:value="formData.homeDetailAddress" placeholder="请输入详细地址" />
</a-form-item>
</a-col>
<!-- 地图定位地址 -->
<a-col :span="24">
<a-form-item label="地图定位地址" name="mapLocationAddress">
<a-button type="link" style="padding: 0;">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAADRklEQVRYCb1WTUhUURQ+Z2ZUMglEKEdFC9tFRquINgbtCqSFW4PoZ6GOA0WlFQT9WgY61qJNUBQELsSoXVC7cBUZUYukLHVMECPS0px3Oucx93XfnffevHGsB49z7vm+c74z992fQSjgqeunpgzCfiLYx2n1gFBtpxPMsP2MCM+iBE8nkzgWtiyGIdYNUvNKBq4wd3cYPnNexqLQM9mJL/LxAxvYdpsq5n7DXS7Smq+QDz5UVQKH37bjDx+cJ9HnaRikLUsWjADBdh9KuDDCm7IItEx04kevBM8Gam9RVSYDoyze6JVUcAxhPBqFXVMdOGfmRsxA83OKsfjQmomLAP8QqSm1Tb2cBt6/hmOcsNckFj3mmnZto5DrEzTdp/Wz8zDODWwyeGszRPi6sRIax9pwQRV0zcDsN2j7Z+KiyD/M1lDqbF0NoAUtGhbo8qEzzG8y+w4HkjXQ1HA+Qc0dKqefME8ApRrfy12JAhycSuITHaztpwMZAGkkZ6HpPBZcxnVQOX0cFyX+dwaWoT6EuBwc10xxKSQxwcQPemwN1lIcpwGemrgKBtmSGDzyw4MwPUfXchoghAqd5OeXWvBlNZieo2s5DViWfaPpPE+f988OT4CDQZieo2s5DcTKYFon+foWnPXFCM75Yhqgazm7QPD4AH3iu75B43q6EYR75QiJDwn8LoStKdqwSJCyCA55JmhB3rYT6S7crEKuLcMr9DEDnQr0syLE090a76dXwlkg2MmNl/vx9XhWwwk5n0Ai/CfioYPkcUSQi+2x35DiXhquBiY7cJSnaCSP9qphqS0aegFXAzYQg24m/tJJa+FzzSU+I7vNWjkNpNvxHV8aR01i0WOCI3Zto1BOA4Knk/gAI/afUIO+uqHUkppe2a5taBJqUtTHh8YJM17IOBKBm9MJPOmX4zkDipxNvKHGhVo+L/qCxKVe4AwoweoB6uV1cUqNQ1mE6zNdeDofN3AGVLIU4lWc96pVfLa9YcSFH6oBIfLxKdvzqvhBj3BmkngmiKNjoT6BnhBP0WWyoEePKd9e7Qn0v6wUUbOhZ0DlpFmAu76kxspKTDA1DmsLbkAK854+zyv8ohIRX2Jq/N9szQBdkLcYwT9BJvELTXHGpwAAAABJRU5ErkJggg=="
style="width: 18px; cursor: pointer;" alt="定位" />
</a-button>
</a-form-item>
</a-col>
</a-row>
</a-tab-pane>
<!-- 更多 -->
<a-tab-pane key="3" tab="更多">
<a-row :gutter="24">
<!-- 居住情况 -->
<a-col :span="12">
<a-form-item label="居住情况" name="livingSituation">
<a-select v-model:value="formData.livingSituation" placeholder="请选择居住情况" allow-clear>
<a-select-option v-for="item in dictOptions.Living_Situation" :key="item.dval"
:value="item.dval">
{{ item.introduction }}
</a-select-option>
</a-select>
</a-form-item>
</a-col>
<!-- 子女情况 -->
<a-col :span="12">
<a-form-item label="子女情况" name="childrenSituation">
<a-select v-model:value="formData.childrenSituation" placeholder="请选择子女情况" allow-clear>
<a-select-option v-for="item in dictOptions.CHILDREN_SITUATION" :key="item.dval"
:value="item.dval">
{{ item.introduction }}
</a-select-option>
</a-select>
</a-form-item>
</a-col>
<!-- 统计分类 -->
<a-col :span="12">
<a-form-item label="统计分类" name="statisticsCategory">
<a-select v-model:value="formData.statisticsCategory" placeholder="请选择统计分类" allow-clear>
<a-select-option v-for="item in dictOptions.Statistical_Classification" :key="item.dval"
:value="item.dval">
{{ item.introduction }}
</a-select-option>
</a-select>
</a-form-item>
</a-col>
<!-- 智力情况 -->
<a-col :span="12">
<a-form-item label="智力情况" name="intellectualSituation">
<a-select v-model:value="formData.intellectualSituation" placeholder="请选择智力情况"
allow-clear>
<a-select-option v-for="item in dictOptions.Intellectual_Condition" :key="item.dval"
:value="item.dval">
{{ item.introduction }}
</a-select-option>
</a-select>
</a-form-item>
</a-col>
<!-- 是否长期照料失能子女 -->
<a-col :span="12">
<a-form-item label="是否长期照料失能子女" name="longTermCareForDisabledChildren">
<a-select v-model:value="formData.longTermCareForDisabledChildren"
placeholder="请选择是否长期照料失能子女" allow-clear>
<a-select-option v-for="item in dictOptions.Disabled_Child" :key="item.dval"
:value="item.dval">
{{ item.introduction }}
</a-select-option>
</a-select>
</a-form-item>
</a-col>
<!-- 老人子女探望情况 -->
<a-col :span="12">
<a-form-item label="老人子女探望情况" name="childrenVisitStatus">
<a-select v-model:value="formData.childrenVisitStatus" placeholder="请选择老人子女探望情况"
allow-clear>
<a-select-option v-for="item in dictOptions.Frequency_Visits" :key="item.dval"
:value="item.dval">
{{ item.introduction }}
</a-select-option>
</a-select>
</a-form-item>
</a-col>
<!-- 是否人户分离 -->
<a-col :span="12">
<a-form-item label="是否人户分离" name="householdResidenceSeparation">
<a-select v-model:value="formData.householdResidenceSeparation" placeholder="请选择是否人户分离"
allow-clear>
<a-select-option v-for="item in dictOptions.Separation" :key="item.dval"
:value="item.dval">
{{ item.introduction }}
</a-select-option>
</a-select>
</a-form-item>
</a-col>
<!-- 民族 -->
<a-col :span="12">
<a-form-item label="民族" name="ethnicity">
<a-select v-model:value="formData.ethnicity" placeholder="请选择民族" allow-clear>
<a-select-option v-for="item in dictOptions.Ethnicity" :key="item.dval"
:value="item.dval">
{{ item.introduction }}
</a-select-option>
</a-select>
</a-form-item>
</a-col>
<!-- 是否完成能力评估 -->
<a-col :span="12">
<a-form-item label="是否完成能力评估" name="completedCapacityAssessment">
<a-select v-model:value="formData.completedCapacityAssessment" placeholder="请选择是否完成能力评估"
allow-clear>
<a-select-option v-for="item in dictOptions.Capability_Assessment" :key="item.dval"
:value="item.dval">
{{ item.introduction }}
</a-select-option>
</a-select>
</a-form-item>
</a-col>
<!-- 是否住出租屋/地下室 -->
<a-col :span="12">
<a-form-item label="是否住出租屋/地下室" name="livesInRentedRoomOrBasement">
<a-select v-model:value="formData.livesInRentedRoomOrBasement"
placeholder="请选择是否住出租屋/地下室" allow-clear>
<a-select-option v-for="item in dictOptions.Property_Basement" :key="item.dval"
:value="item.dval">
{{ item.introduction }}
</a-select-option>
</a-select>
</a-form-item>
</a-col>
<!-- 经济来源 -->
<a-col :span="12">
<a-form-item label="经济来源" name="economicSource">
<a-select v-model:value="formData.economicSource" placeholder="请选择经济来源" allow-clear>
<a-select-option v-for="item in dictOptions.Source_Income" :key="item.dval"
:value="item.dval">
{{ item.introduction }}
</a-select-option>
</a-select>
</a-form-item>
</a-col>
<!-- 文化程度 -->
<a-col :span="12">
<a-form-item label="文化程度" name="educationLevel">
<a-select v-model:value="formData.educationLevel" placeholder="请选择文化程度" allow-clear>
<a-select-option v-for="item in dictOptions.Level_Education" :key="item.dval"
:value="item.dval">
{{ item.introduction }}
</a-select-option>
</a-select>
</a-form-item>
</a-col>
<!-- 宗教信仰 -->
<a-col :span="12">
<a-form-item label="宗教信仰" name="religion">
<a-select v-model:value="formData.religion" placeholder="请选择宗教信仰" allow-clear>
<a-select-option v-for="item in dictOptions.Religious_belief" :key="item.dval"
:value="item.dval">
{{ item.introduction }}
</a-select-option>
</a-select>
</a-form-item>
</a-col>
<!-- 职业情况 -->
<a-col :span="12">
<a-form-item label="职业情况" name="occupation">
<a-select v-model:value="formData.occupation" placeholder="请选择职业情况" allow-clear>
<a-select-option v-for="item in dictOptions.Employment_Status" :key="item.dval"
:value="item.dval">
{{ item.introduction }}
</a-select-option>
</a-select>
</a-form-item>
</a-col>
<!-- 政治面貌 -->
<a-col :span="12">
<a-form-item label="政治面貌" name="politicalAffiliation">
<a-select v-model:value="formData.politicalAffiliation" placeholder="请选择政治面貌"
allow-clear>
<a-select-option v-for="item in dictOptions.Political_affiliation" :key="item.dval"
:value="item.dval">
{{ item.introduction }}
</a-select-option>
</a-select>
</a-form-item>
</a-col>
<!-- 婚姻情况 -->
<a-col :span="12">
<a-form-item label="婚姻情况" name="maritalStatus">
<a-select v-model:value="formData.maritalStatus" placeholder="请选择婚姻情况" allow-clear>
<a-select-option v-for="item in dictOptions.Marital_Status" :key="item.dval"
:value="item.dval">
{{ item.introduction }}
</a-select-option>
</a-select>
</a-form-item>
</a-col>
<!-- 户口所在地 -->
<a-col :span="24">
<a-form-item label="户口所在地" name="householdLocation">
<a-cascader v-model:value="formData.householdArea" placeholder="请选择"
:options="areaOptions" change-on-select />
<a-input v-model:value="formData.householdDetailAddress" placeholder="详细地址" />
</a-form-item>
</a-col>
<!-- 其他 -->
<a-col :span="24">
<a-form-item label="其他" name="otherNotes">
<a-textarea v-model:value="formData.otherNotes" placeholder="请输入" :rows="4"
:auto-size="{ minRows: 4, maxRows: 4 }" />
</a-form-item>
</a-col>
<!-- 身份证照片 -->
<a-col :span="24">
<a-form-item label="身份证照片" name="idCardPhotos">
<a-upload v-model:file-list="formData.idCardPhotos" list-type="picture-card"
:multiple="true" :before-upload="() => false">
<div>
<plus-outlined />
<div class="ant-upload-text">选择图片</div>
</div>
</a-upload>
</a-form-item>
</a-col>
<!-- 上传资料 -->
<a-col :span="24">
<a-form-item label="上传资料" name="uploadedDocuments">
<a-upload v-model:file-list="formData.uploadedDocuments" list-type="picture-card"
:multiple="true" :before-upload="() => false">
<div>
<plus-outlined />
<div class="ant-upload-text">选择图片</div>
</div>
</a-upload>
</a-form-item>
</a-col>
</a-row>
</a-tab-pane>
</a-tabs>
</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'
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('取消')
formRules.value = {
name: [{ required: true, message: '请输入姓名' }],
idNumber: [{ required: true, message: '请输入证件号码' }],
contact1: [{ required: true, message: '请输入联系方式' }],
healthStatus: [{ required: true, message: '请选择健康状况' }],
survivalStatus: [{ required: true, message: '请选择生存状态' }],
homeAddress: [{ required: true, message: '请选择并输入家庭地址' }],
}
const props = defineProps({
dictOptions: {
type: Object,
default: () => ({}),
}
})
/**
* 新建
*/
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 = {
...values,
}
let result = null
switch (modal.value.type) {
case 'create':
result = await apis.common.create(params).catch(() => {
throw new Error()
})
break
case 'edit':
result = await apis.common.update(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></style>

789
src/views/serverObj/serverList/index.vue Normal file
View File

@ -0,0 +1,789 @@
<template>
<x-search-bar class="mb-8-2">
<template #default="{ gutter, colSpan }">
<a-form :model="searchFormData" layout="inline">
<a-row :gutter="[24, 24]">
<!-- 所在节点 -->
<a-col :span="6">
<a-row :gutter="[24, 24]">
<a-col :span="24">
<a-form-item label="所在节点" name="currentNode">
<a-tree-select v-model:value="searchFormData.currentNode" style="width: 100%"
:dropdown-style="{ maxHeight: '400px', overflow: 'auto' }" :tree-data="treeData"
placeholder="请选择" tree-default-expand-all>
<template #title="{ key, value }">
<span style="color: #08c" v-if="key === '0-0-1'">Child Node1 {{ value
}}</span>
</template>
</a-tree-select>
</a-form-item>
</a-col>
<a-col :span="24" class="align-center">
<div style="display: flex; align-items: center;justify-content: center;">
<a-image :width="50" :src="totalImg" />
<span style="font-size: 28px;margin-left: 10px;">{{ totalCount }}人</span>
</div>
</a-col>
</a-row>
</a-col>
<!-- 其他搜索项 -->
<a-col :span="18">
<a-row :gutter="[24, 24]">
<!-- 所在区域 -->
<a-col :span="8">
<a-form-item label="所在区域" name="region">
<a-cascader v-model:value="searchFormData.region" :options="areaOptions"
placeholder="请选择" />
</a-form-item>
</a-col>
<!-- 分类标签 -->
<a-col :span="8">
<a-form-item label="分类标签" name="serviceRecipientCategory">
<a-select v-model:value="searchFormData.serviceRecipientCategory" allowClear>
<a-select-option v-for="item in dicsStore.dictOptions.SERVICE_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="serviceStatus">
<a-select v-model:value="searchFormData.serviceStatus" allowClear>
<a-select-option v-for="item in dicsStore.dictOptions.SERVICE_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="survivalStatus">
<a-select v-model:value="searchFormData.survivalStatus" allowClear>
<a-select-option v-for="item in dicsStore.dictOptions.LIVING_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="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="fileNumber">
<a-input v-model:value="searchFormData.fileNumber" placeholder="请输入档案号" />
</a-form-item>
</a-col>
<!-- 残疾类型 -->
<a-col :span="8">
<a-form-item label="残疾类型" name="disabilityType">
<a-select v-model:value="searchFormData.disabilityType" allowClear>
<a-select-option v-for="item in dicsStore.dictOptions.DISABILITY_TYPES" :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="disabilityLevel">
<a-select v-model:value="searchFormData.disabilityLevel" allowClear>
<a-select-option v-for="item in dicsStore.dictOptions.Disability_Level" :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="livesInRentedRoomOrBasement">
<a-select v-model:value="searchFormData.livesInRentedRoomOrBasement" allowClear>
<a-select-option v-for="item in dicsStore.dictOptions.Property_Basement" :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="completedCapacityAssessment">
<a-select v-model:value="searchFormData.completedCapacityAssessment" allowClear>
<a-select-option v-for="item in dicsStore.dictOptions.Capability_Assessment"
: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="householdResidenceSeparation">
<a-select v-model:value="searchFormData.householdResidenceSeparation" allowClear>
<a-select-option v-for="item in dicsStore.dictOptions.Separation" :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="maritalStatus">
<a-select v-model:value="searchFormData.maritalStatus" allowClear>
<a-select-option v-for="item in dicsStore.dictOptions.Marital_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="healthStatus">
<a-select v-model:value="searchFormData.healthStatus" allowClear>
<a-select-option v-for="item in dicsStore.dictOptions.Health_Condition" :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="livingSituation">
<a-select v-model:value="searchFormData.livingSituation" allowClear>
<a-select-option v-for="item in dicsStore.dictOptions.Living_Situation" :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="statisticalClassification">
<a-select v-model:value="searchFormData.statisticalClassification" allowClear>
<a-select-option v-for="item in dicsStore.dictOptions.Statistical_Classification"
: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="intellectualCondition">
<a-select v-model:value="searchFormData.intellectualCondition" allowClear>
<a-select-option v-for="item in dicsStore.dictOptions.Intellectual_Condition"
: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="longTermCareForDisabledChild">
<a-select v-model:value="searchFormData.longTermCareForDisabledChild" allowClear>
<a-select-option v-for="item in dicsStore.dictOptions.Disabled_Child" :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="frequencyOfVisits">
<a-select v-model:value="searchFormData.frequencyOfVisits" allowClear>
<a-select-option v-for="item in dicsStore.dictOptions.Frequency_Visits" :key="item.dval"
:value="item.dval">{{
item.introduction }}</a-select-option>
</a-select>
</a-form-item>
</a-col>
<!-- 户籍地址（建议：若为区域，则用 region；若为详细地址，则用 detailedAddress） -->
<a-col :span="8">
<a-form-item label="户籍地址" name="detailedAddress">
<a-tree-select v-model:value="searchFormData.detailedAddress" style="width: 100%"
:dropdown-style="{ maxHeight: '400px', overflow: 'auto' }" :tree-data="treeData"
placeholder="请选择" tree-default-expand-all>
<template #title="{ key, value }">
<span style="color: #08c" v-if="key === '0-0-1'">Child Node1 {{ value
}}</span>
</template>
</a-tree-select>
</a-form-item>
</a-col>
<!-- 联系方式 -->
<a-col :span="8">
<a-form-item label="联系方式" name="contact1">
<a-input v-model:value="searchFormData.contact1" 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-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-button>导入</a-button>
<a-button danger>批量打标</a-button>
<a-button>导入记录</a-button>
<a-button>导出</a-button>
<a-button>导出记录</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="{ column, record }">
<template v-if="'action' === column.key">
<x-action-button @click="checkHandler(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>
<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" :dict-options="dictOptions"></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 { PlusOutlined, EditOutlined, DeleteOutlined } from '@ant-design/icons-vue'
import { useI18n } from 'vue-i18n'
import dayjs from 'dayjs'
import { status } from 'nprogress'
import { getDictByType } from '@/apis/modules/common'
import totalImg from '@/assets/imgs/total.png'
import EditDialog from './components/EditDialog.vue'
import { useDicsStore } from '@/store'
defineOptions({
name: 'serverList',
})
const totalCount = ref(0) // 总人数
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: 'qrCode',
key: 'qrCode',
align: 'center',
width: 100,
},
{
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: '联系状态',
dataIndex: 'contactStatus',
key: 'contactStatus',
align: 'center',
width: 120,
},
{
title: '是否完成能力评估',
dataIndex: 'completedCapacityAssessment',
key: 'completedCapacityAssessment',
align: 'center',
width: 150,
},
{
title: '是否住出租屋/地下室',
dataIndex: 'livesInRentedRoomOrBasement',
key: 'livesInRentedRoomOrBasement',
align: 'center',
width: 180,
},
{
title: '是否人户分离',
dataIndex: 'householdResidenceSeparation',
key: 'householdResidenceSeparation',
align: 'center',
width: 120,
},
{
title: '婚姻情况',
dataIndex: 'maritalStatus',
key: 'maritalStatus',
align: 'center',
width: 120,
},
{
title: '居住情况',
dataIndex: 'livingSituation',
key: 'livingSituation',
align: 'center',
width: 120,
},
{
title: '生存状态',
dataIndex: 'survivalStatus',
key: 'survivalStatus',
align: 'center',
width: 120,
},
{
title: '去世时间',
dataIndex: 'dateOfDeath',
key: 'dateOfDeath',
align: 'center',
width: 140,
},
{
title: '去世原因',
dataIndex: 'causeOfDeath',
key: 'causeOfDeath',
align: 'center',
width: 140,
},
{
title: '更新时间',
dataIndex: 'updateTime',
key: 'updateTime',
align: 'center',
width: 140,
},
{
title: '失能险签约日期',
dataIndex: 'ltcInsuranceSignUpDate',
key: 'ltcInsuranceSignUpDate',
align: 'center',
width: 150,
},
{
title: '失能险解约日期',
dataIndex: 'ltcInsuranceTerminationDate',
key: 'ltcInsuranceTerminationDate',
align: 'center',
width: 150,
},
{
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: 'disabilityType',
key: 'disabilityType',
align: 'center',
width: 120,
},
{
title: '残疾等级',
dataIndex: 'disabilityLevel',
key: 'disabilityLevel',
align: 'center',
width: 120,
},
{
title: '残疾证号',
dataIndex: 'disabilityCertificateNumber',
key: 'disabilityCertificateNumber',
align: 'center',
width: 160,
},
{
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,
},
{
title: '操作',
dataIndex: 'action',
key: 'action',
align: 'center',
width: 180,
}
];
const { t } = useI18n() // 解构出t方法
const { listData, loading, showLoading, hideLoading, paginationState, resetPagination, searchFormData } = usePagination()
const editDialogRef = 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',
},
],
},
],
},])
// 响应式数据：存储所有下拉选项，按 type 分组
const dictOptions = ref({})
initData()
// getDicList()
async function initData() {
try {
showLoading()
await getPageList()
hideLoading()
} catch (error) {
hideLoading()
}
}
async function getDicList() {
try {
const dictTypes = [
"SERVICE_STATUS", // 服务状态
"LIVING_STATUS", // 生存状态
"CATEGORY_LABELS", // 分类标签
"DISABILITY_TYPES", // 残疾类型
"Disability_Level", // 残疾等级
"Capability_Assessment", // 是否完成能力评估
"Property_Basement", // 是否住出租屋/地下室
"Separation", // 是否人户分离
"Marital_Status", // 婚姻状况
"Health_Condition", // 健康状况
"Living_Situation", // 居住情况
"Statistical_Classification", // 统计分类
"Intellectual_Condition", // 智力情况
"Disabled_Child", // 是否长期照料失能子女
"Frequency_Visits", // 老人子女探望情况
"Service_Format", // 服务形式
"Care_Level", // 护理等级
"Ethnicity", // 民族
"Source_Income", // 经济来源
"Level_Education", // 文化程度
"Religious_belief", // 宗教信仰
"Employment_Status", // 职业状况
"Political_affiliation" // 政治面貌
]
// 构造多个 Promise，每个请求一种类型
const requests = dictTypes.map(type => getDictByType(type))
console.log(requests, 'requests')
// 并行请求所有字典数据
const results = await Promise.all(requests)
// 将结果按 type 存入 dictOptions
dictTypes.forEach((type, index) => {
dictOptions.value[type] = results[index].data || []
})
console.log(dictOptions.value, 'dictOptions')
} catch (err) {
console.error('字典数据加载失败:', err)
// 可设置空数组兜底
dictTypes.forEach(type => {
dictOptions.value[type] = []
})
} finally {
hideLoading()
}
}
/**
* 获取表格数据
* @returns {Promise<void>}
*/
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>

33
src/views/system/dict/components/EditDialog.vue
View File

@ -1,34 +1,15 @@
<template>
<a-modal
:open="modal.open"
:title="modal.title"
:width="480"
:confirm-loading="modal.confirmLoading"
:after-close="onAfterClose"
:cancel-text="cancelText"
@ok="handleOk"
@cancel="handleCancel">
<a-form
ref="formRef"
:model="formData"
:rules="formRules"
:label-col="{ style: { width: '90px' } }">
<a-form-item
label="名称"
name="name">
<a-modal :open="modal.open" :title="modal.title" :width="480" :confirm-loading="modal.confirmLoading"
:after-close="onAfterClose" :cancel-text="cancelText" @ok="handleOk" @cancel="handleCancel">
<a-form ref="formRef" :model="formData" :rules="formRules" :label-col="{ style: { width: '90px' } }">
<a-form-item label="名称" name="name">
<a-input v-model:value="formData.name"></a-input>
</a-form-item>
<a-form-item
label="唯一值"
name="key">
<a-form-item label="唯一值" name="key">
<a-input v-model:value="formData.key"></a-input>
</a-form-item>
<a-form-item
label="状态"
name="status">
<a-radio-group
v-model:value="formData.status"
:options="[
<a-form-item label="状态" name="status">
<a-radio-group v-model:value="formData.status" :options="[
{ label: '启用', value: 1 },
{ label: '禁用', value: 0 },
]"></a-radio-group>

35
src/views/system/dict/index.vue
View File

@ -1,11 +1,7 @@
<template>
<a-row
:gutter="8"
:wrap="false">
<a-row :gutter="8" :wrap="false">
<a-col flex="0 0 280px">
<dict
v-model:value="searchFormData.role"
@change="onDictChange"></dict>
<dict v-model:value="searchFormData.role" @change="onDictChange"></dict>
</a-col>
<a-col flex="auto">
<a-card type="flex">
@ -14,32 +10,23 @@
<span class="fs-14 fw-400 ml-8-2">{{ selectedDict?.key }}</span>
</template>
<x-action-bar class="mb-8-2">
<a-button
type="primary"
@click="$refs.editDialogRef.handleCreate()">
<a-button type="primary" @click="$refs.editDialogRef.handleCreate()">
<template #icon>
<plus-outlined></plus-outlined>
</template>
新建项
</a-button>
<template #extra>
<x-search-bar
:body-style="{ padding: 0 }"
:bordered="false">
<x-search-bar :body-style="{ padding: 0 }" :bordered="false">
<a-form layout="inline">
<a-row
:gutter="12"
type="flex">
<a-row :gutter="12" type="flex">
<a-col>
<a-form-item>
<a-input></a-input>
</a-form-item>
</a-col>
<a-col>
<a-button
ghost
type="primary"
>搜索
<a-button ghost type="primary">搜索
</a-button>
</a-col>
</a-row>
@ -47,11 +34,7 @@
</x-search-bar>
</template>
</x-action-bar>
<a-table
:columns="columns"
:data-source="listData"
:loading="loading"
:pagination="paginationState"
<a-table :columns="columns" :data-source="listData" :loading="loading" :pagination="paginationState"
@change="onTableChange">
<template #bodyCell="{ column, record }">
<template v-if="'action' === column.key">
@ -64,9 +47,7 @@
</a-col>
</a-row>
<edit-dialog
ref="editDialogRef"
@ok="onOk"></edit-dialog>
<edit-dialog ref="editDialogRef" @ok="onOk"></edit-dialog>
</template>
<script setup>

7
src/views/system/dictionary/components/EditDialog.vue
View File

@ -10,6 +10,12 @@
<a-input :placeholder="'请输入字典名称'" v-model:value="formData.name"
style="width: 100%;"></a-input>
</a-form-item>
</a-col>
<a-col :span="24">
<a-form-item :label="'字典类型'" name="code">
<a-input :placeholder="'请输入字典类型'" v-model:value="formData.code"
style="width: 100%;"></a-input>
</a-form-item>
</a-col>
<a-col :span="24">
<a-form-item :label="'备注'" name="introduction">
@ -48,6 +54,7 @@ const cancelText = ref(t('button.cancel'))
const okText = ref(t('button.confirm'))
formRules.value = {
name: { required: true, message: '请输入字典名称' },
code: { required: true, message: '请输入字典类型' },
}
/**