admin-vben5/apps/web-antd/src/views/property/personalCenter/leaveApplication/index.vue

<script setup lang="ts">
import dayjs from 'dayjs';

import {
  leaveApplicationExport,
  leaveApplicationList,
  leaveApplicationRemove,
} from '#/api/property/personalCenter/leaveApplication';
import type { LeaveApplicationForm } from '#/api/property/personalCenter/leaveApplication/model';

import { useVbenForm } from '#/adapter/form';
import {  useVbenModal} from '@vben/common-ui';
import {modalSchema} from "./data";
import { useVModel } from '@vueuse/core';

const [BasicForm, formApi] = useVbenForm({
  commonConfig: {
    formItemClass: 'col-span-1',
    // 默认label宽度 px
    labelWidth: 160,
    // 通用配置项 会影响到所有表单项
    componentProps: {
      class: 'w-full',
    },
  },
  schema: modalSchema(),
  showDefaultActions: false,
  wrapperClass: 'grid-cols-2 gap-x-10 gap-y-2',
});
</script>

<template>
  <div class="p-8">
    <div class="text-2xl font-bold">请假申请</div>
    <div class="m-6 bg-white p-4">
        <BasicForm/>
    </div>
  </div>
</template>