feat: 代码生成

apps/web-antd/src/views/tool/gen/index.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import type { Recordable } from '@vben/types';
 import type { ColumnsType } from 'ant-design-vue/es/table';
+import type { Key } from 'ant-design-vue/es/table/interface';
 
 import { onMounted, ref } from 'vue';
 import { useRouter } from 'vue-router';
@@ -69,6 +70,30 @@ async function handleSync(record: Recordable<any>) {
   // reload
 }
 
+const selectedRowKeys = ref<string[]>([]);
+function handleSelectChange(selectedKeys: Key[]) {
+  selectedRowKeys.value = selectedKeys as string[];
+}
+
+/**
+ * 批量生成代码
+ */
+async function handleBatchGen() {
+  if (selectedRowKeys.value.length === 0) {
+    message.info('请选择需要生成代码的表');
+    return;
+  }
+  const hideLoading = message.loading('下载中...');
+  try {
+    const params = selectedRowKeys.value.join(',');
+    const data = await batchGenCode(params);
+    const timestamp = Date.now();
+    downloadByData(data, `批量代码生成_${timestamp}.zip`);
+  } finally {
+    hideLoading();
+  }
+}
+
 async function handleDownload(record: Recordable<any>) {
   const hideLoading = message.loading('下载中...');
   try {
@@ -82,6 +107,10 @@ async function handleDownload(record: Recordable<any>) {
   }
 }
 
+/**
+ * 删除
+ * @param record
+ */
 async function handleDelete(record: Recordable<any>) {
   await genRemove(record.tableId);
   // reload
@@ -112,7 +141,42 @@ const [QueryForm] = useVbenForm({
     <Card>
       <QueryForm />
     </Card>
-    <Table :columns="columns" :data-source="dataSource" e="middle">
+    <Card
+      :body-style="{
+        padding: '12px',
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '12px',
+      }"
+    >
+      <div class="flex justify-between">
+        <span class="text-lg font-bold">代码生成列表</span>
+        <div class="flex gap-[8px]">
+          <a-button
+            :disabled="selectedRowKeys.length === 0"
+            danger
+            type="primary"
+          >
+            删除
+          </a-button>
+          <a-button
+            :disabled="selectedRowKeys.length === 0"
+            @click="handleBatchGen"
+          >
+            {{ $t('pages.common.generate') }}
+          </a-button>
+          <a-button type="primary">
+            {{ $t('pages.common.import') }}
+          </a-button>
+        </div>
+      </div>
+      <Table
+        :columns="columns"
+        :data-source="dataSource"
+        :row-selection="{ selectedRowKeys, onChange: handleSelectChange }"
+        row-key="tableId"
+        size="middle"
+      >
         <template #bodyCell="{ record, column }">
           <template v-if="column.dataIndex === 'action'">
             <a-button size="small" type="link" @click="handlePreview(record)">
@@ -145,6 +209,8 @@ const [QueryForm] = useVbenForm({
           </template>
         </template>
       </Table>
+    </Card>
+
     <CodePreviewModal />
   </Page>
 </template>