feat: 通知公告(表单)

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

@@ -1,9 +1,21 @@
 <script setup lang="ts">
-import CommonSkeleton from '#/views/common';
+import { Page, useVbenModal } from '@vben/common-ui';
+
+import noticeModal from './notice-modal.vue';
+
+const [NoticeModal, modalApi] = useVbenModal({
+  connectedComponent: noticeModal,
+});
+
+function handleAdd() {
+  modalApi.setData({ update: false });
+  modalApi.open();
+}
 </script>
 
 <template>
-  <div>
-    <CommonSkeleton />
-  </div>
+  <Page>
+    <a-button type="primary" @click="handleAdd">新增</a-button>
+    <NoticeModal />
+  </Page>
 </template>