feat: 用户管理(未完成)

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

@@ -1,10 +1,11 @@
 <script setup lang="ts">
-import { Page, useVbenModal } from '@vben/common-ui';
+import { Page, useVbenDrawer, useVbenModal } from '@vben/common-ui';
 import { $t } from '@vben/locales';
 
 import { userExport } from '#/api/system/user';
 import { downloadExcel } from '#/utils/file/download';
 
+import userDrawer from './user-drawer.vue';
 import userImportModal from './user-import-modal.vue';
 
 const [UserImpotModal, userImportModalApi] = useVbenModal({
@@ -14,6 +15,15 @@ const [UserImpotModal, userImportModalApi] = useVbenModal({
 function handleImport() {
   userImportModalApi.open();
 }
+
+const [UserDrawer, userDrawerApi] = useVbenDrawer({
+  connectedComponent: userDrawer,
+});
+
+function handleAdd() {
+  userDrawerApi.setData({ update: false });
+  userDrawerApi.open();
+}
 </script>
 
 <template>
@@ -23,7 +33,11 @@ function handleImport() {
         {{ $t('pages.common.export') }}
       </a-button>
       <a-button @click="handleImport">{{ $t('pages.common.import') }}</a-button>
+      <a-button type="primary" @click="handleAdd">
+        {{ $t('pages.common.add') }}
+      </a-button>
     </div>
     <UserImpotModal />
+    <UserDrawer />
   </Page>
 </template>