xkyy/xk-admin
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

fix: 新增药师、编辑药师
Some checks failed
CI / Test (ubuntu-latest) (push) Has been cancelled
Details
CI / Test (windows-latest) (push) Has been cancelled
Details
CI / Lint (ubuntu-latest) (push) Has been cancelled
Details
CI / Lint (windows-latest) (push) Has been cancelled
Details
CI / Check (ubuntu-latest) (push) Has been cancelled
Details
CI / Check (windows-latest) (push) Has been cancelled
Details
CodeQL / Analyze (javascript-typescript) (push) Has been cancelled
Details
Deploy Website on push / Deploy Push Playground Ftp (push) Has been cancelled
Details
Deploy Website on push / Deploy Push Docs Ftp (push) Has been cancelled
Details
Deploy Website on push / Deploy Push Antd Ftp (push) Has been cancelled
Details
Deploy Website on push / Deploy Push Element Ftp (push) Has been cancelled
Details
Deploy Website on push / Deploy Push Naive Ftp (push) Has been cancelled
Details
Release Drafter / update_release_draft (push) Has been cancelled
Details
CI / CI OK (push) Has been cancelled
Details
Lock Threads / action (push) Has been cancelled
Details
Issue Close Require / close-issues (push) Has been cancelled
Details
Close stale issues / stale (push) Has been cancelled
Details

Browse Source
This commit is contained in:
年糕崽崽
2025-06-05 15:00:33 +08:00
parent acc33467da
commit 77d608404d
4 changed files with 343 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
apps/web-antd/src/views/doctor/doctor/components/modal.vue
View File

@@ -3,11 +3,12 @@ import { ref } from 'vue';
import { useVbenModal } from '@vben/common-ui';
import { message } from 'ant-design-vue';
import { message, Alert } from 'ant-design-vue';
import { useVbenForm } from '#/adapter/form';
import { createDoctor, updateDoctor } from '../api';
import { modalFormProps } from '../config/form';
import {createDoctor, updateDoctor} from '../api';
import { infoModalFormProps } from '../config/form';
defineOptions({
name: 'FormModelDemo',
@@ -16,7 +17,7 @@ defineOptions({
const isUpdate = ref(false);
const gridApi = ref();
const [Form, formApi] = useVbenForm(modalFormProps);
const [Form, formApi] = useVbenForm(infoModalFormProps);
const [Modal, modalApi] = useVbenModal({
fullscreenButton: false,
@@ -47,10 +48,47 @@ const [Modal, modalApi] = useVbenModal({
gridApi.value = isOpen ? modalApi.getData()?.gridApi : null;
if (isOpen) {
const { values, update } = modalApi.getData<Record<string, any>>();
console.log(values, 'ssssssssssss');
if (values) {
isUpdate.value = update;
formApi.setValues(values);
// getPharmacistEditInfoApi(values.id).then((res) => {
// formApi.setValues(res);
// });
// formApi.setValues(values);
const img = 'https://img2.baidu.com/it/u=3046024791,55863177&fm=253&fmt=auto&app=138&f=JPEG';
formApi.setValues({
name: '测试药师',
mobile: '15110000000',
idcard: '134111000022225555',
type: 1,
sign_type: 2,
qualification: img,
practicing: img,
title: img,
card_up: img,
card_down: img,
sign_image: 'http://demo-1.nailaoyun.cn/p/image/qm1.png',
avatar: img,
});
} else {
const img = 'https://img2.baidu.com/it/u=3046024791,55863177&fm=253&fmt=auto&app=138&f=JPEG';
formApi.setValues({
name: '测试药师',
mobile: '15110000000',
idcard: '134111000022225555',
type: 1,
sign_type: 2,
qualification: img,
practicing: img,
title: img,
card_up: img,
card_down: img,
sign_image: 'http://demo-1.nailaoyun.cn/p/image/qm1.png',
avatar: img,
});
}
}
},
});
@@ -60,6 +98,11 @@ const [Modal, modalApi] = useVbenModal({
:title="`${isUpdate === true ? '编辑' : '新增'}医生`"
class="w-[60%]"
>
<!-- <Alert-->
<!-- description="* 添加的时候确认好药师信息，暂时不支持修改"-->
<!-- message="重要提示"-->
<!-- type="error"-->
<!-- />-->
<Form />
</Modal>
</template>

283
apps/web-antd/src/views/doctor/doctor/config/form.ts
View File

@@ -1,6 +1,7 @@
import type { VbenFormProps } from '#/adapter/form';
import {getStoreOption} from "#/views/system/store/api";
import {getPharmacistTitleOptionApi} from "#/views/doctor/pharmacist/api";
export const modalFormProps: VbenFormProps = {
wrapperClass: 'grid-cols-12', // 24栅格,
@@ -52,3 +53,285 @@ export const modalFormProps: VbenFormProps = {
],
showDefaultActions: false,
};
export const infoModalFormProps: VbenFormProps = {
wrapperClass: 'grid-cols-12', // 24栅格,
commonConfig: {
formItemClass: 'col-span-12',
// 所有表单项
componentProps: {
class: 'w-full',
},
},
// handleSubmit: onSubmit,
layout: 'horizontal',
schema: [
{
component: 'VbenInput',
fieldName: 'id',
label: 'ID',
formItemClass: 'col-span-6',
dependencies: {
show: false,
triggerFields: ['id'],
},
},
{
component: 'VbenInput',
fieldName: 'su_id',
label: 'WxID',
formItemClass: 'col-span-6',
dependencies: {
show: false,
triggerFields: ['id'],
},
},
{
fieldName: 'otherinfo',
label: '基础信息',
component: 'Divider',
formItemClass: 'col-span-12',
componentProps: {},
hideLabel: true,
renderComponentContent: () => {
return {
default: () => {
return '基础信息';
},
};
},
},
{
component: 'Avatar',
componentProps: {
placeholder: '请上传医生头像',
},
fieldName: 'avatar',
formItemClass: 'col-span-12',
label: '医生头像',
rules: 'required',
},
{
component: 'ApiSelect',
componentProps: {
allowClear: true,
filterOption: (input: string, option: any) => {
// 自定义过滤逻辑，确保可以根据 name 进行搜索
return option?.label.toLowerCase().indexOf(input.toLowerCase()) >= 0;
},
showSearch: true,
// 菜单接口转options格式
afterFetch: (data: { id: number; name: string }[]) => {
return data.map((item: any) => ({
label: item.name,
value: item.id,
}));
},
api: getStoreOption,
placeholder: '请选择诊所',
model: 'multiple',
},
dependencies: {
show: false,
triggerFields: ['id'],
},
fieldName: 'store_id',
formItemClass: 'col-span-6',
label: '诊所',
rules: 'required',
},
{
component: 'ApiSelect',
componentProps: {
allowClear: true,
filterOption: (input: string, option: any) => {
// 自定义过滤逻辑，确保可以根据 name 进行搜索
return option?.label.toLowerCase().indexOf(input.toLowerCase()) >= 0;
},
showSearch: true,
// 菜单接口转options格式
afterFetch: (data: { id: number; name: string }[]) => {
return data.map((item: any) => ({
label: item.name,
value: item.id,
}));
},
api: getPharmacistTitleOptionApi,
placeholder: '请选择职称',
},
fieldName: 'title_id',
formItemClass: 'col-span-6',
label: '职称',
rules: 'required',
},
{
component: 'VbenInput',
componentProps: {
placeholder: '请填写医生名称',
},
fieldName: 'name',
formItemClass: 'col-span-6',
label: '医生名称',
rules: 'required',
},
{
component: 'VbenInput',
componentProps: {
placeholder: '请填写手机号码',
},
fieldName: 'mobile',
formItemClass: 'col-span-6',
label: '手机号码',
rules: 'required',
},
{
component: 'VbenInput',
componentProps: {
placeholder: '请填写身份证',
},
dependencies: {
show: false,
triggerFields: ['id'],
},
fieldName: 'idcard',
formItemClass: 'col-span-6',
label: '身份证',
rules: 'required',
},
{
component: 'VbenSelect',
componentProps: {
placeholder: '请填选择身份',
options: [
{
label: '中医医生',
value: 1,
},
{
label: '西医医生',
value: 2,
},
],
},
fieldName: 'type',
formItemClass: 'col-span-6',
label: '身份',
rules: 'required',
},
{
component: 'VbenSelect',
componentProps: {
placeholder: '请填选择签名类型',
options: [
{
label: '电子签名',
value: 1,
},
{
label: '手写签名',
value: 2,
},
],
},
dependencies: {
show: false,
triggerFields: ['id'],
},
fieldName: 'sign_type',
formItemClass: 'col-span-6',
label: '签名类型',
rules: 'required',
},
{
fieldName: 'otherinfo',
label: '执业&身份信息',
component: 'Divider',
formItemClass: 'col-span-12',
componentProps: {},
hideLabel: true,
renderComponentContent: () => {
return {
default: () => {
return '执业&身份信息';
},
};
},
},
{
component: 'Avatar',
componentProps: {
placeholder: '请上传资格证书',
},
fieldName: 'qualification',
formItemClass: 'col-span-6',
label: '资格证书',
rules: 'required',
},
{
component: 'Avatar',
componentProps: {
placeholder: '请上传执业证书',
},
fieldName: 'practicing',
formItemClass: 'col-span-6',
label: '执业证书',
rules: 'required',
},
{
component: 'Avatar',
componentProps: {
placeholder: '请上传职称证书',
},
fieldName: 'title',
formItemClass: 'col-span-6',
label: '职称证书',
rules: 'required',
},
// {
// fieldName: 'otherinfo',
// label: '身份信息',
// component: 'Divider',
// formItemClass: 'col-span-12',
// componentProps: {},
// hideLabel: true,
// renderComponentContent: () => {
// return {
// default: () => {
// return '身份信息';
// },
// };
// },
// },
{
component: 'Avatar',
componentProps: {
placeholder: '请上传身份证正面',
},
fieldName: 'card_up',
formItemClass: 'col-span-6',
label: '身份证正面',
rules: 'required',
},
{
component: 'Avatar',
componentProps: {
placeholder: '请上传身份证反面',
},
fieldName: 'card_down',
formItemClass: 'col-span-6',
label: '身份证反面',
rules: 'required',
},
{
component: 'Avatar',
componentProps: {
placeholder: '请上传签名图片',
},
fieldName: 'sign_image',
formItemClass: 'col-span-6',
label: '签名图片',
rules: 'required',
},
],
showDefaultActions: false,
};

14
apps/web-antd/src/views/doctor/doctor/index.vue
View File

@@ -94,13 +94,13 @@ const refuse = (id: number) => {
<template #toolbar-buttons>
<TableAction
:actions="[
// {
// label: '新增',
// type: 'primary',
// icon: 'ant-design:plus-outlined',
// // auth: ['超级医生', 'sys:user:save'],
// onClick: showModal.bind(null),
// },
{
label: '新增',
type: 'primary',
icon: 'ant-design:plus-outlined',
// auth: ['超级医生', 'sys:user:save'],
onClick: showModal.bind(null),
},
]"
:drop-down-actions="[
// {

10
apps/web-antd/src/views/doctor/pharmacist/components/modal.vue
View File

@@ -81,11 +81,11 @@ const [Modal, modalApi] = useVbenModal({
:title="`${isUpdate === true ? '编辑' : '新增'}药师`"
class="w-[60%]"
>
<Alert
description="* 添加的时候确认好药师信息，暂时不支持修改"
message="重要提示"
type="error"
/>
<!-- <Alert-->
<!-- description="* 添加的时候确认好药师信息，暂时不支持修改"-->
<!-- message="重要提示"-->
<!-- type="error"-->
<!-- />-->
<Form />
</Modal>
</template>