admin/apps/smart-pharmacy/src/views/system/tisane/list.vue

<script lang="ts" setup>
import type { VxeTableGridOptions } from '#/adapter/vxe-table';
import type { SystemModel } from '#/api';

import { Page, useVbenModal } from '@vben/common-ui';

import { useVbenVxeGrid } from '#/adapter/vxe-table';

import { useUserSearchFormSchema, useUserTableColumns } from './data';
import Form from './modules/form.vue';

const [FormModal, formModalApi] = useVbenModal({
  connectedComponent: Form,
  destroyOnClose: true,
});

const [Grid, gridApi] = useVbenVxeGrid({
  formOptions: {
    schema: useUserSearchFormSchema(),
    submitOnChange: true,
  },
  gridOptions: {
    columns: useUserTableColumns(),
    height: 'auto',
    keepSource: true,
    // proxyConfig: {
    //   ajax: {
    //     query({ page }, formValues) {
    //       return listOrganizationsMethod(
    //         page.currentPage,
    //         page.pageSize,
    //         formValues,
    //       );
    //     },
    //   },
    // },
    // rowConfig: {
    //   keyField: 'id',
    // },

    proxyConfig: {
      ajax: {
        query() {
          return Promise.resolve({
            Data: {
              TotalRecordCount: 3,

              Items: [
                {
                  pid: '1',
                  name: '重药煎药中心华东区',
                  code: 'cyeast',
                  createUser: 'createUser',
                  createTime: '2025-10-26 11:23:21',
                  type: '企业煎药中心',
                  remark: '备注1',
                  relatedOrganizations: '医疗机构1',
                  relatedEnterprise: '浙江药业公司',
                },
                {
                  pid: '2',
                  name: '煎药中心1',
                  code: 'jyzhongxin1',
                  createUser: 'createUser',
                  createTime: '2025-10-26 11:23:21',
                  type: '第三方煎药中心',
                  remark: '备注2',
                  relatedOrganizations: '医疗机构2',
                  relatedEnterprise: '重药控股有限公司',
                },
                {
                  pid: '3',
                  name: '煎药中心2',
                  code: 'jyzhongxin2',
                  createUser: 'createUser',
                  createTime: '2025-10-26 11:23:21',
                  type: '第三方煎药中心',
                  remark: '备注333',
                  relatedOrganizations: '医疗机构3',
                  relatedEnterprise: '重药控股有限公司',
                },
              ],
            },

            ResultCode: 0,
          });
        },
      },

      response: {
        result: 'Data.Items',
        total: 'Data.TotalRecordCount',
      },
    },

    rowConfig: {
      keyField: 'pid',
    },
  } as VxeTableGridOptions<SystemModel.User>,
});

// 刷新
function onRefresh() {
  gridApi.query();
}
</script>
<template>
  <Page auto-content-height>
    <FormModal @success="onRefresh" />
    <Grid>
      <template #toolbar-tools></template>
    </Grid>
  </Page>
</template>