From 9ab3903952bb9b1308731a3c0789c0127d56fcd6 Mon Sep 17 00:00:00 2001
From: lq <workerqi@163.com>
Date: Fri, 16 May 2025 17:00:19 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=8D=AF=E5=B8=88=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/doctor/doctor/api/index.ts      |  18 ++
 .../doctor/components/BindStoreModal.vue      |  70 ++++++
 .../src/views/doctor/doctor/config/form.ts    | 128 +----------
 .../src/views/doctor/doctor/index.vue         |  31 ++-
 .../src/views/doctor/pharmacist/api/index.ts  | 127 +++++++++++
 .../pharmacist/components/BindStoreModal.vue  |  70 ++++++
 .../doctor/pharmacist/components/modal.vue    |  65 ++++++
 .../views/doctor/pharmacist/config/form.ts    |  54 +++++
 .../views/doctor/pharmacist/config/search.ts  |  89 ++++++++
 .../views/doctor/pharmacist/config/table.ts   |  82 +++++++
 .../src/views/doctor/pharmacist/index.vue     | 212 ++++++++++++++++++
 .../src/views/system/process/config/table.ts  |   2 +-
 .../src/views/system/process/index.vue        |  42 ++--
 .../src/views/system/region/api/index.ts      |  58 +++++
 .../views/system/region/components/modal.vue  |  62 +++++
 .../src/views/system/region/config/form.ts    |  51 +++++
 .../src/views/system/region/config/search.ts  |  37 +++
 .../src/views/system/region/config/table.ts   |  65 ++++++
 .../src/views/system/region/index.vue         | 140 ++++++++++++
 19 files changed, 1250 insertions(+), 153 deletions(-)
 create mode 100644 apps/web-antd/src/views/doctor/doctor/components/BindStoreModal.vue
 create mode 100644 apps/web-antd/src/views/doctor/pharmacist/api/index.ts
 create mode 100644 apps/web-antd/src/views/doctor/pharmacist/components/BindStoreModal.vue
 create mode 100644 apps/web-antd/src/views/doctor/pharmacist/components/modal.vue
 create mode 100644 apps/web-antd/src/views/doctor/pharmacist/config/form.ts
 create mode 100644 apps/web-antd/src/views/doctor/pharmacist/config/search.ts
 create mode 100644 apps/web-antd/src/views/doctor/pharmacist/config/table.ts
 create mode 100644 apps/web-antd/src/views/doctor/pharmacist/index.vue
 create mode 100644 apps/web-antd/src/views/system/region/api/index.ts
 create mode 100644 apps/web-antd/src/views/system/region/components/modal.vue
 create mode 100644 apps/web-antd/src/views/system/region/config/form.ts
 create mode 100644 apps/web-antd/src/views/system/region/config/search.ts
 create mode 100644 apps/web-antd/src/views/system/region/config/table.ts
 create mode 100644 apps/web-antd/src/views/system/region/index.vue

diff --git a/apps/web-antd/src/views/doctor/doctor/api/index.ts b/apps/web-antd/src/views/doctor/doctor/api/index.ts
index 1fde8e27..74450e48 100644
--- a/apps/web-antd/src/views/doctor/doctor/api/index.ts
+++ b/apps/web-antd/src/views/doctor/doctor/api/index.ts
@@ -31,6 +31,24 @@ export async function getDoctorInfo(id: number) {
   return requestClient.get<any>(`${prefix}detail`, { params: { id } });
 }
 
+/**
+ * 获取医生详情
+ * @param id
+ */
+export async function storeByDoctorIdApi(id: number) {
+  return requestClient.get<any>(`${prefix}store-by-doctor-id`, {
+    params: { id },
+  });
+}
+
+/**
+ * 新增医生
+ * @param data
+ */
+export async function updateDoctorStoreBindApi(data: Record<string, any>) {
+  return requestClient.post<any>(`${prefix}update-store-bind`, data);
+}
+
 /**
  * 新增医生
  * @param data
diff --git a/apps/web-antd/src/views/doctor/doctor/components/BindStoreModal.vue b/apps/web-antd/src/views/doctor/doctor/components/BindStoreModal.vue
new file mode 100644
index 00000000..da007046
--- /dev/null
+++ b/apps/web-antd/src/views/doctor/doctor/components/BindStoreModal.vue
@@ -0,0 +1,70 @@
+<script lang="ts" setup>
+import { ref } from 'vue';
+
+import { useVbenModal } from '@vben/common-ui';
+
+import { message, Select } from 'ant-design-vue';
+
+import { updateDoctorStoreBindApi } from '#/views/doctor/doctor/api';
+import { getStoreOption } from '#/views/system/store/api';
+
+const gridApi = ref();
+const data = ref();
+const optioinData = ref();
+
+const [Modal, modalApi] = useVbenModal({
+  fullscreenButton: false,
+  draggable: true,
+  onCancel() {
+    modalApi.close();
+  },
+  onConfirm: async () => {
+    updateDoctorStoreBindApi({
+      doctor_id: data.value.su_id,
+      store_ids: data.value.stores,
+    }).then(() => {
+      modalApi.close();
+      message.success('保存成功');
+      gridApi.value?.reload();
+    });
+  },
+  onOpenChange(isOpen: boolean) {
+    if (isOpen) {
+      gridApi.value = isOpen ? modalApi.getData()?.gridApi : null;
+      const { values } = modalApi.getData<Record<string, any>>();
+      if (values) {
+        // 拷贝 values
+        data.value = JSON.parse(JSON.stringify(values));
+        data.value.stores = data.value.stores.map((item: any) => item.store_id);
+        getStoreOptionFun();
+      }
+    }
+  },
+});
+
+const getStoreOptionFun = () => {
+  getStoreOption({}).then((res) => {
+    optioinData.value = res.map((item: any) => {
+      return {
+        label: item.name,
+        value: item.id,
+      };
+    });
+  });
+};
+</script>
+
+<template>
+  <!--  <Modal class="w-[60%]" title="西（中成）药列表">-->
+  <Modal class="w-[60%]" title="绑定诊所">
+    <div style="width: 60%; margin: 30px auto;">
+      <Select
+        v-model:value="data.stores"
+        :options="optioinData"
+        mode="multiple"
+        style="width: 100%"
+      />
+    </div>
+  </Modal>
+</template>
+<style lang="scss"></style>
diff --git a/apps/web-antd/src/views/doctor/doctor/config/form.ts b/apps/web-antd/src/views/doctor/doctor/config/form.ts
index fcc9cdb0..3d689fd7 100644
--- a/apps/web-antd/src/views/doctor/doctor/config/form.ts
+++ b/apps/web-antd/src/views/doctor/doctor/config/form.ts
@@ -1,12 +1,7 @@
 import type { VbenFormProps } from '#/adapter/form';
 
-import { z } from '#/adapter/form';
-import { getRoleOption } from '#/views/system/role/api';
-import { getSupplierOption } from '#/views/system/supplier/api';
+import {getStoreOption} from "#/views/system/store/api";
 
-const defaultPassword = 'Xk123456@';
-
-const supplierId = 7;
 export const modalFormProps: VbenFormProps = {
   wrapperClass: 'grid-cols-12', // 24栅格,
   commonConfig: {
@@ -29,33 +24,6 @@ export const modalFormProps: VbenFormProps = {
         triggerFields: ['id'],
       },
     },
-    {
-      component: 'VbenInput',
-      componentProps: {
-        placeholder: '请输入医生昵称',
-      },
-      fieldName: 'nick_name',
-      label: '昵称',
-      rules: 'required',
-      formItemClass: 'col-span-6',
-    },
-    {
-      component: 'Avatar',
-      fieldName: 'avatar',
-      label: '头像',
-      rules: 'required',
-      formItemClass: 'col-span-6',
-    },
-    {
-      component: 'VbenInput',
-      componentProps: {
-        placeholder: '请输入医生手机号码',
-      },
-      fieldName: 'phone',
-      label: '手机号',
-      rules: 'required',
-      formItemClass: 'col-span-6',
-    },
     {
       component: 'ApiSelect',
       componentProps: {
@@ -72,101 +40,15 @@ export const modalFormProps: VbenFormProps = {
             value: item.id,
           }));
         },
-        api: getRoleOption,
+        api: getStoreOption,
         placeholder: '请选择',
+        model: 'multiple',
       },
-      fieldName: 'role_id',
+      fieldName: 'stores',
       formItemClass: 'col-span-6',
-      label: '角色',
+      label: '诊所',
       rules: 'required',
     },
-    {
-      component: 'ApiSelect',
-      componentProps: {
-        allowClear: true,
-        filterOption: true,
-        showSearch: true,
-        // 菜单接口转options格式
-        afterFetch: (data: { id: number; name: string }[]) => {
-          return data.map((item: any) => ({
-            label: item.name,
-            value: item.id,
-          }));
-        },
-        api: getSupplierOption,
-        placeholder: '请选择',
-      },
-      dependencies: {
-        show: (values) => {
-          return values.role_id === supplierId;
-        },
-        triggerFields: ['role_id'],
-      },
-      fieldName: 'supplier_id',
-      formItemClass: 'col-span-6',
-      label: '所属供应商',
-      rules: 'required',
-    },
-    {
-      fieldName: 'password',
-      label: '密码',
-      component: 'InputPassword',
-      help: '5-18位数字、字母、特殊字符组成。',
-      componentProps: {
-        placeholder: '请输入密码',
-        allowClear: true,
-      },
-      defaultValue: defaultPassword,
-      rules: z
-        .string()
-        .regex(
-          /^(?=.*[A-Z0-9])(?=.*[!@#$%^&*])[A-Z0-9!@#$%^&*]{5,18}$/i,
-          '密码由5-18位数字、字母、特殊字符组成。',
-        ),
-      dependencies: {
-        if({ id }) {
-          return !id;
-        },
-        triggerFields: ['id'],
-      },
-      formItemClass: 'col-span-6',
-    },
-    {
-      fieldName: 'confirmPassword',
-      label: '确认密码',
-      component: 'InputPassword',
-      componentProps: {
-        placeholder: '请输入确认密码',
-        allowClear: true,
-      },
-      defaultValue: defaultPassword,
-      rules: z
-        .string()
-        .regex(/[\w!@#$%^&*]{5,18}/, '密码由5-18位数字、字母、特殊字符组成。'),
-      dependencies: {
-        if({ id }) {
-          return !id;
-        },
-        triggerFields: ['id', 'confirmPassword'],
-        rules: (values) => {
-          return z
-            .string()
-            .regex(
-              /[\w!@#$%^&*]{5,18}/,
-              '密码由5-18位数字、字母、特殊字符组成。',
-            )
-            .refine(
-              (confirmPassword) => {
-                return confirmPassword === values.password;
-              },
-              {
-                message: '确认密码必须与密码一致',
-              },
-            );
-        },
-      },
-      formItemClass: 'col-span-6',
-    },
   ],
   showDefaultActions: false,
 };
diff --git a/apps/web-antd/src/views/doctor/doctor/index.vue b/apps/web-antd/src/views/doctor/doctor/index.vue
index 3446a5e4..a8fe8b7e 100644
--- a/apps/web-antd/src/views/doctor/doctor/index.vue
+++ b/apps/web-antd/src/views/doctor/doctor/index.vue
@@ -11,6 +11,7 @@ import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { TableAction } from '#/components/table-action';
 
 import { auditApi, openPcWindowsApi, refuseApi } from './api';
+import BindStore from './components/BindStoreModal.vue';
 import FormModalDemo from './components/modal.vue';
 import { formOptions } from './config/search';
 import { gridOptions } from './config/table';
@@ -40,6 +41,10 @@ const [FormModal, formModalApi] = useVbenModal({
   connectedComponent: FormModalDemo,
 });
 
+const [BindStoreModal, BindStoreModalApi] = useVbenModal({
+  connectedComponent: BindStore,
+});
+
 const showModal = (data = {}, isUpdate = false) => {
   formModalApi.setData({
     // 表单值
@@ -50,6 +55,15 @@ const showModal = (data = {}, isUpdate = false) => {
   formModalApi.open();
 };
 
+const showBindStoreModal = (data: number) => {
+  BindStoreModalApi.setData({
+    // 表单值
+    values: data,
+    gridApi,
+  });
+  BindStoreModalApi.open();
+};
+
 const openPcWindows = (id: number) => {
   openPcWindowsApi(id).then(() => {
     message.success('开通成功!');
@@ -75,6 +89,7 @@ const refuse = (id: number) => {
 <template>
   <Page auto-content-height title="医生管理">
     <FormModal />
+    <BindStoreModal />
     <Grid>
       <template #toolbar-buttons>
         <TableAction
@@ -135,14 +150,14 @@ const refuse = (id: number) => {
       <template #action="{ row }">
         <TableAction
           :actions="[
-            // {
-            //   label: '绑定诊所',
-            //   type: 'link',
-            //   icon: 'uil:edit',
-            //   size: 'small',
-            //   // auth: ['doctor', 'sys:role:detail'],
-            //   onClick: showModal.bind(null, row, true),
-            // },
+            {
+              label: '绑定诊所',
+              type: 'link',
+              icon: 'uil:edit',
+              size: 'small',
+              // auth: ['doctor', 'sys:role:detail'],
+              onClick: showBindStoreModal.bind(null, row),
+            },
             {
               label: '开通PC端',
               type: 'link',
diff --git a/apps/web-antd/src/views/doctor/pharmacist/api/index.ts b/apps/web-antd/src/views/doctor/pharmacist/api/index.ts
new file mode 100644
index 00000000..9524d3e2
--- /dev/null
+++ b/apps/web-antd/src/views/doctor/pharmacist/api/index.ts
@@ -0,0 +1,127 @@
+import { requestClient } from '#/api/request';
+
+const prefix = 'pharmacist/';
+/**
+ * 分页查询用户列表
+ * @param data
+ */
+export async function getPharmacistList(data: any) {
+  return requestClient.get<any>(`${prefix}list`, { params: data });
+}
+/**
+ * 分页查询用户列表
+ * @param data
+ */
+export async function getPharmacistInfoByStoreApi(data: any) {
+  return requestClient.get<any>(`${prefix}pharmacist-info-by-store`, { params: data });
+}
+/**
+ * 查询我的余额
+ * @param data
+ */
+export async function getPharmacistAccountBalance(data: any = {}) {
+  return requestClient.get<any>(`${prefix}my-balance`, { params: data });
+}
+
+/**
+ * 获取药师详情
+ * @param id
+ */
+export async function getPharmacistInfo(id: number) {
+  return requestClient.get<any>(`${prefix}detail`, { params: { id } });
+}
+
+/**
+ * 获取药师详情
+ * @param id
+ */
+export async function storeByPharmacistIdApi(id: number) {
+  return requestClient.get<any>(`${prefix}store-by-pharmacist-id`, {
+    params: { id },
+  });
+}
+
+/**
+ * 新增药师
+ * @param data
+ */
+export async function updatePharmacistStoreBindApi(data: Record<string, any>) {
+  return requestClient.post<any>(`${prefix}update-store-bind`, data);
+}
+
+/**
+ * 新增药师
+ * @param data
+ */
+export async function createPharmacist(data: Record<string, any>) {
+  return requestClient.post<any>(`${prefix}create`, data);
+}
+
+/**
+ * 编辑药师
+ * @param data
+ */
+export async function updatePharmacist(data: Record<string, any>) {
+  return requestClient.post<any>(`${prefix}update`, data);
+}
+
+/**
+ * 删除药师
+ * @param data
+ */
+export async function deletePharmacist(data: Record<string, any>) {
+  return requestClient.post<any>(`${prefix}delete`, data);
+}
+
+/**
+ * 修改密码
+ * @param data
+ */
+export async function updatePassword(data: Record<string, any>) {
+  return requestClient.post<any>(`${prefix}update-password`, data);
+}
+
+/**
+ * 删除药师
+ * @param id
+ */
+export async function openPcWindowsApi(id: number) {
+  return requestClient.post<any>(`${prefix}open-pc-windows`, {
+    id,
+  });
+}
+
+/**
+ * 审核通过药师
+ * @param id
+ */
+export async function auditApi(id: number) {
+  return requestClient.post<any>(`${prefix}audit`, {
+    id,
+  });
+}
+
+/**
+ * 审核拒绝药师
+ * @param id
+ */
+export async function refuseApi(id: number) {
+  return requestClient.post<any>(`${prefix}refuse`, {
+    id,
+  });
+}
+
+/**
+ * 获取我绑定的银行卡
+ */
+export async function getMyCard() {
+  return requestClient.get<any>(`${prefix}my-card`);
+}
+
+/**
+ * 编辑账户绑定银行卡
+ * @param data
+ */
+export async function saveCard(data: Record<string, any>) {
+  return requestClient.post<any>(`${prefix}save-card`, data);
+}
diff --git a/apps/web-antd/src/views/doctor/pharmacist/components/BindStoreModal.vue b/apps/web-antd/src/views/doctor/pharmacist/components/BindStoreModal.vue
new file mode 100644
index 00000000..300e2267
--- /dev/null
+++ b/apps/web-antd/src/views/doctor/pharmacist/components/BindStoreModal.vue
@@ -0,0 +1,70 @@
+<script lang="ts" setup>
+import { ref } from 'vue';
+
+import { useVbenModal } from '@vben/common-ui';
+
+import { message, Select } from 'ant-design-vue';
+
+import { updatePharmacistStoreBindApi } from '../api';
+import { getStoreOption } from '#/views/system/store/api';
+
+const gridApi = ref();
+const data = ref();
+const optioinData = ref();
+
+const [Modal, modalApi] = useVbenModal({
+  fullscreenButton: false,
+  draggable: true,
+  onCancel() {
+    modalApi.close();
+  },
+  onConfirm: async () => {
+    updatePharmacistStoreBindApi({
+      doctor_id: data.value.su_id,
+      store_ids: data.value.stores,
+    }).then(() => {
+      modalApi.close();
+      message.success('保存成功');
+      gridApi.value?.reload();
+    });
+  },
+  onOpenChange(isOpen: boolean) {
+    if (isOpen) {
+      gridApi.value = isOpen ? modalApi.getData()?.gridApi : null;
+      const { values } = modalApi.getData<Record<string, any>>();
+      if (values) {
+        // 拷贝 values
+        data.value = JSON.parse(JSON.stringify(values));
+        data.value.stores = data.value.stores.map((item: any) => item.store_id);
+        getStoreOptionFun();
+      }
+    }
+  },
+});
+
+const getStoreOptionFun = () => {
+  getStoreOption({}).then((res) => {
+    optioinData.value = res.map((item: any) => {
+      return {
+        label: item.name,
+        value: item.id,
+      };
+    });
+  });
+};
+</script>
+
+<template>
+  <!--  <Modal class="w-[60%]" title="西（中成）药列表">-->
+  <Modal class="w-[60%]" title="绑定诊所">
+    <div style="width: 60%; margin: 30px auto;">
+      <Select
+        v-model:value="data.stores"
+        :options="optioinData"
+        mode="multiple"
+        style="width: 100%"
+      />
+    </div>
+  </Modal>
+</template>
+<style lang="scss"></style>
diff --git a/apps/web-antd/src/views/doctor/pharmacist/components/modal.vue b/apps/web-antd/src/views/doctor/pharmacist/components/modal.vue
new file mode 100644
index 00000000..aef078cf
--- /dev/null
+++ b/apps/web-antd/src/views/doctor/pharmacist/components/modal.vue
@@ -0,0 +1,65 @@
+<script lang="ts" setup>
+import { ref } from 'vue';
+
+import { useVbenModal } from '@vben/common-ui';
+
+import { message } from 'ant-design-vue';
+
+import { useVbenForm } from '#/adapter/form';
+import { createPharmacist, updatePharmacist } from '../api';
+import { modalFormProps } from '../config/form';
+
+defineOptions({
+  name: 'FormModelDemo',
+});
+
+const isUpdate = ref(false);
+const gridApi = ref();
+
+const [Form, formApi] = useVbenForm(modalFormProps);
+
+const [Modal, modalApi] = useVbenModal({
+  fullscreenButton: false,
+  draggable: true,
+  onCancel() {
+    modalApi.close();
+  },
+  onConfirm: async () => {
+    formApi.validate().then(async (e: any) => {
+      if (e.valid) {
+        const values = await formApi.getValues();
+        modalApi.setState({ loading: true, confirmLoading: true });
+        const submitApi = isUpdate.value ? updatePharmacist : createPharmacist;
+        submitApi(values)
+          .then(() => {
+            message.success('保存成功');
+            gridApi.value?.reload();
+            modalApi.close();
+          })
+          .finally(() => {
+            modalApi.setState({ loading: false, confirmLoading: false });
+          });
+      }
+    });
+    await formApi.validateAndSubmitForm();
+  },
+  onOpenChange(isOpen: boolean) {
+    gridApi.value = isOpen ? modalApi.getData()?.gridApi : null;
+    if (isOpen) {
+      const { values, update } = modalApi.getData<Record<string, any>>();
+      if (values) {
+        isUpdate.value = update;
+        formApi.setValues(values);
+      }
+    }
+  },
+});
+</script>
+<template>
+  <Modal
+    :title="`${isUpdate === true ? '编辑' : '新增'}药师`"
+    class="w-[60%]"
+  >
+    <Form />
+  </Modal>
+</template>
diff --git a/apps/web-antd/src/views/doctor/pharmacist/config/form.ts b/apps/web-antd/src/views/doctor/pharmacist/config/form.ts
new file mode 100644
index 00000000..3d689fd7
--- /dev/null
+++ b/apps/web-antd/src/views/doctor/pharmacist/config/form.ts
@@ -0,0 +1,54 @@
+import type { VbenFormProps } from '#/adapter/form';
+
+import {getStoreOption} from "#/views/system/store/api";
+
+export const modalFormProps: 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: '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',
+      },
+      fieldName: 'stores',
+      formItemClass: 'col-span-6',
+      label: '诊所',
+      rules: 'required',
+    },
+  ],
+  showDefaultActions: false,
+};
diff --git a/apps/web-antd/src/views/doctor/pharmacist/config/search.ts b/apps/web-antd/src/views/doctor/pharmacist/config/search.ts
new file mode 100644
index 00000000..6ccb9202
--- /dev/null
+++ b/apps/web-antd/src/views/doctor/pharmacist/config/search.ts
@@ -0,0 +1,89 @@
+import type { VbenFormProps } from '#/adapter/form';
+
+export const formOptions: VbenFormProps = {
+  // 默认展开
+  collapsed: false,
+  schema: [
+    {
+      component: 'VbenInput',
+      componentProps: {
+        placeholder: '输入名称',
+      },
+      defaultValue: '',
+      fieldName: 'name',
+      label: '药师名称',
+    },
+    {
+      component: 'VbenSelect',
+      componentProps: {
+        placeholder: '请选择状态',
+        options: [
+          {
+            label: '全部',
+            value: null,
+          },
+          {
+            label: '已停用',
+            value: -1,
+          },
+          {
+            label: '待激活',
+            value: 0,
+          },
+          {
+            label: '待审核',
+            value: 1,
+          },
+          {
+            label: '已通过',
+            value: 2,
+          },
+          {
+            label: '已拒绝',
+            value: 3,
+          },
+        ],
+      },
+      defaultValue: null,
+      fieldName: 'service_user_status',
+      label: '审核状态',
+    },
+    // {
+    //   component: 'VbenInput',
+    //   componentProps: {
+    //     placeholder: '输入手机号码',
+    //   },
+    //   defaultValue: '',
+    //   fieldName: 'phone',
+    //   label: '手机号码',
+    // },
+    // {
+    //   component: 'ApiSelect',
+    //   componentProps: {
+    //     allowClear: true,
+    //     filterOption: true,
+    //     showSearch: true,
+    //     // 菜单接口转options格式
+    //     afterFetch: (data: { id: number; name: string }[]) => {
+    //       return data.map((item: any) => ({
+    //         label: item.name,
+    //         value: item.id,
+    //       }));
+    //     },
+    //     api: getRoleOption,
+    //     placeholder: '请选择',
+    //   },
+    //   fieldName: 'role_id',
+    //   label: '角色',
+    // },
+  ],
+  // 控制表单是否显示折叠按钮
+  showCollapseButton: true,
+  submitButtonOptions: {
+    content: '查询',
+  },
+  // 是否在字段值改变时提交表单
+  submitOnChange: true,
+  // 按下回车时是否提交表单
+  submitOnEnter: false,
+};
diff --git a/apps/web-antd/src/views/doctor/pharmacist/config/table.ts b/apps/web-antd/src/views/doctor/pharmacist/config/table.ts
new file mode 100644
index 00000000..132bb2ab
--- /dev/null
+++ b/apps/web-antd/src/views/doctor/pharmacist/config/table.ts
@@ -0,0 +1,82 @@
+import type { VxeGridProps } from '#/adapter/vxe-table';
+
+import { getPharmacistList } from '../api';
+
+interface RowType {
+  id: string;
+  nick_name: string;
+  email: string;
+  avatar: string;
+  roles: { name: string }[];
+  open_id: string;
+  code: string;
+  platform_id: string;
+  phone: string;
+  desc: string;
+  created_at: string;
+}
+
+export const gridOptions: VxeGridProps<RowType> = {
+  checkboxConfig: {
+    highlight: true,
+    labelField: '',
+  },
+  columnConfig: {
+    useKey: true,
+  },
+  rowConfig: {
+    useKey: true,
+  },
+  columns: [
+    { type: 'checkbox', width: 60 },
+    { field: 'id', align: 'left', title: 'ID', width: 100 },
+    { field: 'name', align: 'left', title: '名称' },
+    { field: 'mobile', align: 'left', title: '手机号' },
+    {
+      field: 'avatar',
+      align: 'left',
+      title: '头像',
+      slots: { default: 'avatar' },
+      width: 130,
+    },
+    { field: 'su_id', title: 'wxID' },
+    { field: 'stores', title: '所属诊所', slots: { default: 'stores' } },
+    { field: 'service_user', title: '审核状态', slots: { default: 'service-user' } },
+    { field: 'created_at', title: '注册时间' },
+    { type: 'html', title: '操作', width: 250, slots: { default: 'action' } },
+  ],
+  keepSource: true,
+  pagerConfig: {},
+  proxyConfig: {
+    ajax: {
+      // 请求后端接口方法
+      query: async ({ page }, formValues) => {
+        return await getPharmacistList({
+          page: page.currentPage,
+          pageSize: page.pageSize,
+          ...formValues,
+        });
+      },
+    },
+  },
+  height: 'auto',
+  border: false,
+  toolbarConfig: {
+    // 是否显示搜索表单控制按钮
+    // @ts-ignore 正式环境时有完整的类型声明
+    search: true,
+    refresh: true, // 刷新
+    print: false, // 打印
+    export: false, // 导出
+    // custom: true, // 自定义列
+    zoom: true, // 最大化最小化
+    slots: {
+      buttons: 'toolbar-buttons',
+    },
+    custom: {
+      // 自定义列-图标
+      icon: 'vxe-icon-menu',
+    },
+  },
+  showOverflow: false,
+};
diff --git a/apps/web-antd/src/views/doctor/pharmacist/index.vue b/apps/web-antd/src/views/doctor/pharmacist/index.vue
new file mode 100644
index 00000000..5169578a
--- /dev/null
+++ b/apps/web-antd/src/views/doctor/pharmacist/index.vue
@@ -0,0 +1,212 @@
+<script lang="ts" setup>
+import type { VxeGridListeners } from '#/adapter/vxe-table';
+
+import { ref } from 'vue';
+
+import { Page, useVbenModal } from '@vben/common-ui';
+
+import { Button, Image, message, Tag } from 'ant-design-vue';
+
+import { useVbenVxeGrid } from '#/adapter/vxe-table';
+import { TableAction } from '#/components/table-action';
+
+import { auditApi, openPcWindowsApi, refuseApi } from './api';
+import BindStore from './components/BindStoreModal.vue';
+import FormModalDemo from './components/modal.vue';
+import { formOptions } from './config/search';
+import { gridOptions } from './config/table';
+
+const hasTopTableDropDownActions = ref(false);
+
+const gridEvents: VxeGridListeners<any> = {
+  checkboxChange() {
+    // eslint-disable-next-line no-use-before-define
+    const records = gridApi.grid.getCheckboxRecords();
+    hasTopTableDropDownActions.value = records.length > 0;
+  },
+  checkboxAll() {
+    // eslint-disable-next-line no-use-before-define
+    const records = gridApi.grid.getCheckboxRecords();
+    hasTopTableDropDownActions.value = records.length > 0;
+  },
+};
+
+const [Grid, gridApi] = useVbenVxeGrid({
+  formOptions,
+  gridOptions,
+  gridEvents,
+});
+
+const [FormModal, formModalApi] = useVbenModal({
+  connectedComponent: FormModalDemo,
+});
+
+const [BindStoreModal, BindStoreModalApi] = useVbenModal({
+  connectedComponent: BindStore,
+});
+
+const showModal = (data = {}, isUpdate = false) => {
+  formModalApi.setData({
+    // 表单值
+    values: data,
+    update: isUpdate,
+    gridApi,
+  });
+  formModalApi.open();
+};
+
+const showBindStoreModal = (data: number) => {
+  BindStoreModalApi.setData({
+    // 表单值
+    values: data,
+    gridApi,
+  });
+  BindStoreModalApi.open();
+};
+
+const openPcWindows = (id: number) => {
+  openPcWindowsApi(id).then(() => {
+    message.success('开通成功!');
+    gridApi.reload();
+  });
+};
+
+const audit = (id: number) => {
+  auditApi(id).then(() => {
+    message.success('审核成功!');
+    gridApi.reload();
+  });
+};
+
+const refuse = (id: number) => {
+  refuseApi(id).then(() => {
+    message.success('审核成功!');
+    gridApi.reload();
+  });
+};
+</script>
+
+<template>
+  <Page auto-content-height title="药师管理">
+    <FormModal />
+    <BindStoreModal />
+    <Grid>
+      <template #toolbar-buttons>
+        <TableAction
+          :actions="[
+            // {
+            //   label: '新增',
+            //   type: 'primary',
+            //   icon: 'ant-design:plus-outlined',
+            //   // auth: ['超级药师', 'sys:user:save'],
+            //   onClick: showModal.bind(null),
+            // },
+          ]"
+          :drop-down-actions="[
+            // {
+            //   label: '删除',
+            //   icon: 'ant-design:delete-outlined',
+            //   ifShow: hasTopTableDropDownActions,
+            //   // auth: ['超级药师', 'sys:user:save'],
+            //   popConfirm: {
+            //     title: '确定删除吗？',
+            //     confirm: deleteApi.bind(null, false),
+            //   },
+            // },
+          ]"
+        >
+          <template #more>
+            <Button style="margin-left: 16px">
+              批量操作
+              <Icon icon="ant-design:down-outlined" />
+            </Button>
+          </template>
+        </TableAction>
+      </template>
+      <template #avatar="{ row }">
+        <Image :src="row.avatar" height="30" width="30" />
+      </template>
+      <template #stores="{ row }">
+        <p v-for="item in row.stores" :key="item.store_id">
+          {{ item?.store?.name }}
+        </p>
+      </template>
+      <template #service-user="{ row }">
+        <Tag v-if="row.service_user?.status === 2" color="success">已通过</Tag>
+        <Tag v-else-if="row.service_user?.status === 0" color="blue">
+          待激活
+        </Tag>
+        <Tag v-else-if="row.service_user?.status === 1" color="warning">
+          待审核
+        </Tag>
+        <Tag v-else-if="row.service_user?.status === 3" color="error">
+          已拒绝
+        </Tag>
+        <Tag v-else-if="row.service_user?.status === -1" color="error">
+          已停用
+        </Tag>
+      </template>
+      <template #toolbar-tools></template>
+      <template #action="{ row }">
+        <TableAction
+          :actions="[
+            {
+              label: '审核通过',
+              type: 'link',
+              icon: 'uil:edit',
+              size: 'small',
+              ifShow: row.service_user?.status === 1,
+              // auth: ['pharmacist', 'sys:role:detail'],
+              onClick: audit.bind(null, row.id),
+            },
+            {
+              label: '拒绝审核',
+              type: 'link',
+              icon: 'uil:edit',
+              size: 'small',
+              ifShow: row.service_user?.status === 1,
+              // auth: ['pharmacist', 'sys:role:detail'],
+              onClick: refuse.bind(null, row.id),
+            },
+            // {
+            //   label: '绑定诊所',
+            //   type: 'link',
+            //   icon: 'uil:edit',
+            //   size: 'small',
+            //   // auth: ['pharmacist', 'sys:role:detail'],
+            //   onClick: showBindStoreModal.bind(null, row),
+            // },
+            // {
+            //   label: '开通PC端',
+            //   type: 'link',
+            //   icon: 'uil:edit',
+            //   size: 'small',
+            //   // auth: ['pharmacist', 'sys:role:detail'],
+            //   onClick: openPcWindows.bind(null, row.id),
+            // },
+          ]"
+          :drop-down-actions="[
+            // {
+            //   label: '审核通过',
+            //   type: 'link',
+            //   icon: 'uil:edit',
+            //   size: 'small',
+            //   ifShow: row.service_user?.status === 1,
+            //   // auth: ['pharmacist', 'sys:role:detail'],
+            //   onClick: audit.bind(null, row.id),
+            // },
+            // {
+            //   label: '拒绝审核',
+            //   type: 'link',
+            //   icon: 'uil:edit',
+            //   size: 'small',
+            //   ifShow: row.service_user?.status === 1,
+            //   // auth: ['pharmacist', 'sys:role:detail'],
+            //   onClick: refuse.bind(null, row.id),
+            // },
+          ]"
+        />
+      </template>
+    </Grid>
+  </Page>
+</template>
diff --git a/apps/web-antd/src/views/system/process/config/table.ts b/apps/web-antd/src/views/system/process/config/table.ts
index 1c6d5d37..4b1d34b5 100644
--- a/apps/web-antd/src/views/system/process/config/table.ts
+++ b/apps/web-antd/src/views/system/process/config/table.ts
@@ -21,7 +21,7 @@ export const gridOptions: VxeGridProps = {
     { field: 'calc_method', title: '计算方式' },
     { field: 'price', title: '计算价格' },
     { field: 'unit', title: '计算单位' },
-    { field: 'created_at', title: '注册时间' },
+    { field: 'created_at', title: '创建时间' },
     { type: 'html', title: '操作', slots: { default: 'action' } },
   ],
   keepSource: true,
diff --git a/apps/web-antd/src/views/system/process/index.vue b/apps/web-antd/src/views/system/process/index.vue
index 960b4452..9d7b0004 100644
--- a/apps/web-antd/src/views/system/process/index.vue
+++ b/apps/web-antd/src/views/system/process/index.vue
@@ -99,16 +99,16 @@ const collapseAll = () => {
             },
           ]"
           :drop-down-actions="[
-            {
-              label: '删除',
-              icon: 'ant-design:delete-outlined',
-              ifShow: hasTopTableDropDownActions,
-              // auth: ['超级加工费', 'sys:user:save'],
-              popConfirm: {
-                title: '确定删除吗？',
-                confirm: deleteApi.bind(null, false),
-              },
-            },
+            // {
+            //   label: '删除',
+            //   icon: 'ant-design:delete-outlined',
+            //   ifShow: hasTopTableDropDownActions,
+            //   // auth: ['超级加工费', 'sys:user:save'],
+            //   popConfirm: {
+            //     title: '确定删除吗？',
+            //     confirm: deleteApi.bind(null, false),
+            //   },
+            // },
           ]"
         >
           <template #more>
@@ -147,17 +147,17 @@ const collapseAll = () => {
               // auth: ['process', 'sys:role:detail'],
               onClick: showModal.bind(null, row, true),
             },
-            {
-              label: '删除',
-              type: 'link',
-              icon: 'ant-design:delete-outlined',
-              size: 'small',
-              // auth: ['process', 'sys:role:detail'],
-              popConfirm: {
-                title: '确定删除吗？',
-                confirm: deleteApi.bind(null, row.id),
-              },
-            },
+            // {
+            //   label: '删除',
+            //   type: 'link',
+            //   icon: 'ant-design:delete-outlined',
+            //   size: 'small',
+            //   // auth: ['process', 'sys:role:detail'],
+            //   popConfirm: {
+            //     title: '确定删除吗？',
+            //     confirm: deleteApi.bind(null, row.id),
+            //   },
+            // },
           ]"
           :drop-down-actions="[
             // {
diff --git a/apps/web-antd/src/views/system/region/api/index.ts b/apps/web-antd/src/views/system/region/api/index.ts
new file mode 100644
index 00000000..e9eabab0
--- /dev/null
+++ b/apps/web-antd/src/views/system/region/api/index.ts
@@ -0,0 +1,58 @@
+import { requestClient } from '#/api/request';
+
+const prefix = 'region/';
+/**
+ * 分页查询用户列表
+ * @param data
+ */
+export async function getRegionList(data: any) {
+  return requestClient.get<any>(`${prefix}list`, { params: data });
+}
+/**
+ * 分页查询用户列表
+ * @param data
+ */
+export async function getRegionOption(data: any) {
+  return requestClient.get<any>(`${prefix}option`, { params: data });
+}
+/**
+ * 分页查询用户列表
+ */
+export async function getRegionOptionPidApi() {
+  return requestClient.get<any>(`${prefix}option`, { params: {
+      pid: 0,
+    },
+  });
+}
+
+/**
+ * 获取快递费详情
+ * @param id
+ */
+export async function getRegionInfo(id: number) {
+  return requestClient.get<any>(`${prefix}detail`, { params: { id } });
+}
+
+/**
+ * 新增快递费
+ * @param data
+ */
+export async function createRegion(data: Record<string, any>) {
+  return requestClient.post<any>(`${prefix}create`, data);
+}
+
+/**
+ * 编辑快递费
+ * @param data
+ */
+export async function updateRegion(data: Record<string, any>) {
+  return requestClient.post<any>(`${prefix}update`, data);
+}
+
+/**
+ * 删除快递费
+ * @param data
+ */
+export async function deleteRegion(data: Record<string, any>) {
+  return requestClient.post<any>(`${prefix}delete`, data);
+}
diff --git a/apps/web-antd/src/views/system/region/components/modal.vue b/apps/web-antd/src/views/system/region/components/modal.vue
new file mode 100644
index 00000000..48af251f
--- /dev/null
+++ b/apps/web-antd/src/views/system/region/components/modal.vue
@@ -0,0 +1,62 @@
+<script lang="ts" setup>
+import { ref } from 'vue';
+
+import { useVbenModal } from '@vben/common-ui';
+
+import { message } from 'ant-design-vue';
+
+import { useVbenForm } from '#/adapter/form';
+import { createRegion, updateRegion } from '#/views/system/region/api';
+import { modalFormProps } from '#/views/system/region/config/form';
+
+defineOptions({
+  name: 'FormModelDemo',
+});
+
+const isUpdate = ref(false);
+const gridApi = ref();
+
+const [Form, formApi] = useVbenForm(modalFormProps);
+
+const [Modal, modalApi] = useVbenModal({
+  fullscreenButton: false,
+  draggable: true,
+  onCancel() {
+    modalApi.close();
+  },
+  onConfirm: async () => {
+    formApi.validate().then(async (e: any) => {
+      if (e.valid) {
+        const values = await formApi.getValues();
+        modalApi.setState({ loading: true, confirmLoading: true });
+        const submitApi = isUpdate.value ? updateRegion : createRegion;
+        submitApi(values)
+          .then(() => {
+            message.success('保存成功');
+            gridApi.value?.reload();
+            modalApi.close();
+          })
+          .finally(() => {
+            modalApi.setState({ loading: false, confirmLoading: false });
+          });
+      }
+    });
+    await formApi.validateAndSubmitForm();
+  },
+  onOpenChange(isOpen: boolean) {
+    gridApi.value = isOpen ? modalApi.getData()?.gridApi : null;
+    if (isOpen) {
+      const { values, update } = modalApi.getData<Record<string, any>>();
+      if (values) {
+        isUpdate.value = update;
+        formApi.setValues(values);
+      }
+    }
+  },
+});
+</script>
+<template>
+  <Modal :title="`${isUpdate === true ? '编辑' : '新增'}快递费`" class="w-[30%]">
+    <Form />
+  </Modal>
+</template>
diff --git a/apps/web-antd/src/views/system/region/config/form.ts b/apps/web-antd/src/views/system/region/config/form.ts
new file mode 100644
index 00000000..6f187b8e
--- /dev/null
+++ b/apps/web-antd/src/views/system/region/config/form.ts
@@ -0,0 +1,51 @@
+import type { VbenFormProps } from '#/adapter/form';
+import {getRegionOptionPidApi} from "#/views/system/region/api";
+
+export const modalFormProps: VbenFormProps = {
+  wrapperClass: 'grid-cols-12', // 24栅格,
+  commonConfig: {
+    formItemClass: 'col-span-12',
+    // 所有表单项
+    componentProps: {
+      class: 'w-full',
+    },
+  },
+  // handleSubmit: onSubmit,
+  layout: 'horizontal',
+  schema: [
+    // {
+    //   fieldName: 'baseinfo',
+    //   component: 'Divider',
+    //   label: '基础信息',
+    //   formItemClass: 'col-span-12',
+    //   componentProps: {},
+    //   hideLabel: true,
+    //   renderComponentContent: () => {
+    //     return {
+    //       default: () => {
+    //         return '基础信息';
+    //       },
+    //     };
+    //   },
+    // },
+    {
+      component: 'VbenInput',
+      fieldName: 'id',
+      label: 'ID',
+      formItemClass: 'col-span-6',
+      dependencies: {
+        show: false,
+        triggerFields: ['id'],
+      },
+    },
+    {
+      component: 'InputNumber',
+      componentProps: {
+        placeholder: '请输入价格',
+      },
+      fieldName: 'express_fee',
+      label: '价格',
+    },
+  ],
+  showDefaultActions: false,
+};
diff --git a/apps/web-antd/src/views/system/region/config/search.ts b/apps/web-antd/src/views/system/region/config/search.ts
new file mode 100644
index 00000000..d9cd1ea1
--- /dev/null
+++ b/apps/web-antd/src/views/system/region/config/search.ts
@@ -0,0 +1,37 @@
+import type { VbenFormProps } from '#/adapter/form';
+
+// import dayjs from 'dayjs';
+
+export const formOptions: VbenFormProps = {
+  // 默认展开
+  collapsed: false,
+  schema: [
+    {
+      component: 'VbenInput',
+      componentProps: {
+        placeholder: '输入名称',
+      },
+      defaultValue: '',
+      fieldName: 'name',
+      label: '快递费名称',
+    },
+    // {
+    //   component: 'RangePicker',
+    //   componentProps: {
+    //     format: 'YYYY-MM-DD', // 确保格式与你需要的一致
+    //   },
+    //   // defaultValue: [dayjs().startOf('month'), dayjs()],
+    //   fieldName: 'search_time',
+    //   label: '时间范围',
+    // },
+  ],
+  // 控制表单是否显示折叠按钮
+  showCollapseButton: true,
+  submitButtonOptions: {
+    content: '查询',
+  },
+  // 是否在字段值改变时提交表单
+  submitOnChange: false,
+  // 按下回车时是否提交表单
+  submitOnEnter: false,
+};
diff --git a/apps/web-antd/src/views/system/region/config/table.ts b/apps/web-antd/src/views/system/region/config/table.ts
new file mode 100644
index 00000000..ec503085
--- /dev/null
+++ b/apps/web-antd/src/views/system/region/config/table.ts
@@ -0,0 +1,65 @@
+import type { VxeGridProps } from '#/adapter/vxe-table';
+
+import { getRegionList } from '#/views/system/region/api';
+
+export const gridOptions: VxeGridProps = {
+  checkboxConfig: {
+    highlight: true,
+    labelField: '',
+  },
+  columnConfig: {
+    useKey: true,
+  },
+  rowConfig: {
+    useKey: true,
+  },
+  columns: [
+    { type: 'checkbox', width: 60 },
+    { width: 60, treeNode: true },
+    { field: 'id', align: 'left', title: 'ID', width: 100 },
+    { field: 'name', title: '地区' },
+    { field: 'express_fee', title: '快递费' },
+    { field: 'created_at', title: '创建时间' },
+    { type: 'html', title: '操作', slots: { default: 'action' } },
+  ],
+  keepSource: true,
+  pagerConfig: {},
+  proxyConfig: {
+    ajax: {
+      // 请求后端接口方法
+      query: async ({ page }, formValues) => {
+        return await getRegionList({
+          page: page.currentPage,
+          pageSize: page.pageSize,
+          ...formValues,
+        });
+      },
+    },
+  },
+  treeConfig: {
+    parentField: 'pid',
+    rowField: 'id',
+    transform: true,
+    expandAll: false,
+  },
+  height: 'auto',
+  border: false,
+  toolbarConfig: {
+    // 是否显示搜索表单控制按钮
+    // @ts-ignore 正式环境时有完整的类型声明
+    search: true,
+    refresh: true, // 刷新
+    print: false, // 打印
+    export: false, // 导出
+    // custom: true, // 自定义列
+    zoom: true, // 最大化最小化
+    slots: {
+      buttons: 'toolbar-buttons',
+    },
+    custom: {
+      // 自定义列-图标
+      icon: 'vxe-icon-menu',
+    },
+  },
+  showOverflow: false,
+};
diff --git a/apps/web-antd/src/views/system/region/index.vue b/apps/web-antd/src/views/system/region/index.vue
new file mode 100644
index 00000000..12ec85ec
--- /dev/null
+++ b/apps/web-antd/src/views/system/region/index.vue
@@ -0,0 +1,140 @@
+<script lang="ts" setup>
+import type { VxeGridListeners } from '#/adapter/vxe-table';
+
+import { ref } from 'vue';
+
+import { Page, useVbenModal } from '@vben/common-ui';
+
+import { Button, Image, message } from 'ant-design-vue';
+
+import { useVbenVxeGrid } from '#/adapter/vxe-table';
+import { TableAction } from '#/components/table-action';
+
+import { deleteRegion } from './api';
+import FormModalDemo from './components/modal.vue';
+import { formOptions } from './config/search';
+import { gridOptions } from './config/table';
+
+const hasTopTableDropDownActions = ref(false);
+
+const gridEvents: VxeGridListeners<any> = {
+  checkboxChange() {
+    // eslint-disable-next-line no-use-before-define
+    const records = gridApi.grid.getCheckboxRecords();
+    hasTopTableDropDownActions.value = records.length > 0;
+  },
+  checkboxAll() {
+    // eslint-disable-next-line no-use-before-define
+    const records = gridApi.grid.getCheckboxRecords();
+    hasTopTableDropDownActions.value = records.length > 0;
+  },
+};
+
+const [Grid, gridApi] = useVbenVxeGrid({
+  formOptions,
+  gridOptions,
+  gridEvents,
+});
+
+const [FormModal, formModalApi] = useVbenModal({
+  connectedComponent: FormModalDemo,
+});
+
+const showModal = (data = {}, isUpdate = false) => {
+  formModalApi.setData({
+    // 表单值
+    values: data,
+    update: isUpdate,
+    gridApi,
+  });
+  formModalApi.open();
+};
+
+const deleteApi = (row: any) => {
+  let ids = [];
+  if (row) {
+    ids.push(row);
+  } else {
+    ids = gridApi.grid.getCheckboxRecords().map((item) => item.id);
+  }
+  deleteRegion({ ids }).then(() => {
+    message.success('删除成功!');
+    gridApi.reload();
+  });
+};
+const expandAll = () => {
+  gridApi.grid?.setAllTreeExpand(true);
+};
+
+const collapseAll = () => {
+  gridApi.grid?.setAllTreeExpand(false);
+};
+</script>
+
+<template>
+  <Page auto-content-height title="快递费管理">
+    <FormModal />
+    <Grid>
+      <template #toolbar-buttons>
+        <TableAction
+          :actions="[
+            {
+              label: '展开全部',
+              type: 'primary',
+              // auth: ['超级菜单', 'sys:user:save'],
+              onClick: expandAll.bind(null),
+            },
+            {
+              label: '收起全部',
+              type: 'primary',
+              // auth: ['超级菜单', 'sys:user:save'],
+              onClick: collapseAll.bind(null),
+            },
+          ]"
+          :drop-down-actions="[
+          ]"
+        >
+          <template #more>
+            <Button style="margin-left: 16px">
+              批量操作
+              <Icon icon="ant-design:down-outlined" />
+            </Button>
+          </template>
+        </TableAction>
+      </template>
+      <template #logo="{ row }">
+        <Image :src="row.logo" height="30" width="30" />
+      </template>
+      <template #open_business_license="{ row }">
+        <Image :src="row.open_business_license" height="30" width="30" />
+      </template>
+      <template #business_license="{ row }">
+        <Image :src="row.business_license" height="30" width="30" />
+      </template>
+      <template #product_registration_certificate="{ row }">
+        <Image
+          :src="row.product_registration_certificate"
+          height="30"
+          width="30"
+        />
+      </template>
+      <template #toolbar-tools></template>
+      <template #action="{ row }">
+        <TableAction
+          :actions="[
+            {
+              label: '编辑',
+              type: 'link',
+              icon: 'uil:edit',
+              size: 'small',
+              // auth: ['region', 'sys:role:detail'],
+              onClick: showModal.bind(null, row, true),
+            },
+          ]"
+          :drop-down-actions="[
+          ]"
+        />
+      </template>
+    </Grid>
+  </Page>
+</template>