新写院校页面

src/views/school/campus/SchoolCampus.api.ts

@@ -0,0 +1,49 @@
+import { defHttp } from '/@/utils/http/axios';
+import { useMessage } from '/@/hooks/web/useMessage';
+
+const { createConfirm } = useMessage();
+
+enum Api {
+  list = '/school/campus/list',
+  save = '/school/campus/add',
+  edit = '/school/campus/edit',
+  deleteOne = '/school/campus/delete',
+  deleteBatch = '/school/campus/deleteBatch',
+  queryById = '/school/campus/queryById',
+  importExcel = '/school/campus/importExcel',
+  exportXls = '/school/campus/exportXls',
+}
+
+export const getExportUrl = Api.exportXls;
+export const getImportUrl = Api.importExcel;
+
+export const list = (params) => defHttp.get({ url: Api.list, params });
+
+export const queryById = (params) => defHttp.get({ url: Api.queryById, params });
+
+export const deleteOne = (params, handleSuccess) => {
+  return defHttp.delete({ url: Api.deleteOne, params }, { joinParamsToUrl: true }).then(() => {
+    handleSuccess?.();
+  });
+};
+
+export const batchDelete = (params, handleSuccess) => {
+  createConfirm({
+    iconType: 'warning',
+    title: '确认删除',
+    content: '是否删除选中数据',
+    okText: '确认',
+    cancelText: '取消',
+    onOk: () => {
+      return defHttp.delete({ url: Api.deleteBatch, data: params }, { joinParamsToUrl: true }).then(() => {
+        handleSuccess?.();
+      });
+    },
+  });
+};
+
+export const saveOrUpdate = (params, isUpdate) => {
+  const url = isUpdate ? Api.edit : Api.save;
+  return defHttp.post({ url, params });
+};
+

src/views/school/campus/SchoolCampus.data.ts

@@ -0,0 +1,66 @@
+import { BasicColumn } from '/@/components/Table';
+import { FormSchema } from '/@/components/Table';
+
+export const columns: BasicColumn[] = [
+  {
+    title: '学校ID',
+    align: 'center',
+    dataIndex: 'schoolId',
+  },
+  {
+    title: '校区名称',
+    align: 'center',
+    dataIndex: 'campusName',
+  },
+  {
+    title: '地址',
+    align: 'center',
+    dataIndex: 'address',
+  },
+];
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '学校ID',
+    field: 'schoolId',
+    component: 'InputNumber',
+    colProps: { span: 6 },
+  },
+  {
+    label: '校区名称',
+    field: 'campusName',
+    component: 'Input',
+    colProps: { span: 6 },
+  },
+];
+
+export const formSchema: FormSchema[] = [
+  {
+    label: '学校ID',
+    field: 'schoolId',
+    component: 'InputNumber',
+    required: true,
+  },
+  {
+    label: '校区名称',
+    field: 'campusName',
+    component: 'Input',
+    required: true,
+  },
+  {
+    label: '地址',
+    field: 'address',
+    component: 'Input',
+  },
+  {
+    label: '',
+    field: 'id',
+    component: 'Input',
+    show: false,
+  },
+];
+
+export function getBpmFormSchema(_formData): FormSchema[] {
+  return formSchema;
+}
+

src/views/school/campus/SchoolCampusList.vue

@@ -0,0 +1,122 @@
+<template>
+  <div>
+    <BasicTable @register="registerTable" :rowSelection="rowSelection">
+      <template #tableTitle>
+        <a-button type="primary" @click="handleAdd" preIcon="ant-design:plus-outlined">新增</a-button>
+        <a-button type="primary" preIcon="ant-design:export-outlined" @click="onExportXls">导出</a-button>
+        <j-upload-button type="primary" preIcon="ant-design:import-outlined" @click="onImportXls">导入</j-upload-button>
+        <a-dropdown v-if="selectedRowKeys.length > 0">
+          <template #overlay>
+            <a-menu>
+              <a-menu-item key="1" @click="batchHandleDelete">
+                <Icon icon="ant-design:delete-outlined" />
+                删除
+              </a-menu-item>
+            </a-menu>
+          </template>
+          <a-button>
+            批量操作
+            <Icon icon="mdi:chevron-down" />
+          </a-button>
+        </a-dropdown>
+      </template>
+
+      <template #action="{ record }">
+        <TableAction :actions="getTableAction(record)" :dropDownActions="getDropDownAction(record)" />
+      </template>
+    </BasicTable>
+
+    <SchoolCampusModal @register="registerModal" @success="handleSuccess" />
+  </div>
+</template>
+
+<script lang="ts" name="school-campus" setup>
+  import { BasicTable, TableAction } from '/@/components/Table';
+  import { useModal } from '/@/components/Modal';
+  import { useListPage } from '/@/hooks/system/useListPage';
+  import { columns, searchFormSchema } from './SchoolCampus.data';
+  import { list, deleteOne, batchDelete, getImportUrl, getExportUrl } from './SchoolCampus.api';
+  import SchoolCampusModal from './components/SchoolCampusModal.vue';
+
+  const [registerModal, { openModal }] = useModal();
+
+  const { tableContext, onExportXls, onImportXls } = useListPage({
+    tableProps: {
+      title: '学校校区',
+      api: list,
+      columns,
+      canResize: false,
+      formConfig: {
+        schemas: searchFormSchema,
+        autoSubmitOnEnter: true,
+        showAdvancedButton: true,
+        fieldMapToNumber: ['schoolId'],
+        fieldMapToTime: [],
+      },
+      actionColumn: {
+        width: 140,
+        fixed: 'right',
+      },
+    },
+    exportConfig: {
+      name: '学校校区',
+      url: getExportUrl,
+    },
+    importConfig: {
+      url: getImportUrl,
+      success: handleSuccess,
+    },
+  });
+
+  const [registerTable, { reload }, { rowSelection, selectedRowKeys }] = tableContext;
+
+  function handleAdd() {
+    openModal(true, { isUpdate: false, showFooter: true });
+  }
+
+  function handleEdit(record: Recordable) {
+    openModal(true, { record, isUpdate: true, showFooter: true });
+  }
+
+  function handleDetail(record: Recordable) {
+    openModal(true, { record, isUpdate: true, showFooter: false });
+  }
+
+  async function handleDelete(record: Recordable) {
+    await deleteOne({ id: record.id }, handleSuccess);
+  }
+
+  async function batchHandleDelete() {
+    await batchDelete({ ids: selectedRowKeys.value }, handleSuccess);
+  }
+
+  function handleSuccess() {
+    (selectedRowKeys.value = []) && reload();
+  }
+
+  function getTableAction(record: Recordable) {
+    return [
+      {
+        label: '编辑',
+        onClick: handleEdit.bind(null, record),
+      },
+    ];
+  }
+
+  function getDropDownAction(record: Recordable) {
+    return [
+      {
+        label: '详情',
+        onClick: handleDetail.bind(null, record),
+      },
+      {
+        label: '删除',
+        popConfirm: {
+          title: '是否确认删除',
+          confirm: handleDelete.bind(null, record),
+        },
+      },
+    ];
+  }
+</script>
+

src/views/school/campus/components/SchoolCampusForm.vue

@@ -0,0 +1,69 @@
+<template>
+  <div style="min-height: 400px">
+    <BasicForm @register="registerForm" />
+    <div style="width: 100%; text-align: center" v-if="!formDisabled">
+      <a-button @click="submitForm" pre-icon="ant-design:check" type="primary">提交</a-button>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+  import { BasicForm, useForm } from '/@/components/Form/index';
+  import { computed, defineComponent } from 'vue';
+  import { defHttp } from '/@/utils/http/axios';
+  import { propTypes } from '/@/utils/propTypes';
+  import { getBpmFormSchema } from '../SchoolCampus.data';
+  import { saveOrUpdate } from '../SchoolCampus.api';
+
+  export default defineComponent({
+    name: 'SchoolCampusForm',
+    components: {
+      BasicForm,
+    },
+    props: {
+      formData: propTypes.object.def({}),
+      formBpm: propTypes.bool.def(true),
+    },
+    setup(props) {
+      const [registerForm, { setFieldsValue, setProps, getFieldsValue }] = useForm({
+        labelWidth: 150,
+        schemas: getBpmFormSchema(props.formData),
+        showActionButtonGroup: false,
+        baseColProps: { span: 24 },
+      });
+
+      const formDisabled = computed(() => {
+        if (props.formData.disabled === false) {
+          return false;
+        }
+        return true;
+      });
+
+      let loadedFormData: Recordable = {};
+      const queryByIdUrl = '/school/campus/queryById';
+
+      async function initFormData() {
+        const params = { id: props.formData.dataId };
+        const data = await defHttp.get({ url: queryByIdUrl, params });
+        loadedFormData = { ...data };
+        await setFieldsValue(loadedFormData);
+        await setProps({ disabled: formDisabled.value });
+      }
+
+      async function submitForm() {
+        const data = getFieldsValue();
+        const params = Object.assign({}, loadedFormData, data);
+        await saveOrUpdate(params, true);
+      }
+
+      initFormData();
+
+      return {
+        registerForm,
+        formDisabled,
+        submitForm,
+      };
+    },
+  });
+</script>
+

src/views/school/campus/components/SchoolCampusModal.vue

@@ -0,0 +1,68 @@
+<template>
+  <BasicModal
+    v-bind="$attrs"
+    @register="registerModal"
+    destroyOnClose
+    :title="title"
+    :width="800"
+    @ok="handleSubmit"
+  >
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
+
+<script lang="ts" setup>
+  import { computed, ref, unref } from 'vue';
+  import { BasicModal, useModalInner } from '/@/components/Modal';
+  import { BasicForm, useForm } from '/@/components/Form/index';
+  import { formSchema } from '../SchoolCampus.data';
+  import { saveOrUpdate } from '../SchoolCampus.api';
+
+  const emit = defineEmits(['register', 'success']);
+  const isUpdate = ref(true);
+
+  const [registerForm, { setProps, resetFields, setFieldsValue, validate }] = useForm({
+    schemas: formSchema,
+    showActionButtonGroup: false,
+    baseColProps: { span: 24 },
+  });
+
+  const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+    await resetFields();
+    setModalProps({
+      confirmLoading: false,
+      showCancelBtn: !!data?.showFooter,
+      showOkBtn: !!data?.showFooter,
+    });
+    isUpdate.value = !!data?.isUpdate;
+    if (unref(isUpdate)) {
+      await setFieldsValue({ ...data.record });
+    }
+    setProps({ disabled: !data?.showFooter });
+  });
+
+  const title = computed(() => (!unref(isUpdate) ? '新增' : '编辑'));
+
+  async function handleSubmit() {
+    try {
+      const values = await validate();
+      setModalProps({ confirmLoading: true });
+      await saveOrUpdate(values, isUpdate.value);
+      closeModal();
+      emit('success');
+    } finally {
+      setModalProps({ confirmLoading: false });
+    }
+  }
+</script>
+
+<style lang="less" scoped>
+  :deep(.ant-input-number) {
+    width: 100%;
+  }
+
+  :deep(.ant-calendar-picker) {
+    width: 100%;
+  }
+</style>
+

src/views/school/college/SchoolCollege.api.ts

@@ -0,0 +1,49 @@
+import { defHttp } from '/@/utils/http/axios';
+import { useMessage } from '/@/hooks/web/useMessage';
+
+const { createConfirm } = useMessage();
+
+enum Api {
+  list = '/school/college/list',
+  save = '/school/college/add',
+  edit = '/school/college/edit',
+  deleteOne = '/school/college/delete',
+  deleteBatch = '/school/college/deleteBatch',
+  queryById = '/school/college/queryById',
+  importExcel = '/school/college/importExcel',
+  exportXls = '/school/college/exportXls',
+}
+
+export const getExportUrl = Api.exportXls;
+export const getImportUrl = Api.importExcel;
+
+export const list = (params) => defHttp.get({ url: Api.list, params });
+
+export const queryById = (params) => defHttp.get({ url: Api.queryById, params });
+
+export const deleteOne = (params, handleSuccess) => {
+  return defHttp.delete({ url: Api.deleteOne, params }, { joinParamsToUrl: true }).then(() => {
+    handleSuccess?.();
+  });
+};
+
+export const batchDelete = (params, handleSuccess) => {
+  createConfirm({
+    iconType: 'warning',
+    title: '确认删除',
+    content: '是否删除选中数据',
+    okText: '确认',
+    cancelText: '取消',
+    onOk: () => {
+      return defHttp.delete({ url: Api.deleteBatch, data: params }, { joinParamsToUrl: true }).then(() => {
+        handleSuccess?.();
+      });
+    },
+  });
+};
+
+export const saveOrUpdate = (params, isUpdate) => {
+  const url = isUpdate ? Api.edit : Api.save;
+  return defHttp.post({ url, params });
+};
+

src/views/school/college/SchoolCollege.data.ts

@@ -0,0 +1,61 @@
+import { BasicColumn } from '/@/components/Table';
+import { FormSchema } from '/@/components/Table';
+
+export const columns: BasicColumn[] = [
+  {
+    title: 'ID',
+    align: 'center',
+    dataIndex: 'id',
+  },
+  {
+    title: '学校ID',
+    align: 'center',
+    dataIndex: 'schoolId',
+  },
+  {
+    title: '学院名称',
+    align: 'center',
+    dataIndex: 'collegeName',
+  },
+];
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '学校ID',
+    field: 'schoolId',
+    component: 'InputNumber',
+    colProps: { span: 6 },
+  },
+  {
+    label: '学院名称',
+    field: 'collegeName',
+    component: 'Input',
+    colProps: { span: 6 },
+  },
+];
+
+export const formSchema: FormSchema[] = [
+  {
+    label: '学校ID',
+    field: 'schoolId',
+    component: 'InputNumber',
+    required: true,
+  },
+  {
+    label: '学院名称',
+    field: 'collegeName',
+    component: 'Input',
+    required: true,
+  },
+  {
+    label: '',
+    field: 'id',
+    component: 'Input',
+    show: false,
+  },
+];
+
+export function getBpmFormSchema(_formData): FormSchema[] {
+  return formSchema;
+}
+

src/views/school/college/SchoolCollegeList.vue

@@ -0,0 +1,122 @@
+<template>
+  <div>
+    <BasicTable @register="registerTable" :rowSelection="rowSelection">
+      <template #tableTitle>
+        <a-button type="primary" @click="handleAdd" preIcon="ant-design:plus-outlined">新增</a-button>
+        <a-button type="primary" preIcon="ant-design:export-outlined" @click="onExportXls">导出</a-button>
+        <j-upload-button type="primary" preIcon="ant-design:import-outlined" @click="onImportXls">导入</j-upload-button>
+        <a-dropdown v-if="selectedRowKeys.length > 0">
+          <template #overlay>
+            <a-menu>
+              <a-menu-item key="1" @click="batchHandleDelete">
+                <Icon icon="ant-design:delete-outlined" />
+                删除
+              </a-menu-item>
+            </a-menu>
+          </template>
+          <a-button>
+            批量操作
+            <Icon icon="mdi:chevron-down" />
+          </a-button>
+        </a-dropdown>
+      </template>
+
+      <template #action="{ record }">
+        <TableAction :actions="getTableAction(record)" :dropDownActions="getDropDownAction(record)" />
+      </template>
+    </BasicTable>
+
+    <SchoolCollegeModal @register="registerModal" @success="handleSuccess" />
+  </div>
+</template>
+
+<script lang="ts" name="school-college" setup>
+  import { BasicTable, TableAction } from '/@/components/Table';
+  import { useModal } from '/@/components/Modal';
+  import { useListPage } from '/@/hooks/system/useListPage';
+  import { columns, searchFormSchema } from './SchoolCollege.data';
+  import { list, deleteOne, batchDelete, getImportUrl, getExportUrl } from './SchoolCollege.api';
+  import SchoolCollegeModal from './components/SchoolCollegeModal.vue';
+
+  const [registerModal, { openModal }] = useModal();
+
+  const { tableContext, onExportXls, onImportXls } = useListPage({
+    tableProps: {
+      title: '学校学院',
+      api: list,
+      columns,
+      canResize: false,
+      formConfig: {
+        schemas: searchFormSchema,
+        autoSubmitOnEnter: true,
+        showAdvancedButton: true,
+        fieldMapToNumber: ['schoolId'],
+        fieldMapToTime: [],
+      },
+      actionColumn: {
+        width: 140,
+        fixed: 'right',
+      },
+    },
+    exportConfig: {
+      name: '学校学院',
+      url: getExportUrl,
+    },
+    importConfig: {
+      url: getImportUrl,
+      success: handleSuccess,
+    },
+  });
+
+  const [registerTable, { reload }, { rowSelection, selectedRowKeys }] = tableContext;
+
+  function handleAdd() {
+    openModal(true, { isUpdate: false, showFooter: true });
+  }
+
+  function handleEdit(record: Recordable) {
+    openModal(true, { record, isUpdate: true, showFooter: true });
+  }
+
+  function handleDetail(record: Recordable) {
+    openModal(true, { record, isUpdate: true, showFooter: false });
+  }
+
+  async function handleDelete(record: Recordable) {
+    await deleteOne({ id: record.id }, handleSuccess);
+  }
+
+  async function batchHandleDelete() {
+    await batchDelete({ ids: selectedRowKeys.value }, handleSuccess);
+  }
+
+  function handleSuccess() {
+    (selectedRowKeys.value = []) && reload();
+  }
+
+  function getTableAction(record: Recordable) {
+    return [
+      {
+        label: '编辑',
+        onClick: handleEdit.bind(null, record),
+      },
+    ];
+  }
+
+  function getDropDownAction(record: Recordable) {
+    return [
+      {
+        label: '详情',
+        onClick: handleDetail.bind(null, record),
+      },
+      {
+        label: '删除',
+        popConfirm: {
+          title: '是否确认删除',
+          confirm: handleDelete.bind(null, record),
+        },
+      },
+    ];
+  }
+</script>
+

src/views/school/college/components/SchoolCollegeForm.vue

@@ -0,0 +1,69 @@
+<template>
+  <div style="min-height: 400px">
+    <BasicForm @register="registerForm" />
+    <div style="width: 100%; text-align: center" v-if="!formDisabled">
+      <a-button @click="submitForm" pre-icon="ant-design:check" type="primary">提交</a-button>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+  import { BasicForm, useForm } from '/@/components/Form/index';
+  import { computed, defineComponent } from 'vue';
+  import { defHttp } from '/@/utils/http/axios';
+  import { propTypes } from '/@/utils/propTypes';
+  import { getBpmFormSchema } from '../SchoolCollege.data';
+  import { saveOrUpdate } from '../SchoolCollege.api';
+
+  export default defineComponent({
+    name: 'SchoolCollegeForm',
+    components: {
+      BasicForm,
+    },
+    props: {
+      formData: propTypes.object.def({}),
+      formBpm: propTypes.bool.def(true),
+    },
+    setup(props) {
+      const [registerForm, { setFieldsValue, setProps, getFieldsValue }] = useForm({
+        labelWidth: 150,
+        schemas: getBpmFormSchema(props.formData),
+        showActionButtonGroup: false,
+        baseColProps: { span: 24 },
+      });
+
+      const formDisabled = computed(() => {
+        if (props.formData.disabled === false) {
+          return false;
+        }
+        return true;
+      });
+
+      let loadedFormData: Recordable = {};
+      const queryByIdUrl = '/school/college/queryById';
+
+      async function initFormData() {
+        const params = { id: props.formData.dataId };
+        const data = await defHttp.get({ url: queryByIdUrl, params });
+        loadedFormData = { ...data };
+        await setFieldsValue(loadedFormData);
+        await setProps({ disabled: formDisabled.value });
+      }
+
+      async function submitForm() {
+        const data = getFieldsValue();
+        const params = Object.assign({}, loadedFormData, data);
+        await saveOrUpdate(params, true);
+      }
+
+      initFormData();
+
+      return {
+        registerForm,
+        formDisabled,
+        submitForm,
+      };
+    },
+  });
+</script>
+

src/views/school/college/components/SchoolCollegeModal.vue

@@ -0,0 +1,68 @@
+<template>
+  <BasicModal
+    v-bind="$attrs"
+    @register="registerModal"
+    destroyOnClose
+    :title="title"
+    :width="800"
+    @ok="handleSubmit"
+  >
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
+
+<script lang="ts" setup>
+  import { computed, ref, unref } from 'vue';
+  import { BasicModal, useModalInner } from '/@/components/Modal';
+  import { BasicForm, useForm } from '/@/components/Form/index';
+  import { formSchema } from '../SchoolCollege.data';
+  import { saveOrUpdate } from '../SchoolCollege.api';
+
+  const emit = defineEmits(['register', 'success']);
+  const isUpdate = ref(true);
+
+  const [registerForm, { setProps, resetFields, setFieldsValue, validate }] = useForm({
+    schemas: formSchema,
+    showActionButtonGroup: false,
+    baseColProps: { span: 24 },
+  });
+
+  const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+    await resetFields();
+    setModalProps({
+      confirmLoading: false,
+      showCancelBtn: !!data?.showFooter,
+      showOkBtn: !!data?.showFooter,
+    });
+    isUpdate.value = !!data?.isUpdate;
+    if (unref(isUpdate)) {
+      await setFieldsValue({ ...data.record });
+    }
+    setProps({ disabled: !data?.showFooter });
+  });
+
+  const title = computed(() => (!unref(isUpdate) ? '新增' : '编辑'));
+
+  async function handleSubmit() {
+    try {
+      const values = await validate();
+      setModalProps({ confirmLoading: true });
+      await saveOrUpdate(values, isUpdate.value);
+      closeModal();
+      emit('success');
+    } finally {
+      setModalProps({ confirmLoading: false });
+    }
+  }
+</script>
+
+<style lang="less" scoped>
+  :deep(.ant-input-number) {
+    width: 100%;
+  }
+
+  :deep(.ant-calendar-picker) {
+    width: 100%;
+  }
+</style>
+

src/views/school/detail/SchoolDetail.api.ts

@@ -0,0 +1,49 @@
+import { defHttp } from '/@/utils/http/axios';
+import { useMessage } from '/@/hooks/web/useMessage';
+
+const { createConfirm } = useMessage();
+
+enum Api {
+  list = '/school/detail/list',
+  save = '/school/detail/add',
+  edit = '/school/detail/edit',
+  deleteOne = '/school/detail/delete',
+  deleteBatch = '/school/detail/deleteBatch',
+  queryById = '/school/detail/queryById',
+  importExcel = '/school/detail/importExcel',
+  exportXls = '/school/detail/exportXls',
+}
+
+export const getExportUrl = Api.exportXls;
+export const getImportUrl = Api.importExcel;
+
+export const list = (params) => defHttp.get({ url: Api.list, params });
+
+export const queryById = (params) => defHttp.get({ url: Api.queryById, params });
+
+export const deleteOne = (params, handleSuccess) => {
+  return defHttp.delete({ url: Api.deleteOne, params }, { joinParamsToUrl: true }).then(() => {
+    handleSuccess?.();
+  });
+};
+
+export const batchDelete = (params, handleSuccess) => {
+  createConfirm({
+    iconType: 'warning',
+    title: '确认删除',
+    content: '是否删除选中数据',
+    okText: '确认',
+    cancelText: '取消',
+    onOk: () => {
+      return defHttp.delete({ url: Api.deleteBatch, data: params }, { joinParamsToUrl: true }).then(() => {
+        handleSuccess?.();
+      });
+    },
+  });
+};
+
+export const saveOrUpdate = (params, isUpdate) => {
+  const url = isUpdate ? Api.edit : Api.save;
+  return defHttp.post({ url, params });
+};
+

src/views/school/detail/SchoolDetail.data.ts

@@ -0,0 +1,87 @@
+import { BasicColumn } from '/@/components/Table';
+import { FormSchema } from '/@/components/Table';
+
+export const columns: BasicColumn[] = [
+  {
+    title: '学校ID',
+    align: 'center',
+    dataIndex: 'schoolId',
+  },
+  {
+    title: '简介',
+    align: 'center',
+    dataIndex: 'introduction',
+  },
+  {
+    title: '地址',
+    align: 'center',
+    dataIndex: 'address',
+  },
+  {
+    title: '联系电话',
+    align: 'center',
+    dataIndex: 'contact',
+  },
+  {
+    title: '官网',
+    align: 'center',
+    dataIndex: 'website',
+  },
+  {
+    title: '更新时间',
+    align: 'center',
+    dataIndex: 'updateTime',
+  },
+];
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '学校ID',
+    field: 'schoolId',
+    component: 'InputNumber',
+    colProps: { span: 6 },
+  },
+];
+
+export const formSchema: FormSchema[] = [
+  {
+    label: '学校ID',
+    field: 'schoolId',
+    component: 'InputNumber',
+    required: true,
+  },
+  {
+    label: '简介',
+    field: 'introduction',
+    component: 'InputTextArea',
+    componentProps: {
+      rows: 6,
+    },
+  },
+  {
+    label: '地址',
+    field: 'address',
+    component: 'Input',
+  },
+  {
+    label: '联系电话',
+    field: 'contact',
+    component: 'Input',
+  },
+  {
+    label: '官网',
+    field: 'website',
+    component: 'Input',
+  },
+  {
+    label: '',
+    field: 'id',
+    component: 'Input',
+    show: false,
+  },
+];
+
+export function getBpmFormSchema(_formData): FormSchema[] {
+  return formSchema;
+}
+

src/views/school/detail/SchoolDetailList.vue

@@ -0,0 +1,122 @@
+<template>
+  <div>
+    <BasicTable @register="registerTable" :rowSelection="rowSelection">
+      <template #tableTitle>
+        <a-button type="primary" @click="handleAdd" preIcon="ant-design:plus-outlined">新增</a-button>
+        <a-button type="primary" preIcon="ant-design:export-outlined" @click="onExportXls">导出</a-button>
+        <j-upload-button type="primary" preIcon="ant-design:import-outlined" @click="onImportXls">导入</j-upload-button>
+        <a-dropdown v-if="selectedRowKeys.length > 0">
+          <template #overlay>
+            <a-menu>
+              <a-menu-item key="1" @click="batchHandleDelete">
+                <Icon icon="ant-design:delete-outlined" />
+                删除
+              </a-menu-item>
+            </a-menu>
+          </template>
+          <a-button>
+            批量操作
+            <Icon icon="mdi:chevron-down" />
+          </a-button>
+        </a-dropdown>
+      </template>
+
+      <template #action="{ record }">
+        <TableAction :actions="getTableAction(record)" :dropDownActions="getDropDownAction(record)" />
+      </template>
+    </BasicTable>
+
+    <SchoolDetailModal @register="registerModal" @success="handleSuccess" />
+  </div>
+</template>
+
+<script lang="ts" name="school-detail" setup>
+  import { BasicTable, TableAction } from '/@/components/Table';
+  import { useModal } from '/@/components/Modal';
+  import { useListPage } from '/@/hooks/system/useListPage';
+  import { columns, searchFormSchema } from './SchoolDetail.data';
+  import { list, deleteOne, batchDelete, getImportUrl, getExportUrl } from './SchoolDetail.api';
+  import SchoolDetailModal from './components/SchoolDetailModal.vue';
+
+  const [registerModal, { openModal }] = useModal();
+
+  const { tableContext, onExportXls, onImportXls } = useListPage({
+    tableProps: {
+      title: '学校详情',
+      api: list,
+      columns,
+      canResize: false,
+      formConfig: {
+        schemas: searchFormSchema,
+        autoSubmitOnEnter: true,
+        showAdvancedButton: true,
+        fieldMapToNumber: ['schoolId'],
+        fieldMapToTime: [],
+      },
+      actionColumn: {
+        width: 140,
+        fixed: 'right',
+      },
+    },
+    exportConfig: {
+      name: '学校详情',
+      url: getExportUrl,
+    },
+    importConfig: {
+      url: getImportUrl,
+      success: handleSuccess,
+    },
+  });
+
+  const [registerTable, { reload }, { rowSelection, selectedRowKeys }] = tableContext;
+
+  function handleAdd() {
+    openModal(true, { isUpdate: false, showFooter: true });
+  }
+
+  function handleEdit(record: Recordable) {
+    openModal(true, { record, isUpdate: true, showFooter: true });
+  }
+
+  function handleDetail(record: Recordable) {
+    openModal(true, { record, isUpdate: true, showFooter: false });
+  }
+
+  async function handleDelete(record: Recordable) {
+    await deleteOne({ id: record.id }, handleSuccess);
+  }
+
+  async function batchHandleDelete() {
+    await batchDelete({ ids: selectedRowKeys.value }, handleSuccess);
+  }
+
+  function handleSuccess() {
+    (selectedRowKeys.value = []) && reload();
+  }
+
+  function getTableAction(record: Recordable) {
+    return [
+      {
+        label: '编辑',
+        onClick: handleEdit.bind(null, record),
+      },
+    ];
+  }
+
+  function getDropDownAction(record: Recordable) {
+    return [
+      {
+        label: '详情',
+        onClick: handleDetail.bind(null, record),
+      },
+      {
+        label: '删除',
+        popConfirm: {
+          title: '是否确认删除',
+          confirm: handleDelete.bind(null, record),
+        },
+      },
+    ];
+  }
+</script>
+

src/views/school/detail/components/SchoolDetailForm.vue

@@ -0,0 +1,69 @@
+<template>
+  <div style="min-height: 400px">
+    <BasicForm @register="registerForm" />
+    <div style="width: 100%; text-align: center" v-if="!formDisabled">
+      <a-button @click="submitForm" pre-icon="ant-design:check" type="primary">提交</a-button>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+  import { BasicForm, useForm } from '/@/components/Form/index';
+  import { computed, defineComponent } from 'vue';
+  import { defHttp } from '/@/utils/http/axios';
+  import { propTypes } from '/@/utils/propTypes';
+  import { getBpmFormSchema } from '../SchoolDetail.data';
+  import { saveOrUpdate } from '../SchoolDetail.api';
+
+  export default defineComponent({
+    name: 'SchoolDetailForm',
+    components: {
+      BasicForm,
+    },
+    props: {
+      formData: propTypes.object.def({}),
+      formBpm: propTypes.bool.def(true),
+    },
+    setup(props) {
+      const [registerForm, { setFieldsValue, setProps, getFieldsValue }] = useForm({
+        labelWidth: 150,
+        schemas: getBpmFormSchema(props.formData),
+        showActionButtonGroup: false,
+        baseColProps: { span: 24 },
+      });
+
+      const formDisabled = computed(() => {
+        if (props.formData.disabled === false) {
+          return false;
+        }
+        return true;
+      });
+
+      let loadedFormData: Recordable = {};
+      const queryByIdUrl = '/school/detail/queryById';
+
+      async function initFormData() {
+        const params = { id: props.formData.dataId };
+        const data = await defHttp.get({ url: queryByIdUrl, params });
+        loadedFormData = { ...data };
+        await setFieldsValue(loadedFormData);
+        await setProps({ disabled: formDisabled.value });
+      }
+
+      async function submitForm() {
+        const data = getFieldsValue();
+        const params = Object.assign({}, loadedFormData, data);
+        await saveOrUpdate(params, true);
+      }
+
+      initFormData();
+
+      return {
+        registerForm,
+        formDisabled,
+        submitForm,
+      };
+    },
+  });
+</script>
+

src/views/school/detail/components/SchoolDetailModal.vue

@@ -0,0 +1,68 @@
+<template>
+  <BasicModal
+    v-bind="$attrs"
+    @register="registerModal"
+    destroyOnClose
+    :title="title"
+    :width="900"
+    @ok="handleSubmit"
+  >
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
+
+<script lang="ts" setup>
+  import { computed, ref, unref } from 'vue';
+  import { BasicModal, useModalInner } from '/@/components/Modal';
+  import { BasicForm, useForm } from '/@/components/Form/index';
+  import { formSchema } from '../SchoolDetail.data';
+  import { saveOrUpdate } from '../SchoolDetail.api';
+
+  const emit = defineEmits(['register', 'success']);
+  const isUpdate = ref(true);
+
+  const [registerForm, { setProps, resetFields, setFieldsValue, validate }] = useForm({
+    schemas: formSchema,
+    showActionButtonGroup: false,
+    baseColProps: { span: 24 },
+  });
+
+  const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+    await resetFields();
+    setModalProps({
+      confirmLoading: false,
+      showCancelBtn: !!data?.showFooter,
+      showOkBtn: !!data?.showFooter,
+    });
+    isUpdate.value = !!data?.isUpdate;
+    if (unref(isUpdate)) {
+      await setFieldsValue({ ...data.record });
+    }
+    setProps({ disabled: !data?.showFooter });
+  });
+
+  const title = computed(() => (!unref(isUpdate) ? '新增' : '编辑'));
+
+  async function handleSubmit() {
+    try {
+      const values = await validate();
+      setModalProps({ confirmLoading: true });
+      await saveOrUpdate(values, isUpdate.value);
+      closeModal();
+      emit('success');
+    } finally {
+      setModalProps({ confirmLoading: false });
+    }
+  }
+</script>
+
+<style lang="less" scoped>
+  :deep(.ant-input-number) {
+    width: 100%;
+  }
+
+  :deep(.ant-calendar-picker) {
+    width: 100%;
+  }
+</style>
+

src/views/school/dorm/SchoolDorm.api.ts

@@ -0,0 +1,49 @@
+import { defHttp } from '/@/utils/http/axios';
+import { useMessage } from '/@/hooks/web/useMessage';
+
+const { createConfirm } = useMessage();
+
+enum Api {
+  list = '/school/dorm/list',
+  save = '/school/dorm/add',
+  edit = '/school/dorm/edit',
+  deleteOne = '/school/dorm/delete',
+  deleteBatch = '/school/dorm/deleteBatch',
+  queryById = '/school/dorm/queryById',
+  importExcel = '/school/dorm/importExcel',
+  exportXls = '/school/dorm/exportXls',
+}
+
+export const getExportUrl = Api.exportXls;
+export const getImportUrl = Api.importExcel;
+
+export const list = (params) => defHttp.get({ url: Api.list, params });
+
+export const queryById = (params) => defHttp.get({ url: Api.queryById, params });
+
+export const deleteOne = (params, handleSuccess) => {
+  return defHttp.delete({ url: Api.deleteOne, params }, { joinParamsToUrl: true }).then(() => {
+    handleSuccess?.();
+  });
+};
+
+export const batchDelete = (params, handleSuccess) => {
+  createConfirm({
+    iconType: 'warning',
+    title: '确认删除',
+    content: '是否删除选中数据',
+    okText: '确认',
+    cancelText: '取消',
+    onOk: () => {
+      return defHttp.delete({ url: Api.deleteBatch, data: params }, { joinParamsToUrl: true }).then(() => {
+        handleSuccess?.();
+      });
+    },
+  });
+};
+
+export const saveOrUpdate = (params, isUpdate) => {
+  const url = isUpdate ? Api.edit : Api.save;
+  return defHttp.post({ url, params });
+};
+

src/views/school/dorm/SchoolDorm.data.ts

@@ -0,0 +1,66 @@
+import { BasicColumn } from '/@/components/Table';
+import { FormSchema } from '/@/components/Table';
+
+export const columns: BasicColumn[] = [
+  {
+    title: '学校ID',
+    align: 'center',
+    dataIndex: 'schoolId',
+  },
+  {
+    title: '宿舍名称',
+    align: 'center',
+    dataIndex: 'dormName',
+  },
+  {
+    title: '校区ID',
+    align: 'center',
+    dataIndex: 'campusId',
+  },
+];
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '学校ID',
+    field: 'schoolId',
+    component: 'InputNumber',
+    colProps: { span: 6 },
+  },
+  {
+    label: '宿舍名称',
+    field: 'dormName',
+    component: 'Input',
+    colProps: { span: 6 },
+  },
+];
+
+export const formSchema: FormSchema[] = [
+  {
+    label: '学校ID',
+    field: 'schoolId',
+    component: 'InputNumber',
+    required: true,
+  },
+  {
+    label: '宿舍名称',
+    field: 'dormName',
+    component: 'Input',
+    required: true,
+  },
+  {
+    label: '校区ID',
+    field: 'campusId',
+    component: 'InputNumber',
+  },
+  {
+    label: '',
+    field: 'id',
+    component: 'Input',
+    show: false,
+  },
+];
+
+export function getBpmFormSchema(_formData): FormSchema[] {
+  return formSchema;
+}
+

src/views/school/dorm/SchoolDormList.vue

@@ -0,0 +1,122 @@
+<template>
+  <div>
+    <BasicTable @register="registerTable" :rowSelection="rowSelection">
+      <template #tableTitle>
+        <a-button type="primary" @click="handleAdd" preIcon="ant-design:plus-outlined">新增</a-button>
+        <a-button type="primary" preIcon="ant-design:export-outlined" @click="onExportXls">导出</a-button>
+        <j-upload-button type="primary" preIcon="ant-design:import-outlined" @click="onImportXls">导入</j-upload-button>
+        <a-dropdown v-if="selectedRowKeys.length > 0">
+          <template #overlay>
+            <a-menu>
+              <a-menu-item key="1" @click="batchHandleDelete">
+                <Icon icon="ant-design:delete-outlined" />
+                删除
+              </a-menu-item>
+            </a-menu>
+          </template>
+          <a-button>
+            批量操作
+            <Icon icon="mdi:chevron-down" />
+          </a-button>
+        </a-dropdown>
+      </template>
+
+      <template #action="{ record }">
+        <TableAction :actions="getTableAction(record)" :dropDownActions="getDropDownAction(record)" />
+      </template>
+    </BasicTable>
+
+    <SchoolDormModal @register="registerModal" @success="handleSuccess" />
+  </div>
+</template>
+
+<script lang="ts" name="school-dorm" setup>
+  import { BasicTable, TableAction } from '/@/components/Table';
+  import { useModal } from '/@/components/Modal';
+  import { useListPage } from '/@/hooks/system/useListPage';
+  import { columns, searchFormSchema } from './SchoolDorm.data';
+  import { list, deleteOne, batchDelete, getImportUrl, getExportUrl } from './SchoolDorm.api';
+  import SchoolDormModal from './components/SchoolDormModal.vue';
+
+  const [registerModal, { openModal }] = useModal();
+
+  const { tableContext, onExportXls, onImportXls } = useListPage({
+    tableProps: {
+      title: '学校宿舍',
+      api: list,
+      columns,
+      canResize: false,
+      formConfig: {
+        schemas: searchFormSchema,
+        autoSubmitOnEnter: true,
+        showAdvancedButton: true,
+        fieldMapToNumber: ['schoolId', 'campusId'],
+        fieldMapToTime: [],
+      },
+      actionColumn: {
+        width: 140,
+        fixed: 'right',
+      },
+    },
+    exportConfig: {
+      name: '学校宿舍',
+      url: getExportUrl,
+    },
+    importConfig: {
+      url: getImportUrl,
+      success: handleSuccess,
+    },
+  });
+
+  const [registerTable, { reload }, { rowSelection, selectedRowKeys }] = tableContext;
+
+  function handleAdd() {
+    openModal(true, { isUpdate: false, showFooter: true });
+  }
+
+  function handleEdit(record: Recordable) {
+    openModal(true, { record, isUpdate: true, showFooter: true });
+  }
+
+  function handleDetail(record: Recordable) {
+    openModal(true, { record, isUpdate: true, showFooter: false });
+  }
+
+  async function handleDelete(record: Recordable) {
+    await deleteOne({ id: record.id }, handleSuccess);
+  }
+
+  async function batchHandleDelete() {
+    await batchDelete({ ids: selectedRowKeys.value }, handleSuccess);
+  }
+
+  function handleSuccess() {
+    (selectedRowKeys.value = []) && reload();
+  }
+
+  function getTableAction(record: Recordable) {
+    return [
+      {
+        label: '编辑',
+        onClick: handleEdit.bind(null, record),
+      },
+    ];
+  }
+
+  function getDropDownAction(record: Recordable) {
+    return [
+      {
+        label: '详情',
+        onClick: handleDetail.bind(null, record),
+      },
+      {
+        label: '删除',
+        popConfirm: {
+          title: '是否确认删除',
+          confirm: handleDelete.bind(null, record),
+        },
+      },
+    ];
+  }
+</script>
+

src/views/school/dorm/components/SchoolDormForm.vue

@@ -0,0 +1,69 @@
+<template>
+  <div style="min-height: 400px">
+    <BasicForm @register="registerForm" />
+    <div style="width: 100%; text-align: center" v-if="!formDisabled">
+      <a-button @click="submitForm" pre-icon="ant-design:check" type="primary">提交</a-button>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+  import { BasicForm, useForm } from '/@/components/Form/index';
+  import { computed, defineComponent } from 'vue';
+  import { defHttp } from '/@/utils/http/axios';
+  import { propTypes } from '/@/utils/propTypes';
+  import { getBpmFormSchema } from '../SchoolDorm.data';
+  import { saveOrUpdate } from '../SchoolDorm.api';
+
+  export default defineComponent({
+    name: 'SchoolDormForm',
+    components: {
+      BasicForm,
+    },
+    props: {
+      formData: propTypes.object.def({}),
+      formBpm: propTypes.bool.def(true),
+    },
+    setup(props) {
+      const [registerForm, { setFieldsValue, setProps, getFieldsValue }] = useForm({
+        labelWidth: 150,
+        schemas: getBpmFormSchema(props.formData),
+        showActionButtonGroup: false,
+        baseColProps: { span: 24 },
+      });
+
+      const formDisabled = computed(() => {
+        if (props.formData.disabled === false) {
+          return false;
+        }
+        return true;
+      });
+
+      let loadedFormData: Recordable = {};
+      const queryByIdUrl = '/school/dorm/queryById';
+
+      async function initFormData() {
+        const params = { id: props.formData.dataId };
+        const data = await defHttp.get({ url: queryByIdUrl, params });
+        loadedFormData = { ...data };
+        await setFieldsValue(loadedFormData);
+        await setProps({ disabled: formDisabled.value });
+      }
+
+      async function submitForm() {
+        const data = getFieldsValue();
+        const params = Object.assign({}, loadedFormData, data);
+        await saveOrUpdate(params, true);
+      }
+
+      initFormData();
+
+      return {
+        registerForm,
+        formDisabled,
+        submitForm,
+      };
+    },
+  });
+</script>
+

src/views/school/dorm/components/SchoolDormModal.vue

@@ -0,0 +1,68 @@
+<template>
+  <BasicModal
+    v-bind="$attrs"
+    @register="registerModal"
+    destroyOnClose
+    :title="title"
+    :width="800"
+    @ok="handleSubmit"
+  >
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
+
+<script lang="ts" setup>
+  import { computed, ref, unref } from 'vue';
+  import { BasicModal, useModalInner } from '/@/components/Modal';
+  import { BasicForm, useForm } from '/@/components/Form/index';
+  import { formSchema } from '../SchoolDorm.data';
+  import { saveOrUpdate } from '../SchoolDorm.api';
+
+  const emit = defineEmits(['register', 'success']);
+  const isUpdate = ref(true);
+
+  const [registerForm, { setProps, resetFields, setFieldsValue, validate }] = useForm({
+    schemas: formSchema,
+    showActionButtonGroup: false,
+    baseColProps: { span: 24 },
+  });
+
+  const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+    await resetFields();
+    setModalProps({
+      confirmLoading: false,
+      showCancelBtn: !!data?.showFooter,
+      showOkBtn: !!data?.showFooter,
+    });
+    isUpdate.value = !!data?.isUpdate;
+    if (unref(isUpdate)) {
+      await setFieldsValue({ ...data.record });
+    }
+    setProps({ disabled: !data?.showFooter });
+  });
+
+  const title = computed(() => (!unref(isUpdate) ? '新增' : '编辑'));
+
+  async function handleSubmit() {
+    try {
+      const values = await validate();
+      setModalProps({ confirmLoading: true });
+      await saveOrUpdate(values, isUpdate.value);
+      closeModal();
+      emit('success');
+    } finally {
+      setModalProps({ confirmLoading: false });
+    }
+  }
+</script>
+
+<style lang="less" scoped>
+  :deep(.ant-input-number) {
+    width: 100%;
+  }
+
+  :deep(.ant-calendar-picker) {
+    width: 100%;
+  }
+</style>
+

src/views/school/enrollPlan/SchoolEnrollPlan.api.ts

@@ -0,0 +1,49 @@
+import { defHttp } from '/@/utils/http/axios';
+import { useMessage } from '/@/hooks/web/useMessage';
+
+const { createConfirm } = useMessage();
+
+enum Api {
+  list = '/school/enrollPlan/list',
+  save = '/school/enrollPlan/add',
+  edit = '/school/enrollPlan/edit',
+  deleteOne = '/school/enrollPlan/delete',
+  deleteBatch = '/school/enrollPlan/deleteBatch',
+  queryById = '/school/enrollPlan/queryById',
+  importExcel = '/school/enrollPlan/importExcel',
+  exportXls = '/school/enrollPlan/exportXls',
+}
+
+export const getExportUrl = Api.exportXls;
+export const getImportUrl = Api.importExcel;
+
+export const list = (params) => defHttp.get({ url: Api.list, params });
+
+export const queryById = (params) => defHttp.get({ url: Api.queryById, params });
+
+export const deleteOne = (params, handleSuccess) => {
+  return defHttp.delete({ url: Api.deleteOne, params }, { joinParamsToUrl: true }).then(() => {
+    handleSuccess?.();
+  });
+};
+
+export const batchDelete = (params, handleSuccess) => {
+  createConfirm({
+    iconType: 'warning',
+    title: '确认删除',
+    content: '是否删除选中数据',
+    okText: '确认',
+    cancelText: '取消',
+    onOk: () => {
+      return defHttp.delete({ url: Api.deleteBatch, data: params }, { joinParamsToUrl: true }).then(() => {
+        handleSuccess?.();
+      });
+    },
+  });
+};
+
+export const saveOrUpdate = (params, isUpdate) => {
+  const url = isUpdate ? Api.edit : Api.save;
+  return defHttp.post({ url, params });
+};
+

src/views/school/enrollPlan/SchoolEnrollPlan.data.ts

@@ -0,0 +1,85 @@
+import { BasicColumn } from '/@/components/Table';
+import { FormSchema } from '/@/components/Table';
+
+export const columns: BasicColumn[] = [
+  {
+    title: '学校ID',
+    align: 'center',
+    dataIndex: 'schoolId',
+  },
+  {
+    title: '年份',
+    align: 'center',
+    dataIndex: 'year',
+  },
+  {
+    title: '省份',
+    align: 'center',
+    dataIndex: 'province',
+  },
+  {
+    title: '计划内容',
+    align: 'center',
+    dataIndex: 'planContent',
+  },
+];
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '学校ID',
+    field: 'schoolId',
+    component: 'InputNumber',
+    colProps: { span: 6 },
+  },
+  {
+    label: '年份',
+    field: 'year',
+    component: 'InputNumber',
+    colProps: { span: 6 },
+  },
+  {
+    label: '省份',
+    field: 'province',
+    component: 'Input',
+    colProps: { span: 6 },
+  },
+];
+
+export const formSchema: FormSchema[] = [
+  {
+    label: '学校ID',
+    field: 'schoolId',
+    component: 'InputNumber',
+    required: true,
+  },
+  {
+    label: '年份',
+    field: 'year',
+    component: 'InputNumber',
+    required: true,
+  },
+  {
+    label: '省份',
+    field: 'province',
+    component: 'Input',
+  },
+  {
+    label: '计划内容',
+    field: 'planContent',
+    component: 'InputTextArea',
+    componentProps: {
+      rows: 6,
+    },
+  },
+  {
+    label: '',
+    field: 'id',
+    component: 'Input',
+    show: false,
+  },
+];
+
+export function getBpmFormSchema(_formData): FormSchema[] {
+  return formSchema;
+}
+

src/views/school/enrollPlan/SchoolEnrollPlanList.vue

@@ -0,0 +1,122 @@
+<template>
+  <div>
+    <BasicTable @register="registerTable" :rowSelection="rowSelection">
+      <template #tableTitle>
+        <a-button type="primary" @click="handleAdd" preIcon="ant-design:plus-outlined">新增</a-button>
+        <a-button type="primary" preIcon="ant-design:export-outlined" @click="onExportXls">导出</a-button>
+        <j-upload-button type="primary" preIcon="ant-design:import-outlined" @click="onImportXls">导入</j-upload-button>
+        <a-dropdown v-if="selectedRowKeys.length > 0">
+          <template #overlay>
+            <a-menu>
+              <a-menu-item key="1" @click="batchHandleDelete">
+                <Icon icon="ant-design:delete-outlined" />
+                删除
+              </a-menu-item>
+            </a-menu>
+          </template>
+          <a-button>
+            批量操作
+            <Icon icon="mdi:chevron-down" />
+          </a-button>
+        </a-dropdown>
+      </template>
+
+      <template #action="{ record }">
+        <TableAction :actions="getTableAction(record)" :dropDownActions="getDropDownAction(record)" />
+      </template>
+    </BasicTable>
+
+    <SchoolEnrollPlanModal @register="registerModal" @success="handleSuccess" />
+  </div>
+</template>
+
+<script lang="ts" name="school-enroll-plan" setup>
+  import { BasicTable, TableAction } from '/@/components/Table';
+  import { useModal } from '/@/components/Modal';
+  import { useListPage } from '/@/hooks/system/useListPage';
+  import { columns, searchFormSchema } from './SchoolEnrollPlan.data';
+  import { list, deleteOne, batchDelete, getImportUrl, getExportUrl } from './SchoolEnrollPlan.api';
+  import SchoolEnrollPlanModal from './components/SchoolEnrollPlanModal.vue';
+
+  const [registerModal, { openModal }] = useModal();
+
+  const { tableContext, onExportXls, onImportXls } = useListPage({
+    tableProps: {
+      title: '招生计划',
+      api: list,
+      columns,
+      canResize: false,
+      formConfig: {
+        schemas: searchFormSchema,
+        autoSubmitOnEnter: true,
+        showAdvancedButton: true,
+        fieldMapToNumber: ['schoolId', 'year'],
+        fieldMapToTime: [],
+      },
+      actionColumn: {
+        width: 140,
+        fixed: 'right',
+      },
+    },
+    exportConfig: {
+      name: '招生计划',
+      url: getExportUrl,
+    },
+    importConfig: {
+      url: getImportUrl,
+      success: handleSuccess,
+    },
+  });
+
+  const [registerTable, { reload }, { rowSelection, selectedRowKeys }] = tableContext;
+
+  function handleAdd() {
+    openModal(true, { isUpdate: false, showFooter: true });
+  }
+
+  function handleEdit(record: Recordable) {
+    openModal(true, { record, isUpdate: true, showFooter: true });
+  }
+
+  function handleDetail(record: Recordable) {
+    openModal(true, { record, isUpdate: true, showFooter: false });
+  }
+
+  async function handleDelete(record: Recordable) {
+    await deleteOne({ id: record.id }, handleSuccess);
+  }
+
+  async function batchHandleDelete() {
+    await batchDelete({ ids: selectedRowKeys.value }, handleSuccess);
+  }
+
+  function handleSuccess() {
+    (selectedRowKeys.value = []) && reload();
+  }
+
+  function getTableAction(record: Recordable) {
+    return [
+      {
+        label: '编辑',
+        onClick: handleEdit.bind(null, record),
+      },
+    ];
+  }
+
+  function getDropDownAction(record: Recordable) {
+    return [
+      {
+        label: '详情',
+        onClick: handleDetail.bind(null, record),
+      },
+      {
+        label: '删除',
+        popConfirm: {
+          title: '是否确认删除',
+          confirm: handleDelete.bind(null, record),
+        },
+      },
+    ];
+  }
+</script>
+

src/views/school/enrollPlan/components/SchoolEnrollPlanForm.vue

@@ -0,0 +1,69 @@
+<template>
+  <div style="min-height: 400px">
+    <BasicForm @register="registerForm" />
+    <div style="width: 100%; text-align: center" v-if="!formDisabled">
+      <a-button @click="submitForm" pre-icon="ant-design:check" type="primary">提交</a-button>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+  import { BasicForm, useForm } from '/@/components/Form/index';
+  import { computed, defineComponent } from 'vue';
+  import { defHttp } from '/@/utils/http/axios';
+  import { propTypes } from '/@/utils/propTypes';
+  import { getBpmFormSchema } from '../SchoolEnrollPlan.data';
+  import { saveOrUpdate } from '../SchoolEnrollPlan.api';
+
+  export default defineComponent({
+    name: 'SchoolEnrollPlanForm',
+    components: {
+      BasicForm,
+    },
+    props: {
+      formData: propTypes.object.def({}),
+      formBpm: propTypes.bool.def(true),
+    },
+    setup(props) {
+      const [registerForm, { setFieldsValue, setProps, getFieldsValue }] = useForm({
+        labelWidth: 150,
+        schemas: getBpmFormSchema(props.formData),
+        showActionButtonGroup: false,
+        baseColProps: { span: 24 },
+      });
+
+      const formDisabled = computed(() => {
+        if (props.formData.disabled === false) {
+          return false;
+        }
+        return true;
+      });
+
+      let loadedFormData: Recordable = {};
+      const queryByIdUrl = '/school/enrollPlan/queryById';
+
+      async function initFormData() {
+        const params = { id: props.formData.dataId };
+        const data = await defHttp.get({ url: queryByIdUrl, params });
+        loadedFormData = { ...data };
+        await setFieldsValue(loadedFormData);
+        await setProps({ disabled: formDisabled.value });
+      }
+
+      async function submitForm() {
+        const data = getFieldsValue();
+        const params = Object.assign({}, loadedFormData, data);
+        await saveOrUpdate(params, true);
+      }
+
+      initFormData();
+
+      return {
+        registerForm,
+        formDisabled,
+        submitForm,
+      };
+    },
+  });
+</script>
+

src/views/school/enrollPlan/components/SchoolEnrollPlanModal.vue

@@ -0,0 +1,68 @@
+<template>
+  <BasicModal
+    v-bind="$attrs"
+    @register="registerModal"
+    destroyOnClose
+    :title="title"
+    :width="900"
+    @ok="handleSubmit"
+  >
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
+
+<script lang="ts" setup>
+  import { computed, ref, unref } from 'vue';
+  import { BasicModal, useModalInner } from '/@/components/Modal';
+  import { BasicForm, useForm } from '/@/components/Form/index';
+  import { formSchema } from '../SchoolEnrollPlan.data';
+  import { saveOrUpdate } from '../SchoolEnrollPlan.api';
+
+  const emit = defineEmits(['register', 'success']);
+  const isUpdate = ref(true);
+
+  const [registerForm, { setProps, resetFields, setFieldsValue, validate }] = useForm({
+    schemas: formSchema,
+    showActionButtonGroup: false,
+    baseColProps: { span: 24 },
+  });
+
+  const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+    await resetFields();
+    setModalProps({
+      confirmLoading: false,
+      showCancelBtn: !!data?.showFooter,
+      showOkBtn: !!data?.showFooter,
+    });
+    isUpdate.value = !!data?.isUpdate;
+    if (unref(isUpdate)) {
+      await setFieldsValue({ ...data.record });
+    }
+    setProps({ disabled: !data?.showFooter });
+  });
+
+  const title = computed(() => (!unref(isUpdate) ? '新增' : '编辑'));
+
+  async function handleSubmit() {
+    try {
+      const values = await validate();
+      setModalProps({ confirmLoading: true });
+      await saveOrUpdate(values, isUpdate.value);
+      closeModal();
+      emit('success');
+    } finally {
+      setModalProps({ confirmLoading: false });
+    }
+  }
+</script>
+
+<style lang="less" scoped>
+  :deep(.ant-input-number) {
+    width: 100%;
+  }
+
+  :deep(.ant-calendar-picker) {
+    width: 100%;
+  }
+</style>
+

src/views/school/major/SchoolMajor.api.ts

@@ -0,0 +1,49 @@
+import { defHttp } from '/@/utils/http/axios';
+import { useMessage } from '/@/hooks/web/useMessage';
+
+const { createConfirm } = useMessage();
+
+enum Api {
+  list = '/school/major/list',
+  save = '/school/major/add',
+  edit = '/school/major/edit',
+  deleteOne = '/school/major/delete',
+  deleteBatch = '/school/major/deleteBatch',
+  queryById = '/school/major/queryById',
+  importExcel = '/school/major/importExcel',
+  exportXls = '/school/major/exportXls',
+}
+
+export const getExportUrl = Api.exportXls;
+export const getImportUrl = Api.importExcel;
+
+export const list = (params) => defHttp.get({ url: Api.list, params });
+
+export const queryById = (params) => defHttp.get({ url: Api.queryById, params });
+
+export const deleteOne = (params, handleSuccess) => {
+  return defHttp.delete({ url: Api.deleteOne, params }, { joinParamsToUrl: true }).then(() => {
+    handleSuccess?.();
+  });
+};
+
+export const batchDelete = (params, handleSuccess) => {
+  createConfirm({
+    iconType: 'warning',
+    title: '确认删除',
+    content: '是否删除选中数据',
+    okText: '确认',
+    cancelText: '取消',
+    onOk: () => {
+      return defHttp.delete({ url: Api.deleteBatch, data: params }, { joinParamsToUrl: true }).then(() => {
+        handleSuccess?.();
+      });
+    },
+  });
+};
+
+export const saveOrUpdate = (params, isUpdate) => {
+  const url = isUpdate ? Api.edit : Api.save;
+  return defHttp.post({ url, params });
+};
+

src/views/school/major/SchoolMajor.data.ts

@@ -0,0 +1,66 @@
+import { BasicColumn } from '/@/components/Table';
+import { FormSchema } from '/@/components/Table';
+
+export const columns: BasicColumn[] = [
+  {
+    title: '学校ID',
+    align: 'center',
+    dataIndex: 'schoolId',
+  },
+  {
+    title: '专业编码',
+    align: 'center',
+    dataIndex: 'majorCode',
+  },
+  {
+    title: '专业名称',
+    align: 'center',
+    dataIndex: 'majorName',
+  },
+];
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '学校ID',
+    field: 'schoolId',
+    component: 'InputNumber',
+    colProps: { span: 6 },
+  },
+  {
+    label: '专业名称',
+    field: 'majorName',
+    component: 'Input',
+    colProps: { span: 6 },
+  },
+];
+
+export const formSchema: FormSchema[] = [
+  {
+    label: '学校ID',
+    field: 'schoolId',
+    component: 'InputNumber',
+    required: true,
+  },
+  {
+    label: '专业编码',
+    field: 'majorCode',
+    component: 'Input',
+  },
+  {
+    label: '专业名称',
+    field: 'majorName',
+    component: 'Input',
+    required: true,
+  },
+  {
+    label: '',
+    field: 'id',
+    component: 'Input',
+    show: false,
+  },
+];
+
+export function getBpmFormSchema(_formData): FormSchema[] {
+  return formSchema;
+}
+

src/views/school/major/SchoolMajorList.vue

@@ -0,0 +1,122 @@
+<template>
+  <div>
+    <BasicTable @register="registerTable" :rowSelection="rowSelection">
+      <template #tableTitle>
+        <a-button type="primary" @click="handleAdd" preIcon="ant-design:plus-outlined">新增</a-button>
+        <a-button type="primary" preIcon="ant-design:export-outlined" @click="onExportXls">导出</a-button>
+        <j-upload-button type="primary" preIcon="ant-design:import-outlined" @click="onImportXls">导入</j-upload-button>
+        <a-dropdown v-if="selectedRowKeys.length > 0">
+          <template #overlay>
+            <a-menu>
+              <a-menu-item key="1" @click="batchHandleDelete">
+                <Icon icon="ant-design:delete-outlined" />
+                删除
+              </a-menu-item>
+            </a-menu>
+          </template>
+          <a-button>
+            批量操作
+            <Icon icon="mdi:chevron-down" />
+          </a-button>
+        </a-dropdown>
+      </template>
+
+      <template #action="{ record }">
+        <TableAction :actions="getTableAction(record)" :dropDownActions="getDropDownAction(record)" />
+      </template>
+    </BasicTable>
+
+    <SchoolMajorModal @register="registerModal" @success="handleSuccess" />
+  </div>
+</template>
+
+<script lang="ts" name="school-major" setup>
+  import { BasicTable, TableAction } from '/@/components/Table';
+  import { useModal } from '/@/components/Modal';
+  import { useListPage } from '/@/hooks/system/useListPage';
+  import { columns, searchFormSchema } from './SchoolMajor.data';
+  import { list, deleteOne, batchDelete, getImportUrl, getExportUrl } from './SchoolMajor.api';
+  import SchoolMajorModal from './components/SchoolMajorModal.vue';
+
+  const [registerModal, { openModal }] = useModal();
+
+  const { tableContext, onExportXls, onImportXls } = useListPage({
+    tableProps: {
+      title: '学校专业',
+      api: list,
+      columns,
+      canResize: false,
+      formConfig: {
+        schemas: searchFormSchema,
+        autoSubmitOnEnter: true,
+        showAdvancedButton: true,
+        fieldMapToNumber: ['schoolId'],
+        fieldMapToTime: [],
+      },
+      actionColumn: {
+        width: 140,
+        fixed: 'right',
+      },
+    },
+    exportConfig: {
+      name: '学校专业',
+      url: getExportUrl,
+    },
+    importConfig: {
+      url: getImportUrl,
+      success: handleSuccess,
+    },
+  });
+
+  const [registerTable, { reload }, { rowSelection, selectedRowKeys }] = tableContext;
+
+  function handleAdd() {
+    openModal(true, { isUpdate: false, showFooter: true });
+  }
+
+  function handleEdit(record: Recordable) {
+    openModal(true, { record, isUpdate: true, showFooter: true });
+  }
+
+  function handleDetail(record: Recordable) {
+    openModal(true, { record, isUpdate: true, showFooter: false });
+  }
+
+  async function handleDelete(record: Recordable) {
+    await deleteOne({ id: record.id }, handleSuccess);
+  }
+
+  async function batchHandleDelete() {
+    await batchDelete({ ids: selectedRowKeys.value }, handleSuccess);
+  }
+
+  function handleSuccess() {
+    (selectedRowKeys.value = []) && reload();
+  }
+
+  function getTableAction(record: Recordable) {
+    return [
+      {
+        label: '编辑',
+        onClick: handleEdit.bind(null, record),
+      },
+    ];
+  }
+
+  function getDropDownAction(record: Recordable) {
+    return [
+      {
+        label: '详情',
+        onClick: handleDetail.bind(null, record),
+      },
+      {
+        label: '删除',
+        popConfirm: {
+          title: '是否确认删除',
+          confirm: handleDelete.bind(null, record),
+        },
+      },
+    ];
+  }
+</script>
+

src/views/school/major/components/SchoolMajorForm.vue

@@ -0,0 +1,69 @@
+<template>
+  <div style="min-height: 400px">
+    <BasicForm @register="registerForm" />
+    <div style="width: 100%; text-align: center" v-if="!formDisabled">
+      <a-button @click="submitForm" pre-icon="ant-design:check" type="primary">提交</a-button>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+  import { BasicForm, useForm } from '/@/components/Form/index';
+  import { computed, defineComponent } from 'vue';
+  import { defHttp } from '/@/utils/http/axios';
+  import { propTypes } from '/@/utils/propTypes';
+  import { getBpmFormSchema } from '../SchoolMajor.data';
+  import { saveOrUpdate } from '../SchoolMajor.api';
+
+  export default defineComponent({
+    name: 'SchoolMajorForm',
+    components: {
+      BasicForm,
+    },
+    props: {
+      formData: propTypes.object.def({}),
+      formBpm: propTypes.bool.def(true),
+    },
+    setup(props) {
+      const [registerForm, { setFieldsValue, setProps, getFieldsValue }] = useForm({
+        labelWidth: 150,
+        schemas: getBpmFormSchema(props.formData),
+        showActionButtonGroup: false,
+        baseColProps: { span: 24 },
+      });
+
+      const formDisabled = computed(() => {
+        if (props.formData.disabled === false) {
+          return false;
+        }
+        return true;
+      });
+
+      let loadedFormData: Recordable = {};
+      const queryByIdUrl = '/school/major/queryById';
+
+      async function initFormData() {
+        const params = { id: props.formData.dataId };
+        const data = await defHttp.get({ url: queryByIdUrl, params });
+        loadedFormData = { ...data };
+        await setFieldsValue(loadedFormData);
+        await setProps({ disabled: formDisabled.value });
+      }
+
+      async function submitForm() {
+        const data = getFieldsValue();
+        const params = Object.assign({}, loadedFormData, data);
+        await saveOrUpdate(params, true);
+      }
+
+      initFormData();
+
+      return {
+        registerForm,
+        formDisabled,
+        submitForm,
+      };
+    },
+  });
+</script>
+

src/views/school/major/components/SchoolMajorModal.vue

@@ -0,0 +1,68 @@
+<template>
+  <BasicModal
+    v-bind="$attrs"
+    @register="registerModal"
+    destroyOnClose
+    :title="title"
+    :width="800"
+    @ok="handleSubmit"
+  >
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
+
+<script lang="ts" setup>
+  import { computed, ref, unref } from 'vue';
+  import { BasicModal, useModalInner } from '/@/components/Modal';
+  import { BasicForm, useForm } from '/@/components/Form/index';
+  import { formSchema } from '../SchoolMajor.data';
+  import { saveOrUpdate } from '../SchoolMajor.api';
+
+  const emit = defineEmits(['register', 'success']);
+  const isUpdate = ref(true);
+
+  const [registerForm, { setProps, resetFields, setFieldsValue, validate }] = useForm({
+    schemas: formSchema,
+    showActionButtonGroup: false,
+    baseColProps: { span: 24 },
+  });
+
+  const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+    await resetFields();
+    setModalProps({
+      confirmLoading: false,
+      showCancelBtn: !!data?.showFooter,
+      showOkBtn: !!data?.showFooter,
+    });
+    isUpdate.value = !!data?.isUpdate;
+    if (unref(isUpdate)) {
+      await setFieldsValue({ ...data.record });
+    }
+    setProps({ disabled: !data?.showFooter });
+  });
+
+  const title = computed(() => (!unref(isUpdate) ? '新增' : '编辑'));
+
+  async function handleSubmit() {
+    try {
+      const values = await validate();
+      setModalProps({ confirmLoading: true });
+      await saveOrUpdate(values, isUpdate.value);
+      closeModal();
+      emit('success');
+    } finally {
+      setModalProps({ confirmLoading: false });
+    }
+  }
+</script>
+
+<style lang="less" scoped>
+  :deep(.ant-input-number) {
+    width: 100%;
+  }
+
+  :deep(.ant-calendar-picker) {
+    width: 100%;
+  }
+</style>
+

src/views/school/majorTag/SchoolMajorTag.api.ts

@@ -0,0 +1,49 @@
+import { defHttp } from '/@/utils/http/axios';
+import { useMessage } from '/@/hooks/web/useMessage';
+
+const { createConfirm } = useMessage();
+
+enum Api {
+  list = '/school/majorTag/list',
+  save = '/school/majorTag/add',
+  edit = '/school/majorTag/edit',
+  deleteOne = '/school/majorTag/delete',
+  deleteBatch = '/school/majorTag/deleteBatch',
+  queryById = '/school/majorTag/queryById',
+  importExcel = '/school/majorTag/importExcel',
+  exportXls = '/school/majorTag/exportXls',
+}
+
+export const getExportUrl = Api.exportXls;
+export const getImportUrl = Api.importExcel;
+
+export const list = (params) => defHttp.get({ url: Api.list, params });
+
+export const queryById = (params) => defHttp.get({ url: Api.queryById, params });
+
+export const deleteOne = (params, handleSuccess) => {
+  return defHttp.delete({ url: Api.deleteOne, params }, { joinParamsToUrl: true }).then(() => {
+    handleSuccess?.();
+  });
+};
+
+export const batchDelete = (params, handleSuccess) => {
+  createConfirm({
+    iconType: 'warning',
+    title: '确认删除',
+    content: '是否删除选中数据',
+    okText: '确认',
+    cancelText: '取消',
+    onOk: () => {
+      return defHttp.delete({ url: Api.deleteBatch, data: params }, { joinParamsToUrl: true }).then(() => {
+        handleSuccess?.();
+      });
+    },
+  });
+};
+
+export const saveOrUpdate = (params, isUpdate) => {
+  const url = isUpdate ? Api.edit : Api.save;
+  return defHttp.post({ url, params });
+};
+

src/views/school/majorTag/SchoolMajorTag.data.ts

@@ -0,0 +1,56 @@
+import { BasicColumn } from '/@/components/Table';
+import { FormSchema } from '/@/components/Table';
+
+export const columns: BasicColumn[] = [
+  {
+    title: '专业ID',
+    align: 'center',
+    dataIndex: 'majorId',
+  },
+  {
+    title: '标签',
+    align: 'center',
+    dataIndex: 'tagName',
+  },
+];
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '专业ID',
+    field: 'majorId',
+    component: 'InputNumber',
+    colProps: { span: 6 },
+  },
+  {
+    label: '标签',
+    field: 'tagName',
+    component: 'Input',
+    colProps: { span: 6 },
+  },
+];
+
+export const formSchema: FormSchema[] = [
+  {
+    label: '专业ID',
+    field: 'majorId',
+    component: 'InputNumber',
+    required: true,
+  },
+  {
+    label: '标签',
+    field: 'tagName',
+    component: 'Input',
+    required: true,
+  },
+  {
+    label: '',
+    field: 'id',
+    component: 'Input',
+    show: false,
+  },
+];
+
+export function getBpmFormSchema(_formData): FormSchema[] {
+  return formSchema;
+}
+

src/views/school/majorTag/SchoolMajorTagList.vue

@@ -0,0 +1,122 @@
+<template>
+  <div>
+    <BasicTable @register="registerTable" :rowSelection="rowSelection">
+      <template #tableTitle>
+        <a-button type="primary" @click="handleAdd" preIcon="ant-design:plus-outlined">新增</a-button>
+        <a-button type="primary" preIcon="ant-design:export-outlined" @click="onExportXls">导出</a-button>
+        <j-upload-button type="primary" preIcon="ant-design:import-outlined" @click="onImportXls">导入</j-upload-button>
+        <a-dropdown v-if="selectedRowKeys.length > 0">
+          <template #overlay>
+            <a-menu>
+              <a-menu-item key="1" @click="batchHandleDelete">
+                <Icon icon="ant-design:delete-outlined" />
+                删除
+              </a-menu-item>
+            </a-menu>
+          </template>
+          <a-button>
+            批量操作
+            <Icon icon="mdi:chevron-down" />
+          </a-button>
+        </a-dropdown>
+      </template>
+
+      <template #action="{ record }">
+        <TableAction :actions="getTableAction(record)" :dropDownActions="getDropDownAction(record)" />
+      </template>
+    </BasicTable>
+
+    <SchoolMajorTagModal @register="registerModal" @success="handleSuccess" />
+  </div>
+</template>
+
+<script lang="ts" name="school-major-tag" setup>
+  import { BasicTable, TableAction } from '/@/components/Table';
+  import { useModal } from '/@/components/Modal';
+  import { useListPage } from '/@/hooks/system/useListPage';
+  import { columns, searchFormSchema } from './SchoolMajorTag.data';
+  import { list, deleteOne, batchDelete, getImportUrl, getExportUrl } from './SchoolMajorTag.api';
+  import SchoolMajorTagModal from './components/SchoolMajorTagModal.vue';
+
+  const [registerModal, { openModal }] = useModal();
+
+  const { tableContext, onExportXls, onImportXls } = useListPage({
+    tableProps: {
+      title: '专业标签',
+      api: list,
+      columns,
+      canResize: false,
+      formConfig: {
+        schemas: searchFormSchema,
+        autoSubmitOnEnter: true,
+        showAdvancedButton: true,
+        fieldMapToNumber: ['majorId'],
+        fieldMapToTime: [],
+      },
+      actionColumn: {
+        width: 140,
+        fixed: 'right',
+      },
+    },
+    exportConfig: {
+      name: '专业标签',
+      url: getExportUrl,
+    },
+    importConfig: {
+      url: getImportUrl,
+      success: handleSuccess,
+    },
+  });
+
+  const [registerTable, { reload }, { rowSelection, selectedRowKeys }] = tableContext;
+
+  function handleAdd() {
+    openModal(true, { isUpdate: false, showFooter: true });
+  }
+
+  function handleEdit(record: Recordable) {
+    openModal(true, { record, isUpdate: true, showFooter: true });
+  }
+
+  function handleDetail(record: Recordable) {
+    openModal(true, { record, isUpdate: true, showFooter: false });
+  }
+
+  async function handleDelete(record: Recordable) {
+    await deleteOne({ id: record.id }, handleSuccess);
+  }
+
+  async function batchHandleDelete() {
+    await batchDelete({ ids: selectedRowKeys.value }, handleSuccess);
+  }
+
+  function handleSuccess() {
+    (selectedRowKeys.value = []) && reload();
+  }
+
+  function getTableAction(record: Recordable) {
+    return [
+      {
+        label: '编辑',
+        onClick: handleEdit.bind(null, record),
+      },
+    ];
+  }
+
+  function getDropDownAction(record: Recordable) {
+    return [
+      {
+        label: '详情',
+        onClick: handleDetail.bind(null, record),
+      },
+      {
+        label: '删除',
+        popConfirm: {
+          title: '是否确认删除',
+          confirm: handleDelete.bind(null, record),
+        },
+      },
+    ];
+  }
+</script>
+

src/views/school/majorTag/components/SchoolMajorTagForm.vue

@@ -0,0 +1,69 @@
+<template>
+  <div style="min-height: 400px">
+    <BasicForm @register="registerForm" />
+    <div style="width: 100%; text-align: center" v-if="!formDisabled">
+      <a-button @click="submitForm" pre-icon="ant-design:check" type="primary">提交</a-button>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+  import { BasicForm, useForm } from '/@/components/Form/index';
+  import { computed, defineComponent } from 'vue';
+  import { defHttp } from '/@/utils/http/axios';
+  import { propTypes } from '/@/utils/propTypes';
+  import { getBpmFormSchema } from '../SchoolMajorTag.data';
+  import { saveOrUpdate } from '../SchoolMajorTag.api';
+
+  export default defineComponent({
+    name: 'SchoolMajorTagForm',
+    components: {
+      BasicForm,
+    },
+    props: {
+      formData: propTypes.object.def({}),
+      formBpm: propTypes.bool.def(true),
+    },
+    setup(props) {
+      const [registerForm, { setFieldsValue, setProps, getFieldsValue }] = useForm({
+        labelWidth: 150,
+        schemas: getBpmFormSchema(props.formData),
+        showActionButtonGroup: false,
+        baseColProps: { span: 24 },
+      });
+
+      const formDisabled = computed(() => {
+        if (props.formData.disabled === false) {
+          return false;
+        }
+        return true;
+      });
+
+      let loadedFormData: Recordable = {};
+      const queryByIdUrl = '/school/majorTag/queryById';
+
+      async function initFormData() {
+        const params = { id: props.formData.dataId };
+        const data = await defHttp.get({ url: queryByIdUrl, params });
+        loadedFormData = { ...data };
+        await setFieldsValue(loadedFormData);
+        await setProps({ disabled: formDisabled.value });
+      }
+
+      async function submitForm() {
+        const data = getFieldsValue();
+        const params = Object.assign({}, loadedFormData, data);
+        await saveOrUpdate(params, true);
+      }
+
+      initFormData();
+
+      return {
+        registerForm,
+        formDisabled,
+        submitForm,
+      };
+    },
+  });
+</script>
+

src/views/school/majorTag/components/SchoolMajorTagModal.vue

@@ -0,0 +1,68 @@
+<template>
+  <BasicModal
+    v-bind="$attrs"
+    @register="registerModal"
+    destroyOnClose
+    :title="title"
+    :width="800"
+    @ok="handleSubmit"
+  >
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
+
+<script lang="ts" setup>
+  import { computed, ref, unref } from 'vue';
+  import { BasicModal, useModalInner } from '/@/components/Modal';
+  import { BasicForm, useForm } from '/@/components/Form/index';
+  import { formSchema } from '../SchoolMajorTag.data';
+  import { saveOrUpdate } from '../SchoolMajorTag.api';
+
+  const emit = defineEmits(['register', 'success']);
+  const isUpdate = ref(true);
+
+  const [registerForm, { setProps, resetFields, setFieldsValue, validate }] = useForm({
+    schemas: formSchema,
+    showActionButtonGroup: false,
+    baseColProps: { span: 24 },
+  });
+
+  const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+    await resetFields();
+    setModalProps({
+      confirmLoading: false,
+      showCancelBtn: !!data?.showFooter,
+      showOkBtn: !!data?.showFooter,
+    });
+    isUpdate.value = !!data?.isUpdate;
+    if (unref(isUpdate)) {
+      await setFieldsValue({ ...data.record });
+    }
+    setProps({ disabled: !data?.showFooter });
+  });
+
+  const title = computed(() => (!unref(isUpdate) ? '新增' : '编辑'));
+
+  async function handleSubmit() {
+    try {
+      const values = await validate();
+      setModalProps({ confirmLoading: true });
+      await saveOrUpdate(values, isUpdate.value);
+      closeModal();
+      emit('success');
+    } finally {
+      setModalProps({ confirmLoading: false });
+    }
+  }
+</script>
+
+<style lang="less" scoped>
+  :deep(.ant-input-number) {
+    width: 100%;
+  }
+
+  :deep(.ant-calendar-picker) {
+    width: 100%;
+  }
+</style>
+

src/views/school/media/SchoolMedia.api.ts

@@ -0,0 +1,49 @@
+import { defHttp } from '/@/utils/http/axios';
+import { useMessage } from '/@/hooks/web/useMessage';
+
+const { createConfirm } = useMessage();
+
+enum Api {
+  list = '/school/media/list',
+  save = '/school/media/add',
+  edit = '/school/media/edit',
+  deleteOne = '/school/media/delete',
+  deleteBatch = '/school/media/deleteBatch',
+  queryById = '/school/media/queryById',
+  importExcel = '/school/media/importExcel',
+  exportXls = '/school/media/exportXls',
+}
+
+export const getExportUrl = Api.exportXls;
+export const getImportUrl = Api.importExcel;
+
+export const list = (params) => defHttp.get({ url: Api.list, params });
+
+export const queryById = (params) => defHttp.get({ url: Api.queryById, params });
+
+export const deleteOne = (params, handleSuccess) => {
+  return defHttp.delete({ url: Api.deleteOne, params }, { joinParamsToUrl: true }).then(() => {
+    handleSuccess?.();
+  });
+};
+
+export const batchDelete = (params, handleSuccess) => {
+  createConfirm({
+    iconType: 'warning',
+    title: '确认删除',
+    content: '是否删除选中数据',
+    okText: '确认',
+    cancelText: '取消',
+    onOk: () => {
+      return defHttp.delete({ url: Api.deleteBatch, data: params }, { joinParamsToUrl: true }).then(() => {
+        handleSuccess?.();
+      });
+    },
+  });
+};
+
+export const saveOrUpdate = (params, isUpdate) => {
+  const url = isUpdate ? Api.edit : Api.save;
+  return defHttp.post({ url, params });
+};
+

src/views/school/media/SchoolMedia.data.ts

@@ -0,0 +1,86 @@
+import { BasicColumn } from '/@/components/Table';
+import { FormSchema } from '/@/components/Table';
+import { render } from '/@/utils/common/renderUtils';
+
+export const columns: BasicColumn[] = [
+  {
+    title: '业务类型',
+    align: 'center',
+    dataIndex: 'bizType',
+  },
+  {
+    title: '业务ID',
+    align: 'center',
+    dataIndex: 'bizId',
+  },
+  {
+    title: '媒体类型',
+    align: 'center',
+    dataIndex: 'mediaType',
+  },
+  {
+    title: '媒体地址',
+    align: 'center',
+    dataIndex: 'mediaUrl',
+  },
+  {
+    title: '预览',
+    align: 'center',
+    dataIndex: 'mediaUrl',
+    customRender: render.renderImage,
+  },
+];
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '业务类型',
+    field: 'bizType',
+    component: 'Input',
+    colProps: { span: 6 },
+  },
+  {
+    label: '业务ID',
+    field: 'bizId',
+    component: 'InputNumber',
+    colProps: { span: 6 },
+  },
+];
+
+export const formSchema: FormSchema[] = [
+  {
+    label: '业务类型',
+    field: 'bizType',
+    component: 'Input',
+    required: true,
+    helpMessage: '例如：school/campus/dorm/major 等，由后端约定',
+  },
+  {
+    label: '业务ID',
+    field: 'bizId',
+    component: 'InputNumber',
+    required: true,
+  },
+  {
+    label: '媒体类型',
+    field: 'mediaType',
+    component: 'Input',
+    helpMessage: '例如：image/video/cover 等，由后端约定',
+  },
+  {
+    label: '媒体地址',
+    field: 'mediaUrl',
+    component: 'Input',
+    required: true,
+  },
+  {
+    label: '',
+    field: 'id',
+    component: 'Input',
+    show: false,
+  },
+];
+
+export function getBpmFormSchema(_formData): FormSchema[] {
+  return formSchema;
+}
+

src/views/school/media/SchoolMediaList.vue

@@ -0,0 +1,122 @@
+<template>
+  <div>
+    <BasicTable @register="registerTable" :rowSelection="rowSelection">
+      <template #tableTitle>
+        <a-button type="primary" @click="handleAdd" preIcon="ant-design:plus-outlined">新增</a-button>
+        <a-button type="primary" preIcon="ant-design:export-outlined" @click="onExportXls">导出</a-button>
+        <j-upload-button type="primary" preIcon="ant-design:import-outlined" @click="onImportXls">导入</j-upload-button>
+        <a-dropdown v-if="selectedRowKeys.length > 0">
+          <template #overlay>
+            <a-menu>
+              <a-menu-item key="1" @click="batchHandleDelete">
+                <Icon icon="ant-design:delete-outlined" />
+                删除
+              </a-menu-item>
+            </a-menu>
+          </template>
+          <a-button>
+            批量操作
+            <Icon icon="mdi:chevron-down" />
+          </a-button>
+        </a-dropdown>
+      </template>
+
+      <template #action="{ record }">
+        <TableAction :actions="getTableAction(record)" :dropDownActions="getDropDownAction(record)" />
+      </template>
+    </BasicTable>
+
+    <SchoolMediaModal @register="registerModal" @success="handleSuccess" />
+  </div>
+</template>
+
+<script lang="ts" name="school-media" setup>
+  import { BasicTable, TableAction } from '/@/components/Table';
+  import { useModal } from '/@/components/Modal';
+  import { useListPage } from '/@/hooks/system/useListPage';
+  import { columns, searchFormSchema } from './SchoolMedia.data';
+  import { list, deleteOne, batchDelete, getImportUrl, getExportUrl } from './SchoolMedia.api';
+  import SchoolMediaModal from './components/SchoolMediaModal.vue';
+
+  const [registerModal, { openModal }] = useModal();
+
+  const { tableContext, onExportXls, onImportXls } = useListPage({
+    tableProps: {
+      title: '学校媒体',
+      api: list,
+      columns,
+      canResize: false,
+      formConfig: {
+        schemas: searchFormSchema,
+        autoSubmitOnEnter: true,
+        showAdvancedButton: true,
+        fieldMapToNumber: ['bizId'],
+        fieldMapToTime: [],
+      },
+      actionColumn: {
+        width: 140,
+        fixed: 'right',
+      },
+    },
+    exportConfig: {
+      name: '学校媒体',
+      url: getExportUrl,
+    },
+    importConfig: {
+      url: getImportUrl,
+      success: handleSuccess,
+    },
+  });
+
+  const [registerTable, { reload }, { rowSelection, selectedRowKeys }] = tableContext;
+
+  function handleAdd() {
+    openModal(true, { isUpdate: false, showFooter: true });
+  }
+
+  function handleEdit(record: Recordable) {
+    openModal(true, { record, isUpdate: true, showFooter: true });
+  }
+
+  function handleDetail(record: Recordable) {
+    openModal(true, { record, isUpdate: true, showFooter: false });
+  }
+
+  async function handleDelete(record: Recordable) {
+    await deleteOne({ id: record.id }, handleSuccess);
+  }
+
+  async function batchHandleDelete() {
+    await batchDelete({ ids: selectedRowKeys.value }, handleSuccess);
+  }
+
+  function handleSuccess() {
+    (selectedRowKeys.value = []) && reload();
+  }
+
+  function getTableAction(record: Recordable) {
+    return [
+      {
+        label: '编辑',
+        onClick: handleEdit.bind(null, record),
+      },
+    ];
+  }
+
+  function getDropDownAction(record: Recordable) {
+    return [
+      {
+        label: '详情',
+        onClick: handleDetail.bind(null, record),
+      },
+      {
+        label: '删除',
+        popConfirm: {
+          title: '是否确认删除',
+          confirm: handleDelete.bind(null, record),
+        },
+      },
+    ];
+  }
+</script>
+

src/views/school/media/components/SchoolMediaForm.vue

@@ -0,0 +1,69 @@
+<template>
+  <div style="min-height: 400px">
+    <BasicForm @register="registerForm" />
+    <div style="width: 100%; text-align: center" v-if="!formDisabled">
+      <a-button @click="submitForm" pre-icon="ant-design:check" type="primary">提交</a-button>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+  import { BasicForm, useForm } from '/@/components/Form/index';
+  import { computed, defineComponent } from 'vue';
+  import { defHttp } from '/@/utils/http/axios';
+  import { propTypes } from '/@/utils/propTypes';
+  import { getBpmFormSchema } from '../SchoolMedia.data';
+  import { saveOrUpdate } from '../SchoolMedia.api';
+
+  export default defineComponent({
+    name: 'SchoolMediaForm',
+    components: {
+      BasicForm,
+    },
+    props: {
+      formData: propTypes.object.def({}),
+      formBpm: propTypes.bool.def(true),
+    },
+    setup(props) {
+      const [registerForm, { setFieldsValue, setProps, getFieldsValue }] = useForm({
+        labelWidth: 150,
+        schemas: getBpmFormSchema(props.formData),
+        showActionButtonGroup: false,
+        baseColProps: { span: 24 },
+      });
+
+      const formDisabled = computed(() => {
+        if (props.formData.disabled === false) {
+          return false;
+        }
+        return true;
+      });
+
+      let loadedFormData: Recordable = {};
+      const queryByIdUrl = '/school/media/queryById';
+
+      async function initFormData() {
+        const params = { id: props.formData.dataId };
+        const data = await defHttp.get({ url: queryByIdUrl, params });
+        loadedFormData = { ...data };
+        await setFieldsValue(loadedFormData);
+        await setProps({ disabled: formDisabled.value });
+      }
+
+      async function submitForm() {
+        const data = getFieldsValue();
+        const params = Object.assign({}, loadedFormData, data);
+        await saveOrUpdate(params, true);
+      }
+
+      initFormData();
+
+      return {
+        registerForm,
+        formDisabled,
+        submitForm,
+      };
+    },
+  });
+</script>
+

src/views/school/media/components/SchoolMediaModal.vue

@@ -0,0 +1,68 @@
+<template>
+  <BasicModal
+    v-bind="$attrs"
+    @register="registerModal"
+    destroyOnClose
+    :title="title"
+    :width="900"
+    @ok="handleSubmit"
+  >
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
+
+<script lang="ts" setup>
+  import { computed, ref, unref } from 'vue';
+  import { BasicModal, useModalInner } from '/@/components/Modal';
+  import { BasicForm, useForm } from '/@/components/Form/index';
+  import { formSchema } from '../SchoolMedia.data';
+  import { saveOrUpdate } from '../SchoolMedia.api';
+
+  const emit = defineEmits(['register', 'success']);
+  const isUpdate = ref(true);
+
+  const [registerForm, { setProps, resetFields, setFieldsValue, validate }] = useForm({
+    schemas: formSchema,
+    showActionButtonGroup: false,
+    baseColProps: { span: 24 },
+  });
+
+  const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+    await resetFields();
+    setModalProps({
+      confirmLoading: false,
+      showCancelBtn: !!data?.showFooter,
+      showOkBtn: !!data?.showFooter,
+    });
+    isUpdate.value = !!data?.isUpdate;
+    if (unref(isUpdate)) {
+      await setFieldsValue({ ...data.record });
+    }
+    setProps({ disabled: !data?.showFooter });
+  });
+
+  const title = computed(() => (!unref(isUpdate) ? '新增' : '编辑'));
+
+  async function handleSubmit() {
+    try {
+      const values = await validate();
+      setModalProps({ confirmLoading: true });
+      await saveOrUpdate(values, isUpdate.value);
+      closeModal();
+      emit('success');
+    } finally {
+      setModalProps({ confirmLoading: false });
+    }
+  }
+</script>
+
+<style lang="less" scoped>
+  :deep(.ant-input-number) {
+    width: 100%;
+  }
+
+  :deep(.ant-calendar-picker) {
+    width: 100%;
+  }
+</style>
+

src/views/school/name/SchoolName.api.ts

@@ -0,0 +1,49 @@
+import { defHttp } from '/@/utils/http/axios';
+import { useMessage } from '/@/hooks/web/useMessage';
+
+const { createConfirm } = useMessage();
+
+enum Api {
+  list = '/school/name/list',
+  save = '/school/name/add',
+  edit = '/school/name/edit',
+  deleteOne = '/school/name/delete',
+  deleteBatch = '/school/name/deleteBatch',
+  queryById = '/school/name/queryById',
+  importExcel = '/school/name/importExcel',
+  exportXls = '/school/name/exportXls',
+}
+
+export const getExportUrl = Api.exportXls;
+export const getImportUrl = Api.importExcel;
+
+export const list = (params) => defHttp.get({ url: Api.list, params });
+
+export const queryById = (params) => defHttp.get({ url: Api.queryById, params });
+
+export const deleteOne = (params, handleSuccess) => {
+  return defHttp.delete({ url: Api.deleteOne, params }, { joinParamsToUrl: true }).then(() => {
+    handleSuccess?.();
+  });
+};
+
+export const batchDelete = (params, handleSuccess) => {
+  createConfirm({
+    iconType: 'warning',
+    title: '确认删除',
+    content: '是否删除选中数据',
+    okText: '确认',
+    cancelText: '取消',
+    onOk: () => {
+      return defHttp.delete({ url: Api.deleteBatch, data: params }, { joinParamsToUrl: true }).then(() => {
+        handleSuccess?.();
+      });
+    },
+  });
+};
+
+export const saveOrUpdate = (params, isUpdate) => {
+  const url = isUpdate ? Api.edit : Api.save;
+  return defHttp.post({ url, params });
+};
+

src/views/school/name/SchoolName.data.ts

@@ -0,0 +1,90 @@
+import { BasicColumn } from '/@/components/Table';
+import { FormSchema } from '/@/components/Table';
+
+const nameTypeOptions = [
+  { label: '官方全称', value: 1 },
+  { label: '曾用名', value: 2 },
+  { label: '别名', value: 3 },
+  { label: '英文名称', value: 4 },
+];
+
+export const columns: BasicColumn[] = [
+  {
+    title: '学校ID',
+    align: 'center',
+    dataIndex: 'schoolId',
+  },
+  {
+    title: '名称',
+    align: 'center',
+    dataIndex: 'name',
+  },
+  {
+    title: '名称类型',
+    align: 'center',
+    dataIndex: 'nameType',
+    customRender: ({ text }) => {
+      const found = nameTypeOptions.find((o) => o.value === text || o.value === Number(text));
+      return found?.label || text;
+    },
+  },
+];
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '学校ID',
+    field: 'schoolId',
+    component: 'InputNumber',
+    colProps: { span: 6 },
+  },
+  {
+    label: '名称',
+    field: 'name',
+    component: 'Input',
+    colProps: { span: 6 },
+  },
+  {
+    label: '名称类型',
+    field: 'nameType',
+    component: 'Select',
+    colProps: { span: 6 },
+    componentProps: {
+      options: nameTypeOptions,
+    },
+  },
+];
+
+export const formSchema: FormSchema[] = [
+  {
+    label: '学校ID',
+    field: 'schoolId',
+    component: 'InputNumber',
+    required: true,
+  },
+  {
+    label: '名称',
+    field: 'name',
+    component: 'Input',
+    required: true,
+  },
+  {
+    label: '名称类型',
+    field: 'nameType',
+    component: 'Select',
+    required: true,
+    componentProps: {
+      options: nameTypeOptions,
+    },
+  },
+  {
+    label: '',
+    field: 'id',
+    component: 'Input',
+    show: false,
+  },
+];
+
+export function getBpmFormSchema(_formData): FormSchema[] {
+  return formSchema;
+}
+

src/views/school/name/SchoolNameList.vue

@@ -0,0 +1,122 @@
+<template>
+  <div>
+    <BasicTable @register="registerTable" :rowSelection="rowSelection">
+      <template #tableTitle>
+        <a-button type="primary" @click="handleAdd" preIcon="ant-design:plus-outlined">新增</a-button>
+        <a-button type="primary" preIcon="ant-design:export-outlined" @click="onExportXls">导出</a-button>
+        <j-upload-button type="primary" preIcon="ant-design:import-outlined" @click="onImportXls">导入</j-upload-button>
+        <a-dropdown v-if="selectedRowKeys.length > 0">
+          <template #overlay>
+            <a-menu>
+              <a-menu-item key="1" @click="batchHandleDelete">
+                <Icon icon="ant-design:delete-outlined" />
+                删除
+              </a-menu-item>
+            </a-menu>
+          </template>
+          <a-button>
+            批量操作
+            <Icon icon="mdi:chevron-down" />
+          </a-button>
+        </a-dropdown>
+      </template>
+
+      <template #action="{ record }">
+        <TableAction :actions="getTableAction(record)" :dropDownActions="getDropDownAction(record)" />
+      </template>
+    </BasicTable>
+
+    <SchoolNameModal @register="registerModal" @success="handleSuccess" />
+  </div>
+</template>
+
+<script lang="ts" name="school-name" setup>
+  import { BasicTable, TableAction } from '/@/components/Table';
+  import { useModal } from '/@/components/Modal';
+  import { useListPage } from '/@/hooks/system/useListPage';
+  import { columns, searchFormSchema } from './SchoolName.data';
+  import { list, deleteOne, batchDelete, getImportUrl, getExportUrl } from './SchoolName.api';
+  import SchoolNameModal from './components/SchoolNameModal.vue';
+
+  const [registerModal, { openModal }] = useModal();
+
+  const { tableContext, onExportXls, onImportXls } = useListPage({
+    tableProps: {
+      title: '学校名称',
+      api: list,
+      columns,
+      canResize: false,
+      formConfig: {
+        schemas: searchFormSchema,
+        autoSubmitOnEnter: true,
+        showAdvancedButton: true,
+        fieldMapToNumber: ['schoolId', 'nameType'],
+        fieldMapToTime: [],
+      },
+      actionColumn: {
+        width: 140,
+        fixed: 'right',
+      },
+    },
+    exportConfig: {
+      name: '学校名称',
+      url: getExportUrl,
+    },
+    importConfig: {
+      url: getImportUrl,
+      success: handleSuccess,
+    },
+  });
+
+  const [registerTable, { reload }, { rowSelection, selectedRowKeys }] = tableContext;
+
+  function handleAdd() {
+    openModal(true, { isUpdate: false, showFooter: true });
+  }
+
+  function handleEdit(record: Recordable) {
+    openModal(true, { record, isUpdate: true, showFooter: true });
+  }
+
+  function handleDetail(record: Recordable) {
+    openModal(true, { record, isUpdate: true, showFooter: false });
+  }
+
+  async function handleDelete(record: Recordable) {
+    await deleteOne({ id: record.id }, handleSuccess);
+  }
+
+  async function batchHandleDelete() {
+    await batchDelete({ ids: selectedRowKeys.value }, handleSuccess);
+  }
+
+  function handleSuccess() {
+    (selectedRowKeys.value = []) && reload();
+  }
+
+  function getTableAction(record: Recordable) {
+    return [
+      {
+        label: '编辑',
+        onClick: handleEdit.bind(null, record),
+      },
+    ];
+  }
+
+  function getDropDownAction(record: Recordable) {
+    return [
+      {
+        label: '详情',
+        onClick: handleDetail.bind(null, record),
+      },
+      {
+        label: '删除',
+        popConfirm: {
+          title: '是否确认删除',
+          confirm: handleDelete.bind(null, record),
+        },
+      },
+    ];
+  }
+</script>
+

src/views/school/name/components/SchoolNameForm.vue

@@ -0,0 +1,69 @@
+<template>
+  <div style="min-height: 400px">
+    <BasicForm @register="registerForm" />
+    <div style="width: 100%; text-align: center" v-if="!formDisabled">
+      <a-button @click="submitForm" pre-icon="ant-design:check" type="primary">提交</a-button>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+  import { BasicForm, useForm } from '/@/components/Form/index';
+  import { computed, defineComponent } from 'vue';
+  import { defHttp } from '/@/utils/http/axios';
+  import { propTypes } from '/@/utils/propTypes';
+  import { getBpmFormSchema } from '../SchoolName.data';
+  import { saveOrUpdate } from '../SchoolName.api';
+
+  export default defineComponent({
+    name: 'SchoolNameForm',
+    components: {
+      BasicForm,
+    },
+    props: {
+      formData: propTypes.object.def({}),
+      formBpm: propTypes.bool.def(true),
+    },
+    setup(props) {
+      const [registerForm, { setFieldsValue, setProps, getFieldsValue }] = useForm({
+        labelWidth: 150,
+        schemas: getBpmFormSchema(props.formData),
+        showActionButtonGroup: false,
+        baseColProps: { span: 24 },
+      });
+
+      const formDisabled = computed(() => {
+        if (props.formData.disabled === false) {
+          return false;
+        }
+        return true;
+      });
+
+      let loadedFormData: Recordable = {};
+      const queryByIdUrl = '/school/name/queryById';
+
+      async function initFormData() {
+        const params = { id: props.formData.dataId };
+        const data = await defHttp.get({ url: queryByIdUrl, params });
+        loadedFormData = { ...data };
+        await setFieldsValue(loadedFormData);
+        await setProps({ disabled: formDisabled.value });
+      }
+
+      async function submitForm() {
+        const data = getFieldsValue();
+        const params = Object.assign({}, loadedFormData, data);
+        await saveOrUpdate(params, true);
+      }
+
+      initFormData();
+
+      return {
+        registerForm,
+        formDisabled,
+        submitForm,
+      };
+    },
+  });
+</script>
+

src/views/school/name/components/SchoolNameModal.vue

@@ -0,0 +1,68 @@
+<template>
+  <BasicModal
+    v-bind="$attrs"
+    @register="registerModal"
+    destroyOnClose
+    :title="title"
+    :width="800"
+    @ok="handleSubmit"
+  >
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
+
+<script lang="ts" setup>
+  import { computed, ref, unref } from 'vue';
+  import { BasicModal, useModalInner } from '/@/components/Modal';
+  import { BasicForm, useForm } from '/@/components/Form/index';
+  import { formSchema } from '../SchoolName.data';
+  import { saveOrUpdate } from '../SchoolName.api';
+
+  const emit = defineEmits(['register', 'success']);
+  const isUpdate = ref(true);
+
+  const [registerForm, { setProps, resetFields, setFieldsValue, validate }] = useForm({
+    schemas: formSchema,
+    showActionButtonGroup: false,
+    baseColProps: { span: 24 },
+  });
+
+  const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+    await resetFields();
+    setModalProps({
+      confirmLoading: false,
+      showCancelBtn: !!data?.showFooter,
+      showOkBtn: !!data?.showFooter,
+    });
+    isUpdate.value = !!data?.isUpdate;
+    if (unref(isUpdate)) {
+      await setFieldsValue({ ...data.record });
+    }
+    setProps({ disabled: !data?.showFooter });
+  });
+
+  const title = computed(() => (!unref(isUpdate) ? '新增' : '编辑'));
+
+  async function handleSubmit() {
+    try {
+      const values = await validate();
+      setModalProps({ confirmLoading: true });
+      await saveOrUpdate(values, isUpdate.value);
+      closeModal();
+      emit('success');
+    } finally {
+      setModalProps({ confirmLoading: false });
+    }
+  }
+</script>
+
+<style lang="less" scoped>
+  :deep(.ant-input-number) {
+    width: 100%;
+  }
+
+  :deep(.ant-calendar-picker) {
+    width: 100%;
+  }
+</style>
+

src/views/school/school/School.api.ts

@@ -0,0 +1,66 @@
+import { defHttp } from '/@/utils/http/axios';
+import { useMessage } from '/@/hooks/web/useMessage';
+
+const { createConfirm } = useMessage();
+
+enum Api {
+  list = '/school/school/list',
+  search = '/school/school/search',
+  save = '/school/school/add',
+  edit = '/school/school/edit',
+  deleteOne = '/school/school/delete',
+  deleteBatch = '/school/school/deleteBatch',
+  queryById = '/school/school/queryById',
+  fullById = '/school/school/fullById',
+  fullByMainCode = '/school/school/fullByMainCode',
+  importExcel = '/school/school/importExcel',
+  exportXls = '/school/school/exportXls',
+}
+
+export const getExportUrl = Api.exportXls;
+export const getImportUrl = Api.importExcel;
+
+export const list = (params) => defHttp.get({ url: Api.list, params });
+
+export const search = (params) => defHttp.get({ url: Api.search, params });
+
+export const listOrSearch = (params) => {
+  if (params?.keyword) {
+    return search(params);
+  }
+  // 避免将 keyword 透传给 /list
+  const { keyword: _keyword, ...rest } = params || {};
+  return list(rest);
+};
+
+export const queryById = (params) => defHttp.get({ url: Api.queryById, params });
+
+export const fullById = (params) => defHttp.get({ url: Api.fullById, params });
+
+export const fullByMainCode = (params) => defHttp.get({ url: Api.fullByMainCode, params });
+
+export const deleteOne = (params, handleSuccess) => {
+  return defHttp.delete({ url: Api.deleteOne, params }, { joinParamsToUrl: true }).then(() => {
+    handleSuccess?.();
+  });
+};
+
+export const batchDelete = (params, handleSuccess) => {
+  createConfirm({
+    iconType: 'warning',
+    title: '确认删除',
+    content: '是否删除选中数据',
+    okText: '确认',
+    cancelText: '取消',
+    onOk: () => {
+      return defHttp.delete({ url: Api.deleteBatch, data: params }, { joinParamsToUrl: true }).then(() => {
+        handleSuccess?.();
+      });
+    },
+  });
+};
+
+export const saveOrUpdate = (params, isUpdate) => {
+  const url = isUpdate ? Api.edit : Api.save;
+  return defHttp.post({ url, params });
+};

src/views/school/school/School.data.ts

@@ -0,0 +1,101 @@
+import { BasicColumn } from '/@/components/Table';
+import { FormSchema } from '/@/components/Table';
+import { render } from '/@/utils/common/renderUtils';
+
+export const columns: BasicColumn[] = [
+  {
+    title: '学校编码',
+    align: 'center',
+    dataIndex: 'mainCode',
+  },
+  {
+    title: '学校名称',
+    align: 'center',
+    dataIndex: 'mainName',
+  },
+  {
+    title: '学校简称',
+    align: 'center',
+    dataIndex: 'shortName',
+  },
+  {
+    title: '学校图标',
+    align: 'center',
+    dataIndex: 'schoolIcon',
+    customRender: render.renderImage,
+  },
+  {
+    title: '创建时间',
+    align: 'center',
+    dataIndex: 'createTime',
+  },
+  {
+    title: '更新时间',
+    align: 'center',
+    dataIndex: 'updateTime',
+  },
+];
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '关键字',
+    field: 'keyword',
+    component: 'Input',
+    colProps: { span: 6 },
+    helpMessage: '走 /school/school/search：支持 编码/名称/简称/别名',
+  },
+  {
+    label: '学校编码',
+    field: 'mainCode',
+    component: 'Input',
+    colProps: { span: 6 },
+  },
+  {
+    label: '学校名称',
+    field: 'mainName',
+    component: 'Input',
+    colProps: { span: 6 },
+  },
+  {
+    label: '学校简称',
+    field: 'shortName',
+    component: 'Input',
+    colProps: { span: 6 },
+  },
+];
+
+export const formSchema: FormSchema[] = [
+  {
+    label: '学校编码',
+    field: 'mainCode',
+    component: 'Input',
+    required: true,
+  },
+  {
+    label: '学校名称',
+    field: 'mainName',
+    component: 'Input',
+    required: true,
+  },
+  {
+    label: '学校简称',
+    field: 'shortName',
+    component: 'Input',
+  },
+  {
+    label: '学校图标',
+    field: 'schoolIcon',
+    component: 'Input',
+    helpMessage: '填写图片URL（或后端文件路径）',
+  },
+  {
+    label: '',
+    field: 'id',
+    component: 'Input',
+    show: false,
+  },
+];
+
+export function getBpmFormSchema(_formData): FormSchema[] {
+  return formSchema;
+}

src/views/school/school/SchoolList.vue

@@ -0,0 +1,133 @@
+<template>
+  <div>
+    <BasicTable @register="registerTable" :rowSelection="rowSelection">
+      <template #tableTitle>
+        <a-button type="primary" @click="handleAdd" preIcon="ant-design:plus-outlined">新增</a-button>
+        <a-button type="primary" preIcon="ant-design:export-outlined" @click="onExportXls">导出</a-button>
+        <j-upload-button type="primary" preIcon="ant-design:import-outlined" @click="onImportXls">导入</j-upload-button>
+        <a-dropdown v-if="selectedRowKeys.length > 0">
+          <template #overlay>
+            <a-menu>
+              <a-menu-item key="1" @click="batchHandleDelete">
+                <Icon icon="ant-design:delete-outlined" />
+                删除
+              </a-menu-item>
+            </a-menu>
+          </template>
+          <a-button>
+            批量操作
+            <Icon icon="mdi:chevron-down" />
+          </a-button>
+        </a-dropdown>
+      </template>
+
+      <template #action="{ record }">
+        <TableAction :actions="getTableAction(record)" :dropDownActions="getDropDownAction(record)" />
+      </template>
+    </BasicTable>
+
+    <SchoolModal @register="registerModal" @success="handleSuccess" />
+    <SchoolFullDrawer @register="registerDrawer" />
+  </div>
+</template>
+
+<script lang="ts" name="school-school" setup>
+  import { BasicTable, TableAction } from '/@/components/Table';
+  import { useDrawer } from '/@/components/Drawer';
+  import { useModal } from '/@/components/Modal';
+  import { useListPage } from '/@/hooks/system/useListPage';
+  import { columns, searchFormSchema } from './School.data';
+  import { listOrSearch, deleteOne, batchDelete, getImportUrl, getExportUrl } from './School.api';
+  import SchoolModal from './components/SchoolModal.vue';
+  import SchoolFullDrawer from './components/SchoolFullDrawer.vue';
+
+  const [registerModal, { openModal }] = useModal();
+  const [registerDrawer, { openDrawer }] = useDrawer();
+
+  const { tableContext, onExportXls, onImportXls } = useListPage({
+    tableProps: {
+      title: '学校主表',
+      api: listOrSearch,
+      columns,
+      canResize: false,
+      formConfig: {
+        schemas: searchFormSchema,
+        autoSubmitOnEnter: true,
+        showAdvancedButton: true,
+        fieldMapToNumber: [],
+        fieldMapToTime: [],
+      },
+      actionColumn: {
+        width: 140,
+        fixed: 'right',
+      },
+    },
+    exportConfig: {
+      name: '学校主表',
+      url: getExportUrl,
+    },
+    importConfig: {
+      url: getImportUrl,
+      success: handleSuccess,
+    },
+  });
+
+  const [registerTable, { reload }, { rowSelection, selectedRowKeys }] = tableContext;
+
+  function handleAdd() {
+    openModal(true, { isUpdate: false, showFooter: true });
+  }
+
+  function handleEdit(record: Recordable) {
+    openModal(true, { record, isUpdate: true, showFooter: true });
+  }
+
+  function handleDetail(record: Recordable) {
+    openModal(true, { record, isUpdate: true, showFooter: false });
+  }
+
+  function handleFullDetail(record: Recordable) {
+    openDrawer(true, { record });
+  }
+
+  async function handleDelete(record: Recordable) {
+    await deleteOne({ id: record.id }, handleSuccess);
+  }
+
+  async function batchHandleDelete() {
+    await batchDelete({ ids: selectedRowKeys.value }, handleSuccess);
+  }
+
+  function handleSuccess() {
+    (selectedRowKeys.value = []) && reload();
+  }
+
+  function getTableAction(record: Recordable) {
+    return [
+      {
+        label: '编辑',
+        onClick: handleEdit.bind(null, record),
+      },
+    ];
+  }
+
+  function getDropDownAction(record: Recordable) {
+    return [
+      {
+        label: '详情',
+        onClick: handleDetail.bind(null, record),
+      },
+      {
+        label: '全量详情',
+        onClick: handleFullDetail.bind(null, record),
+      },
+      {
+        label: '删除',
+        popConfirm: {
+          title: '是否确认删除',
+          confirm: handleDelete.bind(null, record),
+        },
+      },
+    ];
+  }
+</script>

src/views/school/school/components/SchoolForm.vue

@@ -0,0 +1,69 @@
+<template>
+  <div style="min-height: 400px">
+    <BasicForm @register="registerForm" />
+    <div style="width: 100%; text-align: center" v-if="!formDisabled">
+      <a-button @click="submitForm" pre-icon="ant-design:check" type="primary">提交</a-button>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+  import { BasicForm, useForm } from '/@/components/Form/index';
+  import { computed, defineComponent } from 'vue';
+  import { defHttp } from '/@/utils/http/axios';
+  import { propTypes } from '/@/utils/propTypes';
+  import { getBpmFormSchema } from '../School.data';
+  import { saveOrUpdate } from '../School.api';
+
+  export default defineComponent({
+    name: 'SchoolForm',
+    components: {
+      BasicForm,
+    },
+    props: {
+      formData: propTypes.object.def({}),
+      formBpm: propTypes.bool.def(true),
+    },
+    setup(props) {
+      const [registerForm, { setFieldsValue, setProps, getFieldsValue }] = useForm({
+        labelWidth: 150,
+        schemas: getBpmFormSchema(props.formData),
+        showActionButtonGroup: false,
+        baseColProps: { span: 24 },
+      });
+
+      const formDisabled = computed(() => {
+        if (props.formData.disabled === false) {
+          return false;
+        }
+        return true;
+      });
+
+      let loadedFormData: Recordable = {};
+      const queryByIdUrl = '/school/school/queryById';
+
+      async function initFormData() {
+        const params = { id: props.formData.dataId };
+        const data = await defHttp.get({ url: queryByIdUrl, params });
+        loadedFormData = { ...data };
+        await setFieldsValue(loadedFormData);
+        await setProps({ disabled: formDisabled.value });
+      }
+
+      async function submitForm() {
+        const data = getFieldsValue();
+        const params = Object.assign({}, loadedFormData, data);
+        await saveOrUpdate(params, true);
+      }
+
+      initFormData();
+
+      return {
+        registerForm,
+        formDisabled,
+        submitForm,
+      };
+    },
+  });
+</script>
+

src/views/school/school/components/SchoolFullDrawer.vue

@@ -0,0 +1,41 @@
+<template>
+  <BasicDrawer @register="registerDrawer" title="全量详情" :width="900" destroyOnClose>
+    <a-spin :spinning="loading">
+      <a-alert
+        type="info"
+        show-icon
+        message="该数据来自接口 /school/school/fullById，展示为原始 JSON。"
+        style="margin-bottom: 12px"
+      />
+      <pre style="white-space: pre-wrap; word-break: break-word">{{ prettyJson }}</pre>
+    </a-spin>
+  </BasicDrawer>
+</template>
+
+<script lang="ts" setup>
+  import { computed, ref } from 'vue';
+  import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
+  import { fullById } from '../School.api';
+
+  const loading = ref(false);
+  const data = ref<any>(null);
+
+  const [registerDrawer] = useDrawerInner(async (ctx) => {
+    loading.value = true;
+    try {
+      const id = ctx?.record?.id;
+      data.value = id ? await fullById({ id }) : null;
+    } finally {
+      loading.value = false;
+    }
+  });
+
+  const prettyJson = computed(() => {
+    try {
+      return JSON.stringify(data.value ?? {}, null, 2);
+    } catch {
+      return '';
+    }
+  });
+</script>
+

src/views/school/school/components/SchoolModal.vue

@@ -0,0 +1,68 @@
+<template>
+  <BasicModal
+    v-bind="$attrs"
+    @register="registerModal"
+    destroyOnClose
+    :title="title"
+    :width="800"
+    @ok="handleSubmit"
+  >
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
+
+<script lang="ts" setup>
+  import { computed, ref, unref } from 'vue';
+  import { BasicModal, useModalInner } from '/@/components/Modal';
+  import { BasicForm, useForm } from '/@/components/Form/index';
+  import { formSchema } from '../School.data';
+  import { saveOrUpdate } from '../School.api';
+
+  const emit = defineEmits(['register', 'success']);
+  const isUpdate = ref(true);
+
+  const [registerForm, { setProps, resetFields, setFieldsValue, validate }] = useForm({
+    schemas: formSchema,
+    showActionButtonGroup: false,
+    baseColProps: { span: 24 },
+  });
+
+  const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+    await resetFields();
+    setModalProps({
+      confirmLoading: false,
+      showCancelBtn: !!data?.showFooter,
+      showOkBtn: !!data?.showFooter,
+    });
+    isUpdate.value = !!data?.isUpdate;
+    if (unref(isUpdate)) {
+      await setFieldsValue({ ...data.record });
+    }
+    setProps({ disabled: !data?.showFooter });
+  });
+
+  const title = computed(() => (!unref(isUpdate) ? '新增' : '编辑'));
+
+  async function handleSubmit() {
+    try {
+      const values = await validate();
+      setModalProps({ confirmLoading: true });
+      await saveOrUpdate(values, isUpdate.value);
+      closeModal();
+      emit('success');
+    } finally {
+      setModalProps({ confirmLoading: false });
+    }
+  }
+</script>
+
+<style lang="less" scoped>
+  :deep(.ant-input-number) {
+    width: 100%;
+  }
+
+  :deep(.ant-calendar-picker) {
+    width: 100%;
+  }
+</style>
+

src/views/school/tag/SchoolTag.api.ts

@@ -0,0 +1,49 @@
+import { defHttp } from '/@/utils/http/axios';
+import { useMessage } from '/@/hooks/web/useMessage';
+
+const { createConfirm } = useMessage();
+
+enum Api {
+  list = '/school/tag/list',
+  save = '/school/tag/add',
+  edit = '/school/tag/edit',
+  deleteOne = '/school/tag/delete',
+  deleteBatch = '/school/tag/deleteBatch',
+  queryById = '/school/tag/queryById',
+  importExcel = '/school/tag/importExcel',
+  exportXls = '/school/tag/exportXls',
+}
+
+export const getExportUrl = Api.exportXls;
+export const getImportUrl = Api.importExcel;
+
+export const list = (params) => defHttp.get({ url: Api.list, params });
+
+export const queryById = (params) => defHttp.get({ url: Api.queryById, params });
+
+export const deleteOne = (params, handleSuccess) => {
+  return defHttp.delete({ url: Api.deleteOne, params }, { joinParamsToUrl: true }).then(() => {
+    handleSuccess?.();
+  });
+};
+
+export const batchDelete = (params, handleSuccess) => {
+  createConfirm({
+    iconType: 'warning',
+    title: '确认删除',
+    content: '是否删除选中数据',
+    okText: '确认',
+    cancelText: '取消',
+    onOk: () => {
+      return defHttp.delete({ url: Api.deleteBatch, data: params }, { joinParamsToUrl: true }).then(() => {
+        handleSuccess?.();
+      });
+    },
+  });
+};
+
+export const saveOrUpdate = (params, isUpdate) => {
+  const url = isUpdate ? Api.edit : Api.save;
+  return defHttp.post({ url, params });
+};
+

src/views/school/tag/SchoolTag.data.ts

@@ -0,0 +1,56 @@
+import { BasicColumn } from '/@/components/Table';
+import { FormSchema } from '/@/components/Table';
+
+export const columns: BasicColumn[] = [
+  {
+    title: '学校ID',
+    align: 'center',
+    dataIndex: 'schoolId',
+  },
+  {
+    title: '标签',
+    align: 'center',
+    dataIndex: 'tagName',
+  },
+];
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '学校ID',
+    field: 'schoolId',
+    component: 'InputNumber',
+    colProps: { span: 6 },
+  },
+  {
+    label: '标签',
+    field: 'tagName',
+    component: 'Input',
+    colProps: { span: 6 },
+  },
+];
+
+export const formSchema: FormSchema[] = [
+  {
+    label: '学校ID',
+    field: 'schoolId',
+    component: 'InputNumber',
+    required: true,
+  },
+  {
+    label: '标签',
+    field: 'tagName',
+    component: 'Input',
+    required: true,
+  },
+  {
+    label: '',
+    field: 'id',
+    component: 'Input',
+    show: false,
+  },
+];
+
+export function getBpmFormSchema(_formData): FormSchema[] {
+  return formSchema;
+}
+

src/views/school/tag/SchoolTagList.vue

@@ -0,0 +1,122 @@
+<template>
+  <div>
+    <BasicTable @register="registerTable" :rowSelection="rowSelection">
+      <template #tableTitle>
+        <a-button type="primary" @click="handleAdd" preIcon="ant-design:plus-outlined">新增</a-button>
+        <a-button type="primary" preIcon="ant-design:export-outlined" @click="onExportXls">导出</a-button>
+        <j-upload-button type="primary" preIcon="ant-design:import-outlined" @click="onImportXls">导入</j-upload-button>
+        <a-dropdown v-if="selectedRowKeys.length > 0">
+          <template #overlay>
+            <a-menu>
+              <a-menu-item key="1" @click="batchHandleDelete">
+                <Icon icon="ant-design:delete-outlined" />
+                删除
+              </a-menu-item>
+            </a-menu>
+          </template>
+          <a-button>
+            批量操作
+            <Icon icon="mdi:chevron-down" />
+          </a-button>
+        </a-dropdown>
+      </template>
+
+      <template #action="{ record }">
+        <TableAction :actions="getTableAction(record)" :dropDownActions="getDropDownAction(record)" />
+      </template>
+    </BasicTable>
+
+    <SchoolTagModal @register="registerModal" @success="handleSuccess" />
+  </div>
+</template>
+
+<script lang="ts" name="school-tag" setup>
+  import { BasicTable, TableAction } from '/@/components/Table';
+  import { useModal } from '/@/components/Modal';
+  import { useListPage } from '/@/hooks/system/useListPage';
+  import { columns, searchFormSchema } from './SchoolTag.data';
+  import { list, deleteOne, batchDelete, getImportUrl, getExportUrl } from './SchoolTag.api';
+  import SchoolTagModal from './components/SchoolTagModal.vue';
+
+  const [registerModal, { openModal }] = useModal();
+
+  const { tableContext, onExportXls, onImportXls } = useListPage({
+    tableProps: {
+      title: '学校标签',
+      api: list,
+      columns,
+      canResize: false,
+      formConfig: {
+        schemas: searchFormSchema,
+        autoSubmitOnEnter: true,
+        showAdvancedButton: true,
+        fieldMapToNumber: ['schoolId'],
+        fieldMapToTime: [],
+      },
+      actionColumn: {
+        width: 140,
+        fixed: 'right',
+      },
+    },
+    exportConfig: {
+      name: '学校标签',
+      url: getExportUrl,
+    },
+    importConfig: {
+      url: getImportUrl,
+      success: handleSuccess,
+    },
+  });
+
+  const [registerTable, { reload }, { rowSelection, selectedRowKeys }] = tableContext;
+
+  function handleAdd() {
+    openModal(true, { isUpdate: false, showFooter: true });
+  }
+
+  function handleEdit(record: Recordable) {
+    openModal(true, { record, isUpdate: true, showFooter: true });
+  }
+
+  function handleDetail(record: Recordable) {
+    openModal(true, { record, isUpdate: true, showFooter: false });
+  }
+
+  async function handleDelete(record: Recordable) {
+    await deleteOne({ id: record.id }, handleSuccess);
+  }
+
+  async function batchHandleDelete() {
+    await batchDelete({ ids: selectedRowKeys.value }, handleSuccess);
+  }
+
+  function handleSuccess() {
+    (selectedRowKeys.value = []) && reload();
+  }
+
+  function getTableAction(record: Recordable) {
+    return [
+      {
+        label: '编辑',
+        onClick: handleEdit.bind(null, record),
+      },
+    ];
+  }
+
+  function getDropDownAction(record: Recordable) {
+    return [
+      {
+        label: '详情',
+        onClick: handleDetail.bind(null, record),
+      },
+      {
+        label: '删除',
+        popConfirm: {
+          title: '是否确认删除',
+          confirm: handleDelete.bind(null, record),
+        },
+      },
+    ];
+  }
+</script>
+

src/views/school/tag/components/SchoolTagForm.vue

@@ -0,0 +1,69 @@
+<template>
+  <div style="min-height: 400px">
+    <BasicForm @register="registerForm" />
+    <div style="width: 100%; text-align: center" v-if="!formDisabled">
+      <a-button @click="submitForm" pre-icon="ant-design:check" type="primary">提交</a-button>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+  import { BasicForm, useForm } from '/@/components/Form/index';
+  import { computed, defineComponent } from 'vue';
+  import { defHttp } from '/@/utils/http/axios';
+  import { propTypes } from '/@/utils/propTypes';
+  import { getBpmFormSchema } from '../SchoolTag.data';
+  import { saveOrUpdate } from '../SchoolTag.api';
+
+  export default defineComponent({
+    name: 'SchoolTagForm',
+    components: {
+      BasicForm,
+    },
+    props: {
+      formData: propTypes.object.def({}),
+      formBpm: propTypes.bool.def(true),
+    },
+    setup(props) {
+      const [registerForm, { setFieldsValue, setProps, getFieldsValue }] = useForm({
+        labelWidth: 150,
+        schemas: getBpmFormSchema(props.formData),
+        showActionButtonGroup: false,
+        baseColProps: { span: 24 },
+      });
+
+      const formDisabled = computed(() => {
+        if (props.formData.disabled === false) {
+          return false;
+        }
+        return true;
+      });
+
+      let loadedFormData: Recordable = {};
+      const queryByIdUrl = '/school/tag/queryById';
+
+      async function initFormData() {
+        const params = { id: props.formData.dataId };
+        const data = await defHttp.get({ url: queryByIdUrl, params });
+        loadedFormData = { ...data };
+        await setFieldsValue(loadedFormData);
+        await setProps({ disabled: formDisabled.value });
+      }
+
+      async function submitForm() {
+        const data = getFieldsValue();
+        const params = Object.assign({}, loadedFormData, data);
+        await saveOrUpdate(params, true);
+      }
+
+      initFormData();
+
+      return {
+        registerForm,
+        formDisabled,
+        submitForm,
+      };
+    },
+  });
+</script>
+

src/views/school/tag/components/SchoolTagModal.vue

@@ -0,0 +1,68 @@
+<template>
+  <BasicModal
+    v-bind="$attrs"
+    @register="registerModal"
+    destroyOnClose
+    :title="title"
+    :width="800"
+    @ok="handleSubmit"
+  >
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
+
+<script lang="ts" setup>
+  import { computed, ref, unref } from 'vue';
+  import { BasicModal, useModalInner } from '/@/components/Modal';
+  import { BasicForm, useForm } from '/@/components/Form/index';
+  import { formSchema } from '../SchoolTag.data';
+  import { saveOrUpdate } from '../SchoolTag.api';
+
+  const emit = defineEmits(['register', 'success']);
+  const isUpdate = ref(true);
+
+  const [registerForm, { setProps, resetFields, setFieldsValue, validate }] = useForm({
+    schemas: formSchema,
+    showActionButtonGroup: false,
+    baseColProps: { span: 24 },
+  });
+
+  const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+    await resetFields();
+    setModalProps({
+      confirmLoading: false,
+      showCancelBtn: !!data?.showFooter,
+      showOkBtn: !!data?.showFooter,
+    });
+    isUpdate.value = !!data?.isUpdate;
+    if (unref(isUpdate)) {
+      await setFieldsValue({ ...data.record });
+    }
+    setProps({ disabled: !data?.showFooter });
+  });
+
+  const title = computed(() => (!unref(isUpdate) ? '新增' : '编辑'));
+
+  async function handleSubmit() {
+    try {
+      const values = await validate();
+      setModalProps({ confirmLoading: true });
+      await saveOrUpdate(values, isUpdate.value);
+      closeModal();
+      emit('success');
+    } finally {
+      setModalProps({ confirmLoading: false });
+    }
+  }
+</script>
+
+<style lang="less" scoped>
+  :deep(.ant-input-number) {
+    width: 100%;
+  }
+
+  :deep(.ant-calendar-picker) {
+    width: 100%;
+  }
+</style>
+