feat: 客户端管理 表单

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

@@ -1,9 +1,21 @@
 <script setup lang="ts">
-import CommonSkeleton from '#/views/common';
+import { Page, useVbenDrawer } from '@vben/common-ui';
+
+import clientDrawer from './client-drawer.vue';
+
+const [ClientDrawer, drawerApi] = useVbenDrawer({
+  connectedComponent: clientDrawer,
+});
+
+function handleAdd() {
+  drawerApi.setData({ update: false });
+  drawerApi.open();
+}
 </script>
 
 <template>
-  <div>
-    <CommonSkeleton />
-  </div>
+  <Page>
+    <a-button type="primary" @click="handleAdd">add</a-button>
+    <ClientDrawer />
+  </Page>
 </template>