feat: 新增系统工具模块（存放系统工具模块相关功能，例如：代码生成、文件管理等）

continew-admin-ui/src/api/tool/generator.ts

@@ -0,0 +1,30 @@
+import axios from 'axios';
+import qs from 'query-string';
+
+const BASE_URL = '/tool/generator';
+
+export interface TableRecord {
+  tableName: string;
+  comment?: string;
+  engine: string;
+  charset: string;
+  createTime?: string;
+}
+
+export interface TableParam {
+  tableName?: string;
+}
+
+export interface TableListRes {
+  list: TableRecord[];
+  total: number;
+}
+
+export function listTable(params: TableParam) {
+  return axios.get<TableListRes>(`${BASE_URL}/table`, {
+    params,
+    paramsSerializer: (obj) => {
+      return qs.stringify(obj);
+    },
+  });
+}

continew-admin-ui/src/locale/en-US.ts

@@ -5,6 +5,8 @@ import localeRole from '@/views/system/role/locale/en-US';
 import localeMenu from '@/views/system/menu/locale/en-US';
 import localeDept from '@/views/system/dept/locale/en-US';
 
+import localeGenerator from '@/views/tool/generator/locale/en-US';
+
 import localeOnlineUser from '@/views/monitor/online/locale/en-US';
 import localeLoginLog from '@/views/monitor/log/login/locale/en-US';
 import localeOperationLog from '@/views/monitor/log/operation/locale/en-US';
@@ -35,6 +37,7 @@ export default {
   'menu.server.dashboard': 'Dashboard-Server',
   'menu.server.workplace': 'Workplace-Server',
   'menu.system': 'System management',
+  'menu.tool': 'Tool',
   'menu.monitor': 'Monitor',
   'menu.list': 'List',
   'menu.form': 'Form',
@@ -56,6 +59,8 @@ export default {
   ...localeMenu,
   ...localeDept,
 
+  ...localeGenerator,
+
   ...localeOnlineUser,
   ...localeLoginLog,
   ...localeOperationLog,

continew-admin-ui/src/locale/zh-CN.ts

@@ -5,6 +5,8 @@ import localeRole from '@/views/system/role/locale/zh-CN';
 import localeMenu from '@/views/system/menu/locale/zh-CN';
 import localeDept from '@/views/system/dept/locale/zh-CN';
 
+import localeGenerator from '@/views/tool/generator/locale/zh-CN';
+
 import localeOnlineUser from '@/views/monitor/online/locale/zh-CN';
 import localeLoginLog from '@/views/monitor/log/login/locale/zh-CN';
 import localeOperationLog from '@/views/monitor/log/operation/locale/zh-CN';
@@ -35,6 +37,7 @@ export default {
   'menu.server.dashboard': '仪表盘-服务端',
   'menu.server.workplace': '工作台-服务端',
   'menu.system': '系统管理',
+  'menu.tool': '系统工具',
   'menu.monitor': '系统监控',
   'menu.list': '列表页',
   'menu.form': '表单页',
@@ -56,6 +59,8 @@ export default {
   ...localeMenu,
   ...localeDept,
 
+  ...localeGenerator,
+
   ...localeOnlineUser,
   ...localeLoginLog,
   ...localeOperationLog,

continew-admin-ui/src/router/routes/modules/monitor.ts

@@ -9,7 +9,7 @@ const Monitor: AppRouteRecordRaw = {
     locale: 'menu.monitor',
     icon: 'computer',
     requiresAuth: true,
-    order: 2,
+    order: 3,
   },
   children: [
     {

continew-admin-ui/src/router/routes/modules/tool.ts

@@ -0,0 +1,28 @@
+import { DEFAULT_LAYOUT } from '../base';
+import { AppRouteRecordRaw } from '../types';
+
+const Tool: AppRouteRecordRaw = {
+  path: '/tool',
+  name: 'tool',
+  component: DEFAULT_LAYOUT,
+  meta: {
+    locale: 'menu.tool',
+    icon: 'tool',
+    requiresAuth: true,
+    order: 2,
+  },
+  children: [
+    {
+      path: '/tool/generator',
+      name: 'Generator',
+      component: () => import('@/views/tool/generator/index.vue'),
+      meta: {
+        locale: 'menu.tool.generator.list',
+        requiresAuth: true,
+        roles: ['*'],
+      },
+    },
+  ],
+};
+
+export default Tool;

continew-admin-ui/src/views/tool/generator/index.vue

@@ -0,0 +1,214 @@
+<template>
+  <div class="app-container">
+    <Breadcrumb :items="['menu.tool', 'menu.tool.generator.list']" />
+    <a-card class="general-card" :title="$t('menu.tool.generator.list')">
+      <!-- 头部区域 -->
+      <div class="header">
+        <!-- 搜索栏 -->
+        <div v-if="showQuery" class="header-query">
+          <a-form ref="queryRef" :model="queryParams" layout="inline">
+            <a-form-item field="tableName" hide-label>
+              <a-input
+                v-model="queryParams.tableName"
+                placeholder="输入表名称搜索"
+                allow-clear
+                style="width: 150px"
+                @press-enter="handleQuery"
+              />
+            </a-form-item>
+            <a-form-item hide-label>
+              <a-space>
+                <a-button type="primary" @click="handleQuery">
+                  <template #icon><icon-search /></template>查询
+                </a-button>
+                <a-button @click="resetQuery">
+                  <template #icon><icon-refresh /></template>重置
+                </a-button>
+              </a-space>
+            </a-form-item>
+          </a-form>
+        </div>
+        <!-- 操作栏 -->
+        <div class="header-operation">
+          <a-row>
+            <a-col :span="12">
+              <a-space>
+                <a-button type="primary" @click="toGenerate(ids[0])">
+                  <template #icon><icon-robot-add /></template>代码生成
+                </a-button>
+              </a-space>
+            </a-col>
+            <a-col :span="12">
+              <right-toolbar
+                v-model:show-query="showQuery"
+                @refresh="getList"
+              />
+            </a-col>
+          </a-row>
+        </div>
+      </div>
+
+      <!-- 列表区域 -->
+      <a-table
+        ref="tableRef"
+        :data="tableList"
+        :row-selection="{
+          type: 'checkbox',
+          showCheckedAll: true,
+          onlyCurrent: false,
+        }"
+        :pagination="{
+          showTotal: true,
+          showPageSize: true,
+          total: total,
+          current: queryParams.page,
+        }"
+        row-key="tableName"
+        :bordered="false"
+        :stripe="true"
+        :loading="loading"
+        size="large"
+        @page-change="handlePageChange"
+        @page-size-change="handlePageSizeChange"
+        @selection-change="handleSelectionChange"
+      >
+        <template #columns>
+          <a-table-column title="序号">
+            <template #cell="{ rowIndex }">
+              {{ rowIndex + 1 + (queryParams.page - 1) * queryParams.size }}
+            </template>
+          </a-table-column>
+          <a-table-column
+            title="表名称"
+            data-index="tableName"
+            :width="200"
+            tooltip
+          />
+          <a-table-column title="注释" data-index="comment" tooltip />
+          <a-table-column title="存储引擎" data-index="engine" align="center" />
+          <a-table-column title="字符集" data-index="charset" />
+          <a-table-column title="创建时间" data-index="createTime" />
+          <a-table-column title="操作" align="center">
+            <template #cell="{ record }">
+              <a-button
+                type="text"
+                size="small"
+                title="生成"
+                @click="toGenerate(record.tableName)"
+              >
+                <template #icon><icon-robot-add /></template>生成
+              </a-button>
+            </template>
+          </a-table-column>
+        </template>
+      </a-table>
+    </a-card>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { getCurrentInstance, ref, toRefs, reactive } from 'vue';
+  import { TableRecord, TableParam, listTable } from '@/api/tool/generator';
+
+  const { proxy } = getCurrentInstance() as any;
+
+  const tableList = ref<TableRecord[]>([]);
+  const total = ref(0);
+  const ids = ref<Array<string>>([]);
+  const single = ref(true);
+  const multiple = ref(true);
+  const showQuery = ref(true);
+  const loading = ref(false);
+
+  const data = reactive({
+    // 查询参数
+    queryParams: {
+      tableName: undefined,
+      page: 1,
+      size: 10,
+      sort: ['createTime,desc', 'updateTime,desc'],
+    },
+  });
+  const { queryParams } = toRefs(data);
+
+  /**
+   * 查询列表
+   *
+   * @param params 查询参数
+   */
+  const getList = (params: TableParam = { ...queryParams.value }) => {
+    loading.value = true;
+    listTable(params)
+      .then((res) => {
+        tableList.value = res.data.list;
+        total.value = res.data.total;
+      })
+      .finally(() => {
+        loading.value = false;
+      });
+  };
+  getList();
+
+  /**
+   * 代码生成
+   *
+   * @param tableName 表名称
+   */
+  const toGenerate = (tableName: string) => {
+    proxy.$message.info(tableName);
+  };
+
+  /**
+   * 已选择的数据行发生改变时触发
+   *
+   * @param rowKeys ID 列表
+   */
+  const handleSelectionChange = (rowKeys: Array<any>) => {
+    ids.value = rowKeys;
+    single.value = rowKeys.length !== 1;
+    multiple.value = !rowKeys.length;
+  };
+
+  /**
+   * 查询
+   */
+  const handleQuery = () => {
+    getList();
+  };
+
+  /**
+   * 重置
+   */
+  const resetQuery = () => {
+    proxy.$refs.queryRef.resetFields();
+    handleQuery();
+  };
+
+  /**
+   * 切换页码
+   *
+   * @param current 页码
+   */
+  const handlePageChange = (current: number) => {
+    queryParams.value.page = current;
+    getList();
+  };
+
+  /**
+   * 切换每页条数
+   *
+   * @param pageSize 每页条数
+   */
+  const handlePageSizeChange = (pageSize: number) => {
+    queryParams.value.size = pageSize;
+    getList();
+  };
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'Role',
+  };
+</script>
+
+<style scoped lang="less"></style>

continew-admin-ui/src/views/tool/generator/locale/en-US.ts

@@ -0,0 +1,3 @@
+export default {
+  'menu.tool.generator.list': 'Code generate',
+};

continew-admin-ui/src/views/tool/generator/locale/zh-CN.ts

@@ -0,0 +1,3 @@
+export default {
+  'menu.tool.generator.list': '代码生成',
+};