feat: 表单demo

apps/web-antd/src/views/system/config/index.vue

@@ -1,9 +1,29 @@
 <script setup lang="ts">
-import CommonSkeleton from '#/views/common';
+import { Page, useVbenModal } from '@vben/common-ui';
+
+import { message } from 'ant-design-vue';
+
+import configModal from './config-modal.vue';
+
+const [ConfigModal, modalApi] = useVbenModal({
+  connectedComponent: configModal,
+});
+
+function handleAdd() {
+  modalApi.setData({ update: false });
+  modalApi.open();
+}
+
+function reload() {
+  message.success('reload test');
+}
 </script>
 
 <template>
-  <div>
-    <CommonSkeleton />
-  </div>
+  <Page>
+    <a-button type="primary" @click="handleAdd">
+      {{ $t('pages.common.add') }}
+    </a-button>
+    <ConfigModal @reload="reload" />
+  </Page>
 </template>