!28 RuoYi-Vue3-FastAPI v1.6.0

Merge pull request !28 from insistence/develop

README.md

@@ -1,12 +1,12 @@
 <p align="center">
 	<img alt="logo" src="https://oscimg.oschina.net/oscnet/up-d3d0a9303e11d522a06cd263f3079027715.png">
 </p>
-<h1 align="center" style="margin: 30px 0 30px; font-weight: bold;">RuoYi-Vue3-FastAPI v1.5.1</h1>
+<h1 align="center" style="margin: 30px 0 30px; font-weight: bold;">RuoYi-Vue3-FastAPI v1.6.0</h1>
 <h4 align="center">基于RuoYi-Vue3+FastAPI前后端分离的快速开发框架</h4>
 <p align="center">
 	<a href="https://gitee.com/insistence2022/RuoYi-Vue3-FastAPI/stargazers"><img src="https://gitee.com/insistence2022/RuoYi-Vue3-FastAPI/badge/star.svg?theme=dark"></a>
     <a href="https://github.com/insistence/RuoYi-Vue3-FastAPI"><img src="https://img.shields.io/github/stars/insistence/RuoYi-Vue3-FastAPI?style=social"></a>
-	<a href="https://gitee.com/insistence2022/RuoYi-Vue3-FastAPI"><img src="https://img.shields.io/badge/RuoYiVue3FastAPI-v1.5.1-brightgreen.svg"></a>
+	<a href="https://gitee.com/insistence2022/RuoYi-Vue3-FastAPI"><img src="https://img.shields.io/badge/RuoYiVue3FastAPI-v1.6.0-brightgreen.svg"></a>
 	<a href="https://gitee.com/insistence2022/RuoYi-Vue3-FastAPI/blob/master/LICENSE"><img src="https://img.shields.io/github/license/mashape/apistatus.svg"></a>
     <img src="https://img.shields.io/badge/python-≥3.9-blue">
     <img src="https://img.shields.io/badge/MySQL-≥5.7-blue">
@@ -44,7 +44,9 @@ RuoYi-Vue3-FastAPI是一套全部开源的快速开发平台，毫无保留给
 12. 定时任务：在线（添加、修改、删除）任务调度包含执行结果日志。
 13. 服务监控：监视当前系统CPU、内存、磁盘、堆栈等相关信息。
 14. 缓存监控：对系统的缓存信息查询，命令统计等。
-15. 系统接口：根据业务代码自动生成相关的api接口文档。
+15. 在线构建器：拖动表单元素生成相应的HTML代码。
+16. 系统接口：根据业务代码自动生成相关的api接口文档。
+17. 代码生成：配置数据库表信息一键生成前后端代码（python、sql、vue、js），支持下载。
 
 ## 演示图
 
@@ -83,7 +85,11 @@ RuoYi-Vue3-FastAPI是一套全部开源的快速开发平台，毫无保留给
     </tr>
     <tr>
         <td><img src="https://gitee.com/insistence2022/RuoYi-Vue-FastAPI/raw/master/demo-pictures/cacheList.png"></td>
+        <td><img src="https://gitee.com/insistence2022/RuoYi-Vue-FastAPI/raw/master/demo-pictures/form.png"></td>
+    </tr>
+    <tr>
         <td><img src="https://gitee.com/insistence2022/RuoYi-Vue-FastAPI/raw/master/demo-pictures/api.png"></td>
+        <td><img src="https://gitee.com/insistence2022/RuoYi-Vue-FastAPI/raw/master/demo-pictures/gen.png"/></td>
     </tr>
     <tr>
         <td><img src="https://gitee.com/insistence2022/RuoYi-Vue-FastAPI/raw/master/demo-pictures/profile.png"/></td>

ruoyi-fastapi-backend/.env.dev

@@ -10,7 +10,7 @@ APP_HOST = '0.0.0.0'
 # 应用端口
 APP_PORT = 9099
 # 应用版本
-APP_VERSION= '1.5.1'
+APP_VERSION= '1.6.0'
 # 应用是否开启热重载
 APP_RELOAD = true
 # 应用是否开启IP归属区域查询

ruoyi-fastapi-backend/.env.prod

@@ -10,7 +10,7 @@ APP_HOST = '0.0.0.0'
 # 应用端口
 APP_PORT = 9099
 # 应用版本
-APP_VERSION= '1.5.1'
+APP_VERSION= '1.6.0'
 # 应用是否开启热重载
 APP_RELOAD = false
 # 应用是否开启IP归属区域查询

ruoyi-fastapi-backend/config/constant.py

@@ -1,3 +1,6 @@
+from config.env import DataBaseConfig
+
+
 class CommonConstant:
     """
     常用常量
@@ -150,3 +153,329 @@ class MenuConstant:
     LAYOUT = 'Layout'
     PARENT_VIEW = 'ParentView'
     INNER_LINK = 'InnerLink'
+
+
+class GenConstant:
+    """
+    代码生成常量
+
+    TPL_CRUD: 单表（增删改查
+    TPL_TREE: 树表（增删改查）
+    TPL_SUB: 主子表（增删改查）
+    TREE_CODE: 树编码字段
+    TREE_PARENT_CODE: 树父编码字段
+    TREE_NAME: 树名称字段
+    PARENT_MENU_ID: 上级菜单ID字段
+    PARENT_MENU_NAME: 上级菜单名称字段
+    COLUMNTYPE_STR: 数据库字符串类型
+    COLUMNTYPE_TEXT: 数据库文本类型
+    COLUMNTYPE_TIME: 数据库时间类型
+    COLUMNTYPE_GEOMETRY: 数据库字空间类型
+    COLUMNTYPE_NUMBER: 数据库数字类型
+    COLUMNNAME_NOT_EDIT: 页面不需要编辑字段
+    COLUMNNAME_NOT_LIST: 页面不需要显示的列表字段
+    COLUMNNAME_NOT_QUERY: 页面不需要查询字段
+    BASE_ENTITY: Entity基类字段
+    TREE_ENTITY: Tree基类字段
+    HTML_INPUT: 文本框
+    HTML_TEXTAREA: 文本域
+    HTML_SELECT: 下拉框
+    HTML_RADIO: 单选框
+    HTML_CHECKBOX: 复选框
+    HTML_DATETIME: 日期控件
+    HTML_IMAGE_UPLOAD: 图片上传控件
+    HTML_FILE_UPLOAD: 文件上传控件
+    HTML_EDITOR: 富文本控件
+    TYPE_DECIMAL: 高精度计算类型
+    TYPE_DATE: 时间类型
+    QUERY_LIKE: 模糊查询
+    QUERY_EQ: 相等查询
+    REQUIRE: 需要
+    DB_TO_SQLALCHEMY_TYPE_MAPPING: 数据库类型与sqlalchemy类型映射
+    DB_TO_PYTHON_TYPE_MAPPING: 数据库类型与python类型映射
+    """
+
+    TPL_CRUD = 'crud'
+    TPL_TREE = 'tree'
+    TPL_SUB = 'sub'
+    TREE_CODE = 'treeCode'
+    TREE_PARENT_CODE = 'treeParentCode'
+    TREE_NAME = 'treeName'
+    PARENT_MENU_ID = 'parentMenuId'
+    PARENT_MENU_NAME = 'parentMenuName'
+    COLUMNTYPE_STR = (
+        ['character varying', 'varchar', 'character', 'char']
+        if DataBaseConfig.db_type == 'postgresql'
+        else ['char', 'varchar', 'nvarchar', 'varchar2']
+    )
+    COLUMNTYPE_TEXT = (
+        ['text', 'citext'] if DataBaseConfig.db_type == 'postgresql' else ['tinytext', 'text', 'mediumtext', 'longtext']
+    )
+    COLUMNTYPE_TIME = (
+        [
+            'date',
+            'time',
+            'time with time zone',
+            'time without time zone',
+            'timestamp',
+            'timestamp with time zone',
+            'timestamp without time zone',
+            'interval',
+        ]
+        if DataBaseConfig.db_type == 'postgresql'
+        else ['datetime', 'time', 'date', 'timestamp']
+    )
+    COLUMNTYPE_GEOMETRY = (
+        ['point', 'line', 'lseg', 'box', 'path', 'polygon', 'circle']
+        if DataBaseConfig.db_type == 'postgresql'
+        else [
+            'geometry',
+            'point',
+            'linestring',
+            'polygon',
+            'multipoint',
+            'multilinestring',
+            'multipolygon',
+            'geometrycollection',
+        ]
+    )
+    COLUMNTYPE_NUMBER = [
+        'tinyint',
+        'smallint',
+        'mediumint',
+        'int',
+        'number',
+        'integer',
+        'bit',
+        'bigint',
+        'float',
+        'double',
+        'decimal',
+    ]
+    COLUMNNAME_NOT_EDIT = ['id', 'create_by', 'create_time', 'del_flag']
+    COLUMNNAME_NOT_LIST = ['id', 'create_by', 'create_time', 'del_flag', 'update_by', 'update_time']
+    COLUMNNAME_NOT_QUERY = ['id', 'create_by', 'create_time', 'del_flag', 'update_by', 'update_time', 'remark']
+    BASE_ENTITY = ['createBy', 'createTime', 'updateBy', 'updateTime', 'remark']
+    TREE_ENTITY = ['parentName', 'parentId', 'orderNum', 'ancestors', 'children']
+    HTML_INPUT = 'input'
+    HTML_TEXTAREA = 'textarea'
+    HTML_SELECT = 'select'
+    HTML_RADIO = 'radio'
+    HTML_CHECKBOX = 'checkbox'
+    HTML_DATETIME = 'datetime'
+    HTML_IMAGE_UPLOAD = 'imageUpload'
+    HTML_FILE_UPLOAD = 'fileUpload'
+    HTML_EDITOR = 'editor'
+    TYPE_DECIMAL = 'Decimal'
+    TYPE_DATE = ['date', 'time', 'datetime']
+    QUERY_LIKE = 'LIKE'
+    QUERY_EQ = 'EQ'
+    REQUIRE = '1'
+    DB_TO_SQLALCHEMY_TYPE_MAPPING = (
+        {
+            'boolean': 'Boolean',
+            'smallint': 'SmallInteger',
+            'integer': 'Integer',
+            'bigint': 'BigInteger',
+            'real': 'Float',
+            'double precision': 'Float',
+            'numeric': 'Numeric',
+            'character varying': 'String',
+            'character': 'String',
+            'text': 'Text',
+            'bytea': 'LargeBinary',
+            'date': 'Date',
+            'time': 'Time',
+            'time with time zone': 'Time',
+            'time without time zone': 'Time',
+            'timestamp': 'DateTime',
+            'timestamp with time zone': 'DateTime',
+            'timestamp without time zone': 'DateTime',
+            'interval': 'Interval',
+            'json': 'JSON',
+            'jsonb': 'JSONB',
+            'uuid': 'Uuid',
+            'inet': 'INET',
+            'cidr': 'CIDR',
+            'macaddr': 'MACADDR',
+            'point': 'Geometry',
+            'line': 'Geometry',
+            'lseg': 'Geometry',
+            'box': 'Geometry',
+            'path': 'Geometry',
+            'polygon': 'Geometry',
+            'circle': 'Geometry',
+            'bit': 'Bit',
+            'bit varying': 'Bit',
+            'tsvector': 'TSVECTOR',
+            'tsquery': 'TSQUERY',
+            'xml': 'String',
+            'array': 'ARRAY',
+            'composite': 'JSON',
+            'enum': 'Enum',
+            'range': 'Range',
+            'money': 'Numeric',
+            'pg_lsn': 'BigInteger',
+            'txid_snapshot': 'String',
+            'oid': 'BigInteger',
+            'regproc': 'String',
+            'regclass': 'String',
+            'regtype': 'String',
+            'regrole': 'String',
+            'regnamespace': 'String',
+            'int2vector': 'ARRAY',
+            'oidvector': 'ARRAY',
+            'pg_node_tree': 'Text',
+        }
+        if DataBaseConfig.db_type == 'postgresql'
+        else {
+            # 数值类型
+            'TINYINT': 'SmallInteger',
+            'SMALLINT': 'SmallInteger',
+            'MEDIUMINT': 'Integer',
+            'INT': 'Integer',
+            'INTEGER': 'Integer',
+            'BIGINT': 'BigInteger',
+            'FLOAT': 'Float',
+            'DOUBLE': 'Float',
+            'DECIMAL': 'DECIMAL',
+            'BIT': 'Integer',
+            # 日期和时间类型
+            'DATE': 'Date',
+            'TIME': 'Time',
+            'DATETIME': 'DateTime',
+            'TIMESTAMP': 'TIMESTAMP',
+            'YEAR': 'Integer',
+            # 字符串类型
+            'CHAR': 'CHAR',
+            'VARCHAR': 'String',
+            'TINYTEXT': 'Text',
+            'TEXT': 'Text',
+            'MEDIUMTEXT': 'Text',
+            'LONGTEXT': 'Text',
+            'BINARY': 'BINARY',
+            'VARBINARY': 'VARBINARY',
+            'TINYBLOB': 'LargeBinary',
+            'BLOB': 'LargeBinary',
+            'MEDIUMBLOB': 'LargeBinary',
+            'LONGBLOB': 'LargeBinary',
+            # 枚举和集合类型
+            'ENUM': 'Enum',
+            'SET': 'String',
+            # JSON 类型
+            'JSON': 'JSON',
+            # 空间数据类型（需要扩展支持，如 GeoAlchemy2）
+            'GEOMETRY': 'Geometry',  # 需要安装 geoalchemy2
+            'POINT': 'Geometry',
+            'LINESTRING': 'Geometry',
+            'POLYGON': 'Geometry',
+            'MULTIPOINT': 'Geometry',
+            'MULTILINESTRING': 'Geometry',
+            'MULTIPOLYGON': 'Geometry',
+            'GEOMETRYCOLLECTION': 'Geometry',
+        }
+    )
+    DB_TO_PYTHON_TYPE_MAPPING = (
+        {
+            'boolean': 'bool',
+            'smallint': 'int',
+            'integer': 'int',
+            'bigint': 'int',
+            'real': 'float',
+            'double precision': 'float',
+            'numeric': 'Decimal',
+            'character varying': 'str',
+            'character': 'str',
+            'text': 'str',
+            'bytea': 'bytes',
+            'date': 'date',
+            'time': 'time',
+            'time with time zone': 'time',
+            'time without time zone': 'time',
+            'timestamp': 'datetime',
+            'timestamp with time zone': 'datetime',
+            'timestamp without time zone': 'datetime',
+            'interval': 'timedelta',
+            'json': 'dict',
+            'jsonb': 'dict',
+            'uuid': 'str',
+            'inet': 'str',
+            'cidr': 'str',
+            'macaddr': 'str',
+            'point': 'list',
+            'line': 'list',
+            'lseg': 'list',
+            'box': 'list',
+            'path': 'list',
+            'polygon': 'list',
+            'circle': 'list',
+            'bit': 'int',
+            'bit varying': 'int',
+            'tsvector': 'str',
+            'tsquery': 'str',
+            'xml': 'str',
+            'array': 'list',
+            'composite': 'dict',
+            'enum': 'str',
+            'range': 'list',
+            'money': 'Decimal',
+            'pg_lsn': 'int',
+            'txid_snapshot': 'str',
+            'oid': 'int',
+            'regproc': 'str',
+            'regclass': 'str',
+            'regtype': 'str',
+            'regrole': 'str',
+            'regnamespace': 'str',
+            'int2vector': 'list',
+            'oidvector': 'list',
+            'pg_node_tree': 'str',
+        }
+        if DataBaseConfig.db_type == 'postgresql'
+        else {
+            # 数值类型
+            'TINYINT': 'int',
+            'SMALLINT': 'int',
+            'MEDIUMINT': 'int',
+            'INT': 'int',
+            'INTEGER': 'int',
+            'BIGINT': 'int',
+            'FLOAT': 'float',
+            'DOUBLE': 'float',
+            'DECIMAL': 'Decimal',
+            'BIT': 'int',
+            # 日期和时间类型
+            'DATE': 'date',
+            'TIME': 'time',
+            'DATETIME': 'datetime',
+            'TIMESTAMP': 'datetime',
+            'YEAR': 'int',
+            # 字符串类型
+            'CHAR': 'str',
+            'VARCHAR': 'str',
+            'TINYTEXT': 'str',
+            'TEXT': 'str',
+            'MEDIUMTEXT': 'str',
+            'LONGTEXT': 'str',
+            'BINARY': 'bytes',
+            'VARBINARY': 'bytes',
+            'TINYBLOB': 'bytes',
+            'BLOB': 'bytes',
+            'MEDIUMBLOB': 'bytes',
+            'LONGBLOB': 'bytes',
+            # 枚举和集合类型
+            'ENUM': 'str',
+            'SET': 'str',
+            # JSON 类型
+            'JSON': 'dict',
+            # 空间数据类型（通常需要特殊处理）
+            'GEOMETRY': 'bytes',
+            'POINT': 'bytes',
+            'LINESTRING': 'bytes',
+            'POLYGON': 'bytes',
+            'MULTIPOINT': 'bytes',
+            'MULTILINESTRING': 'bytes',
+            'MULTIPOLYGON': 'bytes',
+            'GEOMETRYCOLLECTION': 'bytes',
+        }
+    )

ruoyi-fastapi-backend/config/env.py

@@ -64,6 +64,24 @@ class RedisSettings(BaseSettings):
     redis_database: int = 2
 
 
+class GenSettings:
+    """
+    代码生成配置
+    """
+
+    author = 'insistence'
+    package_name = 'module_admin.system'
+    auto_remove_pre = False
+    table_prefix = 'sys_'
+    allow_overwrite = False
+
+    GEN_PATH = 'vf_admin/gen_path'
+
+    def __init__(self):
+        if not os.path.exists(self.GEN_PATH):
+            os.makedirs(self.GEN_PATH)
+
+
 class UploadSettings:
     """
     上传配置
@@ -159,6 +177,14 @@ class GetConfig:
         # 实例化Redis配置模型
         return RedisSettings()
 
+    @lru_cache()
+    def get_gen_config(self):
+        """
+        获取代码生成配置
+        """
+        # 实例化代码生成配置
+        return GenSettings()
+
     @lru_cache()
     def get_upload_config(self):
         """
@@ -204,5 +230,7 @@ JwtConfig = get_config.get_jwt_config()
 DataBaseConfig = get_config.get_database_config()
 # Redis配置
 RedisConfig = get_config.get_redis_config()
+# 代码生成配置
+GenConfig = get_config.get_gen_config()
 # 上传配置
 UploadConfig = get_config.get_upload_config()

ruoyi-fastapi-backend/config/get_scheduler.py

@@ -6,7 +6,9 @@ from apscheduler.jobstores.memory import MemoryJobStore
 from apscheduler.jobstores.redis import RedisJobStore
 from apscheduler.jobstores.sqlalchemy import SQLAlchemyJobStore
 from apscheduler.schedulers.asyncio import AsyncIOScheduler
+from apscheduler.triggers.combining import OrTrigger
 from apscheduler.triggers.cron import CronTrigger
+from apscheduler.triggers.date import DateTrigger
 from asyncio import iscoroutinefunction
 from datetime import datetime, timedelta
 from sqlalchemy.engine import create_engine
@@ -201,8 +203,7 @@ class SchedulerUtil:
             job_executor = 'default'
         scheduler.add_job(
             func=eval(job_info.invoke_target),
-            trigger='date',
-            run_date=datetime.now() + timedelta(seconds=1),
+            trigger=OrTrigger(triggers=[DateTrigger(), MyCronTrigger.from_crontab(job_info.cron_expression)]),
             args=job_info.job_args.split(',') if job_info.job_args else None,
             kwargs=json.loads(job_info.job_kwargs) if job_info.job_kwargs else None,
             id=str(job_info.job_id),

ruoyi-fastapi-backend/middlewares/handle.py

@@ -1,6 +1,7 @@
 from fastapi import FastAPI
 from middlewares.cors_middleware import add_cors_middleware
 from middlewares.gzip_middleware import add_gzip_middleware
+from middlewares.trace_middleware import add_trace_middleware
 
 
 def handle_middleware(app: FastAPI):
@@ -11,3 +12,5 @@ def handle_middleware(app: FastAPI):
     add_cors_middleware(app)
     # 加载gzip压缩中间件
     add_gzip_middleware(app)
+    # 加载trace中间件
+    add_trace_middleware(app)

ruoyi-fastapi-backend/middlewares/trace_middleware/__init__.py

@@ -0,0 +1,17 @@
+from fastapi import FastAPI
+from .ctx import TraceCtx
+from .middle import TraceASGIMiddleware
+
+__all__ = ('TraceASGIMiddleware', 'TraceCtx')
+
+__version__ = '0.1.0'
+
+
+def add_trace_middleware(app: FastAPI):
+    """
+    添加trace中间件
+
+    :param app: FastAPI对象
+    :return:
+    """
+    app.add_middleware(TraceASGIMiddleware)

ruoyi-fastapi-backend/middlewares/trace_middleware/ctx.py

@@ -0,0 +1,23 @@
+# -*- coding: utf-8 -*-
+"""
+@author: peng
+@file: ctx.py
+@time: 2025/1/17  16:57
+"""
+
+import contextvars
+from uuid import uuid4
+
+CTX_REQUEST_ID: contextvars.ContextVar[str] = contextvars.ContextVar('request-id', default='')
+
+
+class TraceCtx:
+    @staticmethod
+    def set_id():
+        _id = uuid4().hex
+        CTX_REQUEST_ID.set(_id)
+        return _id
+
+    @staticmethod
+    def get_id():
+        return CTX_REQUEST_ID.get()

ruoyi-fastapi-backend/middlewares/trace_middleware/middle.py

@@ -0,0 +1,47 @@
+# -*- coding: utf-8 -*-
+"""
+@author: peng
+@file: middle.py
+@time: 2025/1/17  16:57
+"""
+
+from functools import wraps
+from starlette.types import ASGIApp, Message, Receive, Scope, Send
+from .span import get_current_span, Span
+
+
+class TraceASGIMiddleware:
+    """
+    fastapi-example:
+        app = FastAPI()
+        app.add_middleware(TraceASGIMiddleware)
+    """
+
+    def __init__(self, app: ASGIApp) -> None:
+        self.app = app
+
+    @staticmethod
+    async def my_receive(receive: Receive, span: Span):
+        await span.request_before()
+
+        @wraps(receive)
+        async def my_receive():
+            message = await receive()
+            await span.request_after(message)
+            return message
+
+        return my_receive
+
+    async def __call__(self, scope: Scope, receive: Receive, send: Send) -> None:
+        if scope['type'] != 'http':
+            await self.app(scope, receive, send)
+            return
+
+        async with get_current_span(scope) as span:
+            handle_outgoing_receive = await self.my_receive(receive, span)
+
+            async def handle_outgoing_request(message: 'Message') -> None:
+                await span.response(message)
+                await send(message)
+
+            await self.app(scope, handle_outgoing_receive, handle_outgoing_request)

ruoyi-fastapi-backend/middlewares/trace_middleware/span.py

@@ -0,0 +1,52 @@
+# -*- coding: utf-8 -*-
+"""
+@author: peng
+@file: span.py
+@time: 2025/1/17  16:57
+"""
+
+from contextlib import asynccontextmanager
+from starlette.types import Scope, Message
+from .ctx import TraceCtx
+
+
+class Span:
+    """
+    整个http生命周期：
+        request(before) --> request(after) --> response(before) --> response(after)
+    """
+
+    def __init__(self, scope: Scope):
+        self.scope = scope
+
+    async def request_before(self):
+        """
+        request_before: 处理header信息等, 如记录请求体信息
+        """
+        TraceCtx.set_id()
+
+    async def request_after(self, message: Message):
+        """
+        request_after: 处理请求bytes， 如记录请求参数
+
+        example:
+            message: {'type': 'http.request', 'body': b'{\r\n    "name": "\xe8\x8b\x8f\xe8\x8b\x8f\xe8\x8b\x8f"\r\n}', 'more_body': False}
+        """
+        return message
+
+    async def response(self, message: Message):
+        """
+        if message['type'] == "http.response.start":   -----> request-before
+            pass
+        if message['type'] == "http.response.body":    -----> request-after
+            message.get('body', b'')
+            pass
+        """
+        if message['type'] == 'http.response.start':
+            message['headers'].append((b'request-id', TraceCtx.get_id().encode()))
+        return message
+
+
+@asynccontextmanager
+async def get_current_span(scope: Scope):
+    yield Span(scope)

ruoyi-fastapi-backend/module_admin/annotation/log_annotation.py

@@ -7,7 +7,8 @@ from datetime import datetime
 from fastapi import Request
 from fastapi.responses import JSONResponse, ORJSONResponse, UJSONResponse
 from functools import lru_cache, wraps
-from typing import Literal, Optional
+from sqlalchemy.ext.asyncio import AsyncSession
+from typing import Any, Callable, Literal, Optional
 from user_agents import parse
 from config.enums import BusinessType
 from config.env import AppConfig
@@ -51,13 +52,15 @@ class Log:
             # 获取项目根路径
             project_root = os.getcwd()
             # 处理文件路径，去除项目根路径部分
-            relative_path = os.path.relpath(file_path, start=project_root)[0:-2].replace('\\', '.')
+            relative_path = os.path.relpath(file_path, start=project_root)[0:-2].replace('\\', '.').replace('/', '.')
             # 获取当前被装饰函数所在路径
             func_path = f'{relative_path}{func.__name__}()'
             # 获取上下文信息
-            request: Request = kwargs.get('request')
+            request_name_list = get_function_parameters_name_by_type(func, Request)
+            request = get_function_parameters_value_by_name(func, request_name_list[0], *args, **kwargs)
             token = request.headers.get('Authorization')
-            query_db = kwargs.get('query_db')
+            session_name_list = get_function_parameters_name_by_type(func, AsyncSession)
+            query_db = get_function_parameters_value_by_name(func, session_name_list[0], *args, **kwargs)
             request_method = request.method
             operator_type = 0
             user_agent = request.headers.get('User-Agent')
@@ -222,3 +225,37 @@ def get_ip_location(oper_ip: str):
         oper_location = '未知'
         print(e)
     return oper_location
+
+
+def get_function_parameters_name_by_type(func: Callable, param_type: Any):
+    """
+    获取函数指定类型的参数名称
+
+    :param func: 函数
+    :param arg_type: 参数类型
+    :return: 函数指定类型的参数名称
+    """
+    # 获取函数的参数信息
+    parameters = inspect.signature(func).parameters
+    # 找到指定类型的参数名称
+    parameters_name_list = []
+    for name, param in parameters.items():
+        if param.annotation == param_type:
+            parameters_name_list.append(name)
+    return parameters_name_list
+
+
+def get_function_parameters_value_by_name(func: Callable, name: str, *args, **kwargs):
+    """
+    获取函数指定参数的值
+
+    :param func: 函数
+    :param name: 参数名
+    :return: 参数值
+    """
+    # 获取参数值
+    bound_parameters = inspect.signature(func).bind(*args, **kwargs)
+    bound_parameters.apply_defaults()
+    parameters_value = bound_parameters.arguments.get(name)
+
+    return parameters_value

ruoyi-fastapi-backend/module_admin/controller/user_controller.py

@@ -135,7 +135,7 @@ async def delete_system_user(
 ):
     user_id_list = user_ids.split(',') if user_ids else []
     if user_id_list:
-        if current_user.user.user_id in user_id_list:
+        if current_user.user.user_id in list(map(int, user_id_list)):
             logger.warning('当前登录用户不能删除')
 
             return ResponseUtil.failure(msg='当前登录用户不能删除')
@@ -296,7 +296,7 @@ async def change_system_user_profile_info(
 @Log(title='个人信息', business_type=BusinessType.UPDATE)
 async def reset_system_user_password(
     request: Request,
-    reset_password: ResetPasswordModel = Depends(ResetPasswordModel.as_query),
+    reset_password: ResetPasswordModel,
     query_db: AsyncSession = Depends(get_db),
     current_user: CurrentUserModel = Depends(LoginService.get_current_user),
 ):

ruoyi-fastapi-backend/module_admin/entity/vo/user_vo.py

@@ -190,7 +190,6 @@ class EditUserModel(AddUserModel):
     role: Optional[List] = Field(default=[], description='角色信息')
 
 
-@as_query
 class ResetPasswordModel(BaseModel):
     """
     重置密码模型

ruoyi-fastapi-backend/module_admin/service/config_service.py

@@ -7,7 +7,8 @@ from exceptions.exception import ServiceException
 from module_admin.dao.config_dao import ConfigDao
 from module_admin.entity.vo.common_vo import CrudResponseModel
 from module_admin.entity.vo.config_vo import ConfigModel, ConfigPageQueryModel, DeleteConfigModel
-from utils.common_util import CamelCaseUtil, export_list2excel
+from utils.common_util import CamelCaseUtil
+from utils.excel_util import ExcelUtil
 
 
 class ConfigService:
@@ -207,17 +208,12 @@ class ConfigService:
             'remark': '备注',
         }
 
-        data = config_list
-
-        for item in data:
+        for item in config_list:
             if item.get('configType') == 'Y':
                 item['configType'] = '是'
             else:
                 item['configType'] = '否'
-        new_data = [
-            {mapping_dict.get(key): value for key, value in item.items() if mapping_dict.get(key)} for item in data
-        ]
-        binary_data = export_list2excel(new_data)
+        binary_data = ExcelUtil.export_list2excel(config_list, mapping_dict)
 
         return binary_data
 

ruoyi-fastapi-backend/module_admin/service/dict_service.py

@@ -15,7 +15,8 @@ from module_admin.entity.vo.dict_vo import (
     DictTypeModel,
     DictTypePageQueryModel,
 )
-from utils.common_util import CamelCaseUtil, export_list2excel
+from utils.common_util import CamelCaseUtil
+from utils.excel_util import ExcelUtil
 
 
 class DictTypeService:
@@ -192,17 +193,12 @@ class DictTypeService:
             'remark': '备注',
         }
 
-        data = dict_type_list
-
-        for item in data:
+        for item in dict_type_list:
             if item.get('status') == '0':
                 item['status'] = '正常'
             else:
                 item['status'] = '停用'
-        new_data = [
-            {mapping_dict.get(key): value for key, value in item.items() if mapping_dict.get(key)} for item in data
-        ]
-        binary_data = export_list2excel(new_data)
+        binary_data = ExcelUtil.export_list2excel(dict_type_list, mapping_dict)
 
         return binary_data
 
@@ -448,9 +444,7 @@ class DictDataService:
             'remark': '备注',
         }
 
-        data = dict_data_list
-
-        for item in data:
+        for item in dict_data_list:
             if item.get('status') == '0':
                 item['status'] = '正常'
             else:
@@ -459,9 +453,6 @@ class DictDataService:
                 item['isDefault'] = '是'
             else:
                 item['isDefault'] = '否'
-        new_data = [
-            {mapping_dict.get(key): value for key, value in item.items() if mapping_dict.get(key)} for item in data
-        ]
-        binary_data = export_list2excel(new_data)
+        binary_data = ExcelUtil.export_list2excel(dict_data_list, mapping_dict)
 
         return binary_data

ruoyi-fastapi-backend/module_admin/service/job_log_service.py

@@ -6,7 +6,7 @@ from module_admin.dao.job_log_dao import JobLogDao
 from module_admin.entity.vo.common_vo import CrudResponseModel
 from module_admin.entity.vo.job_vo import DeleteJobLogModel, JobLogModel, JobLogPageQueryModel
 from module_admin.service.dict_service import DictDataService
-from utils.common_util import export_list2excel
+from utils.excel_util import ExcelUtil
 
 
 class JobLogService:
@@ -115,7 +115,6 @@ class JobLogService:
             'createTime': '创建时间',
         }
 
-        data = job_log_list
         job_group_list = await DictDataService.query_dict_data_list_from_cache_services(
             request.app.state.redis, dict_type='sys_job_group'
         )
@@ -129,7 +128,7 @@ class JobLogService:
         ]
         job_executor_option_dict = {item.get('value'): item for item in job_executor_option}
 
-        for item in data:
+        for item in job_log_list:
             if item.get('status') == '0':
                 item['status'] = '正常'
             else:
@@ -138,9 +137,6 @@ class JobLogService:
                 item['jobGroup'] = job_group_option_dict.get(str(item.get('jobGroup'))).get('label')
             if str(item.get('jobExecutor')) in job_executor_option_dict.keys():
                 item['jobExecutor'] = job_executor_option_dict.get(str(item.get('jobExecutor'))).get('label')
-        new_data = [
-            {mapping_dict.get(key): value for key, value in item.items() if mapping_dict.get(key)} for item in data
-        ]
-        binary_data = export_list2excel(new_data)
+        binary_data = ExcelUtil.export_list2excel(job_log_list, mapping_dict)
 
         return binary_data

ruoyi-fastapi-backend/module_admin/service/job_service.py

@@ -8,8 +8,9 @@ from module_admin.dao.job_dao import JobDao
 from module_admin.entity.vo.common_vo import CrudResponseModel
 from module_admin.entity.vo.job_vo import DeleteJobModel, EditJobModel, JobModel, JobPageQueryModel
 from module_admin.service.dict_service import DictDataService
-from utils.common_util import CamelCaseUtil, export_list2excel
+from utils.common_util import CamelCaseUtil
 from utils.cron_util import CronUtil
+from utils.excel_util import ExcelUtil
 from utils.string_util import StringUtil
 
 
@@ -227,7 +228,6 @@ class JobService:
             'remark': '备注',
         }
 
-        data = job_list
         job_group_list = await DictDataService.query_dict_data_list_from_cache_services(
             request.app.state.redis, dict_type='sys_job_group'
         )
@@ -241,7 +241,7 @@ class JobService:
         ]
         job_executor_option_dict = {item.get('value'): item for item in job_executor_option}
 
-        for item in data:
+        for item in job_list:
             if item.get('status') == '0':
                 item['status'] = '正常'
             else:
@@ -260,9 +260,6 @@ class JobService:
                 item['concurrent'] = '允许'
             else:
                 item['concurrent'] = '禁止'
-        new_data = [
-            {mapping_dict.get(key): value for key, value in item.items() if mapping_dict.get(key)} for item in data
-        ]
-        binary_data = export_list2excel(new_data)
+        binary_data = ExcelUtil.export_list2excel(job_list, mapping_dict)
 
         return binary_data

ruoyi-fastapi-backend/module_admin/service/log_service.py

@@ -14,7 +14,7 @@ from module_admin.entity.vo.log_vo import (
     UnlockUser,
 )
 from module_admin.service.dict_service import DictDataService
-from utils.common_util import export_list2excel
+from utils.excel_util import ExcelUtil
 
 
 class OperationLogService:
@@ -122,7 +122,6 @@ class OperationLogService:
             'costTime': '消耗时间（毫秒）',
         }
 
-        data = operation_log_list
         operation_type_list = await DictDataService.query_dict_data_list_from_cache_services(
             request.app.state.redis, dict_type='sys_oper_type'
         )
@@ -131,18 +130,14 @@ class OperationLogService:
         ]
         operation_type_option_dict = {item.get('value'): item for item in operation_type_option}
 
-        for item in data:
+        for item in operation_log_list:
             if item.get('status') == 0:
                 item['status'] = '成功'
             else:
                 item['status'] = '失败'
             if str(item.get('businessType')) in operation_type_option_dict.keys():
                 item['businessType'] = operation_type_option_dict.get(str(item.get('businessType'))).get('label')
-
-        new_data = [
-            {mapping_dict.get(key): value for key, value in item.items() if mapping_dict.get(key)} for item in data
-        ]
-        binary_data = export_list2excel(new_data)
+        binary_data = ExcelUtil.export_list2excel(operation_log_list, mapping_dict)
 
         return binary_data
 
@@ -253,16 +248,11 @@ class LoginLogService:
             'loginTime': '登录日期',
         }
 
-        data = login_log_list
-
-        for item in data:
+        for item in login_log_list:
             if item.get('status') == '0':
                 item['status'] = '成功'
             else:
                 item['status'] = '失败'
-        new_data = [
-            {mapping_dict.get(key): value for key, value in item.items() if mapping_dict.get(key)} for item in data
-        ]
-        binary_data = export_list2excel(new_data)
+        binary_data = ExcelUtil.export_list2excel(login_log_list, mapping_dict)
 
         return binary_data

ruoyi-fastapi-backend/module_admin/service/post_service.py

@@ -5,7 +5,8 @@ from exceptions.exception import ServiceException
 from module_admin.dao.post_dao import PostDao
 from module_admin.entity.vo.common_vo import CrudResponseModel
 from module_admin.entity.vo.post_vo import DeletePostModel, PostModel, PostPageQueryModel
-from utils.common_util import CamelCaseUtil, export_list2excel
+from utils.common_util import CamelCaseUtil
+from utils.excel_util import ExcelUtil
 
 
 class PostService:
@@ -172,16 +173,11 @@ class PostService:
             'remark': '备注',
         }
 
-        data = post_list
-
-        for item in data:
+        for item in post_list:
             if item.get('status') == '0':
                 item['status'] = '正常'
             else:
                 item['status'] = '停用'
-        new_data = [
-            {mapping_dict.get(key): value for key, value in item.items() if mapping_dict.get(key)} for item in data
-        ]
-        binary_data = export_list2excel(new_data)
+        binary_data = ExcelUtil.export_list2excel(post_list, mapping_dict)
 
         return binary_data

ruoyi-fastapi-backend/module_admin/service/role_service.py

@@ -15,7 +15,8 @@ from module_admin.entity.vo.role_vo import (
 from module_admin.entity.vo.user_vo import UserInfoModel, UserRolePageQueryModel
 from module_admin.dao.role_dao import RoleDao
 from module_admin.dao.user_dao import UserDao
-from utils.common_util import CamelCaseUtil, export_list2excel
+from utils.common_util import CamelCaseUtil
+from utils.excel_util import ExcelUtil
 from utils.page_util import PageResponseModel
 
 
@@ -295,17 +296,12 @@ class RoleService:
             'remark': '备注',
         }
 
-        data = role_list
-
-        for item in data:
+        for item in role_list:
             if item.get('status') == '0':
                 item['status'] = '正常'
             else:
                 item['status'] = '停用'
-        new_data = [
-            {mapping_dict.get(key): value for key, value in item.items() if mapping_dict.get(key)} for item in data
-        ]
-        binary_data = export_list2excel(new_data)
+        binary_data = ExcelUtil.export_list2excel(role_list, mapping_dict)
 
         return binary_data
 

ruoyi-fastapi-backend/module_admin/service/user_service.py

@@ -31,7 +31,8 @@ from module_admin.service.config_service import ConfigService
 from module_admin.service.dept_service import DeptService
 from module_admin.service.post_service import PostService
 from module_admin.service.role_service import RoleService
-from utils.common_util import CamelCaseUtil, export_list2excel, get_excel_template
+from utils.common_util import CamelCaseUtil
+from utils.excel_util import ExcelUtil
 from utils.page_util import PageResponseModel
 from utils.pwd_util import PwdUtil
 
@@ -461,7 +462,7 @@ class UserService:
         header_list = ['部门编号', '登录名称', '用户名称', '用户邮箱', '手机号码', '用户性别', '帐号状态']
         selector_header_list = ['用户性别', '帐号状态']
         option_list = [{'用户性别': ['男', '女', '未知']}, {'帐号状态': ['正常', '停用']}]
-        binary_data = get_excel_template(
+        binary_data = ExcelUtil.get_excel_template(
             header_list=header_list, selector_header_list=selector_header_list, option_list=option_list
         )
 
@@ -492,9 +493,7 @@ class UserService:
             'remark': '备注',
         }
 
-        data = user_list
-
-        for item in data:
+        for item in user_list:
             if item.get('status') == '0':
                 item['status'] = '正常'
             else:
@@ -505,10 +504,7 @@ class UserService:
                 item['sex'] = '女'
             else:
                 item['sex'] = '未知'
-        new_data = [
-            {mapping_dict.get(key): value for key, value in item.items() if mapping_dict.get(key)} for item in data
-        ]
-        binary_data = export_list2excel(new_data)
+        binary_data = ExcelUtil.export_list2excel(user_list, mapping_dict)
 
         return binary_data
 

ruoyi-fastapi-backend/module_generator/controller/gen_controller.py

@@ -0,0 +1,158 @@
+from datetime import datetime
+from fastapi import APIRouter, Depends, Query, Request
+from pydantic_validation_decorator import ValidateFields
+from sqlalchemy.ext.asyncio import AsyncSession
+from config.enums import BusinessType
+from config.env import GenConfig
+from config.get_db import get_db
+from module_admin.annotation.log_annotation import Log
+from module_admin.aspect.interface_auth import CheckRoleInterfaceAuth, CheckUserInterfaceAuth
+from module_admin.service.login_service import LoginService
+from module_admin.entity.vo.user_vo import CurrentUserModel
+from module_generator.entity.vo.gen_vo import DeleteGenTableModel, EditGenTableModel, GenTablePageQueryModel
+from module_generator.service.gen_service import GenTableColumnService, GenTableService
+from utils.common_util import bytes2file_response
+from utils.log_util import logger
+from utils.page_util import PageResponseModel
+from utils.response_util import ResponseUtil
+
+
+genController = APIRouter(prefix='/tool/gen', dependencies=[Depends(LoginService.get_current_user)])
+
+
+@genController.get(
+    '/list', response_model=PageResponseModel, dependencies=[Depends(CheckUserInterfaceAuth('tool:gen:list'))]
+)
+async def get_gen_table_list(
+    request: Request,
+    gen_page_query: GenTablePageQueryModel = Depends(GenTablePageQueryModel.as_query),
+    query_db: AsyncSession = Depends(get_db),
+):
+    # 获取分页数据
+    gen_page_query_result = await GenTableService.get_gen_table_list_services(query_db, gen_page_query, is_page=True)
+    logger.info('获取成功')
+
+    return ResponseUtil.success(model_content=gen_page_query_result)
+
+
+@genController.get(
+    '/db/list', response_model=PageResponseModel, dependencies=[Depends(CheckUserInterfaceAuth('tool:gen:list'))]
+)
+async def get_gen_db_table_list(
+    request: Request,
+    gen_page_query: GenTablePageQueryModel = Depends(GenTablePageQueryModel.as_query),
+    query_db: AsyncSession = Depends(get_db),
+):
+    # 获取分页数据
+    gen_page_query_result = await GenTableService.get_gen_db_table_list_services(query_db, gen_page_query, is_page=True)
+    logger.info('获取成功')
+
+    return ResponseUtil.success(model_content=gen_page_query_result)
+
+
+@genController.post('/importTable', dependencies=[Depends(CheckUserInterfaceAuth('tool:gen:import'))])
+@Log(title='代码生成', business_type=BusinessType.IMPORT)
+async def import_gen_table(
+    request: Request,
+    tables: str = Query(),
+    query_db: AsyncSession = Depends(get_db),
+    current_user: CurrentUserModel = Depends(LoginService.get_current_user),
+):
+    table_names = tables.split(',') if tables else []
+    add_gen_table_list = await GenTableService.get_gen_db_table_list_by_name_services(query_db, table_names)
+    add_gen_table_result = await GenTableService.import_gen_table_services(query_db, add_gen_table_list, current_user)
+    logger.info(add_gen_table_result.message)
+
+    return ResponseUtil.success(msg=add_gen_table_result.message)
+
+
+@genController.put('', dependencies=[Depends(CheckUserInterfaceAuth('tool:gen:edit'))])
+@ValidateFields(validate_model='edit_gen_table')
+@Log(title='代码生成', business_type=BusinessType.UPDATE)
+async def edit_gen_table(
+    request: Request,
+    edit_gen_table: EditGenTableModel,
+    query_db: AsyncSession = Depends(get_db),
+    current_user: CurrentUserModel = Depends(LoginService.get_current_user),
+):
+    edit_gen_table.update_by = current_user.user.user_name
+    edit_gen_table.update_time = datetime.now()
+    await GenTableService.validate_edit(edit_gen_table)
+    edit_gen_result = await GenTableService.edit_gen_table_services(query_db, edit_gen_table)
+    logger.info(edit_gen_result.message)
+
+    return ResponseUtil.success(msg=edit_gen_result.message)
+
+
+@genController.delete('/{table_ids}', dependencies=[Depends(CheckUserInterfaceAuth('tool:gen:remove'))])
+@Log(title='代码生成', business_type=BusinessType.DELETE)
+async def delete_gen_table(request: Request, table_ids: str, query_db: AsyncSession = Depends(get_db)):
+    delete_gen_table = DeleteGenTableModel(tableIds=table_ids)
+    delete_gen_table_result = await GenTableService.delete_gen_table_services(query_db, delete_gen_table)
+    logger.info(delete_gen_table_result.message)
+
+    return ResponseUtil.success(msg=delete_gen_table_result.message)
+
+
+@genController.post('/createTable', dependencies=[Depends(CheckRoleInterfaceAuth('admin'))])
+@Log(title='创建表', business_type=BusinessType.OTHER)
+async def create_table(
+    request: Request,
+    sql: str = Query(),
+    query_db: AsyncSession = Depends(get_db),
+    current_user: CurrentUserModel = Depends(LoginService.get_current_user),
+):
+    create_table_result = await GenTableService.create_table_services(query_db, sql, current_user)
+    logger.info(create_table_result.message)
+
+    return ResponseUtil.success(msg=create_table_result.message)
+
+
+@genController.get('/batchGenCode', dependencies=[Depends(CheckUserInterfaceAuth('tool:gen:code'))])
+@Log(title='代码生成', business_type=BusinessType.GENCODE)
+async def batch_gen_code(request: Request, tables: str = Query(), query_db: AsyncSession = Depends(get_db)):
+    table_names = tables.split(',') if tables else []
+    batch_gen_code_result = await GenTableService.batch_gen_code_services(query_db, table_names)
+    logger.info('生成代码成功')
+
+    return ResponseUtil.streaming(data=bytes2file_response(batch_gen_code_result))
+
+
+@genController.get('/genCode/{table_name}', dependencies=[Depends(CheckUserInterfaceAuth('tool:gen:code'))])
+@Log(title='代码生成', business_type=BusinessType.GENCODE)
+async def gen_code_local(request: Request, table_name: str, query_db: AsyncSession = Depends(get_db)):
+    if not GenConfig.allow_overwrite:
+        logger.error('【系统预设】不允许生成文件覆盖到本地')
+        return ResponseUtil.error('【系统预设】不允许生成文件覆盖到本地')
+    gen_code_local_result = await GenTableService.generate_code_services(query_db, table_name)
+    logger.info(gen_code_local_result.message)
+
+    return ResponseUtil.success(msg=gen_code_local_result.message)
+
+
+@genController.get('/{table_id}', dependencies=[Depends(CheckUserInterfaceAuth('tool:gen:query'))])
+async def query_detail_gen_table(request: Request, table_id: int, query_db: AsyncSession = Depends(get_db)):
+    gen_table = await GenTableService.get_gen_table_by_id_services(query_db, table_id)
+    gen_tables = await GenTableService.get_gen_table_all_services(query_db)
+    gen_columns = await GenTableColumnService.get_gen_table_column_list_by_table_id_services(query_db, table_id)
+    gen_table_detail_result = dict(info=gen_table, rows=gen_columns, tables=gen_tables)
+    logger.info(f'获取table_id为{table_id}的信息成功')
+
+    return ResponseUtil.success(data=gen_table_detail_result)
+
+
+@genController.get('/preview/{table_id}', dependencies=[Depends(CheckUserInterfaceAuth('tool:gen:preview'))])
+async def preview_code(request: Request, table_id: int, query_db: AsyncSession = Depends(get_db)):
+    preview_code_result = await GenTableService.preview_code_services(query_db, table_id)
+    logger.info('获取预览代码成功')
+
+    return ResponseUtil.success(data=preview_code_result)
+
+
+@genController.get('/synchDb/{table_name}', dependencies=[Depends(CheckUserInterfaceAuth('tool:gen:edit'))])
+@Log(title='代码生成', business_type=BusinessType.UPDATE)
+async def sync_db(request: Request, table_name: str, query_db: AsyncSession = Depends(get_db)):
+    sync_db_result = await GenTableService.sync_db_services(query_db, table_name)
+    logger.info(sync_db_result.message)
+
+    return ResponseUtil.success(data=sync_db_result.message)

ruoyi-fastapi-backend/module_generator/dao/gen_dao.py

@@ -0,0 +1,390 @@
+from datetime import datetime, time
+from sqlalchemy import delete, func, select, text, update
+from sqlalchemy.ext.asyncio import AsyncSession
+from sqlalchemy.orm import selectinload
+from typing import List
+from config.env import DataBaseConfig
+from module_generator.entity.do.gen_do import GenTable, GenTableColumn
+from module_generator.entity.vo.gen_vo import (
+    GenTableBaseModel,
+    GenTableColumnBaseModel,
+    GenTableColumnModel,
+    GenTableModel,
+    GenTablePageQueryModel,
+)
+from utils.page_util import PageUtil
+
+
+class GenTableDao:
+    """
+    代码生成业务表模块数据库操作层
+    """
+
+    @classmethod
+    async def get_gen_table_by_id(cls, db: AsyncSession, table_id: int):
+        """
+        根据业务表id获取需要生成的业务表信息
+
+        :param db: orm对象
+        :param table_id: 业务表id
+        :return: 需要生成的业务表信息对象
+        """
+        gen_table_info = (
+            (
+                await db.execute(
+                    select(GenTable).options(selectinload(GenTable.columns)).where(GenTable.table_id == table_id)
+                )
+            )
+            .scalars()
+            .first()
+        )
+
+        return gen_table_info
+
+    @classmethod
+    async def get_gen_table_by_name(cls, db: AsyncSession, table_name: str):
+        """
+        根据业务表名称获取需要生成的业务表信息
+
+        :param db: orm对象
+        :param table_name: 业务表名称
+        :return: 需要生成的业务表信息对象
+        """
+        gen_table_info = (
+            (
+                await db.execute(
+                    select(GenTable).options(selectinload(GenTable.columns)).where(GenTable.table_name == table_name)
+                )
+            )
+            .scalars()
+            .first()
+        )
+
+        return gen_table_info
+
+    @classmethod
+    async def get_gen_table_all(cls, db: AsyncSession):
+        """
+        获取所有业务表信息
+
+        :param db: orm对象
+        :return: 所有业务表信息
+        """
+        gen_table_all = (await db.execute(select(GenTable).options(selectinload(GenTable.columns)))).scalars().all()
+
+        return gen_table_all
+
+    @classmethod
+    async def create_table_by_sql_dao(cls, db: AsyncSession, sql: str):
+        """
+        根据sql语句创建表结构
+
+        :param db: orm对象
+        :param sql: sql语句
+        :return:
+        """
+        await db.execute(text(sql))
+
+    @classmethod
+    async def get_gen_table_list(cls, db: AsyncSession, query_object: GenTablePageQueryModel, is_page: bool = False):
+        """
+        根据查询参数获取代码生成业务表列表信息
+
+        :param db: orm对象
+        :param query_object: 查询参数对象
+        :param is_page: 是否开启分页
+        :return: 代码生成业务表列表信息对象
+        """
+        query = (
+            select(GenTable)
+            .options(selectinload(GenTable.columns))
+            .where(
+                func.lower(GenTable.table_name).like(f'%{query_object.table_name.lower()}%')
+                if query_object.table_name
+                else True,
+                func.lower(GenTable.table_comment).like(f'%{query_object.table_comment.lower()}%')
+                if query_object.table_comment
+                else True,
+                GenTable.create_time.between(
+                    datetime.combine(datetime.strptime(query_object.begin_time, '%Y-%m-%d'), time(00, 00, 00)),
+                    datetime.combine(datetime.strptime(query_object.end_time, '%Y-%m-%d'), time(23, 59, 59)),
+                )
+                if query_object.begin_time and query_object.end_time
+                else True,
+            )
+            .distinct()
+        )
+        gen_table_list = await PageUtil.paginate(db, query, query_object.page_num, query_object.page_size, is_page)
+
+        return gen_table_list
+
+    @classmethod
+    async def get_gen_db_table_list(cls, db: AsyncSession, query_object: GenTablePageQueryModel, is_page: bool = False):
+        """
+        根据查询参数获取数据库列表信息
+
+        :param db: orm对象
+        :param query_object: 查询参数对象
+        :param is_page: 是否开启分页
+        :return: 数据库列表信息对象
+        """
+        if DataBaseConfig.db_type == 'postgresql':
+            query_sql = """
+                table_name as table_name, 
+                table_comment as table_comment, 
+                create_time as create_time, 
+                update_time as update_time
+            from 
+                list_table
+            where 
+                table_name not like 'apscheduler_%' 
+                and table_name not like 'gen_%'
+                and table_name not in (select table_name from gen_table)
+            """
+        else:
+            query_sql = """
+                table_name as table_name, 
+                table_comment as table_comment, 
+                create_time as create_time, 
+                update_time as update_time
+            from 
+                information_schema.tables
+            where 
+                table_schema = (select database())
+                and table_name not like 'apscheduler\_%' 
+                and table_name not like 'gen\_%'
+                and table_name not in (select table_name from gen_table)
+            """
+        if query_object.table_name:
+            query_sql += """and lower(table_name) like lower(concat('%', :table_name, '%'))"""
+        if query_object.table_comment:
+            query_sql += """and lower(table_comment) like lower(concat('%', :table_comment, '%'))"""
+        if query_object.begin_time:
+            if DataBaseConfig.db_type == 'postgresql':
+                query_sql += """and create_time::date >= to_date(:begin_time, 'yyyy-MM-dd')"""
+            else:
+                query_sql += """and date_format(create_time, '%Y%m%d') >= date_format(:begin_time, '%Y%m%d')"""
+        if query_object.end_time:
+            if DataBaseConfig.db_type == 'postgresql':
+                query_sql += """and create_time::date <= to_date(:end_time, 'yyyy-MM-dd')"""
+            else:
+                query_sql += """and date_format(create_time, '%Y%m%d') >= date_format(:end_time, '%Y%m%d')"""
+        query_sql += """order by create_time desc"""
+        query = select(
+            text(query_sql).bindparams(
+                **{
+                    k: v
+                    for k, v in query_object.model_dump(exclude_none=True, exclude={'page_num', 'page_size'}).items()
+                }
+            )
+        )
+        gen_db_table_list = await PageUtil.paginate(db, query, query_object.page_num, query_object.page_size, is_page)
+
+        return gen_db_table_list
+
+    @classmethod
+    async def get_gen_db_table_list_by_names(cls, db: AsyncSession, table_names: List[str]):
+        """
+        根据业务表名称组获取数据库列表信息
+
+        :param db: orm对象
+        :param table_names: 业务表名称组
+        :return: 数据库列表信息对象
+        """
+        if DataBaseConfig.db_type == 'postgresql':
+            query_sql = """
+            select
+                table_name as table_name, 
+                table_comment as table_comment, 
+                create_time as create_time, 
+                update_time as update_time 
+            from 
+                list_table
+            where 
+                table_name not like 'qrtz_%' 
+                and table_name not like 'gen_%' 
+                and table_name = any(:table_names)
+            """
+        else:
+            query_sql = """
+            select
+                table_name as table_name, 
+                table_comment as table_comment, 
+                create_time as create_time, 
+                update_time as update_time 
+            from 
+                information_schema.tables
+            where 
+                table_name not like 'qrtz\_%' 
+                and table_name not like 'gen\_%' 
+                and table_schema = (select database())
+                and table_name in :table_names
+            """
+        query = text(query_sql).bindparams(table_names=tuple(table_names))
+        gen_db_table_list = (await db.execute(query)).fetchall()
+
+        return gen_db_table_list
+
+    @classmethod
+    async def add_gen_table_dao(cls, db: AsyncSession, gen_table: GenTableModel):
+        """
+        新增业务表数据库操作
+
+        :param db: orm对象
+        :param gen_table: 业务表对象
+        :return:
+        """
+        db_gen_table = GenTable(**GenTableBaseModel(**gen_table.model_dump(by_alias=True)).model_dump())
+        db.add(db_gen_table)
+        await db.flush()
+
+        return db_gen_table
+
+    @classmethod
+    async def edit_gen_table_dao(cls, db: AsyncSession, gen_table: dict):
+        """
+        编辑业务表数据库操作
+
+        :param db: orm对象
+        :param gen_table: 需要更新的业务表字典
+        :return:
+        """
+        await db.execute(update(GenTable), [GenTableBaseModel(**gen_table).model_dump()])
+
+    @classmethod
+    async def delete_gen_table_dao(cls, db: AsyncSession, gen_table: GenTableModel):
+        """
+        删除业务表数据库操作
+
+        :param db: orm对象
+        :param gen_table: 业务表对象
+        :return:
+        """
+        await db.execute(delete(GenTable).where(GenTable.table_id.in_([gen_table.table_id])))
+
+
+class GenTableColumnDao:
+    """
+    代码生成业务表字段模块数据库操作层
+    """
+
+    @classmethod
+    async def get_gen_table_column_list_by_table_id(cls, db: AsyncSession, table_id: int):
+        """
+        根据业务表id获取需要生成的业务表字段列表信息
+
+        :param db: orm对象
+        :param table_id: 业务表id
+        :return: 需要生成的业务表字段列表信息对象
+        """
+        gen_table_column_list = (
+            (
+                await db.execute(
+                    select(GenTableColumn).where(GenTableColumn.table_id == table_id).order_by(GenTableColumn.sort)
+                )
+            )
+            .scalars()
+            .all()
+        )
+
+        return gen_table_column_list
+
+    @classmethod
+    async def get_gen_db_table_columns_by_name(cls, db: AsyncSession, table_name: str):
+        """
+        根据业务表名称获取业务表字段列表信息
+
+        :param db: orm对象
+        :param table_name: 业务表名称
+        :return: 业务表字段列表信息对象
+        """
+        if DataBaseConfig.db_type == 'postgresql':
+            query_sql = """
+            select
+                column_name, is_required, is_pk, sort, column_comment, is_increment, column_type
+            from
+                list_column
+            where
+                table_name = :table_name
+            """
+        else:
+            query_sql = """
+            select 
+                column_name as column_name,
+                case 
+                    when is_nullable = 'no' and column_key != 'PRI' then '1' 
+                    else '0' 
+                end as is_required,
+                case 
+                    when column_key = 'PRI' then '1' 
+                    else '0' 
+                end as is_pk,
+                ordinal_position as sort,
+                column_comment as column_comment,
+                case 
+                    when extra = 'auto_increment' then '1' 
+                    else '0' 
+                end as is_increment,
+                column_type as column_type
+            from 
+                information_schema.columns
+            where 
+                table_schema = (select database()) 
+                and table_name = :table_name
+            order by 
+                ordinal_position
+            """
+        query = text(query_sql).bindparams(table_name=table_name)
+        gen_db_table_columns = (await db.execute(query)).fetchall()
+
+        return gen_db_table_columns
+
+    @classmethod
+    async def add_gen_table_column_dao(cls, db: AsyncSession, gen_table_column: GenTableColumnModel):
+        """
+        新增业务表字段数据库操作
+
+        :param db: orm对象
+        :param gen_table_column: 岗位对象
+        :return:
+        """
+        db_gen_table_column = GenTableColumn(
+            **GenTableColumnBaseModel(**gen_table_column.model_dump(by_alias=True)).model_dump()
+        )
+        db.add(db_gen_table_column)
+        await db.flush()
+
+        return db_gen_table_column
+
+    @classmethod
+    async def edit_gen_table_column_dao(cls, db: AsyncSession, gen_table_column: dict):
+        """
+        编辑业务表字段数据库操作
+
+        :param db: orm对象
+        :param gen_table_column: 需要更新的业务表字段字典
+        :return:
+        """
+        await db.execute(update(GenTableColumn), [GenTableColumnBaseModel(**gen_table_column).model_dump()])
+
+    @classmethod
+    async def delete_gen_table_column_by_table_id_dao(cls, db: AsyncSession, gen_table_column: GenTableColumnModel):
+        """
+        通过业务表id删除业务表字段数据库操作
+
+        :param db: orm对象
+        :param gen_table_column: 业务表字段对象
+        :return:
+        """
+        await db.execute(delete(GenTableColumn).where(GenTableColumn.table_id.in_([gen_table_column.table_id])))
+
+    @classmethod
+    async def delete_gen_table_column_by_column_id_dao(cls, db: AsyncSession, gen_table_column: GenTableColumnModel):
+        """
+        通过业务字段id删除业务表字段数据库操作
+
+        :param db: orm对象
+        :param post: 业务表字段对象
+        :return:
+        """
+        await db.execute(delete(GenTableColumn).where(GenTableColumn.column_id.in_([gen_table_column.column_id])))

ruoyi-fastapi-backend/module_generator/entity/do/gen_do.py

@@ -0,0 +1,74 @@
+from datetime import datetime
+from sqlalchemy import Column, DateTime, ForeignKey, Integer, String
+from sqlalchemy.orm import relationship
+from config.database import Base
+
+
+class GenTable(Base):
+    """
+    代码生成业务表
+    """
+
+    __tablename__ = 'gen_table'
+
+    table_id = Column(Integer, primary_key=True, autoincrement=True, comment='编号')
+    table_name = Column(String(200), nullable=True, default='', comment='表名称')
+    table_comment = Column(String(500), nullable=True, default='', comment='表描述')
+    sub_table_name = Column(String(64), nullable=True, comment='关联子表的表名')
+    sub_table_fk_name = Column(String(64), nullable=True, comment='子表关联的外键名')
+    class_name = Column(String(100), nullable=True, default='', comment='实体类名称')
+    tpl_category = Column(String(200), nullable=True, default='crud', comment='使用的模板（crud单表操作 tree树表操作）')
+    tpl_web_type = Column(
+        String(30), nullable=True, default='', comment='前端模板类型（element-ui模版 element-plus模版）'
+    )
+    package_name = Column(String(100), nullable=True, comment='生成包路径')
+    module_name = Column(String(30), nullable=True, comment='生成模块名')
+    business_name = Column(String(30), nullable=True, comment='生成业务名')
+    function_name = Column(String(100), nullable=True, comment='生成功能名')
+    function_author = Column(String(100), nullable=True, comment='生成功能作者')
+    gen_type = Column(String(1), nullable=True, default='0', comment='生成代码方式（0zip压缩包 1自定义路径）')
+    gen_path = Column(String(200), nullable=True, default='/', comment='生成路径（不填默认项目路径）')
+    options = Column(String(1000), nullable=True, comment='其它生成选项')
+    create_by = Column(String(64), default='', comment='创建者')
+    create_time = Column(DateTime, nullable=True, default=datetime.now(), comment='创建时间')
+    update_by = Column(String(64), default='', comment='更新者')
+    update_time = Column(DateTime, nullable=True, default=datetime.now(), comment='更新时间')
+    remark = Column(String(500), nullable=True, default=None, comment='备注')
+
+    columns = relationship('GenTableColumn', order_by='GenTableColumn.sort', back_populates='tables')
+
+
+class GenTableColumn(Base):
+    """
+    代码生成业务表字段
+    """
+
+    __tablename__ = 'gen_table_column'
+
+    column_id = Column(Integer, primary_key=True, autoincrement=True, comment='编号')
+    table_id = Column(Integer, ForeignKey('gen_table.table_id'), nullable=True, comment='归属表编号')
+    column_name = Column(String(200), nullable=True, comment='列名称')
+    column_comment = Column(String(500), nullable=True, comment='列描述')
+    column_type = Column(String(100), nullable=True, comment='列类型')
+    python_type = Column(String(500), nullable=True, comment='PYTHON类型')
+    python_field = Column(String(200), nullable=True, comment='PYTHON字段名')
+    is_pk = Column(String(1), nullable=True, comment='是否主键（1是）')
+    is_increment = Column(String(1), nullable=True, comment='是否自增（1是）')
+    is_required = Column(String(1), nullable=True, comment='是否必填（1是）')
+    is_unique = Column(String(1), nullable=True, comment='是否唯一（1是）')
+    is_insert = Column(String(1), nullable=True, comment='是否为插入字段（1是）')
+    is_edit = Column(String(1), nullable=True, comment='是否编辑字段（1是）')
+    is_list = Column(String(1), nullable=True, comment='是否列表字段（1是）')
+    is_query = Column(String(1), nullable=True, comment='是否查询字段（1是）')
+    query_type = Column(String(200), nullable=True, default='EQ', comment='查询方式（等于、不等于、大于、小于、范围）')
+    html_type = Column(
+        String(200), nullable=True, comment='显示类型（文本框、文本域、下拉框、复选框、单选框、日期控件）'
+    )
+    dict_type = Column(String(200), nullable=True, default='', comment='字典类型')
+    sort = Column(Integer, nullable=True, comment='排序')
+    create_by = Column(String(64), default='', comment='创建者')
+    create_time = Column(DateTime, nullable=True, default=datetime.now(), comment='创建时间')
+    update_by = Column(String(64), default='', comment='更新者')
+    update_time = Column(DateTime, nullable=True, default=datetime.now(), comment='更新时间')
+
+    tables = relationship('GenTable', back_populates='columns')

ruoyi-fastapi-backend/module_generator/entity/vo/gen_vo.py

@@ -0,0 +1,264 @@
+from datetime import datetime
+from pydantic import BaseModel, ConfigDict, Field, model_validator
+from pydantic.alias_generators import to_camel
+from pydantic_validation_decorator import NotBlank
+from typing import List, Literal, Optional
+from config.constant import GenConstant
+from module_admin.annotation.pydantic_annotation import as_query
+from utils.string_util import StringUtil
+
+
+class GenTableBaseModel(BaseModel):
+    """
+    代码生成业务表对应pydantic模型
+    """
+
+    model_config = ConfigDict(alias_generator=to_camel, from_attributes=True)
+
+    table_id: Optional[int] = Field(default=None, description='编号')
+    table_name: Optional[str] = Field(default=None, description='表名称')
+    table_comment: Optional[str] = Field(default=None, description='表描述')
+    sub_table_name: Optional[str] = Field(default=None, description='关联子表的表名')
+    sub_table_fk_name: Optional[str] = Field(default=None, description='子表关联的外键名')
+    class_name: Optional[str] = Field(default=None, description='实体类名称')
+    tpl_category: Optional[str] = Field(default=None, description='使用的模板（crud单表操作 tree树表操作）')
+    tpl_web_type: Optional[str] = Field(default=None, description='前端模板类型（element-ui模版 element-plus模版）')
+    package_name: Optional[str] = Field(default=None, description='生成包路径')
+    module_name: Optional[str] = Field(default=None, description='生成模块名')
+    business_name: Optional[str] = Field(default=None, description='生成业务名')
+    function_name: Optional[str] = Field(default=None, description='生成功能名')
+    function_author: Optional[str] = Field(default=None, description='生成功能作者')
+    gen_type: Optional[Literal['0', '1']] = Field(default=None, description='生成代码方式（0zip压缩包 1自定义路径）')
+    gen_path: Optional[str] = Field(default=None, description='生成路径（不填默认项目路径）')
+    options: Optional[str] = Field(default=None, description='其它生成选项')
+    create_by: Optional[str] = Field(default=None, description='创建者')
+    create_time: Optional[datetime] = Field(default=None, description='创建时间')
+    update_by: Optional[str] = Field(default=None, description='更新者')
+    update_time: Optional[datetime] = Field(default=None, description='更新时间')
+    remark: Optional[str] = Field(default=None, description='备注')
+
+    @NotBlank(field_name='table_name', message='表名称不能为空')
+    def get_table_name(self):
+        return self.table_name
+
+    @NotBlank(field_name='table_comment', message='表描述不能为空')
+    def get_table_comment(self):
+        return self.table_comment
+
+    @NotBlank(field_name='class_name', message='实体类名称不能为空')
+    def get_class_name(self):
+        return self.class_name
+
+    @NotBlank(field_name='package_name', message='生成包路径不能为空')
+    def get_package_name(self):
+        return self.package_name
+
+    @NotBlank(field_name='module_name', message='生成模块名不能为空')
+    def get_module_name(self):
+        return self.module_name
+
+    @NotBlank(field_name='business_name', message='生成业务名不能为空')
+    def get_business_name(self):
+        return self.business_name
+
+    @NotBlank(field_name='function_name', message='生成功能名不能为空')
+    def get_function_name(self):
+        return self.function_name
+
+    @NotBlank(field_name='function_author', message='生成功能作者不能为空')
+    def get_function_author(self):
+        return self.function_author
+
+    def validate_fields(self):
+        self.get_table_name()
+        self.get_table_comment()
+        self.get_class_name()
+        self.get_package_name()
+        self.get_module_name()
+        self.get_business_name()
+        self.get_function_name()
+        self.get_function_author()
+
+
+class GenTableModel(GenTableBaseModel):
+    """
+    代码生成业务表模型
+    """
+
+    pk_column: Optional['GenTableColumnModel'] = Field(default=None, description='主键信息')
+    sub_table: Optional['GenTableModel'] = Field(default=None, description='子表信息')
+    columns: Optional[List['GenTableColumnModel']] = Field(default=None, description='表列信息')
+    tree_code: Optional[str] = Field(default=None, description='树编码字段')
+    tree_parent_code: Optional[str] = Field(default=None, description='树父编码字段')
+    tree_name: Optional[str] = Field(default=None, description='树名称字段')
+    parent_menu_id: Optional[int] = Field(default=None, description='上级菜单ID字段')
+    parent_menu_name: Optional[str] = Field(default=None, description='上级菜单名称字段')
+    sub: Optional[bool] = Field(default=None, description='是否为子表')
+    tree: Optional[bool] = Field(default=None, description='是否为树表')
+    crud: Optional[bool] = Field(default=None, description='是否为单表')
+
+    @model_validator(mode='after')
+    def check_some_is(self) -> 'GenTableModel':
+        self.sub = True if self.tpl_category and self.tpl_category == GenConstant.TPL_SUB else False
+        self.tree = True if self.tpl_category and self.tpl_category == GenConstant.TPL_TREE else False
+        self.crud = True if self.tpl_category and self.tpl_category == GenConstant.TPL_CRUD else False
+        return self
+
+
+class EditGenTableModel(GenTableModel):
+    """
+    修改代码生成业务表模型
+    """
+
+    params: Optional['GenTableParamsModel'] = Field(default=None, description='业务表参数')
+
+
+class GenTableParamsModel(BaseModel):
+    """
+    代码生成业务表参数模型
+    """
+
+    model_config = ConfigDict(alias_generator=to_camel)
+
+    tree_code: Optional[str] = Field(default=None, description='树编码字段')
+    tree_parent_code: Optional[str] = Field(default=None, description='树父编码字段')
+    tree_name: Optional[str] = Field(default=None, description='树名称字段')
+    parent_menu_id: Optional[int] = Field(default=None, description='上级菜单ID字段')
+
+
+class GenTableQueryModel(GenTableBaseModel):
+    """
+    代码生成业务表不分页查询模型
+    """
+
+    begin_time: Optional[str] = Field(default=None, description='开始时间')
+    end_time: Optional[str] = Field(default=None, description='结束时间')
+
+
+@as_query
+class GenTablePageQueryModel(GenTableQueryModel):
+    """
+    代码生成业务表分页查询模型
+    """
+
+    page_num: int = Field(default=1, description='当前页码')
+    page_size: int = Field(default=10, description='每页记录数')
+
+
+class DeleteGenTableModel(BaseModel):
+    """
+    删除代码生成业务表模型
+    """
+
+    model_config = ConfigDict(alias_generator=to_camel)
+
+    table_ids: str = Field(description='需要删除的代码生成业务表ID')
+
+
+class GenTableColumnBaseModel(BaseModel):
+    """
+    代码生成业务表字段对应pydantic模型
+    """
+
+    model_config = ConfigDict(alias_generator=to_camel, from_attributes=True)
+
+    column_id: Optional[int] = Field(default=None, description='编号')
+    table_id: Optional[int] = Field(default=None, description='归属表编号')
+    column_name: Optional[str] = Field(default=None, description='列名称')
+    column_comment: Optional[str] = Field(default=None, description='列描述')
+    column_type: Optional[str] = Field(default=None, description='列类型')
+    python_type: Optional[str] = Field(default=None, description='PYTHON类型')
+    python_field: Optional[str] = Field(default=None, description='PYTHON字段名')
+    is_pk: Optional[str] = Field(default=None, description='是否主键（1是）')
+    is_increment: Optional[str] = Field(default=None, description='是否自增（1是）')
+    is_required: Optional[str] = Field(default=None, description='是否必填（1是）')
+    is_unique: Optional[str] = Field(default=None, description='是否唯一（1是）')
+    is_insert: Optional[str] = Field(default=None, description='是否为插入字段（1是）')
+    is_edit: Optional[str] = Field(default=None, description='是否编辑字段（1是）')
+    is_list: Optional[str] = Field(default=None, description='是否列表字段（1是）')
+    is_query: Optional[str] = Field(default=None, description='是否查询字段（1是）')
+    query_type: Optional[str] = Field(default=None, description='查询方式（等于、不等于、大于、小于、范围）')
+    html_type: Optional[str] = Field(
+        default=None, description='显示类型（文本框、文本域、下拉框、复选框、单选框、日期控件）'
+    )
+    dict_type: Optional[str] = Field(default=None, description='字典类型')
+    sort: Optional[int] = Field(default=None, description='排序')
+    create_by: Optional[str] = Field(default=None, description='创建者')
+    create_time: Optional[datetime] = Field(default=None, description='创建时间')
+    update_by: Optional[str] = Field(default=None, description='更新者')
+    update_time: Optional[datetime] = Field(default=None, description='更新时间')
+
+    @NotBlank(field_name='python_field', message='Python属性不能为空')
+    def get_python_field(self):
+        return self.python_field
+
+    def validate_fields(self):
+        self.get_python_field()
+
+
+class GenTableColumnModel(GenTableColumnBaseModel):
+    """
+    代码生成业务表字段模型
+    """
+
+    cap_python_field: Optional[str] = Field(default=None, description='字段大写形式')
+    pk: Optional[bool] = Field(default=None, description='是否主键')
+    increment: Optional[bool] = Field(default=None, description='是否自增')
+    required: Optional[bool] = Field(default=None, description='是否必填')
+    unique: Optional[bool] = Field(default=None, description='是否唯一')
+    insert: Optional[bool] = Field(default=None, description='是否为插入字段')
+    edit: Optional[bool] = Field(default=None, description='是否编辑字段')
+    list: Optional[bool] = Field(default=None, description='是否列表字段')
+    query: Optional[bool] = Field(default=None, description='是否查询字段')
+    super_column: Optional[bool] = Field(default=None, description='是否为基类字段')
+    usable_column: Optional[bool] = Field(default=None, description='是否为基类字段白名单')
+
+    @model_validator(mode='after')
+    def check_some_is(self) -> 'GenTableModel':
+        self.cap_python_field = self.python_field[0].upper() + self.python_field[1:] if self.python_field else None
+        self.pk = True if self.is_pk and self.is_pk == '1' else False
+        self.increment = True if self.is_increment and self.is_increment == '1' else False
+        self.required = True if self.is_required and self.is_required == '1' else False
+        self.unique = True if self.is_unique and self.is_unique == '1' else False
+        self.insert = True if self.is_insert and self.is_insert == '1' else False
+        self.edit = True if self.is_edit and self.is_edit == '1' else False
+        self.list = True if self.is_list and self.is_list == '1' else False
+        self.query = True if self.is_query and self.is_query == '1' else False
+        self.super_column = (
+            True
+            if StringUtil.equals_any_ignore_case(self.python_field, GenConstant.TREE_ENTITY + GenConstant.BASE_ENTITY)
+            else False
+        )
+        self.usable_column = (
+            True if StringUtil.equals_any_ignore_case(self.python_field, ['parentId', 'orderNum', 'remark']) else False
+        )
+        return self
+
+
+class GenTableColumnQueryModel(GenTableColumnBaseModel):
+    """
+    代码生成业务表字段不分页查询模型
+    """
+
+    begin_time: Optional[str] = Field(default=None, description='开始时间')
+    end_time: Optional[str] = Field(default=None, description='结束时间')
+
+
+@as_query
+class GenTableColumnPageQueryModel(GenTableColumnQueryModel):
+    """
+    代码生成业务表字段分页查询模型
+    """
+
+    page_num: int = Field(default=1, description='当前页码')
+    page_size: int = Field(default=10, description='每页记录数')
+
+
+class DeleteGenTableColumnModel(BaseModel):
+    """
+    删除代码生成业务表字段模型
+    """
+
+    model_config = ConfigDict(alias_generator=to_camel)
+
+    column_ids: str = Field(description='需要删除的代码生成业务表字段ID')

ruoyi-fastapi-backend/module_generator/service/gen_service.py

@@ -0,0 +1,480 @@
+import io
+import json
+import os
+import re
+import zipfile
+from datetime import datetime
+from sqlalchemy.ext.asyncio import AsyncSession
+from typing import List
+from config.constant import GenConstant
+from config.env import GenConfig
+from exceptions.exception import ServiceException
+from module_admin.entity.vo.common_vo import CrudResponseModel
+from module_admin.entity.vo.user_vo import CurrentUserModel
+from module_generator.entity.vo.gen_vo import (
+    DeleteGenTableModel,
+    EditGenTableModel,
+    GenTableColumnModel,
+    GenTableModel,
+    GenTablePageQueryModel,
+)
+from module_generator.dao.gen_dao import GenTableColumnDao, GenTableDao
+from utils.common_util import CamelCaseUtil
+from utils.gen_util import GenUtils
+from utils.template_util import TemplateInitializer, TemplateUtils
+
+
+class GenTableService:
+    """
+    代码生成业务表服务层
+    """
+
+    @classmethod
+    async def get_gen_table_list_services(
+        cls, query_db: AsyncSession, query_object: GenTablePageQueryModel, is_page: bool = False
+    ):
+        """
+        获取代码生成业务表列表信息service
+
+        :param query_db: orm对象
+        :param query_object: 查询参数对象
+        :param is_page: 是否开启分页
+        :return: 代码生成业务列表信息对象
+        """
+        gen_table_list_result = await GenTableDao.get_gen_table_list(query_db, query_object, is_page)
+
+        return gen_table_list_result
+
+    @classmethod
+    async def get_gen_db_table_list_services(
+        cls, query_db: AsyncSession, query_object: GenTablePageQueryModel, is_page: bool = False
+    ):
+        """
+        获取数据库列表信息service
+
+        :param query_db: orm对象
+        :param query_object: 查询参数对象
+        :param is_page: 是否开启分页
+        :return: 数据库列表信息对象
+        """
+        gen_db_table_list_result = await GenTableDao.get_gen_db_table_list(query_db, query_object, is_page)
+
+        return gen_db_table_list_result
+
+    @classmethod
+    async def get_gen_db_table_list_by_name_services(cls, query_db: AsyncSession, table_names: List[str]):
+        """
+        根据表名称组获取数据库列表信息service
+
+        :param query_db: orm对象
+        :param table_names: 表名称组
+        :return: 数据库列表信息对象
+        """
+        gen_db_table_list_result = await GenTableDao.get_gen_db_table_list_by_names(query_db, table_names)
+
+        return [GenTableModel(**gen_table) for gen_table in CamelCaseUtil.transform_result(gen_db_table_list_result)]
+
+    @classmethod
+    async def import_gen_table_services(
+        cls, query_db: AsyncSession, gen_table_list: List[GenTableModel], current_user: CurrentUserModel
+    ):
+        """
+        导入表结构service
+
+        :param query_db: orm对象
+        :param gen_table_list: 导入表列表
+        :param current_user: 当前用户信息对象
+        :return: 导入结果
+        """
+        try:
+            for table in gen_table_list:
+                table_name = table.table_name
+                GenUtils.init_table(table, current_user.user.user_name)
+                add_gen_table = await GenTableDao.add_gen_table_dao(query_db, table)
+                if add_gen_table:
+                    table.table_id = add_gen_table.table_id
+                    gen_table_columns = await GenTableColumnDao.get_gen_db_table_columns_by_name(query_db, table_name)
+                    for column in [
+                        GenTableColumnModel(**gen_table_column)
+                        for gen_table_column in CamelCaseUtil.transform_result(gen_table_columns)
+                    ]:
+                        GenUtils.init_column_field(column, table)
+                        await GenTableColumnDao.add_gen_table_column_dao(query_db, column)
+            await query_db.commit()
+            return CrudResponseModel(is_success=True, message='导入成功')
+        except Exception as e:
+            await query_db.rollback()
+            raise ServiceException(message=f'导入失败, {str(e)}')
+
+    @classmethod
+    async def edit_gen_table_services(cls, query_db: AsyncSession, page_object: EditGenTableModel):
+        """
+        编辑业务表信息service
+
+        :param query_db: orm对象
+        :param page_object: 编辑业务表对象
+        :return: 编辑业务表校验结果
+        """
+        edit_gen_table = page_object.model_dump(exclude_unset=True, by_alias=True)
+        gen_table_info = await cls.get_gen_table_by_id_services(query_db, page_object.table_id)
+        if gen_table_info.table_id:
+            try:
+                edit_gen_table['options'] = json.dumps(edit_gen_table.get('params'))
+                await GenTableDao.edit_gen_table_dao(query_db, edit_gen_table)
+                for gen_table_column in page_object.columns:
+                    gen_table_column.update_by = page_object.update_by
+                    gen_table_column.update_time = datetime.now()
+                    await GenTableColumnDao.edit_gen_table_column_dao(
+                        query_db, gen_table_column.model_dump(by_alias=True)
+                    )
+                await query_db.commit()
+                return CrudResponseModel(is_success=True, message='更新成功')
+            except Exception as e:
+                await query_db.rollback()
+                raise e
+        else:
+            raise ServiceException(message='业务表不存在')
+
+    @classmethod
+    async def delete_gen_table_services(cls, query_db: AsyncSession, page_object: DeleteGenTableModel):
+        """
+        删除业务表信息service
+
+        :param query_db: orm对象
+        :param page_object: 删除业务表对象
+        :return: 删除业务表校验结果
+        """
+        if page_object.table_ids:
+            table_id_list = page_object.table_ids.split(',')
+            try:
+                for table_id in table_id_list:
+                    await GenTableDao.delete_gen_table_dao(query_db, GenTableModel(tableId=table_id))
+                    await GenTableColumnDao.delete_gen_table_column_by_table_id_dao(
+                        query_db, GenTableColumnModel(tableId=table_id)
+                    )
+                await query_db.commit()
+                return CrudResponseModel(is_success=True, message='删除成功')
+            except Exception as e:
+                await query_db.rollback()
+                raise e
+        else:
+            raise ServiceException(message='传入业务表id为空')
+
+    @classmethod
+    async def get_gen_table_by_id_services(cls, query_db: AsyncSession, table_id: int):
+        """
+        获取需要生成的业务表详细信息service
+
+        :param query_db: orm对象
+        :param table_id: 需要生成的业务表id
+        :return: 需要生成的业务表id对应的信息
+        """
+        gen_table = await GenTableDao.get_gen_table_by_id(query_db, table_id)
+        result = await cls.set_table_from_options(GenTableModel(**CamelCaseUtil.transform_result(gen_table)))
+
+        return result
+
+    @classmethod
+    async def get_gen_table_all_services(cls, query_db: AsyncSession):
+        """
+        获取所有业务表信息service
+
+        :param query_db: orm对象
+        :return: 所有业务表信息
+        """
+        gen_table_all = await GenTableDao.get_gen_table_all(query_db)
+        result = [GenTableModel(**gen_table) for gen_table in CamelCaseUtil.transform_result(gen_table_all)]
+
+        return result
+
+    @classmethod
+    async def create_table_services(cls, query_db: AsyncSession, sql: str, current_user: CurrentUserModel):
+        """
+        创建表结构service
+
+        :param query_db: orm对象
+        :param sql: 建表语句
+        :param current_user: 当前用户信息对象
+        :return: 创建表结构结果
+        """
+        if cls.__is_valid_create_table(sql):
+            try:
+                table_names = re.findall(r'create\s+table\s+(\w+)', sql, re.IGNORECASE)
+                await GenTableDao.create_table_by_sql_dao(query_db, sql)
+                gen_table_list = await cls.get_gen_db_table_list_by_name_services(query_db, table_names)
+                await cls.import_gen_table_services(query_db, gen_table_list, current_user)
+
+                return CrudResponseModel(is_success=True, message='创建表结构成功')
+            except Exception as e:
+                raise ServiceException(message=f'创建表结构异常，详细错误信息：{str(e)}')
+        else:
+            raise ServiceException(message='建表语句不合法')
+
+    @classmethod
+    def __is_valid_create_table(cls, sql: str):
+        """
+        校验sql语句是否为合法的建表语句
+
+        :param sql: sql语句
+        :return: 校验结果
+        """
+        create_table_pattern = r'^\s*CREATE\s+TABLE\s+'
+        if not re.search(create_table_pattern, sql, re.IGNORECASE):
+            return False
+        forbidden_keywords = ['INSERT', 'UPDATE', 'DELETE', 'DROP', 'ALTER', 'TRUNCATE']
+        for keyword in forbidden_keywords:
+            if re.search(rf'\b{keyword}\b', sql, re.IGNORECASE):
+                return False
+        return True
+
+    @classmethod
+    async def preview_code_services(cls, query_db: AsyncSession, table_id: int):
+        """
+        预览代码service
+
+        :param query_db: orm对象
+        :param table_id: 业务表id
+        :return: 预览数据列表
+        """
+        gen_table = GenTableModel(
+            **CamelCaseUtil.transform_result(await GenTableDao.get_gen_table_by_id(query_db, table_id))
+        )
+        await cls.set_sub_table(query_db, gen_table)
+        await cls.set_pk_column(gen_table)
+        env = TemplateInitializer.init_jinja2()
+        context = TemplateUtils.prepare_context(gen_table)
+        template_list = TemplateUtils.get_template_list(gen_table.tpl_category, gen_table.tpl_web_type)
+        preview_code_result = {}
+        for template in template_list:
+            render_content = env.get_template(template).render(**context)
+            preview_code_result[template] = render_content
+        return preview_code_result
+
+    @classmethod
+    async def generate_code_services(cls, query_db: AsyncSession, table_name: str):
+        """
+        生成代码至指定路径service
+
+        :param query_db: orm对象
+        :param table_name: 业务表名称
+        :return: 生成代码结果
+        """
+        env = TemplateInitializer.init_jinja2()
+        render_info = await cls.__get_gen_render_info(query_db, table_name)
+        for template in render_info[0]:
+            try:
+                render_content = env.get_template(template).render(**render_info[2])
+                gen_path = cls.__get_gen_path(render_info[3], template)
+                os.makedirs(os.path.dirname(gen_path), exist_ok=True)
+                with open(gen_path, 'w', encoding='utf-8') as f:
+                    f.write(render_content)
+            except Exception as e:
+                raise ServiceException(
+                    message=f'渲染模板失败，表名：{render_info[3].table_name}，详细错误信息：{str(e)}'
+                )
+
+        return CrudResponseModel(is_success=True, message='生成代码成功')
+
+    @classmethod
+    async def batch_gen_code_services(cls, query_db: AsyncSession, table_names: List[str]):
+        """
+        批量生成代码service
+
+        :param query_db: orm对象
+        :param table_names: 业务表名称组
+        :return: 下载代码结果
+        """
+        zip_buffer = io.BytesIO()
+        with zipfile.ZipFile(zip_buffer, 'w', zipfile.ZIP_DEFLATED) as zip_file:
+            for table_name in table_names:
+                env = TemplateInitializer.init_jinja2()
+                render_info = await cls.__get_gen_render_info(query_db, table_name)
+                for template_file, output_file in zip(render_info[0], render_info[1]):
+                    render_content = env.get_template(template_file).render(**render_info[2])
+                    zip_file.writestr(output_file, render_content)
+
+        zip_data = zip_buffer.getvalue()
+        zip_buffer.close()
+        return zip_data
+
+    @classmethod
+    async def __get_gen_render_info(cls, query_db: AsyncSession, table_name: str):
+        """
+        获取生成代码渲染模板相关信息
+
+        :param query_db: orm对象
+        :param table_name: 业务表名称
+        :return: 生成代码渲染模板相关信息
+        """
+        gen_table = GenTableModel(
+            **CamelCaseUtil.transform_result(await GenTableDao.get_gen_table_by_name(query_db, table_name))
+        )
+        await cls.set_sub_table(query_db, gen_table)
+        await cls.set_pk_column(gen_table)
+        context = TemplateUtils.prepare_context(gen_table)
+        template_list = TemplateUtils.get_template_list(gen_table.tpl_category, gen_table.tpl_web_type)
+        output_files = [TemplateUtils.get_file_name(template, gen_table) for template in template_list]
+
+        return [template_list, output_files, context, gen_table]
+
+    @classmethod
+    def __get_gen_path(cls, gen_table: GenTableModel, template: str):
+        """
+        根据GenTableModel对象和模板名称生成路径
+
+        :param gen_table: GenTableModel对象
+        :param template: 模板名称
+        :return: 生成的路径
+        """
+        gen_path = gen_table.gen_path
+        if gen_path == '/':
+            return os.path.join(os.getcwd(), GenConfig.GEN_PATH, TemplateUtils.get_file_name(template, gen_table))
+        else:
+            return os.path.join(gen_path, TemplateUtils.get_file_name(template, gen_table))
+
+    @classmethod
+    async def sync_db_services(cls, query_db: AsyncSession, table_name: str):
+        """
+        同步数据库service
+
+        :param query_db: orm对象
+        :param table_name: 业务表名称
+        :return: 同步数据库结果
+        """
+        gen_table = await GenTableDao.get_gen_table_by_name(query_db, table_name)
+        table = GenTableModel(**CamelCaseUtil.transform_result(gen_table))
+        table_columns = table.columns
+        table_column_map = {column.column_name: column for column in table_columns}
+        query_db_table_columns = await GenTableColumnDao.get_gen_db_table_columns_by_name(query_db, table_name)
+        db_table_columns = [
+            GenTableColumnModel(**column) for column in CamelCaseUtil.transform_result(query_db_table_columns)
+        ]
+        if not db_table_columns:
+            raise ServiceException('同步数据失败，原表结构不存在')
+        db_table_column_names = [column.column_name for column in db_table_columns]
+        try:
+            for column in db_table_columns:
+                GenUtils.init_column_field(column, table)
+                if column.column_name in table_column_map:
+                    prev_column = table_column_map[column.column_name]
+                    column.column_id = prev_column.column_id
+                    if column.list:
+                        column.dict_type = prev_column.dict_type
+                        column.query_type = prev_column.query_type
+                    if (
+                        prev_column.is_required != ''
+                        and not column.pk
+                        and (column.insert or column.edit)
+                        and (column.usable_column or column.super_column)
+                    ):
+                        column.is_required = prev_column.is_required
+                        column.html_type = prev_column.html_type
+                    await GenTableColumnDao.edit_gen_table_column_dao(query_db, column.model_dump(by_alias=True))
+                else:
+                    await GenTableColumnDao.add_gen_table_column_dao(query_db, column)
+            del_columns = [column for column in table_columns if column.column_name not in db_table_column_names]
+            if del_columns:
+                for column in del_columns:
+                    await GenTableColumnDao.delete_gen_table_column_by_column_id_dao(query_db, column)
+            await query_db.commit()
+            return CrudResponseModel(is_success=True, message='同步成功')
+        except Exception as e:
+            await query_db.rollback()
+            raise e
+
+    @classmethod
+    async def set_sub_table(cls, query_db: AsyncSession, gen_table: GenTableModel):
+        """
+        设置主子表信息
+
+        :param query_db: orm对象
+        :param gen_table: 业务表信息
+        :return:
+        """
+        if gen_table.sub_table_name:
+            sub_table = await GenTableDao.get_gen_table_by_name(query_db, gen_table.sub_table_name)
+            gen_table.sub_table = GenTableModel(**CamelCaseUtil.transform_result(sub_table))
+
+    @classmethod
+    async def set_pk_column(cls, gen_table: GenTableModel):
+        """
+        设置主键列信息
+
+        :param gen_table: 业务表信息
+        :return:
+        """
+        for column in gen_table.columns:
+            if column.pk:
+                gen_table.pk_column = column
+                break
+        if gen_table.pk_column is None:
+            gen_table.pk_column = gen_table.columns[0]
+        if gen_table.tpl_category == GenConstant.TPL_SUB:
+            for column in gen_table.sub_table.columns:
+                if column.pk:
+                    gen_table.sub_table.pk_column = column
+                    break
+            if gen_table.sub_table.columns is None:
+                gen_table.sub_table.pk_column = gen_table.sub_table.columns[0]
+
+    @classmethod
+    async def set_table_from_options(cls, gen_table: GenTableModel):
+        """
+        设置代码生成其他选项值
+
+        :param gen_table: 生成对象
+        :return: 设置后的生成对象
+        """
+        params_obj = json.loads(gen_table.options) if gen_table.options else None
+        if params_obj:
+            gen_table.tree_code = params_obj.get(GenConstant.TREE_CODE)
+            gen_table.tree_parent_code = params_obj.get(GenConstant.TREE_PARENT_CODE)
+            gen_table.tree_name = params_obj.get(GenConstant.TREE_NAME)
+            gen_table.parent_menu_id = params_obj.get(GenConstant.PARENT_MENU_ID)
+            gen_table.parent_menu_name = params_obj.get(GenConstant.PARENT_MENU_NAME)
+
+        return gen_table
+
+    @classmethod
+    async def validate_edit(cls, edit_gen_table: EditGenTableModel):
+        """
+        编辑保存参数校验
+
+        :param edit_gen_table: 编辑业务表对象
+        """
+        if edit_gen_table.tpl_category == GenConstant.TPL_TREE:
+            params_obj = edit_gen_table.params.model_dump(by_alias=True)
+
+            if GenConstant.TREE_CODE not in params_obj:
+                raise ServiceException(message='树编码字段不能为空')
+            elif GenConstant.TREE_PARENT_CODE not in params_obj:
+                raise ServiceException(message='树父编码字段不能为空')
+            elif GenConstant.TREE_NAME not in params_obj:
+                raise ServiceException(message='树名称字段不能为空')
+            elif edit_gen_table.tpl_category == GenConstant.TPL_SUB:
+                if not edit_gen_table.sub_table_name:
+                    raise ServiceException(message='关联子表的表名不能为空')
+                elif not edit_gen_table.sub_table_fk_name:
+                    raise ServiceException(message='子表关联的外键名不能为空')
+
+
+class GenTableColumnService:
+    """
+    代码生成业务表字段服务层
+    """
+
+    @classmethod
+    async def get_gen_table_column_list_by_table_id_services(cls, query_db: AsyncSession, table_id: int):
+        """
+        获取业务表字段列表信息service
+
+        :param query_db: orm对象
+        :param table_id: 业务表格id
+        :return: 业务表字段列表信息对象
+        """
+        gen_table_column_list_result = await GenTableColumnDao.get_gen_table_column_list_by_table_id(query_db, table_id)
+
+        return [
+            GenTableColumnModel(**gen_table_column)
+            for gen_table_column in CamelCaseUtil.transform_result(gen_table_column_list_result)
+        ]

ruoyi-fastapi-backend/module_generator/templates/js/api.js.jinja2

@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询{{ functionName }}列表
+export function list{{ BusinessName }}(query) {
+  return request({
+    url: '/{{ moduleName }}/{{ businessName }}/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询{{ functionName }}详细
+export function get{{ BusinessName }}({{ pkColumn.python_field }}) {
+  return request({
+    url: '/{{ moduleName }}/{{ businessName }}/' + {{ pkColumn.python_field }},
+    method: 'get'
+  })
+}
+
+// 新增{{ functionName }}
+export function add{{ BusinessName }}(data) {
+  return request({
+    url: '/{{ moduleName }}/{{ businessName }}',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改{{ functionName }}
+export function update{{ BusinessName }}(data) {
+  return request({
+    url: '/{{ moduleName }}/{{ businessName }}',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除{{ functionName }}
+export function del{{ BusinessName }}({{ pkColumn.python_field }}) {
+  return request({
+    url: '/{{ moduleName }}/{{ businessName }}/' + {{ pkColumn.python_field }},
+    method: 'delete'
+  })
+}

ruoyi-fastapi-backend/module_generator/templates/python/controller.py.jinja2

@@ -0,0 +1,125 @@
+{% set pkField = pkColumn.python_field %}
+{% set pk_field = pkColumn.python_field | camel_to_snake %}
+{% for column in columns %}
+{% if column.python_field == "createTime" %}
+from datetime import datetime
+{% endif %}
+{% endfor %}
+from fastapi import APIRouter, Depends, Form, Request
+from pydantic_validation_decorator import ValidateFields
+from sqlalchemy.ext.asyncio import AsyncSession
+from config.enums import BusinessType
+from config.get_db import get_db
+from module_admin.annotation.log_annotation import Log
+from module_admin.aspect.interface_auth import CheckUserInterfaceAuth
+from module_admin.entity.vo.user_vo import CurrentUserModel
+from module_admin.service.login_service import LoginService
+from {{ packageName }}.service.{{ businessName }}_service import {{ BusinessName }}Service
+from {{ packageName }}.entity.vo.{{ businessName }}_vo import Delete{{ BusinessName }}Model, {{ BusinessName }}Model, {{ BusinessName }}PageQueryModel
+from utils.common_util import bytes2file_response
+from utils.log_util import logger
+from utils.page_util import PageResponseModel
+from utils.response_util import ResponseUtil
+
+
+{{ businessName }}Controller = APIRouter(prefix='/{{ moduleName }}/{{ businessName }}', dependencies=[Depends(LoginService.get_current_user)])
+
+
+@{{ businessName }}Controller.get(
+    '/list', response_model=PageResponseModel, dependencies=[Depends(CheckUserInterfaceAuth('{{ permissionPrefix }}:list'))]
+)
+async def get_{{ moduleName }}_{{ businessName }}_list(
+    request: Request,
+    {% if table.crud or table.sub %}{{ businessName }}_page_query{% elif table.tree %}{{ businessName }}_query{% endif %}: {{ BusinessName }}PageQueryModel = Depends({{ BusinessName }}PageQueryModel.as_query),
+    query_db: AsyncSession = Depends(get_db),
+):
+    {% if table.crud or table.sub %}
+    # 获取分页数据
+    {{ businessName }}_page_query_result = await {{ BusinessName }}Service.get_{{ businessName }}_list_services(query_db, {{ businessName }}_page_query, is_page=True)
+    logger.info('获取成功')
+
+    return ResponseUtil.success(model_content={{ businessName }}_page_query_result)
+    {% elif table.tree %}
+    {{ businessName }}_query_result = await {{ BusinessName }}Service.get_{{ businessName }}_list_services(query_db, {{ businessName }}_query)
+    logger.info('获取成功')
+
+    return ResponseUtil.success(data={{ businessName }}_query_result)
+    {% endif %}
+
+
+@{{ businessName }}Controller.post('', dependencies=[Depends(CheckUserInterfaceAuth('{{ permissionPrefix }}:add'))])
+@ValidateFields(validate_model='add_{{ businessName }}')
+@Log(title='{{ functionName }}', business_type=BusinessType.INSERT)
+async def add_{{ moduleName }}_{{ businessName }}(
+    request: Request,
+    add_{{ businessName }}: {{ BusinessName }}Model,
+    query_db: AsyncSession = Depends(get_db),
+    current_user: CurrentUserModel = Depends(LoginService.get_current_user),
+):
+    {% for column in columns %}
+    {% if column.python_field == "createBy" %}
+    add_{{ businessName }}.create_by = current_user.user.user_name
+    {% elif column.python_field == "createTime" %}
+    add_{{ businessName }}.create_time = datetime.now()
+    {% elif column.python_field == "updateBy" %}
+    add_{{ businessName }}.update_by = current_user.user.user_name
+    {% elif column.python_field == "updateTime" %}
+    add_{{ businessName }}.update_time = datetime.now()
+    {% endif %}
+    {% endfor %}
+    add_{{ businessName }}_result = await {{ BusinessName }}Service.add_{{ businessName }}_services(query_db, add_{{ businessName }})
+    logger.info(add_{{ businessName }}_result.message)
+
+    return ResponseUtil.success(msg=add_{{ businessName }}_result.message)
+
+
+@{{ businessName }}Controller.put('', dependencies=[Depends(CheckUserInterfaceAuth('{{ permissionPrefix }}:edit'))])
+@ValidateFields(validate_model='edit_{{ businessName }}')
+@Log(title='{{ functionName }}', business_type=BusinessType.UPDATE)
+async def edit_{{ moduleName }}_{{ businessName }}(
+    request: Request,
+    edit_{{ businessName }}: {{ BusinessName }}Model,
+    query_db: AsyncSession = Depends(get_db),
+    current_user: CurrentUserModel = Depends(LoginService.get_current_user),
+):
+    edit_{{ businessName }}.update_by = current_user.user.user_name
+    edit_{{ businessName }}.update_time = datetime.now()
+    edit_{{ businessName }}_result = await {{ BusinessName }}Service.edit_{{ businessName }}_services(query_db, edit_{{ businessName }})
+    logger.info(edit_{{ businessName }}_result.message)
+
+    return ResponseUtil.success(msg=edit_{{ businessName }}_result.message)
+
+
+@{{ businessName }}Controller.delete('/{% raw %}{{% endraw %}{{ pk_field }}s{% raw %}}{% endraw %}', dependencies=[Depends(CheckUserInterfaceAuth('{{ permissionPrefix }}:remove'))])
+@Log(title='{{ functionName }}', business_type=BusinessType.DELETE)
+async def delete_{{ moduleName }}_{{ businessName }}(request: Request, {{ pk_field }}s: str, query_db: AsyncSession = Depends(get_db)):
+    delete_{{ businessName }} = Delete{{ BusinessName }}Model({{ pkField }}s={{ pk_field }}s)
+    delete_{{ businessName }}_result = await {{ BusinessName }}Service.delete_{{ businessName }}_services(query_db, delete_{{ businessName }})
+    logger.info(delete_{{ businessName }}_result.message)
+
+    return ResponseUtil.success(msg=delete_{{ businessName }}_result.message)
+
+
+@{{ businessName }}Controller.get(
+    '/{% raw %}{{% endraw %}{{ pk_field }}{% raw %}}{% endraw %}', response_model={{ BusinessName }}Model, dependencies=[Depends(CheckUserInterfaceAuth('{{ permissionPrefix }}:query'))]
+)
+async def query_detail_{{ moduleName }}_{{ businessName }}(request: Request, {{ pk_field }}: int, query_db: AsyncSession = Depends(get_db)):
+    {{ businessName }}_detail_result = await {{ BusinessName }}Service.{{ businessName }}_detail_services(query_db, {{ pk_field }})
+    logger.info(f'获取{{ pk_field }}为{% raw %}{{% endraw %}{{ pk_field }}{% raw %}}{% endraw %}的信息成功')
+
+    return ResponseUtil.success(data={{ businessName }}_detail_result)
+
+
+@{{ businessName }}Controller.post('/export', dependencies=[Depends(CheckUserInterfaceAuth('{{ permissionPrefix }}:export'))])
+@Log(title='{{ functionName }}', business_type=BusinessType.EXPORT)
+async def export_{{ moduleName }}_{{ businessName }}_list(
+    request: Request,
+    {{ businessName }}_page_query: {{ BusinessName }}PageQueryModel = Form(),
+    query_db: AsyncSession = Depends(get_db),
+):
+    # 获取全量数据
+    {{ businessName }}_query_result = await {{ BusinessName }}Service.get_{{ businessName }}_list_services(query_db, {{ businessName }}_page_query, is_page=False)
+    {{ businessName }}_export_result = await {{ BusinessName }}Service.export_{{ businessName }}_list_services({% if dicts %}request, {% endif %}{{ businessName }}_query_result)
+    logger.info('导出成功')
+
+    return ResponseUtil.streaming(data=bytes2file_response({{ businessName }}_export_result))

ruoyi-fastapi-backend/module_generator/templates/python/dao.py.jinja2

@@ -0,0 +1,213 @@
+{% set pkField = pkColumn.python_field %}
+{% set pk_field = pkColumn.python_field | camel_to_snake %}
+{% set pkParentheseIndex = pkColumn.column_comment.find("（") %}
+{% set pk_field_comment = pkColumn.column_comment[:pkParentheseIndex] if pkParentheseIndex != -1 else pkColumn.column_comment %}
+{% for column in columns %}
+{% if column.query and column.query_type == 'BETWEEN' and column.python_field == "createTime" %}
+from datetime import datetime, time
+{% endif %}
+{% endfor %}
+from sqlalchemy import delete, select, update
+from sqlalchemy.ext.asyncio import AsyncSession
+{% if table.sub %}
+from sqlalchemy.orm import selectinload
+{% endif %}
+{% if table.sub %}
+from {{ packageName }}.entity.do.{{ businessName }}_do import {{ ClassName }}, {{ subClassName }}
+from {{ packageName }}.entity.vo.{{ businessName }}_vo import {{ BusinessName }}Model, {{ BusinessName }}PageQueryModel, {{ subTable.business_name | capitalize }}Model
+{% else %}
+from {{ packageName }}.entity.do.{{ businessName }}_do import {{ ClassName }}
+from {{ packageName }}.entity.vo.{{ businessName }}_vo import {{ BusinessName }}Model, {{ BusinessName }}PageQueryModel
+{% endif %}
+from utils.page_util import PageUtil
+
+
+class {{ BusinessName }}Dao:
+    """
+    {{ functionName }}模块数据库操作层
+    """
+
+    @classmethod
+    async def get_{{ businessName }}_detail_by_id(cls, db: AsyncSession, {{ pk_field }}: int):
+        """
+        根据{{ pk_field_comment }}获取{{ functionName }}详细信息
+
+        :param db: orm对象
+        :param {{ pk_field }}: {{ pk_field_comment }}
+        :return: {{ functionName }}信息对象
+        """
+        {{ businessName }}_info = (
+            (
+                await db.execute(
+                    {% if table.sub %}
+                    select({{ ClassName }})
+                    .options(selectinload({{ ClassName }}.{{ subclassName }}_list))
+                    {% else %}
+                    select({{ ClassName }})
+                    {% endif %}
+                    .where(
+                        {{ ClassName }}.{{ pk_field }} == {{ pk_field }}
+                    )
+                )
+            )
+            .scalars()
+            .first()
+        )
+
+        return {{ businessName }}_info
+
+    @classmethod
+    async def get_{{ businessName }}_detail_by_info(cls, db: AsyncSession, {{ businessName }}: {{ BusinessName }}Model):
+        """
+        根据{{ functionName }}参数获取{{ functionName }}信息
+
+        :param db: orm对象
+        :param {{ businessName }}: {{ functionName }}参数对象
+        :return: {{ functionName }}信息对象
+        """
+        {{ businessName }}_info = (
+            (
+                await db.execute(
+                    select({{ ClassName }}).where(
+                        {% for column in columns %}
+                        {% if column.required %}
+                        {{ ClassName }}.{{ column.python_field | camel_to_snake }} == {{ businessName }}.{{ column.python_field | camel_to_snake }} if {{ businessName }}.{{ column.python_field | camel_to_snake }} else True,
+                        {% endif %}
+                        {% endfor %}
+                    )
+                )
+            )
+            .scalars()
+            .first()
+        )
+
+        return {{ businessName }}_info
+
+    @classmethod
+    async def get_{{ businessName }}_list(cls, db: AsyncSession, query_object: {{ BusinessName }}PageQueryModel, is_page: bool = False):
+        """
+        根据查询参数获取{{ functionName }}列表信息
+
+        :param db: orm对象
+        :param query_object: 查询参数对象
+        :param is_page: 是否开启分页
+        :return: {{ functionName }}列表信息对象
+        """
+        query = (
+            {% if table.sub %}
+            select({{ ClassName }})
+            .options(selectinload({{ ClassName }}.{{ subclassName }}_list))
+            {% else %}
+            select({{ ClassName }})
+            {% endif %}
+            .where(
+                {% for column in columns %}
+                {% set field = column.python_field | camel_to_snake %}
+                {% if column.query %}
+                {% if column.query_type == "EQ" %}
+                {{ ClassName }}.{{ field }} == query_object.{{ field }} if query_object.{{ field }} else True,
+                {% elif column.query_type == "NE" %}
+                {{ ClassName }}.{{ field }} != query_object.{{ field }} if query_object.{{ field }} else True,
+                {% elif column.query_type == "GT" %}
+                {{ ClassName }}.{{ field }} > query_object.{{ field }} if query_object.{{ field }} else True,
+                {% elif column.query_type == "GTE" %}
+                {{ ClassName }}.{{ field }} >= query_object.{{ field }} if query_object.{{ field }} else True,
+                {% elif column.query_type == "LT" %}
+                {{ ClassName }}.{{ field }} < query_object.{{ field }} if query_object.{{ field }} else True,
+                {% elif column.query_type == "LTE" %}
+                {{ ClassName }}.{{ field }} <= query_object.{{ field }} if query_object.{{ field }} else True,
+                {% elif column.query_type == "LIKE" %}
+                {{ ClassName }}.{{ field }}.like(f'%{% raw %}{{% endraw %}query_object.{{ field }}{% raw %}}{% endraw %}%') if query_object.{{ field }} else True,
+                {% elif column.query_type == "BETWEEN" %}
+                {{ ClassName }}.{{ field }}.between(
+                    datetime.combine(datetime.strptime(query_object.begin_time, '%Y-%m-%d'), time(00, 00, 00)),
+                    datetime.combine(datetime.strptime(query_object.end_time, '%Y-%m-%d'), time(23, 59, 59)),
+                )
+                if query_object.begin_time and query_object.end_time
+                else True,
+                {% endif %}
+                {% endif %}
+                {% endfor %}
+            )
+            .order_by({{ ClassName }}.{{ pk_field }})
+            .distinct()
+        )
+        {{ businessName }}_list = await PageUtil.paginate(db, query, query_object.page_num, query_object.page_size, is_page)
+
+        return {{ businessName }}_list
+
+    @classmethod
+    async def add_{{ businessName }}_dao(cls, db: AsyncSession, {{ businessName }}: {{ BusinessName }}Model):
+        """
+        新增{{ functionName }}数据库操作
+
+        :param db: orm对象
+        :param {{ businessName }}: {{ functionName }}对象
+        :return:
+        """
+        db_{{ businessName }} = {{ ClassName }}(**{{ businessName }}.model_dump(exclude={% raw %}{{% endraw %}{% if table.sub %}'{{ subclassName }}_list', {% endif %}{% for column in columns %}{% if not column.insert %}'{{ column.python_field | camel_to_snake  }}'{% if not loop.last %}, {% endif %}{% endif %}{% endfor %}{% raw %}}{% endraw %}))
+        db.add(db_{{ businessName }})
+        await db.flush()
+
+        return db_{{ businessName }}
+
+    @classmethod
+    async def edit_{{ businessName }}_dao(cls, db: AsyncSession, {{ businessName }}: dict):
+        """
+        编辑{{ functionName }}数据库操作
+
+        :param db: orm对象
+        :param {{ businessName }}: 需要更新的{{ functionName }}字典
+        :return:
+        """
+        await db.execute(update({{ ClassName }}), [{{ businessName }}])
+
+    @classmethod
+    async def delete_{{ businessName }}_dao(cls, db: AsyncSession, {{ businessName }}: {{ BusinessName }}Model):
+        """
+        删除{{ functionName }}数据库操作
+
+        :param db: orm对象
+        :param {{ businessName }}: {{ functionName }}对象
+        :return:
+        """
+        await db.execute(delete({{ ClassName }}).where({{ ClassName }}.{{ pk_field }}.in_([{{ businessName }}.{{ pk_field }}])))
+
+    {% if table.sub %}
+    @classmethod
+    async def add_{{ subTable.business_name }}_dao(cls, db: AsyncSession, {{ subTable.business_name }}: {{ subTable.business_name | capitalize }}Model):
+        """
+        新增{{ subTable.function_name }}数据库操作
+
+        :param db: orm对象
+        :param {{ subTable.business_name }}: {{ subTable.function_name }}对象
+        :return:
+        """
+        db_{{ subTable.business_name }} = {{ subClassName }}(**{{ subTable.business_name }}.model_dump())
+        db.add(db_{{ subTable.business_name }})
+        await db.flush()
+
+        return db_{{ subTable.business_name }}
+
+    @classmethod
+    async def edit_{{ subTable.business_name }}_dao(cls, db: AsyncSession, {{ subTable.business_name }}: dict):
+        """
+        编辑{{ subTable.function_name }}数据库操作
+
+        :param db: orm对象
+        :param {{ subTable.business_name }}: 需要更新的{{ subTable.function_name }}字典
+        :return:
+        """
+        await db.execute(update({{ subClassName }}), [{{ subTable.business_name }}])
+
+    @classmethod
+    async def delete_{{ subTable.business_name }}_dao(cls, db: AsyncSession, {{ subTable.business_name }}: {{ subTable.business_name | capitalize }}Model):
+        """
+        删除{{ subTable.function_name }}数据库操作
+
+        :param db: orm对象
+        :param {{ subTable.business_name }}: {{ subTable.function_name }}对象
+        :return:
+        """
+        await db.execute(delete({{ subClassName }}).where({{ subClassName }}.{{ subTable.pk_column.python_field | camel_to_snake }}.in_([{{ subTable.business_name }}.{{ subTable.pk_column.python_field | camel_to_snake }}])))
+    {% endif %}

ruoyi-fastapi-backend/module_generator/templates/python/do.py.jinja2

@@ -0,0 +1,41 @@
+{% for do_import in doImportList %}
+{{ do_import }}
+{% endfor %}
+{% if table.sub %}
+from sqlalchemy.orm import relationship
+{% endif %}
+from config.database import Base
+
+
+class {{ ClassName }}(Base):
+    """
+    {{ functionName }}表
+    """
+
+    __tablename__ = '{{ tableName }}'
+
+    {% for column in columns %}
+    {{ column.column_name }} = Column({{ column.column_type | get_sqlalchemy_type }}, {% if column.pk %}primary_key=True, {% endif %}{% if column.increment %}autoincrement=True, {% endif %}{% if column.required or column.pk %}nullable=False{% else %}nullable=True{% endif %}, comment='{{ column.column_comment }}')
+    {% endfor %}
+
+    {% if table.sub %}
+    {{ subclassName }}_list = relationship('{{ subClassName }}', back_populates='{{ businessName }}')
+    {% endif %}
+
+
+{% if table.sub %}
+class {{ subClassName }}(Base):
+    """
+    {{ subTable.function_name }}表
+    """
+
+    __tablename__ = '{{ subTableName }}'
+
+    {% for column in subTable.columns %}
+    {{ column.column_name }} = Column({{ column.column_type | get_sqlalchemy_type }}, {% if column.column_name == subTableFkName %}ForeignKey('{{ tableName }}.{{ subTableFkName }}'), {% endif %}{% if column.pk %}primary_key=True, {% endif %}{% if column.increment %}autoincrement=True, {% endif %}{% if column.required %}nullable=True{% else %}nullable=False{% endif %}, comment='{{ column.column_comment }}')
+    {% endfor %}
+
+    {% if table.sub %}
+    {{ businessName }} = relationship('{{ ClassName }}', back_populates='{{ subclassName }}_list')
+    {% endif %}
+{% endif %}

ruoyi-fastapi-backend/module_generator/templates/python/service.py.jinja2

@@ -0,0 +1,211 @@
+{% set pkField = pkColumn.python_field %}
+{% set pk_field = pkColumn.python_field | camel_to_snake %}
+{% set pkParentheseIndex = pkColumn.column_comment.find("（") %}
+{% set pk_field_comment = pkColumn.column_comment[:pkParentheseIndex] if pkParentheseIndex != -1 else pkColumn.column_comment %}
+{% if dicts %}
+from fastapi import Request
+{% endif %}
+from sqlalchemy.ext.asyncio import AsyncSession
+from typing import List
+from config.constant import CommonConstant
+from exceptions.exception import ServiceException
+from module_admin.entity.vo.common_vo import CrudResponseModel
+{% if dicts %}
+from module_admin.service.dict_service import DictDataService
+{% endif %}
+from {{ packageName }}.dao.{{ businessName }}_dao import {{ BusinessName }}Dao
+from {{ packageName }}.entity.vo.{{ businessName }}_vo import Delete{{ BusinessName }}Model, {{ BusinessName }}Model, {{ BusinessName }}PageQueryModel
+from utils.common_util import CamelCaseUtil
+from utils.excel_util import ExcelUtil
+
+
+class {{ BusinessName }}Service:
+    """
+    {{ functionName }}模块服务层
+    """
+
+    @classmethod
+    async def get_{{ businessName }}_list_services(
+        cls, query_db: AsyncSession, query_object: {{ BusinessName }}PageQueryModel, is_page: bool = False
+    ):
+        """
+        获取{{ functionName }}列表信息service
+
+        :param query_db: orm对象
+        :param query_object: 查询参数对象
+        :param is_page: 是否开启分页
+        :return: {{ functionName }}列表信息对象
+        """
+        {{ businessName }}_list_result = await {{ BusinessName }}Dao.get_{{ businessName }}_list(query_db, query_object, is_page)
+
+        return {{ businessName }}_list_result
+
+    {% for column in columns %}
+    {% set parentheseIndex = column.column_comment.find("（") %}
+    {% set comment = column.column_comment[:parentheseIndex] if parentheseIndex != -1 else column.column_comment %}
+    {% if column.unique %}
+    @classmethod
+    async def check_{{ column.python_field | camel_to_snake }}_unique_services(cls, query_db: AsyncSession, page_object: {{ BusinessName }}Model):
+        """
+        检查{{ comment }}是否唯一service
+
+        :param query_db: orm对象
+        :param page_object: {{ functionName }}对象
+        :return: 校验结果
+        """
+        {{ pk_field }} = -1 if page_object.{{ pk_field }} is None else page_object.{{ pk_field }}
+        {{ businessName }} = await {{ BusinessName }}Dao.get_{{ businessName }}_detail_by_info(query_db, {{ BusinessName }}Model({{ column.python_field }}=page_object.{{ column.python_field | camel_to_snake }}))
+        if {{ businessName }} and {{ businessName }}.{{ pk_field }} != {{ pk_field }}:
+            return CommonConstant.NOT_UNIQUE
+        return CommonConstant.UNIQUE
+    {% if not loop.last %}{{ "\n" }}{% endif %}
+    {% endif %}
+    {% endfor %}
+
+    @classmethod
+    async def add_{{ businessName }}_services(cls, query_db: AsyncSession, page_object: {{ BusinessName }}Model):
+        """
+        新增{{ functionName }}信息service
+
+        :param query_db: orm对象
+        :param page_object: 新增{{ functionName }}对象
+        :return: 新增{{ functionName }}校验结果
+        """
+        {% for column in columns %}
+        {% set parentheseIndex = column.column_comment.find("（") %}
+        {% set comment = column.column_comment[:parentheseIndex] if parentheseIndex != -1 else column.column_comment %}
+        {% if column.unique %}
+        if not await cls.check_{{ column.python_field | camel_to_snake }}_unique_services(query_db, page_object):
+            raise ServiceException(message=f'新增{{ functionName }}{page_object.{{ column.python_field | camel_to_snake }}}失败，{{ comment }}已存在')
+        {% endif %}
+        {% endfor %}
+        try:
+            {% if table.sub %}
+            add_{{ businessName }} = await {{ BusinessName }}Dao.add_{{ businessName }}_dao(query_db, page_object)
+            if add_{{ businessName }}:
+                for sub_table in page_object.{{ subclassName }}_list:
+                    await {{ BusinessName }}Dao.add_{{ subTable.business_name }}_dao(query_db, sub_table)
+            {% else %}
+            await {{ BusinessName }}Dao.add_{{ businessName }}_dao(query_db, page_object)
+            {% endif %}
+            await query_db.commit()
+            return CrudResponseModel(is_success=True, message='新增成功')
+        except Exception as e:
+            await query_db.rollback()
+            raise e
+
+    @classmethod
+    async def edit_{{ businessName }}_services(cls, query_db: AsyncSession, page_object: {{ BusinessName }}Model):
+        """
+        编辑{{ functionName }}信息service
+
+        :param query_db: orm对象
+        :param page_object: 编辑{{ functionName }}对象
+        :return: 编辑{{ functionName }}校验结果
+        """
+        edit_{{ businessName }} = page_object.model_dump(exclude_unset=True, exclude={% raw %}{{% endraw %}{% if table.sub %}'{{ subclassName }}_list', {% endif %}{% for column in columns %}{% if not column.edit and not column.pk %}'{{ column.python_field | camel_to_snake  }}'{% if not loop.last %}, {% endif %}{% endif %}{% endfor %}{% raw %}}{% endraw %})
+        {{ businessName }}_info = await cls.{{ businessName }}_detail_services(query_db, page_object.{{ pk_field }})
+        if {{ businessName }}_info.{{ pk_field }}:
+            {% for column in columns %}
+            {% set parentheseIndex = column.column_comment.find("（") %}
+            {% set comment = column.column_comment[:parentheseIndex] if parentheseIndex != -1 else column.column_comment %}
+            {% if column.unique %}
+            if not await cls.check_{{ column.python_field | camel_to_snake }}_unique_services(query_db, page_object):
+                raise ServiceException(message=f'修改{{ functionName }}{page_object.{{ column.python_field | camel_to_snake }}}失败，{{ comment }}已存在')
+            {% endif %}
+            {% endfor %}
+            try:
+                await {{ BusinessName }}Dao.edit_{{ businessName }}_dao(query_db, edit_{{ businessName }})
+                {% if table.sub %}
+                for sub_table in {{ businessName }}_info.{{ subclassName }}_list:
+                    await {{ BusinessName }}Dao.delete_{{ subTable.business_name }}_dao(query_db, sub_table)
+                for sub_table in page_object.{{ subclassName }}_list:
+                    await {{ BusinessName }}Dao.add_{{ subTable.business_name }}_dao(query_db, sub_table)
+                {% endif %}
+                await query_db.commit()
+                return CrudResponseModel(is_success=True, message='更新成功')
+            except Exception as e:
+                await query_db.rollback()
+                raise e
+        else:
+            raise ServiceException(message='{{ functionName }}不存在')
+
+    @classmethod
+    async def delete_{{ businessName }}_services(cls, query_db: AsyncSession, page_object: Delete{{ BusinessName }}Model):
+        """
+        删除{{ functionName }}信息service
+
+        :param query_db: orm对象
+        :param page_object: 删除{{ functionName }}对象
+        :return: 删除{{ functionName }}校验结果
+        """
+        if page_object.{{ pk_field }}s:
+            {{ pk_field }}_list = page_object.{{ pk_field }}s.split(',')
+            try:
+                for {{ pk_field }} in {{ pk_field }}_list:
+                    {% if table.sub %}
+                    {{ businessName }} = await cls.{{ businessName }}_detail_services(query_db, int({{ pk_field }}))
+                    for sub_table in {{ businessName }}.{{ subclassName }}_list:
+                        await {{ BusinessName }}Dao.delete_{{ subTable.business_name }}_dao(query_db, sub_table)
+                    {% endif %}
+                    await {{ BusinessName }}Dao.delete_{{ businessName }}_dao(query_db, {{ BusinessName }}Model({{ pkField }}={{ pk_field }}))
+                await query_db.commit()
+                return CrudResponseModel(is_success=True, message='删除成功')
+            except Exception as e:
+                await query_db.rollback()
+                raise e
+        else:
+            raise ServiceException(message='传入{{ pk_field_comment }}为空')
+
+    @classmethod
+    async def {{ businessName }}_detail_services(cls, query_db: AsyncSession, {{ pk_field }}: int):
+        """
+        获取{{ functionName }}详细信息service
+
+        :param query_db: orm对象
+        :param {{ pk_field }}: {{ pk_field_comment }}
+        :return: {{ pk_field_comment }}对应的信息
+        """
+        {{ businessName }} = await {{ BusinessName }}Dao.get_{{ businessName }}_detail_by_id(query_db, {{ pk_field }}={{ pk_field }})
+        if {{ businessName }}:
+            result = {{ BusinessName }}Model(**CamelCaseUtil.transform_result({{ businessName }}))
+        else:
+            result = {{ BusinessName }}Model(**dict())
+
+        return result
+
+    @staticmethod
+    async def export_{{ businessName }}_list_services({% if dicts %}request: Request, {% endif %}{{ businessName }}_list: List):
+        """
+        导出{{ functionName }}信息service
+
+        :param {{ businessName }}_list: {{ functionName }}信息列表
+        :return: {{ functionName }}信息对应excel的二进制数据
+        """
+        # 创建一个映射字典，将英文键映射到中文键
+        mapping_dict = {
+            {% for column in columns %}
+            {% set parentheseIndex = column.column_comment.find("（") %}
+            {% set comment = column.column_comment[:parentheseIndex] if parentheseIndex != -1 else column.column_comment %}
+            '{{ column.python_field }}': '{{ comment }}',
+            {% endfor %}
+        }
+        {% if dicts %}
+        {% for dict_type in dicts.split(", ") %}
+        {{ dict_type[1:-1] }}_list = await DictDataService.query_dict_data_list_from_cache_services(
+            request.app.state.redis, dict_type={{ dict_type }}
+        )
+        {{ dict_type[1:-1] }}_option = [dict(label=item.get('dictLabel'), value=item.get('dictValue')) for item in {{ dict_type[1:-1] }}_list]
+        {{ dict_type[1:-1] }}_option_dict = {item.get('value'): item for item in {{ dict_type[1:-1] }}_option}
+        {% endfor %}
+        for item in {{ businessName }}_list:
+            {% for column in columns %}
+            {% if column.dict_type %}
+            if str(item.get('{{ column.python_field }}')) in {{ column.dict_type }}_option_dict.keys():
+                item['{{ column.python_field }}'] = {{ column.dict_type }}_option_dict.get(str(item.get('{{ column.python_field }}'))).get('label')
+            {% endif %}
+            {% endfor %}
+        {% endif %}
+        binary_data = ExcelUtil.export_list2excel({{ businessName }}_list, mapping_dict)
+
+        return binary_data

ruoyi-fastapi-backend/module_generator/templates/python/vo.py.jinja2

@@ -0,0 +1,167 @@
+{% set pkField = pkColumn.python_field %}
+{% set pk_field = pkColumn.python_field | camel_to_snake %}
+{% set pkParentheseIndex = pkColumn.column_comment.find("（") %}
+{% set pk_field_comment = pkColumn.column_comment[:pkParentheseIndex] if pkParentheseIndex != -1 else pkColumn.column_comment %}
+{% set vo_field_required = namespace(has_required=False) %}
+{% for column in columns %}
+{% if column.required %}
+    {% set vo_field_required.has_required = True %}
+{% endif %}
+{% endfor %}
+{% if table.sub %}
+{% set sub_vo_field_required = namespace(has_required=False) %}
+{% for sub_column in subTable.columns %}
+{% if sub_column.required %}
+    {% set sub_vo_field_required.has_required = True %}
+{% endif %}
+{% endfor %}
+{% endif %}
+{% for vo_import in voImportList %}
+{{ vo_import }}
+{% endfor %}
+from pydantic import BaseModel, ConfigDict, Field
+from pydantic.alias_generators import to_camel
+{% if vo_field_required.has_required %}
+from pydantic_validation_decorator import NotBlank
+{% endif %}
+{% if table.sub %}
+from typing import List, Optional
+{% else %}
+from typing import Optional
+{% endif %}
+from module_admin.annotation.pydantic_annotation import as_query
+
+
+{% if table.sub %}
+class {{ BusinessName }}BaseModel(BaseModel):
+    """
+    {{ functionName }}表对应pydantic模型
+    """
+
+    model_config = ConfigDict(alias_generator=to_camel, from_attributes=True)
+
+    {% for column in columns %}
+    {{ column.column_name }}: Optional[{{ column.python_type }}] = Field(default=None, description='{{ column.column_comment }}')
+    {% endfor %}
+
+    {% for column in columns %}
+    {% if column.required %}
+    {% set parentheseIndex = column.column_comment.find("（") %}
+    {% set comment = column.column_comment[:parentheseIndex] if parentheseIndex != -1 else column.column_comment %}
+    @NotBlank(field_name='{{ column.column_name }}', message='{{ comment }}不能为空')
+    def get_{{ column.column_name }}(self):
+        return self.{{ column.column_name }}
+    {% if not loop.last %}{{ "\n" }}{% endif %}
+    {% endif %}
+    {% endfor %}
+
+    {% if vo_field_required.has_required %}
+    def validate_fields(self):
+    {% for column in columns %}
+    {% if column.required %}
+        self.get_{{ column.column_name }}()
+    {% endif %}
+    {% endfor %}
+    {% endif %}
+{% endif %}
+
+
+class {{ BusinessName }}Model({% if table.sub %}{{ BusinessName }}BaseModel{% else %}BaseModel{% endif %}):
+    """
+    {{ functionName }}表对应pydantic模型
+    """
+    {% if not table.sub %}
+    model_config = ConfigDict(alias_generator=to_camel, from_attributes=True)
+
+    {% for column in columns %}
+    {{ column.column_name }}: Optional[{{ column.python_type }}] = Field(default=None, description='{{ column.column_comment }}')
+    {% endfor %}
+    {% endif %}
+    {% if table.sub %}
+    {{ subclassName }}_list: Optional[List['{{ subTable.business_name | capitalize }}Model']] = Field(default=None, description='子表列信息')
+    {% endif %}
+
+    {% if not table.sub %}
+    {% for column in columns %}
+    {% if column.required %}
+    {% set parentheseIndex = column.column_comment.find("（") %}
+    {% set comment = column.column_comment[:parentheseIndex] if parentheseIndex != -1 else column.column_comment %}
+    @NotBlank(field_name='{{ column.column_name }}', message='{{ comment }}不能为空')
+    def get_{{ column.column_name }}(self):
+        return self.{{ column.column_name }}
+    {% if not loop.last %}{{ "\n" }}{% endif %}
+    {% endif %}
+    {% endfor %}
+
+    {% if vo_field_required.has_required %}
+    def validate_fields(self):
+    {% for column in columns %}
+    {% if column.required %}
+        self.get_{{ column.column_name }}()
+    {% endif %}
+    {% endfor %}
+    {% endif %}
+    {% endif %}
+
+
+{% if table.sub %}
+class {{ subTable.business_name | capitalize }}Model(BaseModel):
+    """
+    {{ subTable.function_name }}表对应pydantic模型
+    """
+
+    model_config = ConfigDict(alias_generator=to_camel, from_attributes=True)
+
+    {% for sub_column in subTable.columns %}
+    {{ sub_column.column_name }}: Optional[{{ sub_column.python_type }}] = Field(default=None, description='{{ sub_column.column_comment}}')
+    {% endfor %}
+
+    {% for sub_column in subTable.columns %}
+    {% if sub_column.required %}
+    {% set parentheseIndex = sub_column.column_comment.find("（") %}
+    {% set comment = sub_column.column_comment[:parentheseIndex] if parentheseIndex != -1 else sub_column.column_comment %}
+    @NotBlank(field_name='{{ sub_column.column_name }}', message='{{ comment }}不能为空')
+    def get_{{ sub_column.column_name }}(self):
+        return self.{{ sub_column.column_name }}
+    {% if not loop.last %}{{ "\n" }}{% endif %}
+    {% endif %}
+    {% endfor %}
+
+    {% if sub_vo_field_required.has_required %}
+    def validate_fields(self):
+    {% for sub_column in subTable.columns %}
+    {% if sub_column.required %}
+        self.get_{{ sub_column.column_name }}()
+    {% endif %}
+    {% endfor %}
+    {% endif %}
+{% endif %}
+
+
+class {{ BusinessName }}QueryModel({% if table.sub %}{{ BusinessName }}BaseModel{% else %}{{ BusinessName }}Model{% endif %}):
+    """
+    {{ functionName }}不分页查询模型
+    """
+
+    begin_time: Optional[str] = Field(default=None, description='开始时间')
+    end_time: Optional[str] = Field(default=None, description='结束时间')
+
+
+@as_query
+class {{ BusinessName }}PageQueryModel({{ BusinessName }}QueryModel):
+    """
+    {{ functionName }}分页查询模型
+    """
+
+    page_num: int = Field(default=1, description='当前页码')
+    page_size: int = Field(default=10, description='每页记录数')
+
+
+class Delete{{ BusinessName }}Model(BaseModel):
+    """
+    删除{{ functionName }}模型
+    """
+
+    model_config = ConfigDict(alias_generator=to_camel)
+
+    {{ pk_field }}s: str = Field(description='需要删除的{{ pk_field_comment }}')

ruoyi-fastapi-backend/module_generator/templates/sql/sql.jinja2

@@ -0,0 +1,47 @@
+{% if dbType == 'postgresql' %}
+-- 菜单 SQL
+insert into sys_menu (menu_name, parent_id, order_num, path, component, is_frame, is_cache, menu_type, visible, status, perms, icon, create_by, create_time, update_by, update_time, remark)
+values('{{ functionName }}', '{{ parentMenuId }}', '1', '{{ businessName }}', '{{ moduleName }}/{{ businessName }}/index', 1, 0, 'C', '0', '0', '{{ permissionPrefix }}:list', '#', 'admin', current_timestamp, '', null, '{{ functionName }}菜单');
+
+-- 按钮父菜单ID
+select max(menu_id) from sys_menu;
+
+-- 按钮 SQL
+insert into sys_menu (menu_name, parent_id, order_num, path, component, is_frame, is_cache, menu_type, visible, status, perms, icon, create_by, create_time, update_by, update_time, remark)
+values('{{ functionName }}查询', max(menu_id), '1',  '#', '', 1, 0, 'F', '0', '0', '{{ permissionPrefix }}:query',        '#', 'admin', current_timestamp, '', null, '');
+
+insert into sys_menu (menu_name, parent_id, order_num, path, component, is_frame, is_cache, menu_type, visible, status, perms, icon, create_by, create_time, update_by, update_time, remark)
+values('{{ functionName }}新增', max(menu_id), '2',  '#', '', 1, 0, 'F', '0', '0', '{{ permissionPrefix }}:add',          '#', 'admin', current_timestamp, '', null, '');
+
+insert into sys_menu (menu_name, parent_id, order_num, path, component, is_frame, is_cache, menu_type, visible, status, perms, icon, create_by, create_time, update_by, update_time, remark)
+values('{{ functionName }}修改', max(menu_id), '3',  '#', '', 1, 0, 'F', '0', '0', '{{ permissionPrefix }}:edit',         '#', 'admin', current_timestamp, '', null, '');
+
+insert into sys_menu (menu_name, parent_id, order_num, path, component, is_frame, is_cache, menu_type, visible, status, perms, icon, create_by, create_time, update_by, update_time, remark)
+values('{{ functionName }}删除', max(menu_id), '4',  '#', '', 1, 0, 'F', '0', '0', '{{ permissionPrefix }}:remove',       '#', 'admin', current_timestamp, '', null, '');
+
+insert into sys_menu (menu_name, parent_id, order_num, path, component, is_frame, is_cache, menu_type, visible, status, perms, icon, create_by, create_time, update_by, update_time, remark)
+values('{{ functionName }}导出', max(menu_id), '5',  '#', '', 1, 0, 'F', '0', '0', '{{ permissionPrefix }}:export',       '#', 'admin', current_timestamp, '', null, '');
+{% else %}
+-- 菜单 SQL
+insert into sys_menu (menu_name, parent_id, order_num, path, component, is_frame, is_cache, menu_type, visible, status, perms, icon, create_by, create_time, update_by, update_time, remark)
+values('{{ functionName }}', '{{ parentMenuId }}', '1', '{{ businessName }}', '{{ moduleName }}/{{ businessName }}/index', 1, 0, 'C', '0', '0', '{{ permissionPrefix }}:list', '#', 'admin', sysdate(), '', null, '{{ functionName }}菜单');
+
+-- 按钮父菜单ID
+SELECT @parentId := LAST_INSERT_ID();
+
+-- 按钮 SQL
+insert into sys_menu (menu_name, parent_id, order_num, path, component, is_frame, is_cache, menu_type, visible, status, perms, icon, create_by, create_time, update_by, update_time, remark)
+values('{{ functionName }}查询', @parentId, '1',  '#', '', 1, 0, 'F', '0', '0', '{{ permissionPrefix }}:query',        '#', 'admin', sysdate(), '', null, '');
+
+insert into sys_menu (menu_name, parent_id, order_num, path, component, is_frame, is_cache, menu_type, visible, status, perms, icon, create_by, create_time, update_by, update_time, remark)
+values('{{ functionName }}新增', @parentId, '2',  '#', '', 1, 0, 'F', '0', '0', '{{ permissionPrefix }}:add',          '#', 'admin', sysdate(), '', null, '');
+
+insert into sys_menu (menu_name, parent_id, order_num, path, component, is_frame, is_cache, menu_type, visible, status, perms, icon, create_by, create_time, update_by, update_time, remark)
+values('{{ functionName }}修改', @parentId, '3',  '#', '', 1, 0, 'F', '0', '0', '{{ permissionPrefix }}:edit',         '#', 'admin', sysdate(), '', null, '');
+
+insert into sys_menu (menu_name, parent_id, order_num, path, component, is_frame, is_cache, menu_type, visible, status, perms, icon, create_by, create_time, update_by, update_time, remark)
+values('{{ functionName }}删除', @parentId, '4',  '#', '', 1, 0, 'F', '0', '0', '{{ permissionPrefix }}:remove',       '#', 'admin', sysdate(), '', null, '');
+
+insert into sys_menu (menu_name, parent_id, order_num, path, component, is_frame, is_cache, menu_type, visible, status, perms, icon, create_by, create_time, update_by, update_time, remark)
+values('{{ functionName }}导出', @parentId, '5',  '#', '', 1, 0, 'F', '0', '0', '{{ permissionPrefix }}:export',       '#', 'admin', sysdate(), '', null, '');
+{% endif %}

ruoyi-fastapi-backend/module_generator/templates/vue/index-tree.vue.jinja2

@@ -0,0 +1,491 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
+      {% for column in columns %}
+      {% if column.query %}
+      {% set dictType = column.dict_type %}
+      {% set AttrName = column.python_field[0] | upper + column.python_field[1:] %}
+      {% set parentheseIndex = column.column_comment.find("（") %}
+      {% set comment = column.column_comment[:parentheseIndex] if parentheseIndex != -1 else column.column_comment %}
+      {% if column.html_type == "input" %}
+      <el-form-item label="{{ comment }}" prop="{{ column.python_field }}">
+        <el-input
+          v-model="queryParams.{{ column.python_field }}"
+          placeholder="请输入{{ comment }}"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      {% elif (column.html_type == "select" or column.html_type == "radio") and dictType %}
+      <el-form-item label="{{ comment }}" prop="{{ column.python_field }}">
+        <el-select v-model="queryParams.{{ column.python_field }}" placeholder="请选择{{ comment }}" clearable>
+          <el-option
+            v-for="dict in dict.type.{{ dictType }}"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          />
+        </el-select>
+      </el-form-item>
+      {% elif (column.html_type == "select" or column.html_type == "radio") and not dictType %}
+      <el-form-item label="{{ comment }}" prop="{{ column.python_field }}">
+        <el-select v-model="queryParams.{{ column.python_field }}" placeholder="请选择{{ comment }}" clearable>
+          <el-option label="请选择字典生成" value="" />
+        </el-select>
+      </el-form-item>
+      {% elif column.html_type == "datetime" and column.query_type != "BETWEEN" %}
+      <el-form-item label="{{ comment }}" prop="{{ column.python_field }}">
+        <el-date-picker clearable
+          v-model="queryParams.{{ column.python_field }}"
+          type="date"
+          value-format="yyyy-MM-dd"
+          placeholder="请选择{{ comment }}">
+        </el-date-picker>
+      </el-form-item>
+      {% elif column.html_type == "datetime" and column.query_type == "BETWEEN" %}
+      <el-form-item label="{{ comment }}">
+        <el-date-picker
+          v-model="daterange{{ AttrName }}"
+          style="width: 240px"
+          value-format="yyyy-MM-dd"
+          type="daterange"
+          range-separator="-"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+        ></el-date-picker>
+      </el-form-item>
+      {% endif %}
+      {% endif %}
+      {% endfor %}
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="el-icon-plus"
+          size="mini"
+          @click="handleAdd"
+          v-hasPermi="['{{ moduleName }}:{{ businessName }}:add']"
+        >新增</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="info"
+          plain
+          icon="el-icon-sort"
+          size="mini"
+          @click="toggleExpandAll"
+        >展开/折叠</el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table
+      v-if="refreshTable"
+      v-loading="loading"
+      :data="{{ businessName }}List"
+      row-key="{{ treeCode }}"
+      :default-expand-all="isExpandAll"
+      :tree-props="{children: 'children', hasChildren: 'hasChildren'}"
+    >
+      {% for column in columns %}
+      {% set pythonField = column.python_field %}
+      {% set parentheseIndex = column.column_comment.find("（") %}
+      {% set comment = column.column_comment[:parentheseIndex] if parentheseIndex != -1 else column.column_comment %}
+      {% if column.pk %}
+      {% elif column.list and column.html_type == "datetime" %}
+      <el-table-column label="{{ comment }}" align="center" prop="{{ pythonField }}" width="180">
+        <template slot-scope="scope">
+          <span>{% raw %}{{{% endraw %} parseTime(scope.row.{{ pythonField }}, '{y}-{m}-{d}') {% raw %}}}{% endraw %}</span>
+        </template>
+      </el-table-column>
+      {% elif column.list and column.html_type == "imageUpload" %}
+      <el-table-column label="{{ comment }}" align="center" prop="{{ pythonField }}" width="100">
+        <template slot-scope="scope">
+          <image-preview :src="scope.row.{{ pythonField }}" :width="50" :height="50"/>
+        </template>
+      </el-table-column>
+      {% elif column.list and column.dict_type %}
+      <el-table-column label="{{ comment }}" align="center" prop="{{ pythonField }}">
+        <template slot-scope="scope">
+          {% if column.html_type == "checkbox" %}
+            <dict-tag :options="{{ column.dict_type }}" :value="scope.row.{{ pythonField }} ? scope.row.{{ pythonField }}.split(',') : []"/>
+          {% else %}
+            <dict-tag :options="{{ column.dict_type }}" :value="scope.row.{{ pythonField }}"/>
+          {% endif %}
+        </template>
+      </el-table-column>
+      {% elif column.list and pythonField %}
+      {% if loop.index == 1 %}
+      <el-table-column label="{{ comment }}" prop="{{ pythonField }}" />
+      {% else %}
+      <el-table-column label="{{ comment }}" align="center" prop="{{ pythonField }}" />
+      {% endif %}
+      {% endif %}
+      {% endfor %}
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="handleUpdate(scope.row)"
+            v-hasPermi="['{{ moduleName }}:{{ businessName }}:edit']"
+          >修改</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-plus"
+            @click="handleAdd(scope.row)"
+            v-hasPermi="['{{ moduleName }}:{{ businessName }}:add']"
+          >新增</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="handleDelete(scope.row)"
+            v-hasPermi="['{{ moduleName }}:{{ businessName }}:remove']"
+          >删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <!-- 添加或修改{{ functionName }}对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+      {% for column in columns %}
+      {% set field = column.python_field %}
+      {% if column.insert and not column.pk %}
+      {% if column.usable_column or not column.super_column %}
+      {% set parentheseIndex = column.column_comment.find("（") %}
+      {% set comment = column.column_comment[:parentheseIndex] if parentheseIndex != -1 else column.column_comment %}
+      {% set dictType = column.dict_type %}
+      {% if treeParentCode and column.python_field == treeParentCode %}
+      <el-form-item label="{{ comment }}" prop="{{ treeParentCode }}">
+        <treeselect v-model="form.{{ treeParentCode }}" :options="{{ businessName }}Options" :normalizer="normalizer" placeholder="请选择{{ comment }}" />
+      </el-form-item>
+      {% elif column.html_type == "input" %}
+      <el-form-item label="{{ comment }}" prop="{{ field }}">
+        <el-input v-model="form.{{ field }}" placeholder="请输入{{ comment }}" />
+      </el-form-item>
+      {% elif column.html_type == "imageUpload" %}
+      <el-form-item label="{{ comment }}" prop="{{ field }}">
+        <image-upload v-model="form.{{ field }}"/>
+      </el-form-item>
+      {% elif column.html_type == "fileUpload" %}
+      <el-form-item label="{{ comment }}" prop="{{ field }}">
+        <file-upload v-model="form.{{ field }}"/>
+      </el-form-item>
+      {% elif column.html_type == "editor" %}
+      <el-form-item label="{{ comment }}" prop="{{ field }}">
+        <editor v-model="form.{{ field }}" :min-height="192"/>
+      </el-form-item>
+      {% elif column.html_type == "select" and dictType %}
+      <el-form-item label="{{ comment }}" prop="{{ field }}">
+        <el-select v-model="form.{{ field }}" placeholder="请选择{{ comment }}">
+          <el-option
+            v-for="dict in dict.type.{{ dictType }}"
+            :key="dict.value"
+            :label="dict.label"
+            {% if column.python_type == 'int' %}
+            :value="parseInt(dict.value)"
+            {% else %}
+            :value="dict.value"
+            {% endif %}
+          ></el-option>
+        </el-select>
+      </el-form-item>
+      {% elif column.html_type == "select" and not dictType %}
+      <el-form-item label="{{ comment }}" prop="{{ field }}">
+        <el-select v-model="form.{{ field }}" placeholder="请选择{{ comment }}">
+          <el-option label="请选择字典生成" value="" />
+        </el-select>
+      </el-form-item>
+      {% elif column.html_type == "checkbox" and dictType %}
+      <el-form-item label="{{ comment }}" prop="{{ field }}">
+        <el-checkbox-group v-model="form.{{ field }}">
+          <el-checkbox
+            v-for="dict in dict.type.{{ dictType }}"
+            :key="dict.value"
+            :label="dict.value">
+            {% raw %}{{{% endraw %} dict.label {% raw %}}}{% endraw %}
+          </el-checkbox>
+        </el-checkbox-group>
+      </el-form-item>
+      {% elif column.html_type == "checkbox" and not dictType %}
+      <el-form-item label="{{ comment }}" prop="{{ field }}">
+        <el-checkbox-group v-model="form.{{ field }}">
+          <el-checkbox>请选择字典生成</el-checkbox>
+        </el-checkbox-group>
+      </el-form-item>
+      {% elif column.html_type == "radio" and dictType %}
+      <el-form-item label="{{ comment }}" prop="{{ field }}">
+        <el-radio-group v-model="form.{{ field }}">
+          <el-radio
+            v-for="dict in dict.type.{{ dictType }}"
+            :key="dict.value"
+            {% if column.python_type == 'int' %}
+            :label="parseInt(dict.value)"
+            {% else %}
+            :label="dict.value"
+            {% endif %}>
+            {% raw %}{{{% endraw %} dict.label {% raw %}}}{% endraw %}
+          </el-radio>
+        </el-radio-group>
+      </el-form-item>
+      {% elif column.html_type == "radio" and not dictType %}
+      <el-form-item label="{{ comment }}" prop="{{ field }}">
+        <el-radio-group v-model="form.{{ field }}">
+          <el-radio label="请选择字典生成" value="" />
+        </el-radio-group>
+      </el-form-item>
+      {% elif column.html_type == "datetime" %}
+      <el-form-item label="{{ comment }}" prop="{{ field }}">
+        <el-date-picker clearable
+          v-model="form.{{ field }}"
+          type="date"
+          value-format="yyyy-MM-d"
+          placeholder="请选择{{ comment }}">
+        </el-date-picker>
+      </el-form-item>
+      {% elif column.html_type == "textarea" %}
+      <el-form-item label="{{ comment }}" prop="{{ field }}">
+        <el-input v-model="form.{{ field }}" type="textarea" placeholder="请输入内容" />
+      </el-form-item>
+      {% endif %}
+      {% endif %}
+      {% endif %}
+      {% endfor %}
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { list{{ BusinessName }}, get{{ BusinessName }}, del{{ BusinessName }}, add{{ BusinessName }}, update{{ BusinessName }} } from "@/api/{{ moduleName }}/{{ businessName }}";
+import Treeselect from "@riophae/vue-treeselect";
+import "@riophae/vue-treeselect/dist/vue-treeselect.css";
+
+export default {
+  name: "{{ BusinessName }}",
+  {% if dicts %}
+  dicts: [{{ dicts }}],
+  {% endif %}
+  components: {
+    Treeselect
+  },
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 显示搜索条件
+      showSearch: true,
+      // {{ functionName }}表格数据
+      {{ businessName }}List: [],
+      // {{ functionName }}树选项
+      {{ businessName }}Options: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 是否展开，默认全部展开
+      isExpandAll: true,
+      // 重新渲染表格状态
+      refreshTable: true,
+      {% for column in columns %}
+      {% if column.html_type == "datetime" and column.query_type == "BETWEEN" %}
+      {% set AttrName = column.python_field[0] | upper + column.python_field[1:] %}
+      // {{ comment }}时间范围
+      daterange{{ AttrName }}: [],
+      {% endif %}
+      {% endfor %}
+      // 查询参数
+      queryParams: {
+        {% for column in columns %}
+        {% if column.query %}
+        {{ column.python_field }}: null,
+        {% endif %}
+        {% endfor %}
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+        {% for column in columns %}
+        {% if column.required %}
+        {% set parentheseIndex = column.column_comment.find("（") %}
+        {% set comment = column.column_comment[:parentheseIndex] if parentheseIndex != -1 else column.column_comment %}
+        {{ column.python_field }}: [
+          { required: true, message: "{{ comment }}不能为空", trigger: "{% if column.html_type == 'select' or column.html_type == 'radio' %}change{% else %}blur{% endif %}" }
+        ],
+        {% endif %}
+        {% endfor %}
+      }
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    /** 查询{{ functionName }}列表 */
+    getList() {
+      this.loading = true;
+      {% for column in columns %}
+      {% if column.html_type == "datetime" and column.query_type == "BETWEEN" %}
+      this.queryParams.params = {};
+      {% endif %}
+      {% endfor %}
+      {% for column in columns %}
+      {% if column.html_type == "datetime" and column.query_type == "BETWEEN" %}
+      {% set AttrName = column.python_field[0] | upper + column.python_field[1:] %}
+      if (null != this.daterange{{ AttrName }} && '' != this.daterange{{ AttrName }}) {
+        this.queryParams.params["begin{{ AttrName }}"] = this.daterange{{ AttrName }}[0];
+        this.queryParams.params["end{{ AttrName }}"] = this.daterange{{ AttrName }}[1];
+      }
+      {% endif %}
+      {% endfor %}
+      list{{ BusinessName }}(this.queryParams).then(response => {
+        this.{{ businessName }}List = this.handleTree(response.data, "{{ treeCode }}", "{{ treeParentCode }}");
+        this.loading = false;
+      });
+    },
+    /** 转换{{ functionName }}数据结构 */
+    normalizer(node) {
+      if (node.children && !node.children.length) {
+        delete node.children;
+      }
+      return {
+        id: node.{{ treeCode }},
+        label: node.{{ treeName }},
+        children: node.children
+      };
+    },
+    /** 查询{{ functionName }}下拉树结构 */
+    getTreeselect() {
+      list{{ BusinessName }}().then(response => {
+        this.{{ businessName }}Options = [];
+        const data = { {{ treeCode }}: 0, {{ treeName }}: '顶级节点', children: [] };
+        data.children = this.handleTree(response.data, "{{ treeCode }}", "{{ treeParentCode }}");
+        this.{{ businessName }}Options.push(data);
+      });
+    },
+    /** 取消按钮 */
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    /** 表单重置 */
+    reset() {
+      this.form = {
+        {% for column in columns %}
+        {% if column.html_type == "checkbox" %}
+        {{ column.python_field }}: [],
+        {% else %}
+        {{ column.python_field }}: null,
+        {% endif %}
+        {% endfor %}
+      };
+      this.resetForm("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      {% for column in columns %}
+      {% if column.html_type == "datetime" and column.query_type == "BETWEEN" %}
+      {% set AttrName = column.python_field[0] | upper + column.python_field[1:] %}
+      this.daterange{{ AttrName }} = [];
+      {% endif %}
+      {% endfor %}
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    /** 新增按钮操作 */
+    handleAdd(row) {
+      this.reset();
+      this.getTreeselect();
+      if (row != null && row.{{ treeCode }}) {
+        this.form.{{ treeParentCode }} = row.{{ treeCode }};
+      } else {
+        this.form.{{ treeParentCode }} = 0;
+      }
+      this.open = true;
+      this.title = "添加{{ functionName }}";
+    },
+    /** 展开/折叠操作 */
+    toggleExpandAll() {
+      this.refreshTable = false;
+      this.isExpandAll = !isExpandAll;
+      nextTick(() => {
+        this.refreshTable = true;
+      });
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset();
+      this.getTreeselect();
+      if (row != null) {
+        this.form.{{ treeParentCode }} = row.{{ treeParentCode }};
+      }
+      get{{ BusinessName }}(row.{{ pkColumn.python_field }}).then(response => {
+        this.form = response.data;
+        {% for column in columns %}
+        {% if column.html_type == "checkbox" %}
+        this.form.{{ column.python_field }} = this.form.{{ column.python_field }}.split(",");
+        {% endif %}
+        {% endfor %}
+        this.open = true;
+        this.title = "修改{{ functionName }}";
+      });
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          {% for column in columns %}
+          {% if column.html_type == "checkbox" %}
+          this.form.{{ column.python_field }} = this.form.{{ column.python_field }}.join(",");
+          {% endif %}
+          {% endfor %}
+          if (this.form.{{ pkColumn.python_field }} != null) {
+            update{{ BusinessName }}(this.form).then(response => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            add{{ BusinessName }}(this.form).then(response => {
+              this.$modal.msgSuccess("新增成功");
+              this.open = false;
+              this.getList();
+            });
+          }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      this.$modal.confirm('是否确认删除{{ functionName }}编号为"' + row.{{ pkColumn.python_field }} + '"的数据项？').then(function() {
+        return del{{ BusinessName }}(row.{{ pkColumn.python_field }});
+      }).then(() => {
+        this.getList();
+        this.$modal.msgSuccess("删除成功");
+      }).catch(() => {});
+    }
+  },
+};
+</script>

ruoyi-fastapi-backend/module_generator/templates/vue/index.vue.jinja2

@@ -0,0 +1,586 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
+      {% for column in columns %}
+      {% if column.query %}
+      {% set dictType = column.dict_type %}
+      {% set AttrName = column.python_field[0] | upper + column.python_field[1:] %}
+      {% set parentheseIndex = column.column_comment.find("（") %}
+      {% set comment = column.column_comment[:parentheseIndex] if parentheseIndex != -1 else column.column_comment %}
+      {% if column.html_type == "input" %}
+      <el-form-item label="{{ comment }}" prop="{{ column.python_field }}">
+        <el-input
+          v-model="queryParams.{{ column.python_field }}"
+          placeholder="请输入{{ comment }}"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      {% elif (column.html_type == "select" or column.html_type == "radio") and dictType %}
+      <el-form-item label="{{ comment }}" prop="{{ column.python_field }}">
+        <el-select v-model="queryParams.{{ column.python_field }}" placeholder="请选择{{ comment }}" clearable>
+          <el-option
+            v-for="dict in dict.type.{{ dictType }}"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          />
+        </el-select>
+      </el-form-item>
+      {% elif (column.html_type == "select" or column.html_type == "radio") and not dictType %}
+      <el-form-item label="{{ comment }}" prop="{{ column.python_field }}">
+        <el-select v-model="queryParams.{{ column.python_field }}" placeholder="请选择{{ comment }}" clearable>
+          <el-option label="请选择字典生成" value="" />
+        </el-select>
+      </el-form-item>
+      {% elif column.html_type == "datetime" and column.query_type != "BETWEEN" %}
+      <el-form-item label="{{ comment }}" prop="{{ column.python_field }}">
+        <el-date-picker clearable
+          v-model="queryParams.{{ column.python_field }}"
+          type="date"
+          value-format="yyyy-MM-dd"
+          placeholder="请选择{{ comment }}">
+        </el-date-picker>
+      </el-form-item>
+      {% elif column.html_type == "datetime" and column.query_type == "BETWEEN" %}
+      <el-form-item label="{{ comment }}">
+        <el-date-picker
+          v-model="daterange{{ AttrName }}"
+          style="width: 240px"
+          value-format="yyyy-MM-dd"
+          type="daterange"
+          range-separator="-"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+        ></el-date-picker>
+      </el-form-item>
+      {% endif %}
+      {% endif %}
+      {% endfor %}
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="el-icon-plus"
+          size="mini"
+          @click="handleAdd"
+          v-hasPermi="['{{ moduleName }}:{{ businessName }}:add']"
+        >新增</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="success"
+          plain
+          icon="el-icon-edit"
+          :disabled="single"
+          @click="handleUpdate"
+          v-hasPermi="['{{ moduleName }}:{{ businessName }}:edit']"
+        >修改</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="danger"
+          plain
+          icon="el-icon-delete"
+          :disabled="multiple"
+          @click="handleDelete"
+          v-hasPermi="['{{ moduleName }}:{{ businessName }}:remove']"
+        >删除</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="warning"
+          plain
+          icon="el-icon-download"
+          @click="handleExport"
+          v-hasPermi="['{{ moduleName }}:{{ businessName }}:export']"
+        >导出</el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="{{ businessName }}List" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      {% for column in columns %}
+      {% set pythonField = column.python_field %}
+      {% set parentheseIndex = column.column_comment.find("（") %}
+      {% set comment = column.column_comment[:parentheseIndex] if parentheseIndex != -1 else column.column_comment %}
+      {% if column.pk %}
+      <el-table-column label="{{ comment }}" align="center" prop="{{ pythonField }}" />
+      {% elif column.list and column.html_type == "datetime" %}
+      <el-table-column label="{{ comment }}" align="center" prop="{{ pythonField }}" width="180">
+        <template slot-scope="scope">
+          <span>{% raw %}{{{% endraw %} parseTime(scope.row.{{ pythonField }}, '{y}-{m}-{d}') {% raw %}}}{% endraw %}</span>
+        </template>
+      </el-table-column>
+      {% elif column.list and column.html_type == "imageUpload" %}
+      <el-table-column label="{{ comment }}" align="center" prop="{{ pythonField }}" width="100">
+        <template slot-scope="scope">
+          <image-preview :src="scope.row.{{ pythonField }}" :width="50" :height="50"/>
+        </template>
+      </el-table-column>
+      {% elif column.list and column.dict_type %}
+      <el-table-column label="{{ comment }}" align="center" prop="{{ pythonField }}">
+        <template slot-scope="scope">
+          {% if column.html_type == "checkbox" %}
+            <dict-tag :options="{{ column.dict_type }}" :value="scope.row.{{ pythonField }} ? scope.row.{{ pythonField }}.split(',') : []"/>
+          {% else %}
+            <dict-tag :options="{{ column.dict_type }}" :value="scope.row.{{ pythonField }}"/>
+          {% endif %}
+        </template>
+      </el-table-column>
+      {% elif column.list and pythonField %}
+      <el-table-column label="{{ comment }}" align="center" prop="{{ pythonField }}" />
+      {% endif %}
+      {% endfor %}
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="handleUpdate(scope.row)"
+            v-hasPermi="['{{ moduleName }}:{{ businessName }}:edit']"
+          >修改</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="handleDelete(scope.row)"
+            v-hasPermi="['{{ moduleName }}:{{ businessName }}:remove']"
+          >删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+
+    <!-- 添加或修改{{ functionName }}对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+      {% for column in columns %}
+      {% set field = column.python_field %}
+      {% if column.insert and not column.pk %}
+      {% if column.usable_column or not column.super_column %}
+      {% set parentheseIndex = column.column_comment.find("（") %}
+      {% set comment = column.column_comment[:parentheseIndex] if parentheseIndex != -1 else column.column_comment %}
+      {% set dictType = column.dict_type %}
+      {% if column.html_type == "input" %}
+      <el-form-item label="{{ comment }}" prop="{{ field }}">
+        <el-input v-model="form.{{ field }}" placeholder="请输入{{ comment }}" />
+      </el-form-item>
+      {% elif column.html_type == "imageUpload" %}
+      <el-form-item label="{{ comment }}" prop="{{ field }}">
+        <image-upload v-model="form.{{ field }}"/>
+      </el-form-item>
+      {% elif column.html_type == "fileUpload" %}
+      <el-form-item label="{{ comment }}" prop="{{ field }}">
+        <file-upload v-model="form.{{ field }}"/>
+      </el-form-item>
+      {% elif column.html_type == "editor" %}
+      <el-form-item label="{{ comment }}" prop="{{ field }}">
+        <editor v-model="form.{{ field }}" :min-height="192"/>
+      </el-form-item>
+      {% elif column.html_type == "select" and dictType %}
+      <el-form-item label="{{ comment }}" prop="{{ field }}">
+        <el-select v-model="form.{{ field }}" placeholder="请选择{{ comment }}">
+          <el-option
+            v-for="dict in dict.type.{{ dictType }}"
+            :key="dict.value"
+            :label="dict.label"
+            {% if column.python_type == 'int' %}
+            :value="parseInt(dict.value)"
+            {% else %}
+            :value="dict.value"
+            {% endif %}
+          ></el-option>
+        </el-select>
+      </el-form-item>
+      {% elif column.html_type == "select" and not dictType %}
+      <el-form-item label="{{ comment }}" prop="{{ field }}">
+        <el-select v-model="form.{{ field }}" placeholder="请选择{{ comment }}">
+          <el-option label="请选择字典生成" value="" />
+        </el-select>
+      </el-form-item>
+      {% elif column.html_type == "checkbox" and dictType %}
+      <el-form-item label="{{ comment }}" prop="{{ field }}">
+        <el-checkbox-group v-model="form.{{ field }}">
+          <el-checkbox
+            v-for="dict in dict.type.{{ dictType }}"
+            :key="dict.value"
+            :label="dict.value">
+            {{ dict.label }}
+          </el-checkbox>
+        </el-checkbox-group>
+      </el-form-item>
+      {% elif column.html_type == "checkbox" and not dictType %}
+      <el-form-item label="{{ comment }}" prop="{{ field }}">
+        <el-checkbox-group v-model="form.{{ field }}">
+          <el-checkbox>请选择字典生成</el-checkbox>
+        </el-checkbox-group>
+      </el-form-item>
+      {% elif column.html_type == "radio" and dictType %}
+      <el-form-item label="{{ comment }}" prop="{{ field }}">
+        <el-radio-group v-model="form.{{ field }}">
+          <el-radio
+            v-for="dict in dict.type.{{ dictType }}"
+            :key="dict.value"
+            {% if column.python_type == 'int' %}
+            :label="parseInt(dict.value)"
+            {% else %}
+            :label="dict.value"
+            {% endif %}>
+            {% raw %}{{{% endraw %} dict.label {% raw %}}}{% endraw %}
+          </el-radio>
+        </el-radio-group>
+      </el-form-item>
+      {% elif column.html_type == "radio" and not dictType %}
+      <el-form-item label="{{ comment }}" prop="{{ field }}">
+        <el-radio-group v-model="form.{{ field }}">
+          <el-radio label="请选择字典生成" value="" />
+        </el-radio-group>
+      </el-form-item>
+      {% elif column.html_type == "datetime" %}
+      <el-form-item label="{{ comment }}" prop="{{ field }}">
+        <el-date-picker clearable
+          v-model="form.{{ field }}"
+          type="date"
+          value-format="yyyy-MM-dd"
+          placeholder="请选择{{ comment }}">
+        </el-date-picker>
+      </el-form-item>
+      {% elif column.html_type == "textarea" %}
+      <el-form-item label="{{ comment }}" prop="{{ field }}">
+        <el-input v-model="form.{{ field }}" type="textarea" placeholder="请输入内容" />
+      </el-form-item>
+      {% endif %}
+      {% endif %}
+      {% endif %}
+      {% endfor %}
+
+      {% if table.sub %}
+      <el-divider content-position="center">{{ subTable.functionName }}信息</el-divider>
+      <el-row :gutter="10" class="mb8">
+        <el-col :span="1.5">
+          <el-button type="primary" icon="el-icon-plus" size="mini" @click="handleAdd{{ subClassName }}">添加</el-button>
+        </el-col>
+        <el-col :span="1.5">
+          <el-button type="danger" icon="el-icon-delete" size="mini" @click="handleDelete{{ subClassName }}">删除</el-button>
+        </el-col>
+      </el-row>
+      <el-table :data="{{ subclassName }}List" :row-class-name="row{{ subClassName }}Index" @selection-change="handle{{ subClassName }}SelectionChange" ref="{{ subclassName }}">
+        <el-table-column type="selection" width="50" align="center" />
+        <el-table-column label="序号" align="center" prop="index" width="50"/>
+        {% for column in subTable.columns %}
+        {% set pythonField = column.python_field %}
+        {% set parentheseIndex = column.column_comment.find("（") %}
+        {% set comment = column.column_comment[:parentheseIndex] if parentheseIndex != -1 else column.column_comment %}
+        {% if column.pk or pythonField == subTableFkclassName %}
+        {% elif column.list and column.html_type == 'input' %}
+        <el-table-column label="{{ comment }}" prop="{{ pythonField }}" width="150">
+          <template slot-scope="scope">
+            <el-input v-model="scope.row.{{ pythonField }}" placeholder="请输入{{ comment }}" />
+          </template>
+        </el-table-column>
+        {% elif column.list and column.html_type == 'datetime' %}
+        <el-table-column label="{{ comment }}" prop="{{ pythonField }}" width="240">
+          <template slot-scope="scope">
+            <el-date-picker clearable
+              v-model="scope.row.{{ pythonField }}"
+              type="date"
+              value-format="yyyy-MM-dd"
+              placeholder="请选择{{ comment }}">
+            </el-date-picker>
+          </template>
+        </el-table-column>
+        {% elif column.list and (column.html_type == 'select' or column.html_type == 'radio') and column.dict_type %}
+        <el-table-column label="{{ comment }}" prop="{{ pythonField }}" width="150">
+          <template slot-scope="scope">
+            <el-select v-model="scope.row.{{ pythonField }}" placeholder="请选择{{ comment }}">
+              <el-option
+                v-for="dict in dict.type.{{ column.dict_type }}"
+                :key="dict.value"
+                :label="dict.label"
+                :value="dict.value"
+              ></el-option>
+            </el-select>
+          </template>
+        </el-table-column>
+        {% elif column.list and (column.html_type == 'select' or column.html_type == 'radio') and not column.dict_type %}
+        <el-table-column label="{{ comment }}" prop="{{ pythonField }}" width="150">
+          <template slot-scope="scope">
+            <el-select v-model="scope.row.{{ pythonField }}" placeholder="请选择{{ comment }}">
+              <el-option label="请选择字典生成" value="" />
+            </el-select>
+          </template>
+        </el-table-column>
+        {% endif %}
+        {% endfor %}
+      </el-table>
+      {% endif %}
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { list{{ BusinessName }}, get{{ BusinessName }}, del{{ BusinessName }}, add{{ BusinessName }}, update{{ BusinessName }} } from "@/api/{{ moduleName }}/{{ businessName }}";
+
+export default {
+  name: "{{ BusinessName }}",
+  {% if dicts %}
+  dicts: [{{ dicts }}],
+  {% endif %}
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      {% if table.sub %}
+      checked{{ subClassName }}: [],
+      {% endif %}
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // {{ functionName }}表格数据
+      {{ businessName }}List: [],
+      {% if table.sub %}
+      // {{ subTable.functionName }}表格数据
+      {{ subclassName }}List: [],
+      {% endif %}
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      {% for column in columns %}
+      {% if column.html_type == "datetime" and column.query_type == "BETWEEN" %}
+      {% set AttrName = column.python_field[0] | upper + column.python_field[1:] %}
+      // {{ comment }}时间范围
+      daterange{{ AttrName }}: [],
+      {% endif %}
+      {% endfor %}
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        {% for column in columns %}
+        {% if column.query %}
+        {{ column.python_field }}: null,
+        {% endif %}
+        {% endfor %}
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+        {% for column in columns %}
+        {% if column.required %}
+        {% set parentheseIndex = column.column_comment.find("（") %}
+        {% set comment = column.column_comment[:parentheseIndex] if parentheseIndex != -1 else column.column_comment %}
+        {{ column.python_field }}: [
+          { required: true, message: "{{ comment }}不能为空", trigger: "{% if column.html_type == 'select' or column.html_type == 'radio' %}change{% else %}blur{% endif %}" }
+        ],
+        {% endif %}
+        {% endfor %}
+      }
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    /** 查询{{ functionName }}列表 */
+    getList() {
+      this.loading = true;
+      {% for column in columns %}
+      {% if column.html_type == "datetime" and column.query_type == "BETWEEN" %}
+      this.queryParams.params = {};
+      {% endif %}
+      {% endfor %}
+      {% for column in columns %}
+      {% if column.html_type == "datetime" and column.query_type == "BETWEEN" %}
+      {% set AttrName = column.python_field[0] | upper + column.python_field[1:] %}
+      if (null != this.daterange{{ AttrName }} && '' != this.daterange{{ AttrName }}) {
+        this.queryParams.params["begin{{ AttrName }}"] = this.daterange{{ AttrName }}[0];
+        this.queryParams.params["end{{ AttrName }}"] = this.daterange{{ AttrName }}[1];
+      }
+      {% endif %}
+      {% endfor %}
+      list{{ BusinessName }}(this.queryParams).then(response => {
+        this.{{ businessName }}List = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    /** 取消按钮 */
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    /** 表单重置 */
+    reset() {
+      this.form = {
+        {% for column in columns %}
+        {% if column.html_type == "checkbox" %}
+        {{ column.python_field }}: [],
+        {% else %}
+        {{ column.python_field }}: null,
+        {% endif %}
+        {% endfor %}
+      };
+      {% if table.sub %}
+      this.{{ subclassName }}List = [];
+      {% endif %}
+      this.resetForm("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      {% for column in columns %}
+      {% if column.html_type == "datetime" and column.query_type == "BETWEEN" %}
+      {% set AttrName = column.python_field[0] | upper + column.python_field[1:] %}
+      this.daterange{{ AttrName }} = [];
+      {% endif %}
+      {% endfor %}
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    /** 多选框选中数据  */
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.{{ pkColumn.python_field }});
+      this.single = selection.length != 1;
+      this.multiple = !selection.length;
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset();
+      this.open = true;
+      this.title = "添加{{ functionName }}";
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset();
+      const {{ pkColumn.python_field }} = row.{{ pkColumn.python_field }} || this.ids;
+      get{{ BusinessName }}({{ pkColumn.python_field }}).then(response => {
+        this.form = response.data;
+        {% for column in columns %}
+        {% if column.html_type == "checkbox" %}
+        this.form.{{ column.python_field }} = this.form.{{ column.python_field }}.split(",");
+        {% endif %}
+        {% endfor %}
+        {% if table.sub %}
+        this.{{ subclassName }}List = response.data.{{ subclassName }}List;
+        {% endif %}
+        this.open = true;
+        this.title = "修改{{ functionName }}";
+      });
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          {% for column in columns %}
+          {% if column.html_type == "checkbox" %}
+          this.form.{{ column.python_field }} = this.form.{{ column.python_field }}.join(",");
+          {% endif %}
+          {% endfor %}
+          {% if table.sub %}
+          this.form.{{ subclassName }}List = this.{{ subclassName }}List;
+          {% endif %}
+          if (this.form.{{ pkColumn.python_field }} != null) {
+            update{{ BusinessName }}(this.form).then(response => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            add{{ BusinessName }}(this.form).then(response => {
+              this.$modal.msgSuccess("新增成功");
+              this.open = false;
+              this.getList();
+            });
+          }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const {{ pkColumn.python_field }}s = row.{{ pkColumn.python_field }} || this.ids;
+      this.$modal.confirm('是否确认删除{{ functionName }}编号为"' + {{ pkColumn.python_field }}s + '"的数据项？').then(function() {
+        return del{{ BusinessName }}({{ pkColumn.python_field }}s);
+      }).then(() => {
+        this.getList();
+        this.$modal.msgSuccess("删除成功");
+      }).catch(() => {});
+    },
+    {% if table.sub %}
+    /** {{ subTable.functionName }}序号 */
+    row{{ subClassName }}Index({ row, rowIndex }) {
+      row.index = rowIndex + 1;
+    },
+    /** {{ subTable.functionName }}添加按钮操作 */
+    handleAdd{{ subClassName }}() {
+      let obj = {};
+      {% for column in subTable.columns %}
+      {% if column.pk or column.python_field == subTableFkclassName %}
+      {% elif column.list and column.python_field %}
+      obj.{{ column.python_field }} = "";
+      {% endif %}
+      {% endfor %}
+      this.{{ subclassName }}List.push(obj);
+    },
+    /** {{ subTable.functionName }}删除按钮操作 */
+    handleDelete{{ subClassName }}() {
+      if (this.checked{{ subClassName }}.length == 0) {
+        this.$modal.msgError("请先选择要删除的{{ subTable.functionName }}数据");
+      } else {
+        const {{ subclassName }}List = this.{{ subclassName }}List;
+        const checked{{ subClassName }} = this.checked{{ subClassName }};
+        this.{{ subclassName }}List = {{ subclassName }}List.filter(function(item) {
+          return checked{{ subClassName }}.indexOf(item.index) == -1
+        });
+      }
+    },
+    /** 复选框选中数据 */
+    handle{{ subClassName }}SelectionChange(selection) {
+      this.checked{{ subClassName }} = selection.map(item => item.index)
+    },
+    {% endif %}
+    /** 导出按钮操作 */
+    handleExport() {
+      this.download('{{ moduleName }}/{{ businessName }}/export', {
+        ...this.queryParams
+      }, `{{ businessName }}_${new Date().getTime()}.xlsx`);
+    }
+  },
+};
+</script>

ruoyi-fastapi-backend/module_generator/templates/vue/v3/index-tree.vue.jinja2

@@ -0,0 +1,454 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
+      {% for column in columns %}
+      {% if column.query %}
+      {% set dictType = column.dict_type %}
+      {% set AttrName = column.python_field[0] | upper + column.python_field[1:] %}
+      {% set parentheseIndex = column.column_comment.find("（") %}
+      {% set comment = column.column_comment[:parentheseIndex] if parentheseIndex != -1 else column.column_comment %}
+      {% if column.html_type == "input" %}
+      <el-form-item label="{{ comment }}" prop="{{ column.python_field }}">
+        <el-input
+          v-model="queryParams.{{ column.python_field }}"
+          placeholder="请输入{{ comment }}"
+          clearable
+          @keyup.enter="handleQuery"
+        />
+      </el-form-item>
+      {% elif (column.html_type == "select" or column.html_type == "radio") and dictType %}
+      <el-form-item label="{{ comment }}" prop="{{ column.python_field }}">
+        <el-select v-model="queryParams.{{ column.python_field }}" placeholder="请选择{{ comment }}" clearable>
+          <el-option
+            v-for="dict in {{ dictType }}"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          />
+        </el-select>
+      </el-form-item>
+      {% elif (column.html_type == "select" or column.html_type == "radio") and not dictType %}
+      <el-form-item label="{{ comment }}" prop="{{ column.python_field }}">
+        <el-select v-model="queryParams.{{ column.python_field }}" placeholder="请选择{{ comment }}" clearable>
+          <el-option label="请选择字典生成" value="" />
+        </el-select>
+      </el-form-item>
+      {% elif column.html_type == "datetime" and column.query_type != "BETWEEN" %}
+      <el-form-item label="{{ comment }}" prop="{{ column.python_field }}">
+        <el-date-picker clearable
+          v-model="queryParams.{{ column.python_field }}"
+          type="date"
+          value-format="YYYY-MM-DD"
+          placeholder="请选择{{ comment }}">
+        </el-date-picker>
+      </el-form-item>
+      {% elif column.html_type == "datetime" and column.query_type == "BETWEEN" %}
+      <el-form-item label="{{ comment }}" style="width: 308px">
+        <el-date-picker
+          v-model="daterange{{ AttrName }}"
+          value-format="YYYY-MM-DD"
+          type="daterange"
+          range-separator="-"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+        ></el-date-picker>
+      </el-form-item>
+      {% endif %}
+      {% endif %}
+      {% endfor %}
+      <el-form-item>
+        <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+        <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="Plus"
+          @click="handleAdd"
+          v-hasPermi="['{{ moduleName }}:{{ businessName }}:add']"
+        >新增</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="info"
+          plain
+          icon="Sort"
+          @click="toggleExpandAll"
+        >展开/折叠</el-button>
+      </el-col>
+      <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table
+      v-if="refreshTable"
+      v-loading="loading"
+      :data="{{ businessName }}List"
+      row-key="{{ treeCode }}"
+      :default-expand-all="isExpandAll"
+      :tree-props="{children: 'children', hasChildren: 'hasChildren'}"
+    >
+      {% for column in columns %}
+      {% set pythonField = column.python_field %}
+      {% set parentheseIndex = column.column_comment.find("（") %}
+      {% set comment = column.column_comment[:parentheseIndex] if parentheseIndex != -1 else column.column_comment %}
+      {% if column.pk %}
+      {% elif column.list and column.html_type == "datetime" %}
+      <el-table-column label="{{ comment }}" align="center" prop="{{ pythonField }}" width="180">
+        <template #default="scope">
+          <span>{% raw %}{{{% endraw %} parseTime(scope.row.{{ pythonField }}, '{y}-{m}-{d}') {% raw %}}}{% endraw %}</span>
+        </template>
+      </el-table-column>
+      {% elif column.list and column.html_type == "imageUpload" %}
+      <el-table-column label="{{ comment }}" align="center" prop="{{ pythonField }}" width="100">
+        <template #default="scope">
+          <image-preview :src="scope.row.{{ pythonField }}" :width="50" :height="50"/>
+        </template>
+      </el-table-column>
+      {% elif column.list and column.dict_type %}
+      <el-table-column label="{{ comment }}" align="center" prop="{{ pythonField }}">
+        <template #default="scope">
+          {% if column.html_type == "checkbox" %}
+            <dict-tag :options="{{ column.dict_type }}" :value="scope.row.{{ pythonField }} ? scope.row.{{ pythonField }}.split(',') : []"/>
+          {% else %}
+            <dict-tag :options="{{ column.dict_type }}" :value="scope.row.{{ pythonField }}"/>
+          {% endif %}
+        </template>
+      </el-table-column>
+      {% elif column.list and pythonField %}
+      <el-table-column label="{{ comment }}" align="center" prop="{{ pythonField }}" />
+      {% endif %}
+      {% endfor %}
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+        <template #default="scope">
+          <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['{{ moduleName }}:{{ businessName }}:edit']">修改</el-button>
+          <el-button link type="primary" icon="Plus" @click="handleAdd(scope.row)" v-hasPermi="['${moduleName}:${businessName}:add']">新增</el-button>
+          <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['{{ moduleName }}:{{ businessName }}:remove']">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <!-- 添加或修改{{ functionName }}对话框 -->
+    <el-dialog :title="title" v-model="open" width="500px" append-to-body>
+      <el-form ref="{{ businessName }}Ref" :model="form" :rules="rules" label-width="80px">
+      {% for column in columns %}
+      {% set field = column.python_field %}
+      {% if column.insert and not column.pk %}
+      {% if column.usable_column or not column.super_column %}
+      {% set parentheseIndex = column.column_comment.find("（") %}
+      {% set comment = column.column_comment[:parentheseIndex] if parentheseIndex != -1 else column.column_comment %}
+      {% set dictType = column.dict_type %}
+      {% if treeParentCode and column.python_field == treeParentCode %}
+      <el-form-item label="{{ comment }}" prop="{{ treeParentCode }}">
+        <el-tree-select
+          v-model="form.{{ treeParentCode }}"
+          :data="{{ businessName }}Options"
+          :props="{ value: '{{ treeCode }}', label: '{{ treeName }}', children: 'children' }"
+          value-key="{{ treeCode }}"
+          placeholder="请选择{{ comment }}"
+          check-strictly
+        />
+      </el-form-item>
+      {% elif column.html_type == "input" %}
+      <el-form-item label="{{ comment }}" prop="{{ field }}">
+        <el-input v-model="form.{{ field }}" placeholder="请输入{{ comment }}" />
+      </el-form-item>
+      {% elif column.html_type == "imageUpload" %}
+      <el-form-item label="{{ comment }}" prop="{{ field }}">
+        <image-upload v-model="form.{{ field }}"/>
+      </el-form-item>
+      {% elif column.html_type == "fileUpload" %}
+      <el-form-item label="{{ comment }}" prop="{{ field }}">
+        <file-upload v-model="form.{{ field }}"/>
+      </el-form-item>
+      {% elif column.html_type == "editor" %}
+      <el-form-item label="{{ comment }}" prop="{{ field }}">
+        <editor v-model="form.{{ field }}" :min-height="192"/>
+      </el-form-item>
+      {% elif column.html_type == "select" and dictType %}
+      <el-form-item label="{{ comment }}" prop="{{ field }}">
+        <el-select v-model="form.{{ field }}" placeholder="请选择{{ comment }}">
+          <el-option
+            v-for="dict in {{ dictType }}"
+            :key="dict.value"
+            :label="dict.label"
+            {% if column.python_type == 'int' %}
+            :value="parseInt(dict.value)"
+            {% else %}
+            :value="dict.value"
+            {% endif %}
+          ></el-option>
+        </el-select>
+      </el-form-item>
+      {% elif column.html_type == "select" and not dictType %}
+      <el-form-item label="{{ comment }}" prop="{{ field }}">
+        <el-select v-model="form.{{ field }}" placeholder="请选择{{ comment }}">
+          <el-option label="请选择字典生成" value="" />
+        </el-select>
+      </el-form-item>
+      {% elif column.html_type == "checkbox" and dictType %}
+      <el-form-item label="{{ comment }}" prop="{{ field }}">
+        <el-checkbox-group v-model="form.{{ field }}">
+          <el-checkbox
+            v-for="dict in {{ dictType }}"
+            :key="dict.value"
+            :label="dict.value">
+            {% raw %}{{{% endraw %} dict.label {% raw %}}}{% endraw %}
+          </el-checkbox>
+        </el-checkbox-group>
+      </el-form-item>
+      {% elif column.html_type == "checkbox" and not dictType %}
+      <el-form-item label="{{ comment }}" prop="{{ field }}">
+        <el-checkbox-group v-model="form.{{ field }}">
+          <el-checkbox>请选择字典生成</el-checkbox>
+        </el-checkbox-group>
+      </el-form-item>
+      {% elif column.html_type == "radio" and dictType %}
+      <el-form-item label="{{ comment }}" prop="{{ field }}">
+        <el-radio-group v-model="form.{{ field }}">
+          <el-radio
+            v-for="dict in {{ dictType }}"
+            :key="dict.value"
+            {% if column.python_type == 'int' %}
+            :label="parseInt(dict.value)"
+            {% else %}
+            :label="dict.value"
+            {% endif %}>
+            {% raw %}{{{% endraw %} dict.label {% raw %}}}{% endraw %}
+          </el-radio>
+        </el-radio-group>
+      </el-form-item>
+      {% elif column.html_type == "radio" and not dictType %}
+      <el-form-item label="{{ comment }}" prop="{{ field }}">
+        <el-radio-group v-model="form.{{ field }}">
+          <el-radio label="请选择字典生成" value="" />
+        </el-radio-group>
+      </el-form-item>
+      {% elif column.html_type == "datetime" %}
+      <el-form-item label="{{ comment }}" prop="{{ field }}">
+        <el-date-picker clearable
+          v-model="form.{{ field }}"
+          type="date"
+          value-format="YYYY-MM-DD"
+          placeholder="请选择{{ comment }}">
+        </el-date-picker>
+      </el-form-item>
+      {% elif column.html_type == "textarea" %}
+      <el-form-item label="{{ comment }}" prop="{{ field }}">
+        <el-input v-model="form.{{ field }}" type="textarea" placeholder="请输入内容" />
+      </el-form-item>
+      {% endif %}
+      {% endif %}
+      {% endif %}
+      {% endfor %}
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup name="{{ BusinessName }}">
+import { list{{ BusinessName }}, get{{ BusinessName }}, del{{ BusinessName }}, add{{ BusinessName }}, update{{ BusinessName }} } from "@/api/{{ moduleName }}/{{ businessName }}";
+
+const { proxy } = getCurrentInstance();
+{% if dicts %}
+{% set dictsNoSymbol = dicts.replace("'", "") %}
+const { {{ dictsNoSymbol }} } = proxy.useDict({{ dicts }});
+{% endif %}
+
+const {{ businessName }}List = ref([]);
+const {{ businessName }}Options = ref([]);
+const open = ref(false);
+const loading = ref(true);
+const showSearch = ref(true);
+const title = ref("");
+const isExpandAll = ref(true);
+const refreshTable = ref(true);
+{% for column in columns %}
+{% if column.html_type == "datetime" and column.query_type == "BETWEEN" %}
+{% set AttrName = column.python_field[0] | upper + column.python_field[1:] %}
+const daterange{{ AttrName }} = ref([]);
+{% endif %}
+{% endfor %}
+
+const data = reactive({
+  form: {},
+  queryParams: {
+    {% for column in columns %}
+    {% if column.query %}
+    {{ column.python_field }}: null,
+    {% endif %}
+    {% endfor %}
+  },
+  rules: {
+    {% for column in columns %}
+    {% if column.required %}
+    {% set parentheseIndex = column.column_comment.find("（") %}
+    {% set comment = column.column_comment[:parentheseIndex] if parentheseIndex != -1 else column.column_comment %}
+    {{ column.python_field }}: [
+      { required: true, message: "{{ comment }}不能为空", trigger: "{% if column.html_type == 'select' or column.html_type == 'radio' %}change{% else %}blur{% endif %}" }
+    ],
+    {% endif %}
+    {% endfor %}
+  }
+});
+
+const { queryParams, form, rules } = toRefs(data);
+
+/** 查询{{ functionName }}列表 */
+function getList() {
+  loading.value = true;
+  {% for column in columns %}
+  {% if column.html_type == "datetime" and column.query_type == "BETWEEN" %}
+  queryParams.value.params = {};
+  {% endif %}
+  {% endfor %}
+  {% for column in columns %}
+  {% if column.html_type == "datetime" and column.query_type == "BETWEEN" %}
+  {% set AttrName = column.python_field[0] | upper + column.python_field[1:] %}
+  if (null != daterange{{ AttrName }} && '' != daterange{{ AttrName }}) {
+    queryParams.value.params["begin{{ AttrName }}"] = daterange{{ AttrName }}.value[0];
+    queryParams.value.params["end{{ AttrName }}"] = daterange{{ AttrName }}.value[1];
+  }
+  {% endif %}
+  {% endfor %}
+  list{{ BusinessName }}(queryParams.value).then(response => {
+    {{ businessName }}List.value = proxy.handleTree(response.data, "{{ treeCode }}", "{{ treeParentCode }}");
+    loading.value = false;
+  });
+}
+
+/** 查询{{ functionName }}下拉树结构 */
+function getTreeselect() {
+  list{{ BusinessName }}().then(response => {
+    {{ businessName }}Options.value = [];
+    const data = { {{ treeCode }}: 0, {{ treeName }}: '顶级节点', children: [] };
+    data.children = proxy.handleTree(response.data, "{{ treeCode }}", "{{ treeParentCode }}");
+    {{ businessName }}Options.value.push(data);
+  });
+}
+
+/** 取消按钮 */
+function cancel() {
+  open.value = false;
+  reset();
+}
+
+/** 表单重置 */
+function reset() {
+  form.value = {
+    {% for column in columns %}
+    {% if column.html_type == "checkbox" %}
+    {{ column.python_field }}: [],
+    {% else %}
+    {{ column.python_field }}: null,
+    {% endif %}
+    {% endfor %}
+  };
+  proxy.resetForm("{{ businessName }}Ref");
+}
+
+/** 搜索按钮操作 */
+function handleQuery() {
+  getList();
+}
+
+/** 重置按钮操作 */
+function resetQuery() {
+  {% for column in columns %}
+  {% if column.html_type == "datetime" and column.query_type == "BETWEEN" %}
+  {% set AttrName = column.python_field[0] | upper + column.python_field[1:] %}
+  daterange{{ AttrName }}.value = [];
+  {% endif %}
+  {% endfor %}
+  proxy.resetForm("queryRef");
+  handleQuery();
+}
+
+/** 新增按钮操作 */
+function handleAdd(row) {
+  reset();
+  getTreeselect();
+  if (row != null && row.{{ treeCode }}) {
+    form.value.{{ treeParentCode }} = row.{{ treeCode }};
+  } else {
+    form.value.{{ treeParentCode }} = 0;
+  }
+  open.value = true;
+  title.value = "添加{{ functionName }}";
+}
+
+/** 展开/折叠操作 */
+function toggleExpandAll() {
+  refreshTable.value = false;
+  isExpandAll.value = !isExpandAll.value;
+  nextTick(() => {
+    refreshTable.value = true;
+  });
+}
+
+/** 修改按钮操作 */
+function handleUpdate(row) {
+  reset();
+  getTreeselect();
+  if (row != null) {
+    form.value.{{ treeParentCode }} = row.{{ treeParentCode }};
+  }
+  get{{ BusinessName }}(row.{{ pkColumn.python_field }}).then(response => {
+    form.value = response.data;
+    {% for column in columns %}
+    {% if column.html_type == "checkbox" %}
+    form.value.{{ column.python_field }} = form.value.{{ column.python_field }}.split(",");
+    {% endif %}
+    {% endfor %}
+    open.value = true;
+    title.value = "修改{{ functionName }}";
+  });
+}
+
+/** 提交按钮 */
+function submitForm() {
+  proxy.$refs["{{ businessName }}Ref"].validate(valid => {
+    if (valid) {
+      {% for column in columns %}
+      {% if column.html_type == "checkbox" %}
+      form.value.{{ column.python_field }} = form.value.{{ column.python_field }}.join(",");
+      {% endif %}
+      {% endfor %}
+      if (form.value.{{ pkColumn.python_field }} != null) {
+        update{{ BusinessName }}(form.value).then(response => {
+          proxy.$modal.msgSuccess("修改成功");
+          open.value = false;
+          getList();
+        });
+      } else {
+        add{{ BusinessName }}(form.value).then(response => {
+          proxy.$modal.msgSuccess("新增成功");
+          open.value = false;
+          getList();
+        });
+      }
+    }
+  });
+}
+
+/** 删除按钮操作 */
+function handleDelete(row) {
+  proxy.$modal.confirm('是否确认删除{{ functionName }}编号为"' + row.{{ pkColumn.python_field }} + '"的数据项？').then(function() {
+    return del{{ BusinessName }}(row.{{ pkColumn.python_field }});
+  }).then(() => {
+    getList();
+    proxy.$modal.msgSuccess("删除成功");
+  }).catch(() => {});
+}
+
+getList();
+</script>

ruoyi-fastapi-backend/module_generator/templates/vue/v3/index.vue.jinja2

@@ -0,0 +1,571 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
+      {% for column in columns %}
+      {% if column.query %}
+      {% set dictType = column.dict_type %}
+      {% set AttrName = column.python_field[0] | upper + column.python_field[1:] %}
+      {% set parentheseIndex = column.column_comment.find("（") %}
+      {% set comment = column.column_comment[:parentheseIndex] if parentheseIndex != -1 else column.column_comment %}
+      {% if column.html_type == "input" %}
+      <el-form-item label="{{ comment }}" prop="{{ column.python_field }}">
+        <el-input
+          v-model="queryParams.{{ column.python_field }}"
+          placeholder="请输入{{ comment }}"
+          clearable
+          @keyup.enter="handleQuery"
+        />
+      </el-form-item>
+      {% elif (column.html_type == "select" or column.html_type == "radio") and dictType %}
+      <el-form-item label="{{ comment }}" prop="{{ column.python_field }}">
+        <el-select v-model="queryParams.{{ column.python_field }}" placeholder="请选择{{ comment }}" clearable>
+          <el-option
+            v-for="dict in {{ dictType }}"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          />
+        </el-select>
+      </el-form-item>
+      {% elif (column.html_type == "select" or column.html_type == "radio") and not dictType %}
+      <el-form-item label="{{ comment }}" prop="{{ column.python_field }}">
+        <el-select v-model="queryParams.{{ column.python_field }}" placeholder="请选择{{ comment }}" clearable>
+          <el-option label="请选择字典生成" value="" />
+        </el-select>
+      </el-form-item>
+      {% elif column.html_type == "datetime" and column.query_type != "BETWEEN" %}
+      <el-form-item label="{{ comment }}" prop="{{ column.python_field }}">
+        <el-date-picker clearable
+          v-model="queryParams.{{ column.python_field }}"
+          type="date"
+          value-format="YYYY-MM-DD"
+          placeholder="请选择{{ comment }}">
+        </el-date-picker>
+      </el-form-item>
+      {% elif column.html_type == "datetime" and column.query_type == "BETWEEN" %}
+      <el-form-item label="{{ comment }}" style="width: 308px">
+        <el-date-picker
+          v-model="daterange{{ AttrName }}"
+          value-format="YYYY-MM-DD"
+          type="daterange"
+          range-separator="-"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+        ></el-date-picker>
+      </el-form-item>
+      {% endif %}
+      {% endif %}
+      {% endfor %}
+      <el-form-item>
+        <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+        <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="Plus"
+          @click="handleAdd"
+          v-hasPermi="['{{ moduleName }}:{{ businessName }}:add']"
+        >新增</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="success"
+          plain
+          icon="Edit"
+          :disabled="single"
+          @click="handleUpdate"
+          v-hasPermi="['{{ moduleName }}:{{ businessName }}:edit']"
+        >修改</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="danger"
+          plain
+          icon="Delete"
+          :disabled="multiple"
+          @click="handleDelete"
+          v-hasPermi="['{{ moduleName }}:{{ businessName }}:remove']"
+        >删除</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="warning"
+          plain
+          icon="Download"
+          @click="handleExport"
+          v-hasPermi="['{{ moduleName }}:{{ businessName }}:export']"
+        >导出</el-button>
+      </el-col>
+      <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="{{ businessName }}List" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      {% for column in columns %}
+      {% set pythonField = column.python_field %}
+      {% set parentheseIndex = column.column_comment.find("（") %}
+      {% set comment = column.column_comment[:parentheseIndex] if parentheseIndex != -1 else column.column_comment %}
+      {% if column.pk %}
+      <el-table-column label="{{ comment }}" align="center" prop="{{ pythonField }}" />
+      {% elif column.list and column.html_type == "datetime" %}
+      <el-table-column label="{{ comment }}" align="center" prop="{{ pythonField }}" width="180">
+        <template #default="scope">
+          <span>{% raw %}{{{% endraw %} parseTime(scope.row.{{ pythonField }}, '{y}-{m}-{d}') {% raw %}}}{% endraw %}</span>
+        </template>
+      </el-table-column>
+      {% elif column.list and column.html_type == "imageUpload" %}
+      <el-table-column label="{{ comment }}" align="center" prop="{{ pythonField }}" width="100">
+        <template #default="scope">
+          <image-preview :src="scope.row.{{ pythonField }}" :width="50" :height="50"/>
+        </template>
+      </el-table-column>
+      {% elif column.list and column.dict_type %}
+      <el-table-column label="{{ comment }}" align="center" prop="{{ pythonField }}">
+        <template #default="scope">
+          {% if column.html_type == "checkbox" %}
+            <dict-tag :options="{{ column.dict_type }}" :value="scope.row.{{ pythonField }} ? scope.row.{{ pythonField }}.split(',') : []"/>
+          {% else %}
+            <dict-tag :options="{{ column.dict_type }}" :value="scope.row.{{ pythonField }}"/>
+          {% endif %}
+        </template>
+      </el-table-column>
+      {% elif column.list and pythonField %}
+      <el-table-column label="{{ comment }}" align="center" prop="{{ pythonField }}" />
+      {% endif %}
+      {% endfor %}
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+        <template #default="scope">
+          <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['{{ moduleName }}:{{ businessName }}:edit']">修改</el-button>
+          <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['{{ moduleName }}:{{ businessName }}:remove']">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="total>0"
+      :total="total"
+      v-model:page="queryParams.pageNum"
+      v-model:limit="queryParams.pageSize"
+      @pagination="getList"
+    />
+
+    <!-- 添加或修改{{ functionName }}对话框 -->
+    <el-dialog :title="title" v-model="open" width="500px" append-to-body>
+      <el-form ref="{{ businessName }}Ref" :model="form" :rules="rules" label-width="80px">
+      {% for column in columns %}
+      {% set field = column.python_field %}
+      {% if column.insert and not column.pk %}
+      {% if column.usable_column or not column.super_column %}
+      {% set parentheseIndex = column.column_comment.find("（") %}
+      {% set comment = column.column_comment[:parentheseIndex] if parentheseIndex != -1 else column.column_comment %}
+      {% set dictType = column.dict_type %}
+      {% if column.html_type == "input" %}
+      <el-form-item label="{{ comment }}" prop="{{ field }}">
+        <el-input v-model="form.{{ field }}" placeholder="请输入{{ comment }}" />
+      </el-form-item>
+      {% elif column.html_type == "imageUpload" %}
+      <el-form-item label="{{ comment }}" prop="{{ field }}">
+        <image-upload v-model="form.{{ field }}"/>
+      </el-form-item>
+      {% elif column.html_type == "fileUpload" %}
+      <el-form-item label="{{ comment }}" prop="{{ field }}">
+        <file-upload v-model="form.{{ field }}"/>
+      </el-form-item>
+      {% elif column.html_type == "editor" %}
+      <el-form-item label="{{ comment }}" prop="{{ field }}">
+        <editor v-model="form.{{ field }}" :min-height="192"/>
+      </el-form-item>
+      {% elif column.html_type == "select" and dictType %}
+      <el-form-item label="{{ comment }}" prop="{{ field }}">
+        <el-select v-model="form.{{ field }}" placeholder="请选择{{ comment }}">
+          <el-option
+            v-for="dict in {{ dictType }}"
+            :key="dict.value"
+            :label="dict.label"
+            {% if column.python_type == 'int' %}
+            :value="parseInt(dict.value)"
+            {% else %}
+            :value="dict.value"
+            {% endif %}
+          ></el-option>
+        </el-select>
+      </el-form-item>
+      {% elif column.html_type == "select" and not dictType %}
+      <el-form-item label="{{ comment }}" prop="{{ field }}">
+        <el-select v-model="form.{{ field }}" placeholder="请选择{{ comment }}">
+          <el-option label="请选择字典生成" value="" />
+        </el-select>
+      </el-form-item>
+      {% elif column.html_type == "checkbox" and dictType %}
+      <el-form-item label="{{ comment }}" prop="{{ field }}">
+        <el-checkbox-group v-model="form.{{ field }}">
+          <el-checkbox
+            v-for="dict in {{ dictType }}"
+            :key="dict.value"
+            :label="dict.value">
+            {{ dict.label }}
+          </el-checkbox>
+        </el-checkbox-group>
+      </el-form-item>
+      {% elif column.html_type == "checkbox" and not dictType %}
+      <el-form-item label="{{ comment }}" prop="{{ field }}">
+        <el-checkbox-group v-model="form.{{ field }}">
+          <el-checkbox>请选择字典生成</el-checkbox>
+        </el-checkbox-group>
+      </el-form-item>
+      {% elif column.html_type == "radio" and dictType %}
+      <el-form-item label="{{ comment }}" prop="{{ field }}">
+        <el-radio-group v-model="form.{{ field }}">
+          <el-radio
+            v-for="dict in {{ dictType }}"
+            :key="dict.value"
+            {% if column.python_type == 'int' %}
+            :label="parseInt(dict.value)"
+            {% else %}
+            :label="dict.value"
+            {% endif %}>
+            {% raw %}{{{% endraw %} dict.label {% raw %}}}{% endraw %}
+          </el-radio>
+        </el-radio-group>
+      </el-form-item>
+      {% elif column.html_type == "radio" and not dictType %}
+      <el-form-item label="{{ comment }}" prop="{{ field }}">
+        <el-radio-group v-model="form.{{ field }}">
+          <el-radio label="请选择字典生成" value="" />
+        </el-radio-group>
+      </el-form-item>
+      {% elif column.html_type == "datetime" %}
+      <el-form-item label="{{ comment }}" prop="{{ field }}">
+        <el-date-picker clearable
+          v-model="form.{{ field }}"
+          type="date"
+          value-format="YYYY-MM-DD"
+          placeholder="请选择{{ comment }}">
+        </el-date-picker>
+      </el-form-item>
+      {% elif column.html_type == "textarea" %}
+      <el-form-item label="{{ comment }}" prop="{{ field }}">
+        <el-input v-model="form.{{ field }}" type="textarea" placeholder="请输入内容" />
+      </el-form-item>
+      {% endif %}
+      {% endif %}
+      {% endif %}
+      {% endfor %}
+
+      {% if table.sub %}
+      <el-divider content-position="center">{{ subTable.functionName }}信息</el-divider>
+      <el-row :gutter="10" class="mb8">
+        <el-col :span="1.5">
+          <el-button type="primary" icon="Plus" @click="handleAdd{{ subClassName }}">添加</el-button>
+        </el-col>
+        <el-col :span="1.5">
+          <el-button type="danger" icon="Delete" @click="handleDelete{{ subClassName }}">删除</el-button>
+        </el-col>
+      </el-row>
+      <el-table :data="{{ subclassName }}List" :row-class-name="row{{ subClassName }}Index" @selection-change="handle{{ subClassName }}SelectionChange" ref="{{ subclassName }}">
+        <el-table-column type="selection" width="50" align="center" />
+        <el-table-column label="序号" align="center" prop="index" width="50"/>
+        {% for column in subTable.columns %}
+        {% set pythonField = column.python_field %}
+        {% set parentheseIndex = column.column_comment.find("（") %}
+        {% set comment = column.column_comment[:parentheseIndex] if parentheseIndex != -1 else column.column_comment %}
+        {% if column.pk or pythonField == subTableFkclassName %}
+        {% elif column.list and column.html_type == 'input' %}
+        <el-table-column label="{{ comment }}" prop="{{ pythonField }}" width="150">
+          <template #default="scope">
+            <el-input v-model="scope.row.{{ pythonField }}" placeholder="请输入{{ comment }}" />
+          </template>
+        </el-table-column>
+        {% elif column.list and column.html_type == 'datetime' %}
+        <el-table-column label="{{ comment }}" prop="{{ pythonField }}" width="240">
+          <template #default="scope">
+            <el-date-picker clearable
+              v-model="scope.row.{{ pythonField }}"
+              type="date"
+              value-format="YYYY-MM-DD"
+              placeholder="请选择{{ comment }}">
+            </el-date-picker>
+          </template>
+        </el-table-column>
+        {% elif column.list and (column.html_type == 'select' or column.html_type == 'radio') and column.dict_type %}
+        <el-table-column label="{{ comment }}" prop="{{ pythonField }}" width="150">
+          <template #default="scope">
+            <el-select v-model="scope.row.{{ pythonField }}" placeholder="请选择{{ comment }}">
+              <el-option
+                v-for="dict in {{ column.dict_type }}"
+                :key="dict.value"
+                :label="dict.label"
+                :value="dict.value"
+              ></el-option>
+            </el-select>
+          </template>
+        </el-table-column>
+        {% elif column.list and (column.html_type == 'select' or column.html_type == 'radio') and not column.dict_type %}
+        <el-table-column label="{{ comment }}" prop="{{ pythonField }}" width="150">
+          <template #default="scope">
+            <el-select v-model="scope.row.{{ pythonField }}" placeholder="请选择{{ comment }}">
+              <el-option label="请选择字典生成" value="" />
+            </el-select>
+          </template>
+        </el-table-column>
+        {% endif %}
+        {% endfor %}
+      </el-table>
+      {% endif %}
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup name="{{ BusinessName }}">
+import { list{{ BusinessName }}, get{{ BusinessName }}, del{{ BusinessName }}, add{{ BusinessName }}, update{{ BusinessName }} } from "@/api/{{ moduleName }}/{{ businessName }}";
+
+const { proxy } = getCurrentInstance();
+{% if dicts %}
+{% set dictsNoSymbol = dicts.replace("'", "") %}
+const { {{ dictsNoSymbol }} } = proxy.useDict({{ dicts }});
+{% endif %}
+
+const {{ businessName }}List = ref([]);
+{% if table.sub %}
+const {{ subclassName }}List = ref([]);
+{% endif %}
+const open = ref(false);
+const loading = ref(true);
+const showSearch = ref(true);
+const ids = ref([]);
+{% if table.sub %}
+const checked{{ subClassName }} = ref([]);
+{% endif %}
+const single = ref(true);
+const multiple = ref(true);
+const total = ref(0);
+const title = ref("");
+{% for column in columns %}
+{% if column.html_type == "datetime" and column.query_type == "BETWEEN" %}
+{% set AttrName = column.python_field[0] | upper + column.python_field[1:] %}
+const daterange{{ AttrName }} = ref([]);
+{% endif %}
+{% endfor %}
+
+const data = reactive({
+  form: {},
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    {% for column in columns %}
+    {% if column.query %}
+    {{ column.python_field }}: null,
+    {% endif %}
+    {% endfor %}
+  },
+  rules: {
+    {% for column in columns %}
+    {% if column.required %}
+    {% set parentheseIndex = column.column_comment.find("（") %}
+    {% set comment = column.column_comment[:parentheseIndex] if parentheseIndex != -1 else column.column_comment %}
+    {{ column.python_field }}: [
+      { required: true, message: "{{ comment }}不能为空", trigger: "{% if column.html_type == 'select' or column.html_type == 'radio' %}change{% else %}blur{% endif %}" }
+    ],
+    {% endif %}
+    {% endfor %}
+  }
+});
+
+const { queryParams, form, rules } = toRefs(data);
+
+/** 查询{{ functionName }}列表 */
+function getList() {
+  loading.value = true;
+  {% for column in columns %}
+  {% if column.html_type == "datetime" and column.query_type == "BETWEEN" %}
+  queryParams.value.params = {};
+  {% endif %}
+  {% endfor %}
+  {% for column in columns %}
+  {% if column.html_type == "datetime" and column.query_type == "BETWEEN" %}
+  {% set AttrName = column.python_field[0] | upper + column.python_field[1:] %}
+  if (null != daterange{{ AttrName }} && '' != daterange{{ AttrName }}) {
+    queryParams.value.params["begin{{ AttrName }}"] = daterange{{ AttrName }}.value[0];
+    queryParams.value.params["end{{ AttrName }}"] = daterange{{ AttrName }}.value[1];
+  }
+  {% endif %}
+  {% endfor %}
+  list{{ BusinessName }}(queryParams.value).then(response => {
+    {{ businessName }}List.value = response.rows;
+    total.value = response.total;
+    loading.value = false;
+  });
+}
+
+/** 取消按钮 */
+function cancel() {
+  open.value = false;
+  reset();
+}
+
+/** 表单重置 */
+function reset() {
+  form.value = {
+    {% for column in columns %}
+    {% if column.html_type == "checkbox" %}
+    {{ column.python_field }}: [],
+    {% else %}
+    {{ column.python_field }}: null,
+    {% endif %}
+    {% endfor %}
+  };
+  {% if table.sub %}
+  {{ subclassName }}List.value = [];
+  {% endif %}
+  proxy.resetForm("{{ businessName }}Ref");
+}
+
+/** 搜索按钮操作 */
+function handleQuery() {
+  queryParams.value.pageNum = 1;
+  getList();
+}
+
+/** 重置按钮操作 */
+function resetQuery() {
+  {% for column in columns %}
+  {% if column.html_type == "datetime" and column.query_type == "BETWEEN" %}
+  {% set AttrName = column.python_field[0] | upper + column.python_field[1:] %}
+  daterange{{ AttrName }}.value = [];
+  {% endif %}
+  {% endfor %}
+  proxy.resetForm("queryRef");
+  handleQuery();
+}
+
+/** 多选框选中数据  */
+function handleSelectionChange(selection) {
+  ids.value = selection.map(item => item.{{ pkColumn.python_field }});
+  single.value = selection.length != 1;
+  multiple.value = !selection.length;
+}
+
+/** 新增按钮操作 */
+function handleAdd() {
+  reset();
+  open.value = true;
+  title.value = "添加{{ functionName }}";
+}
+
+/** 修改按钮操作 */
+function handleUpdate(row) {
+  reset();
+  const _{{ pkColumn.python_field }} = row.{{ pkColumn.python_field }} || ids.value;
+  get{{ BusinessName }}(_{{ pkColumn.python_field }}).then(response => {
+    form.value = response.data;
+    {% for column in columns %}
+    {% if column.html_type == "checkbox" %}
+    form.value.{{ column.python_field }} = form.value.{{ column.python_field }}.split(",");
+    {% endif %}
+    {% endfor %}
+    {% if table.sub %}
+    {{ subclassName }}List.value = response.data.{{ subclassName }}List;
+    {% endif %}
+    open.value = true;
+    title.value = "修改{{ functionName }}";
+  });
+}
+
+/** 提交按钮 */
+function submitForm() {
+  proxy.$refs["{{ businessName }}Ref"].validate(valid => {
+    if (valid) {
+      {% for column in columns %}
+      {% if column.html_type == "checkbox" %}
+      form.value.{{ column.python_field }} = form.value.{{ column.python_field }}.join(",");
+      {% endif %}
+      {% endfor %}
+      {% if table.sub %}
+      form.value.{{ subclassName }}List = {{ subclassName }}List.value;
+      {% endif %}
+      if (form.value.{{ pkColumn.python_field }} != null) {
+        update{{ BusinessName }}(form.value).then(response => {
+          proxy.$modal.msgSuccess("修改成功");
+          open.value = false;
+          getList();
+        });
+      } else {
+        add{{ BusinessName }}(form.value).then(response => {
+          proxy.$modal.msgSuccess("新增成功");
+          open.value = false;
+          getList();
+        });
+      }
+    }
+  });
+}
+
+/** 删除按钮操作 */
+function handleDelete(row) {
+  const _{{ pkColumn.python_field }}s = row.{{ pkColumn.python_field }} || ids.value;
+  proxy.$modal.confirm('是否确认删除{{ functionName }}编号为"' + _{{ pkColumn.python_field }}s + '"的数据项？').then(function() {
+    return del{{ BusinessName }}(_{{ pkColumn.python_field }}s);
+  }).then(() => {
+    getList();
+    proxy.$modal.msgSuccess("删除成功");
+  }).catch(() => {});
+}
+
+{% if table.sub %}
+/** {{ subTable.functionName }}序号 */
+function row{{ subClassName }}Index({ row, rowIndex }) {
+  row.index = rowIndex + 1;
+}
+
+/** {{ subTable.functionName }}添加按钮操作 */
+function handleAdd{{ subClassName }}() {
+  let obj = {};
+  {% for column in subTable.columns %}
+  {% if column.pk or column.python_field == subTableFkclassName %}
+  {% elif column.list and column.python_field %}
+  obj.{{ column.python_field }} = "";
+  {% endif %}
+  {% endfor %}
+  {{ subclassName }}List.value.push(obj);
+}
+
+/** {{ subTable.functionName }}删除按钮操作 */
+function handleDelete{{ subClassName }}() {
+  if (checked{{ subClassName }}.value.length == 0) {
+    proxy.$modal.msgError("请先选择要删除的{{ subTable.functionName }}数据");
+  } else {
+    const {{ subclassName }}s = {{ subclassName }}List.value;
+    const checked{{ subClassName }}s = checked{{ subClassName }}.value;
+    {{ subclassName }}List.value = {{ subclassName }}s.filter(function(item) {
+      return checked{{ subClassName }}s.indexOf(item.index) == -1
+    });
+  }
+}
+
+/** 复选框选中数据 */
+function handle{{ subClassName }}SelectionChange(selection) {
+  checked{{ subClassName }}.value = selection.map(item => item.index)
+}
+{% endif %}
+
+/** 导出按钮操作 */
+function handleExport() {
+  proxy.download('{{ moduleName }}/{{ businessName }}/export', {
+    ...queryParams.value
+  }, `{{ businessName }}_${new Date().getTime()}.xlsx`);
+}
+
+getList();
+</script>

ruoyi-fastapi-backend/requirements-pg.txt

@@ -1,17 +1,17 @@
-APScheduler==3.10.4
+APScheduler==3.11.0
 asyncpg==0.30.0
 DateTime==5.5
-fastapi[all]==0.115.0
-loguru==0.7.2
+fastapi[all]==0.115.8
+loguru==0.7.3
 openpyxl==3.1.5
-pandas==2.2.2
+pandas==2.2.3
 passlib[bcrypt]==1.7.4
-Pillow==10.4.0
-psutil==6.0.0
+Pillow==11.1.0
+psutil==7.0.0
 pydantic-validation-decorator==0.1.4
-PyJWT[crypto]==2.8.0
+PyJWT[crypto]==2.10.1
 psycopg2==2.9.10
-redis==5.0.7
+redis==5.2.1
 requests==2.32.3
-SQLAlchemy[asyncio]==2.0.31
+SQLAlchemy[asyncio]==2.0.38
 user-agents==2.2.0

ruoyi-fastapi-backend/requirements.txt

@@ -1,17 +1,17 @@
-APScheduler==3.10.4
-asyncmy==0.2.9
+APScheduler==3.11.0
+asyncmy==0.2.10
 DateTime==5.5
-fastapi[all]==0.115.0
-loguru==0.7.2
+fastapi[all]==0.115.8
+loguru==0.7.3
 openpyxl==3.1.5
-pandas==2.2.2
+pandas==2.2.3
 passlib[bcrypt]==1.7.4
-Pillow==10.4.0
-psutil==6.0.0
+Pillow==11.1.0
+psutil==7.0.0
 pydantic-validation-decorator==0.1.4
-PyJWT[crypto]==2.8.0
+PyJWT[crypto]==2.10.1
 PyMySQL==1.1.1
-redis==5.0.7
+redis==5.2.1
 requests==2.32.3
-SQLAlchemy[asyncio]==2.0.31
+SQLAlchemy[asyncio]==2.0.38
 user-agents==2.2.0

ruoyi-fastapi-backend/server.py

@@ -22,6 +22,7 @@ from module_admin.controller.post_controler import postController
 from module_admin.controller.role_controller import roleController
 from module_admin.controller.server_controller import serverController
 from module_admin.controller.user_controller import userController
+from module_generator.controller.gen_controller import genController
 from sub_applications.handle import handle_sub_applications
 from utils.common_util import worship
 from utils.log_util import logger
@@ -77,6 +78,7 @@ controller_list = [
     {'router': serverController, 'tags': ['系统监控-菜单管理']},
     {'router': cacheController, 'tags': ['系统监控-缓存监控']},
     {'router': commonController, 'tags': ['通用模块']},
+    {'router': genController, 'tags': ['代码生成']},
 ]
 
 for controller in controller_list:

ruoyi-fastapi-backend/sql/ruoyi-fastapi-pg.sql

@@ -909,15 +909,16 @@ comment on table gen_table is '代码生成业务表';
 drop table if exists gen_table_column;
 create table gen_table_column (
     column_id bigserial not null,
-    table_id varchar(64),
+    table_id bigint,
     column_name varchar(200),
     column_comment varchar(500),
     column_type varchar(100),
-    java_type varchar(500),
-    java_field varchar(200),
+    python_type varchar(500),
+    python_field varchar(200),
     is_pk char(1),
     is_increment char(1),
     is_required char(1),
+    is_unique char(1),
     is_insert char(1),
     is_edit char(1),
     is_list char(1),
@@ -937,11 +938,12 @@ comment on column gen_table_column.table_id is '归属表编号';
 comment on column gen_table_column.column_name is '列名称';
 comment on column gen_table_column.column_comment is '列描述';
 comment on column gen_table_column.column_type is '列类型';
-comment on column gen_table_column.java_type is 'JAVA类型';
-comment on column gen_table_column.java_field is 'JAVA字段名';
+comment on column gen_table_column.python_type is 'PYTHON类型';
+comment on column gen_table_column.python_field is 'PYTHON字段名';
 comment on column gen_table_column.is_pk is '是否主键（1是）';
 comment on column gen_table_column.is_increment is '是否自增（1是）';
 comment on column gen_table_column.is_required is '是否必填（1是）';
+comment on column gen_table_column.is_unique is '是否唯一（1是）';
 comment on column gen_table_column.is_insert is '是否为插入字段（1是）';
 comment on column gen_table_column.is_edit is '是否编辑字段（1是）';
 comment on column gen_table_column.is_list is '是否列表字段（1是）';
@@ -975,3 +977,71 @@ END;
 $BODY$
     LANGUAGE plpgsql VOLATILE
                      COST 100;
+
+create or replace view list_column as
+SELECT c.relname                                                                           AS table_name,
+       a.attname                                                                           AS column_name,
+       d.description                                                                       AS column_comment,
+       CASE
+           WHEN a.attnotnull AND con.conname IS NULL THEN '1'
+           ELSE '0'
+           END                                                                             AS is_required,
+       CASE
+           WHEN con.conname IS NOT NULL THEN '1'
+           ELSE '0'
+           END                                                                             AS is_pk,
+       a.attnum                                                                            AS sort,
+       CASE
+           WHEN "position"(pg_get_expr(ad.adbin, ad.adrelid), ((c.relname::text || '_'::text) || a.attname
+                           ::text) || '_seq'::text) > 0 THEN '1'
+           ELSE '0'
+           END                                                                             AS is_increment,
+       btrim(
+                   CASE
+                       WHEN t.typelem <> 0::oid AND t.typlen = '-1'::integer THEN 'ARRAY'::text
+            ELSE
+            CASE
+                WHEN t.typtype = 'd'::"char" THEN format_type(t.typbasetype, NULL::integer)
+                ELSE format_type(a.atttypid, NULL::integer)
+            END
+        END, '"'::text) AS column_type
+FROM pg_attribute a
+         JOIN (pg_class c
+    JOIN pg_namespace n ON c.relnamespace = n.oid) ON a.attrelid = c.oid
+         LEFT JOIN pg_description d ON d.objoid = c.oid AND a.attnum = d.objsubid
+         LEFT JOIN pg_constraint con ON con.conrelid = c.oid AND (a.attnum = ANY (con.conkey))
+         LEFT JOIN pg_attrdef ad ON a.attrelid = ad.adrelid AND a.attnum = ad.adnum
+         LEFT JOIN pg_type t ON a.atttypid = t.oid
+WHERE (c.relkind = ANY (ARRAY['r'::"char", 'p'::"char"]))
+  AND a.attnum > 0
+  AND n.nspname = 'public'::name
+  AND not a.attisdropped
+  ORDER BY c.relname, a.attnum;
+
+create or replace view list_table as
+SELECT c.relname              AS table_name,
+       obj_description(c.oid) AS table_comment,
+       CURRENT_TIMESTAMP      AS create_time,
+       CURRENT_TIMESTAMP      AS update_time
+FROM pg_class c
+         LEFT JOIN pg_namespace n ON n.oid = c.relnamespace
+WHERE (c.relkind = ANY (ARRAY['r'::"char", 'p'::"char"]))
+  AND c.relname !~~ 'spatial_%'::text AND n.nspname = 'public'::name AND n.nspname <> ''::name;
+
+CREATE OR REPLACE FUNCTION substring_index(varchar, varchar, integer)
+RETURNS varchar AS $$
+DECLARE
+tokens varchar[];
+length integer ;
+indexnum integer;
+BEGIN
+tokens := pg_catalog.string_to_array($1, $2);
+length := pg_catalog.array_upper(tokens, 1);
+indexnum := length - ($3 * -1) + 1;
+IF $3 >= 0 THEN
+RETURN pg_catalog.array_to_string(tokens[1:$3], $2);
+ELSE
+RETURN pg_catalog.array_to_string(tokens[indexnum:length], $2);
+END IF;
+END;
+$$ IMMUTABLE STRICT LANGUAGE PLPGSQL;

ruoyi-fastapi-backend/sql/ruoyi-fastapi.sql

@@ -691,11 +691,12 @@ create table gen_table_column (
   column_name       varchar(200)                               comment '列名称',
   column_comment    varchar(500)                               comment '列描述',
   column_type       varchar(100)                               comment '列类型',
-  java_type         varchar(500)                               comment 'JAVA类型',
-  java_field        varchar(200)                               comment 'JAVA字段名',
+  python_type         varchar(500)                               comment 'PYTHON类型',
+  python_field        varchar(200)                               comment 'PYTHON字段名',
   is_pk             char(1)                                    comment '是否主键（1是）',
   is_increment      char(1)                                    comment '是否自增（1是）',
   is_required       char(1)                                    comment '是否必填（1是）',
+  is_unique         char(1)                                    comment '是否唯一（1是）',
   is_insert         char(1)                                    comment '是否为插入字段（1是）',
   is_edit           char(1)                                    comment '是否编辑字段（1是）',
   is_list           char(1)                                    comment '是否列表字段（1是）',

ruoyi-fastapi-backend/utils/common_util.py

@@ -7,6 +7,7 @@ from openpyxl.styles import Alignment, PatternFill
 from openpyxl.utils import get_column_letter
 from openpyxl.worksheet.datavalidation import DataValidation
 from sqlalchemy.engine.row import Row
+from sqlalchemy.orm.collections import InstrumentedList
 from typing import Any, Dict, List, Literal, Union
 from config.database import Base
 from config.env import CachePathConfig
@@ -58,6 +59,9 @@ class SqlalchemyUtil:
         if isinstance(obj, Base):
             base_dict = obj.__dict__.copy()
             base_dict.pop('_sa_instance_state', None)
+            for name, value in base_dict.items():
+                if isinstance(value, InstrumentedList):
+                    base_dict[name] = cls.serialize_result(value, 'snake_to_camel')
         elif isinstance(obj, dict):
             base_dict = obj.copy()
         if transform_case == 'snake_to_camel':

ruoyi-fastapi-backend/utils/excel_util.py

@@ -0,0 +1,104 @@
+import io
+import pandas as pd
+from openpyxl import Workbook
+from openpyxl.styles import Alignment, PatternFill
+from openpyxl.utils import get_column_letter
+from openpyxl.worksheet.datavalidation import DataValidation
+from typing import Dict, List
+
+
+class ExcelUtil:
+    """
+    Excel操作类
+    """
+
+    @classmethod
+    def __mapping_list(cls, list_data: List, mapping_dict: Dict):
+        """
+        工具方法：将list数据中的字段名映射为对应的中文字段名
+
+        :param list_data: 数据列表
+        :param mapping_dict: 映射字典
+        :return: 映射后的数据列表
+        """
+        mapping_data = [{mapping_dict.get(key): item.get(key) for key in mapping_dict} for item in list_data]
+
+        return mapping_data
+
+    @classmethod
+    def export_list2excel(cls, list_data: List, mapping_dict: Dict):
+        """
+        工具方法：将需要导出的list数据转化为对应excel的二进制数据
+
+        :param list_data: 数据列表
+        :param mapping_dict: 映射字典
+        :return: list数据对应excel的二进制数据
+        """
+        mapping_data = cls.__mapping_list(list_data, mapping_dict)
+        df = pd.DataFrame(mapping_data)
+        binary_data = io.BytesIO()
+        df.to_excel(binary_data, index=False, engine='openpyxl')
+        binary_data = binary_data.getvalue()
+
+        return binary_data
+
+    @classmethod
+    def get_excel_template(cls, header_list: List, selector_header_list: List, option_list: List[Dict]):
+        """
+        工具方法：将需要导出的list数据转化为对应excel的二进制数据
+
+        :param header_list: 表头数据列表
+        :param selector_header_list: 需要设置为选择器格式的表头数据列表
+        :param option_list: 选择器格式的表头预设的选项列表
+        :return: 模板excel的二进制数据
+        """
+        # 创建Excel工作簿
+        wb = Workbook()
+        # 选择默认的活动工作表
+        ws = wb.active
+
+        # 设置表头文字
+        headers = header_list
+
+        # 设置表头背景样式为灰色，前景色为白色
+        header_fill = PatternFill(start_color='ababab', end_color='ababab', fill_type='solid')
+
+        # 将表头写入第一行
+        for col_num, header in enumerate(headers, 1):
+            cell = ws.cell(row=1, column=col_num)
+            cell.value = header
+            cell.fill = header_fill
+            # 设置列宽度为16
+            ws.column_dimensions[chr(64 + col_num)].width = 12
+            # 设置水平居中对齐
+            cell.alignment = Alignment(horizontal='center')
+
+        # 设置选择器的预设选项
+        options = option_list
+
+        # 获取selector_header的字母索引
+        for selector_header in selector_header_list:
+            column_selector_header_index = headers.index(selector_header) + 1
+
+            # 创建数据有效性规则
+            header_option = []
+            for option in options:
+                if option.get(selector_header):
+                    header_option = option.get(selector_header)
+            dv = DataValidation(type='list', formula1=f'"{",".join(header_option)}"')
+            # 设置数据有效性规则的起始单元格和结束单元格
+            dv.add(
+                f'{get_column_letter(column_selector_header_index)}2:{get_column_letter(column_selector_header_index)}1048576'
+            )
+            # 添加数据有效性规则到工作表
+            ws.add_data_validation(dv)
+
+        # 保存Excel文件为字节类型的数据
+        file = io.BytesIO()
+        wb.save(file)
+        file.seek(0)
+
+        # 读取字节数据
+        excel_data = file.getvalue()
+
+        return excel_data

ruoyi-fastapi-backend/utils/gen_util.py

@@ -0,0 +1,223 @@
+import re
+from datetime import datetime
+from typing import List
+from config.constant import GenConstant
+from config.env import GenConfig
+from module_generator.entity.vo.gen_vo import GenTableColumnModel, GenTableModel
+from utils.string_util import StringUtil
+
+
+class GenUtils:
+    """代码生成器工具类"""
+
+    @classmethod
+    def init_table(cls, gen_table: GenTableModel, oper_name: str) -> None:
+        """
+        初始化表信息
+
+        param gen_table: 业务表对象
+        param oper_name: 操作人
+        :return:
+        """
+        gen_table.class_name = cls.convert_class_name(gen_table.table_name)
+        gen_table.package_name = GenConfig.package_name
+        gen_table.module_name = cls.get_module_name(GenConfig.package_name)
+        gen_table.business_name = cls.get_business_name(gen_table.table_name)
+        gen_table.function_name = cls.replace_text(gen_table.table_comment)
+        gen_table.function_author = GenConfig.author
+        gen_table.create_by = oper_name
+        gen_table.create_time = datetime.now()
+        gen_table.update_by = oper_name
+        gen_table.update_time = datetime.now()
+
+    @classmethod
+    def init_column_field(cls, column: GenTableColumnModel, table: GenTableModel) -> None:
+        """
+        初始化列属性字段
+
+        param column: 业务表字段对象
+        param table: 业务表对象
+        :return:
+        """
+        data_type = cls.get_db_type(column.column_type)
+        column_name = column.column_name
+        column.table_id = table.table_id
+        column.create_by = table.create_by
+        # 设置Python字段名
+        column.python_field = cls.to_camel_case(column_name)
+        # 设置默认类型
+        column.python_type = StringUtil.get_mapping_value_by_key_ignore_case(
+            GenConstant.DB_TO_PYTHON_TYPE_MAPPING, data_type
+        )
+        column.query_type = GenConstant.QUERY_EQ
+
+        if cls.arrays_contains(GenConstant.COLUMNTYPE_STR, data_type) or cls.arrays_contains(
+            GenConstant.COLUMNTYPE_TEXT, data_type
+        ):
+            # 字符串长度超过500设置为文本域
+            column_length = cls.get_column_length(column.column_type)
+            html_type = (
+                GenConstant.HTML_TEXTAREA
+                if column_length >= 500 or cls.arrays_contains(GenConstant.COLUMNTYPE_TEXT, data_type)
+                else GenConstant.HTML_INPUT
+            )
+            column.html_type = html_type
+        elif cls.arrays_contains(GenConstant.COLUMNTYPE_TIME, data_type):
+            column.html_type = GenConstant.HTML_DATETIME
+        elif cls.arrays_contains(GenConstant.COLUMNTYPE_NUMBER, data_type):
+            column.html_type = GenConstant.HTML_INPUT
+
+        # 插入字段（默认所有字段都需要插入）
+        column.is_insert = GenConstant.REQUIRE
+
+        # 编辑字段
+        if not cls.arrays_contains(GenConstant.COLUMNNAME_NOT_EDIT, column_name) and not column.pk:
+            column.is_edit = GenConstant.REQUIRE
+        # 列表字段
+        if not cls.arrays_contains(GenConstant.COLUMNNAME_NOT_LIST, column_name) and not column.pk:
+            column.is_list = GenConstant.REQUIRE
+        # 查询字段
+        if not cls.arrays_contains(GenConstant.COLUMNNAME_NOT_QUERY, column_name) and not column.pk:
+            column.is_query = GenConstant.REQUIRE
+
+        # 查询字段类型
+        if column_name.lower().endswith('name'):
+            column.query_type = GenConstant.QUERY_LIKE
+        # 状态字段设置单选框
+        if column_name.lower().endswith('status'):
+            column.html_type = GenConstant.HTML_RADIO
+        # 类型&性别字段设置下拉框
+        elif column_name.lower().endswith('type') or column_name.lower().endswith('sex'):
+            column.html_type = GenConstant.HTML_SELECT
+        # 图片字段设置图片上传控件
+        elif column_name.lower().endswith('image'):
+            column.html_type = GenConstant.HTML_IMAGE_UPLOAD
+        # 文件字段设置文件上传控件
+        elif column_name.lower().endswith('file'):
+            column.html_type = GenConstant.HTML_FILE_UPLOAD
+        # 内容字段设置富文本控件
+        elif column_name.lower().endswith('content'):
+            column.html_type = GenConstant.HTML_EDITOR
+        
+        column.create_by = table.create_by
+        column.create_time = datetime.now()
+        column.update_by = table.update_by
+        column.update_time = datetime.now()
+
+    @classmethod
+    def arrays_contains(cls, arr: List[str], target_value: str) -> bool:
+        """
+        校验数组是否包含指定值
+
+        param arr: 数组
+        param target_value: 需要校验的值
+        :return: 校验结果
+        """
+        return target_value in arr
+
+    @classmethod
+    def get_module_name(cls, package_name: str) -> str:
+        """
+        获取模块名
+
+        param package_name: 包名
+        :return: 模块名
+        """
+        return package_name.split('.')[-1]
+
+    @classmethod
+    def get_business_name(cls, table_name: str) -> str:
+        """
+        获取业务名
+
+        param table_name: 业务表名
+        :return: 业务名
+        """
+        return table_name.split('_')[-1]
+
+    @classmethod
+    def convert_class_name(cls, table_name: str) -> str:
+        """
+        表名转换成Python类名
+
+        param table_name: 业务表名
+        :return: Python类名
+        """
+        auto_remove_pre = GenConfig.auto_remove_pre
+        table_prefix = GenConfig.table_prefix
+        if auto_remove_pre and table_prefix:
+            search_list = table_prefix.split(',')
+            table_name = cls.replace_first(table_name, search_list)
+        return StringUtil.convert_to_camel_case(table_name)
+
+    @classmethod
+    def replace_first(cls, replacement: str, search_list: List[str]) -> str:
+        """
+        批量替换前缀
+
+        param replacement: 需要被替换的字符串
+        param search_list: 可替换的字符串列表
+        :return: 替换后的字符串
+        """
+        for search_string in search_list:
+            if replacement.startswith(search_string):
+                return replacement.replace(search_string, '', 1)
+        return replacement
+
+    @classmethod
+    def replace_text(cls, text: str) -> str:
+        """
+        关键字替换
+
+        param text: 需要被替换的字符串
+        :return: 替换后的字符串
+        """
+        return re.sub(r'(?:表|若依)', '', text)
+
+    @classmethod
+    def get_db_type(cls, column_type: str) -> str:
+        """
+        获取数据库类型字段
+
+        param column_type: 字段类型
+        :return: 数据库类型
+        """
+        if '(' in column_type:
+            return column_type.split('(')[0]
+        return column_type
+
+    @classmethod
+    def get_column_length(cls, column_type: str) -> int:
+        """
+        获取字段长度
+
+        param column_type: 字段类型
+        :return: 字段长度
+        """
+        if '(' in column_type:
+            length = len(column_type.split('(')[1].split(')')[0])
+            return length
+        return 0
+
+    @classmethod
+    def split_column_type(cls, column_type: str) -> List[str]:
+        """
+        拆分列类型
+
+        param column_type: 字段类型
+        :return: 拆分结果
+        """
+        if '(' in column_type and ')' in column_type:
+            return column_type.split('(')[1].split(')')[0].split(',')
+        return []
+
+    @classmethod
+    def to_camel_case(cls, text: str) -> str:
+        """
+        将字符串转换为驼峰命名
+
+        param text: 需要转换的字符串
+        :return: 驼峰命名
+        """
+        parts = text.split('_')
+        return parts[0] + ''.join(word.capitalize() for word in parts[1:])

ruoyi-fastapi-backend/utils/log_util.py

@@ -1,11 +1,60 @@
 import os
+import sys
 import time
-from loguru import logger
+from loguru import logger as _logger
+from typing import Dict
+from middlewares.trace_middleware import TraceCtx
 
-log_path = os.path.join(os.getcwd(), 'logs')
-if not os.path.exists(log_path):
-    os.mkdir(log_path)
 
-log_path_error = os.path.join(log_path, f'{time.strftime("%Y-%m-%d")}_error.log')
+class LoggerInitializer:
+    def __init__(self):
+        self.log_path = os.path.join(os.getcwd(), 'logs')
+        self.__ensure_log_directory_exists()
+        self.log_path_error = os.path.join(self.log_path, f'{time.strftime("%Y-%m-%d")}_error.log')
 
-logger.add(log_path_error, rotation='50MB', encoding='utf-8', enqueue=True, compression='zip')
+    def __ensure_log_directory_exists(self):
+        """
+        确保日志目录存在，如果不存在则创建
+        """
+        if not os.path.exists(self.log_path):
+            os.mkdir(self.log_path)
+
+    @staticmethod
+    def __filter(log: Dict):
+        """
+        自定义日志过滤器，添加trace_id
+        """
+        log['trace_id'] = TraceCtx.get_id()
+        return log
+
+    def init_log(self):
+        """
+        初始化日志配置
+        """
+        # 自定义日志格式
+        format_str = (
+            '<green>{time:YYYY-MM-DD HH:mm:ss.SSS}</green> | '
+            '<cyan>{trace_id}</cyan> | '
+            '<level>{level: <8}</level> | '
+            '<cyan>{name}</cyan>:<cyan>{function}</cyan>:<cyan>{line}</cyan> - '
+            '<level>{message}</level>'
+        )
+        _logger.remove()
+        # 移除后重新添加sys.stderr, 目的: 控制台输出与文件日志内容和结构一致
+        _logger.add(sys.stderr, filter=self.__filter, format=format_str, enqueue=True)
+        _logger.add(
+            self.log_path_error,
+            filter=self.__filter,
+            format=format_str,
+            rotation='50MB',
+            encoding='utf-8',
+            enqueue=True,
+            compression='zip',
+        )
+
+        return _logger
+
+
+# 初始化日志处理器
+log_initializer = LoggerInitializer()
+logger = log_initializer.init_log()

ruoyi-fastapi-backend/utils/response_util.py

@@ -3,7 +3,8 @@ from fastapi import status
 from fastapi.encoders import jsonable_encoder
 from fastapi.responses import JSONResponse, Response, StreamingResponse
 from pydantic import BaseModel
-from typing import Any, Dict, Optional
+from starlette.background import BackgroundTask
+from typing import Any, Dict, Mapping, Optional
 from config.constant import HttpStatusConstant
 
 
@@ -20,6 +21,9 @@ class ResponseUtil:
         rows: Optional[Any] = None,
         dict_content: Optional[Dict] = None,
         model_content: Optional[BaseModel] = None,
+        headers: Optional[Mapping[str, str]] = None,
+        media_type: Optional[str] = None,
+        background: Optional[BackgroundTask] = None,
     ) -> Response:
         """
         成功响应方法
@@ -29,6 +33,9 @@ class ResponseUtil:
         :param rows: 可选，成功响应结果中属性为rows的值
         :param dict_content: 可选，dict类型，成功响应结果中自定义属性的值
         :param model_content: 可选，BaseModel类型，成功响应结果中自定义属性的值
+        :param headers: 可选，响应头信息
+        :param media_type: 可选，响应结果媒体类型
+        :param background: 可选，响应返回后执行的后台任务
         :return: 成功响应结果
         """
         result = {'code': HttpStatusConstant.SUCCESS, 'msg': msg}
@@ -44,7 +51,13 @@ class ResponseUtil:
 
         result.update({'success': True, 'time': datetime.now()})
 
-        return JSONResponse(status_code=status.HTTP_200_OK, content=jsonable_encoder(result))
+        return JSONResponse(
+            status_code=status.HTTP_200_OK,
+            content=jsonable_encoder(result),
+            headers=headers,
+            media_type=media_type,
+            background=background,
+        )
 
     @classmethod
     def failure(
@@ -54,6 +67,9 @@ class ResponseUtil:
         rows: Optional[Any] = None,
         dict_content: Optional[Dict] = None,
         model_content: Optional[BaseModel] = None,
+        headers: Optional[Mapping[str, str]] = None,
+        media_type: Optional[str] = None,
+        background: Optional[BackgroundTask] = None,
     ) -> Response:
         """
         失败响应方法
@@ -63,6 +79,9 @@ class ResponseUtil:
         :param rows: 可选，失败响应结果中属性为rows的值
         :param dict_content: 可选，dict类型，失败响应结果中自定义属性的值
         :param model_content: 可选，BaseModel类型，失败响应结果中自定义属性的值
+        :param headers: 可选，响应头信息
+        :param media_type: 可选，响应结果媒体类型
+        :param background: 可选，响应返回后执行的后台任务
         :return: 失败响应结果
         """
         result = {'code': HttpStatusConstant.WARN, 'msg': msg}
@@ -78,7 +97,13 @@ class ResponseUtil:
 
         result.update({'success': False, 'time': datetime.now()})
 
-        return JSONResponse(status_code=status.HTTP_200_OK, content=jsonable_encoder(result))
+        return JSONResponse(
+            status_code=status.HTTP_200_OK,
+            content=jsonable_encoder(result),
+            headers=headers,
+            media_type=media_type,
+            background=background,
+        )
 
     @classmethod
     def unauthorized(
@@ -88,6 +113,9 @@ class ResponseUtil:
         rows: Optional[Any] = None,
         dict_content: Optional[Dict] = None,
         model_content: Optional[BaseModel] = None,
+        headers: Optional[Mapping[str, str]] = None,
+        media_type: Optional[str] = None,
+        background: Optional[BackgroundTask] = None,
     ) -> Response:
         """
         未认证响应方法
@@ -97,6 +125,9 @@ class ResponseUtil:
         :param rows: 可选，未认证响应结果中属性为rows的值
         :param dict_content: 可选，dict类型，未认证响应结果中自定义属性的值
         :param model_content: 可选，BaseModel类型，未认证响应结果中自定义属性的值
+        :param headers: 可选，响应头信息
+        :param media_type: 可选，响应结果媒体类型
+        :param background: 可选，响应返回后执行的后台任务
         :return: 未认证响应结果
         """
         result = {'code': HttpStatusConstant.UNAUTHORIZED, 'msg': msg}
@@ -112,7 +143,13 @@ class ResponseUtil:
 
         result.update({'success': False, 'time': datetime.now()})
 
-        return JSONResponse(status_code=status.HTTP_200_OK, content=jsonable_encoder(result))
+        return JSONResponse(
+            status_code=status.HTTP_200_OK,
+            content=jsonable_encoder(result),
+            headers=headers,
+            media_type=media_type,
+            background=background,
+        )
 
     @classmethod
     def forbidden(
@@ -122,6 +159,9 @@ class ResponseUtil:
         rows: Optional[Any] = None,
         dict_content: Optional[Dict] = None,
         model_content: Optional[BaseModel] = None,
+        headers: Optional[Mapping[str, str]] = None,
+        media_type: Optional[str] = None,
+        background: Optional[BackgroundTask] = None,
     ) -> Response:
         """
         未授权响应方法
@@ -131,6 +171,9 @@ class ResponseUtil:
         :param rows: 可选，未授权响应结果中属性为rows的值
         :param dict_content: 可选，dict类型，未授权响应结果中自定义属性的值
         :param model_content: 可选，BaseModel类型，未授权响应结果中自定义属性的值
+        :param headers: 可选，响应头信息
+        :param media_type: 可选，响应结果媒体类型
+        :param background: 可选，响应返回后执行的后台任务
         :return: 未授权响应结果
         """
         result = {'code': HttpStatusConstant.FORBIDDEN, 'msg': msg}
@@ -146,7 +189,13 @@ class ResponseUtil:
 
         result.update({'success': False, 'time': datetime.now()})
 
-        return JSONResponse(status_code=status.HTTP_200_OK, content=jsonable_encoder(result))
+        return JSONResponse(
+            status_code=status.HTTP_200_OK,
+            content=jsonable_encoder(result),
+            headers=headers,
+            media_type=media_type,
+            background=background,
+        )
 
     @classmethod
     def error(
@@ -156,6 +205,9 @@ class ResponseUtil:
         rows: Optional[Any] = None,
         dict_content: Optional[Dict] = None,
         model_content: Optional[BaseModel] = None,
+        headers: Optional[Mapping[str, str]] = None,
+        media_type: Optional[str] = None,
+        background: Optional[BackgroundTask] = None,
     ) -> Response:
         """
         错误响应方法
@@ -165,6 +217,9 @@ class ResponseUtil:
         :param rows: 可选，错误响应结果中属性为rows的值
         :param dict_content: 可选，dict类型，错误响应结果中自定义属性的值
         :param model_content: 可选，BaseModel类型，错误响应结果中自定义属性的值
+        :param headers: 可选，响应头信息
+        :param media_type: 可选，响应结果媒体类型
+        :param background: 可选，响应返回后执行的后台任务
         :return: 错误响应结果
         """
         result = {'code': HttpStatusConstant.ERROR, 'msg': msg}
@@ -180,14 +235,32 @@ class ResponseUtil:
 
         result.update({'success': False, 'time': datetime.now()})
 
-        return JSONResponse(status_code=status.HTTP_200_OK, content=jsonable_encoder(result))
+        return JSONResponse(
+            status_code=status.HTTP_200_OK,
+            content=jsonable_encoder(result),
+            headers=headers,
+            media_type=media_type,
+            background=background,
+        )
 
     @classmethod
-    def streaming(cls, *, data: Any = None):
+    def streaming(
+        cls,
+        *,
+        data: Any = None,
+        headers: Optional[Mapping[str, str]] = None,
+        media_type: Optional[str] = None,
+        background: Optional[BackgroundTask] = None,
+    ) -> Response:
         """
         流式响应方法
 
         :param data: 流式传输的内容
+        :param headers: 可选，响应头信息
+        :param media_type: 可选，响应结果媒体类型
+        :param background: 可选，响应返回后执行的后台任务
         :return: 流式响应结果
         """
-        return StreamingResponse(status_code=status.HTTP_200_OK, content=data)
+        return StreamingResponse(
+            status_code=status.HTTP_200_OK, content=data, headers=headers, media_type=media_type, background=background
+        )

ruoyi-fastapi-backend/utils/string_util.py

@@ -1,4 +1,4 @@
-from typing import List
+from typing import Dict, List
 from config.constant import CommonConstant
 
 
@@ -36,6 +36,16 @@ class StringUtil:
         """
         return string is None or len(string) == 0
 
+    @classmethod
+    def is_not_empty(cls, string: str) -> bool:
+        """
+        校验字符串是否不是''和None
+
+        :param string: 需要校验的字符串
+        :return: 校验结果
+        """
+        return not cls.is_empty(string)
+
     @classmethod
     def is_http(cls, link: str):
         """
@@ -49,7 +59,7 @@ class StringUtil:
     @classmethod
     def contains_ignore_case(cls, search_str: str, compare_str: str):
         """
-        查找指定字符串是否包含指定字符串同时串忽略大小写
+        查找指定字符串是否包含指定字符串同时忽略大小写
 
         :param search_str: 查找的字符串
         :param compare_str: 比对的字符串
@@ -62,15 +72,40 @@ class StringUtil:
     @classmethod
     def contains_any_ignore_case(cls, search_str: str, compare_str_list: List[str]):
         """
-        查找指定字符串是否包含指定字符串列表中的任意一个字符串同时串忽略大小写
+        查找指定字符串是否包含指定字符串列表中的任意一个字符串同时忽略大小写
 
         :param search_str: 查找的字符串
         :param compare_str_list: 比对的字符串列表
         :return: 查找结果
         """
         if search_str and compare_str_list:
-            for compare_str in compare_str_list:
-                return cls.contains_ignore_case(search_str, compare_str)
+            return any([cls.contains_ignore_case(search_str, compare_str) for compare_str in compare_str_list])
+        return False
+
+    @classmethod
+    def equals_ignore_case(cls, search_str: str, compare_str: str):
+        """
+        比较两个字符串是否相等同时忽略大小写
+
+        :param search_str: 查找的字符串
+        :param compare_str: 比对的字符串
+        :return: 比较结果
+        """
+        if search_str and compare_str:
+            return search_str.lower() == compare_str.lower()
+        return False
+
+    @classmethod
+    def equals_any_ignore_case(cls, search_str: str, compare_str_list: List[str]):
+        """
+        比较指定字符串是否与指定字符串列表中的任意一个字符串相等同时忽略大小写
+
+        :param search_str: 查找的字符串
+        :param compare_str_list: 比对的字符串列表
+        :return: 比较结果
+        """
+        if search_str and compare_str_list:
+            return any([cls.equals_ignore_case(search_str, compare_str) for compare_str in compare_str_list])
         return False
 
     @classmethod
@@ -96,6 +131,40 @@ class StringUtil:
         :return: 查找结果
         """
         if search_str and compare_str_list:
-            for compare_str in compare_str_list:
-                return cls.startswith_case(search_str, compare_str)
+            return any([cls.startswith_case(search_str, compare_str) for compare_str in compare_str_list])
         return False
+
+    @classmethod
+    def convert_to_camel_case(cls, name: str) -> str:
+        """
+        将下划线大写方式命名的字符串转换为驼峰式。如果转换前的下划线大写方式命名的字符串为空，则返回空字符串
+
+        :param name: 转换前的下划线大写方式命名的字符串
+        :return: 转换后的驼峰式命名的字符串
+        """
+        if not name:
+            return ''
+        if '_' not in name:
+            return name[0].upper() + name[1:]
+        parts = name.split('_')
+        result = []
+        for part in parts:
+            if not part:
+                continue
+            result.append(part[0].upper() + part[1:].lower())
+        return ''.join(result)
+
+    @classmethod
+    def get_mapping_value_by_key_ignore_case(cls, mapping: Dict[str, str], key: str) -> str:
+        """
+        根据忽略大小写的键获取字典中的对应的值
+
+        param mapping: 字典
+        param key: 字典的键
+        :return: 字典键对应的值
+        """
+        for k, v in mapping.items():
+            if key.lower() == k.lower():
+                return v
+        
+        return ''

ruoyi-fastapi-backend/utils/template_util.py

@@ -0,0 +1,468 @@
+import json
+import os
+from datetime import datetime
+from jinja2 import Environment, FileSystemLoader
+from typing import Dict, List, Set
+from config.constant import GenConstant
+from config.env import DataBaseConfig
+from exceptions.exception import ServiceWarning
+from module_generator.entity.vo.gen_vo import GenTableModel, GenTableColumnModel
+from utils.common_util import CamelCaseUtil, SnakeCaseUtil
+from utils.string_util import StringUtil
+
+
+class TemplateInitializer:
+    """
+    模板引擎初始化类
+    """
+
+    @classmethod
+    def init_jinja2(cls):
+        """
+        初始化 Jinja2 模板引擎
+
+        :return: Jinja2 环境对象
+        """
+        try:
+            template_dir = os.path.join(os.getcwd(), 'module_generator', 'templates')
+            env = Environment(
+                loader=FileSystemLoader(template_dir),
+                keep_trailing_newline=True,
+                trim_blocks=True,
+                lstrip_blocks=True,
+            )
+            env.filters.update(
+                {
+                    'camel_to_snake': SnakeCaseUtil.camel_to_snake,
+                    'snake_to_camel': CamelCaseUtil.snake_to_camel,
+                    'get_sqlalchemy_type': TemplateUtils.get_sqlalchemy_type,
+                }
+            )
+            return env
+        except Exception as e:
+            raise RuntimeError(f'初始化Jinja2模板引擎失败: {e}')
+
+
+class TemplateUtils:
+    """
+    模板工具类
+    """
+
+    # 项目路径
+    FRONTEND_PROJECT_PATH = 'frontend'
+    BACKEND_PROJECT_PATH = 'backend'
+    DEFAULT_PARENT_MENU_ID = '3'
+
+    @classmethod
+    def prepare_context(cls, gen_table: GenTableModel):
+        """
+        准备模板变量
+
+        :param gen_table: 生成表的配置信息
+        :return: 模板上下文字典
+        """
+        if not gen_table.options:
+            raise ServiceWarning(message='请先完善生成配置信息')
+        class_name = gen_table.class_name
+        module_name = gen_table.module_name
+        business_name = gen_table.business_name
+        package_name = gen_table.package_name
+        tpl_category = gen_table.tpl_category
+        function_name = gen_table.function_name
+
+        context = {
+            'tplCategory': tpl_category,
+            'tableName': gen_table.table_name,
+            'functionName': function_name if StringUtil.is_not_empty(function_name) else '【请填写功能名称】',
+            'ClassName': class_name,
+            'className': class_name.lower(),
+            'moduleName': module_name,
+            'BusinessName': business_name.capitalize(),
+            'businessName': business_name,
+            'basePackage': cls.get_package_prefix(package_name),
+            'packageName': package_name,
+            'author': gen_table.function_author,
+            'datetime': datetime.now().strftime('%Y-%m-%d %H:%M:%S'),
+            'pkColumn': gen_table.pk_column,
+            'doImportList': cls.get_do_import_list(gen_table),
+            'voImportList': cls.get_vo_import_list(gen_table),
+            'permissionPrefix': cls.get_permission_prefix(module_name, business_name),
+            'columns': gen_table.columns,
+            'table': gen_table,
+            'dicts': cls.get_dicts(gen_table),
+            'dbType': DataBaseConfig.db_type,
+        }
+
+        # 设置菜单、树形结构、子表的上下文
+        cls.set_menu_context(context, gen_table)
+        if tpl_category == GenConstant.TPL_TREE:
+            cls.set_tree_context(context, gen_table)
+        if tpl_category == GenConstant.TPL_SUB:
+            cls.set_sub_context(context, gen_table)
+
+        return context
+
+    @classmethod
+    def set_menu_context(cls, context: Dict, gen_table: GenTableModel):
+        """
+        设置菜单上下文
+
+        :param context: 模板上下文字典
+        :param gen_table: 生成表的配置信息
+        :return: 新的模板上下文字典
+        """
+        options = gen_table.options
+        params_obj = json.loads(options)
+        context['parentMenuId'] = cls.get_parent_menu_id(params_obj)
+
+    @classmethod
+    def set_tree_context(cls, context: Dict, gen_table: GenTableModel):
+        """
+        设置树形结构上下文
+
+        :param context: 模板上下文字典
+        :param gen_table: 生成表的配置信息
+        :return: 新的模板上下文字典
+        """
+        options = gen_table.options
+        params_obj = json.loads(options)
+        context['treeCode'] = cls.get_tree_code(params_obj)
+        context['treeParentCode'] = cls.get_tree_parent_code(params_obj)
+        context['treeName'] = cls.get_tree_name(params_obj)
+        context['expandColumn'] = cls.get_expand_column(gen_table)
+
+    @classmethod
+    def set_sub_context(cls, context: Dict, gen_table: GenTableModel):
+        """
+        设置子表上下文
+
+        :param context: 模板上下文字典
+        :param gen_table: 生成表的配置信息
+        :return: 新的模板上下文字典
+        """
+        sub_table = gen_table.sub_table
+        sub_table_name = gen_table.sub_table_name
+        sub_table_fk_name = gen_table.sub_table_fk_name
+        sub_class_name = sub_table.class_name
+        sub_table_fk_class_name = StringUtil.convert_to_camel_case(sub_table_fk_name)
+        context['subTable'] = sub_table
+        context['subTableName'] = sub_table_name
+        context['subTableFkName'] = sub_table_fk_name
+        context['subTableFkClassName'] = sub_table_fk_class_name
+        context['subTableFkclassName'] = sub_table_fk_class_name.lower()
+        context['subClassName'] = sub_class_name
+        context['subclassName'] = sub_class_name.lower()
+
+    @classmethod
+    def get_template_list(cls, tpl_category: str, tpl_web_type: str):
+        """
+        获取模板列表
+
+        :param tpl_category: 生成模板类型
+        :param tpl_web_type: 前端类型
+        :return: 模板列表
+        """
+        use_web_type = 'vue'
+        if tpl_web_type == 'element-plus':
+            use_web_type = 'vue/v3'
+        templates = [
+            'python/controller.py.jinja2',
+            'python/dao.py.jinja2',
+            'python/do.py.jinja2',
+            'python/service.py.jinja2',
+            'python/vo.py.jinja2',
+            'sql/sql.jinja2',
+            'js/api.js.jinja2',
+        ]
+        if tpl_category == GenConstant.TPL_CRUD:
+            templates.append(f'{use_web_type}/index.vue.jinja2')
+        elif tpl_category == GenConstant.TPL_TREE:
+            templates.append(f'{use_web_type}/index-tree.vue.jinja2')
+        elif tpl_category == GenConstant.TPL_SUB:
+            templates.append(f'{use_web_type}/index.vue.jinja2')
+            # templates.append('python/sub-domain.python.jinja2')
+        return templates
+
+    @classmethod
+    def get_file_name(cls, template: List[str], gen_table: GenTableModel):
+        """
+        根据模板生成文件名
+
+        :param template: 模板列表
+        :param gen_table: 生成表的配置信息
+        :return: 模板生成文件名
+        """
+        package_name = gen_table.package_name
+        module_name = gen_table.module_name
+        business_name = gen_table.business_name
+
+        vue_path = cls.FRONTEND_PROJECT_PATH
+        python_path = f'{cls.BACKEND_PROJECT_PATH}/{package_name.replace(".", "/")}'
+
+        if 'controller.py.jinja2' in template:
+            return f'{python_path}/controller/{business_name}_controller.py'
+        elif 'dao.py.jinja2' in template:
+            return f'{python_path}/dao/{business_name}_dao.py'
+        elif 'do.py.jinja2' in template:
+            return f'{python_path}/entity/do/{business_name}_do.py'
+        elif 'service.py.jinja2' in template:
+            return f'{python_path}/service/{business_name}_service.py'
+        elif 'vo.py.jinja2' in template:
+            return f'{python_path}/entity/vo/{business_name}_vo.py'
+        elif 'sql.jinja2' in template:
+            return f'{cls.BACKEND_PROJECT_PATH}/sql/{business_name}_menu.sql'
+        elif 'api.js.jinja2' in template:
+            return f'{vue_path}/api/{module_name}/{business_name}.js'
+        elif 'index.vue.jinja2' in template or 'index-tree.vue.jinja2' in template:
+            return f'{vue_path}/views/{module_name}/{business_name}/index.vue'
+        return ''
+
+    @classmethod
+    def get_package_prefix(cls, package_name: str):
+        """
+        获取包前缀
+
+        :param package_name: 包名
+        :return: 包前缀
+        """
+        return package_name[: package_name.rfind('.')]
+
+    @classmethod
+    def get_vo_import_list(cls, gen_table: GenTableModel):
+        """
+        获取vo模板导入包列表
+
+        :param gen_table: 生成表的配置信息
+        :return: 导入包列表
+        """
+        columns = gen_table.columns or []
+        import_list = set()
+        for column in columns:
+            if column.python_type in GenConstant.TYPE_DATE:
+                import_list.add(f'from datetime import {column.python_type}')
+            elif column.python_type == GenConstant.TYPE_DECIMAL:
+                import_list.add('from decimal import Decimal')
+        if gen_table.sub:
+            sub_columns = gen_table.sub_table.columns or []
+            for sub_column in sub_columns:
+                if sub_column.python_type in GenConstant.TYPE_DATE:
+                    import_list.add(f'from datetime import {sub_column.python_type}')
+                elif sub_column.python_type == GenConstant.TYPE_DECIMAL:
+                    import_list.add('from decimal import Decimal')
+        return cls.merge_same_imports(list(import_list), 'from datetime import')
+
+    @classmethod
+    def get_do_import_list(cls, gen_table: GenTableModel):
+        """
+        获取do模板导入包列表
+
+        :param gen_table: 生成表的配置信息
+        :return: 导入包列表
+        """
+        columns = gen_table.columns or []
+        import_list = set()
+        import_list.add('from sqlalchemy import Column')
+        for column in columns:
+            data_type = cls.get_db_type(column.column_type)
+            if data_type in GenConstant.COLUMNTYPE_GEOMETRY:
+                import_list.add('from geoalchemy2 import Geometry')
+            import_list.add(
+                f'from sqlalchemy import {StringUtil.get_mapping_value_by_key_ignore_case(GenConstant.DB_TO_SQLALCHEMY_TYPE_MAPPING, data_type)}'
+            )
+        if gen_table.sub:
+            import_list.add('from sqlalchemy import ForeignKey')
+            sub_columns = gen_table.sub_table.columns or []
+            for sub_column in sub_columns:
+                data_type = cls.get_db_type(sub_column.column_type)
+                import_list.add(
+                    f'from sqlalchemy import {StringUtil.get_mapping_value_by_key_ignore_case(GenConstant.DB_TO_SQLALCHEMY_TYPE_MAPPING, data_type)}'
+                )
+        return cls.merge_same_imports(list(import_list), 'from sqlalchemy import')
+
+    @classmethod
+    def get_db_type(cls, column_type: str) -> str:
+        """
+        获取数据库类型字段
+
+        param column_type: 字段类型
+        :return: 数据库类型
+        """
+        if '(' in column_type:
+            return column_type.split('(')[0]
+        return column_type
+
+    @classmethod
+    def merge_same_imports(cls, imports: List[str], import_start: str) -> List[str]:
+        """
+        合并相同的导入语句
+
+        :param imports: 导入语句列表
+        :param import_start: 导入语句的起始字符串
+        :return: 合并后的导入语句列表
+        """
+        merged_imports = []
+        _imports = []
+        for import_stmt in imports:
+            if import_stmt.startswith(import_start):
+                imported_items = import_stmt.split('import')[1].strip()
+                _imports.extend(imported_items.split(', '))
+            else:
+                merged_imports.append(import_stmt)
+
+        if _imports:
+            merged_datetime_import = f'{import_start} {", ".join(_imports)}'
+            merged_imports.append(merged_datetime_import)
+
+        return merged_imports
+
+    @classmethod
+    def get_dicts(cls, gen_table: GenTableModel):
+        """
+        获取字典列表
+
+        :param gen_table: 生成表的配置信息
+        :return: 字典列表
+        """
+        columns = gen_table.columns or []
+        dicts = set()
+        cls.add_dicts(dicts, columns)
+        if gen_table.sub_table is not None:
+            cls.add_dicts(dicts, gen_table.sub_table.columns)
+        return ', '.join(dicts)
+
+    @classmethod
+    def add_dicts(cls, dicts: Set[str], columns: List[GenTableColumnModel]):
+        """
+        添加字典列表
+
+        :param dicts: 字典列表
+        :param columns: 字段列表
+        :return: 新的字典列表
+        """
+        for column in columns:
+            if (
+                not column.super_column
+                and StringUtil.is_not_empty(column.dict_type)
+                and StringUtil.equals_any_ignore_case(
+                    column.html_type, [GenConstant.HTML_SELECT, GenConstant.HTML_RADIO, GenConstant.HTML_CHECKBOX]
+                )
+            ):
+                dicts.add(f"'{column.dict_type}'")
+
+    @classmethod
+    def get_permission_prefix(cls, module_name: str, business_name: str):
+        """
+        获取权限前缀
+
+        :param module_name: 模块名
+        :param business_name: 业务名
+        :return: 权限前缀
+        """
+        return f'{module_name}:{business_name}'
+
+    @classmethod
+    def get_parent_menu_id(cls, params_obj: Dict):
+        """
+        获取上级菜单ID
+
+        :param params_obj: 菜单参数字典
+        :return: 上级菜单ID
+        """
+        if params_obj and params_obj.get(GenConstant.PARENT_MENU_ID):
+            return params_obj.get(GenConstant.PARENT_MENU_ID)
+        return cls.DEFAULT_PARENT_MENU_ID
+
+    @classmethod
+    def get_tree_code(cls, params_obj: Dict):
+        """
+        获取树编码
+
+        :param params_obj: 菜单参数字典
+        :return: 树编码
+        """
+        if GenConstant.TREE_CODE in params_obj:
+            return cls.to_camel_case(params_obj.get(GenConstant.TREE_CODE))
+        return ''
+
+    @classmethod
+    def get_tree_parent_code(cls, params_obj: Dict):
+        """
+        获取树父编码
+
+        :param params_obj: 菜单参数字典
+        :return: 树父编码
+        """
+        if GenConstant.TREE_PARENT_CODE in params_obj:
+            return cls.to_camel_case(params_obj.get(GenConstant.TREE_PARENT_CODE))
+        return ''
+
+    @classmethod
+    def get_tree_name(cls, params_obj: Dict):
+        """
+        获取树名称
+
+        :param params_obj: 菜单参数字典
+        :return: 树名称
+        """
+        if GenConstant.TREE_NAME in params_obj:
+            return cls.to_camel_case(params_obj.get(GenConstant.TREE_NAME))
+        return ''
+
+    @classmethod
+    def get_expand_column(cls, gen_table: GenTableModel):
+        """
+        获取展开列
+
+        :param gen_table: 生成表的配置信息
+        :return: 展开列
+        """
+        options = gen_table.options
+        params_obj = json.loads(options)
+        tree_name = params_obj.get(GenConstant.TREE_NAME)
+        num = 0
+        for column in gen_table.columns or []:
+            if column.list:
+                num += 1
+                if column.column_name == tree_name:
+                    break
+        return num
+
+    @classmethod
+    def to_camel_case(cls, text: str) -> str:
+        """
+        将字符串转换为驼峰命名
+
+        :param text: 待转换的字符串
+        :return: 转换后的驼峰命名字符串
+        """
+        parts = text.split('_')
+        return parts[0] + ''.join(word.capitalize() for word in parts[1:])
+
+    @classmethod
+    def get_sqlalchemy_type(cls, column_type: str):
+        """
+        获取SQLAlchemy类型
+
+        :param column_type: 列类型
+        :return: SQLAlchemy类型
+        """
+        if '(' in column_type:
+            column_type_list = column_type.split('(')
+            if column_type_list[0] in GenConstant.COLUMNTYPE_STR:
+                sqlalchemy_type = (
+                    StringUtil.get_mapping_value_by_key_ignore_case(
+                        GenConstant.DB_TO_SQLALCHEMY_TYPE_MAPPING, column_type_list[0]
+                    )
+                    + '('
+                    + column_type_list[1]
+                )
+            else:
+                sqlalchemy_type = StringUtil.get_mapping_value_by_key_ignore_case(
+                    GenConstant.DB_TO_SQLALCHEMY_TYPE_MAPPING, column_type_list[0]
+                )
+        else:
+            sqlalchemy_type = StringUtil.get_mapping_value_by_key_ignore_case(
+                GenConstant.DB_TO_SQLALCHEMY_TYPE_MAPPING, column_type
+            )
+
+        return sqlalchemy_type

ruoyi-fastapi-frontend/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vfadmin",
-  "version": "1.5.1",
+  "version": "1.6.0",
   "description": "vfadmin管理系统",
   "author": "insistence",
   "license": "MIT",
@@ -23,17 +23,21 @@
     "@vueuse/core": "10.11.0",
     "ant-design-vue": "^4.1.1",
     "axios": "0.28.1",
+    "clipboard": "2.0.11",
     "echarts": "5.5.1",
     "element-plus": "2.7.6",
     "file-saver": "2.0.5",
     "fuse.js": "6.6.2",
+    "js-beautify": "1.15.1",
     "js-cookie": "3.0.5",
     "jsencrypt": "3.3.2",
     "nprogress": "0.2.0",
     "pinia": "2.1.7",
+    "splitpanes": "3.1.5",
     "vue": "3.4.15",
     "vue-cropper": "1.1.1",
-    "vue-router": "4.4.0"
+    "vue-router": "4.4.0",
+    "vuedraggable": "4.1.0"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "5.0.5",

ruoyi-fastapi-frontend/src/api/system/user.js

@@ -96,7 +96,7 @@ export function updateUserPwd(oldPassword, newPassword) {
   return request({
     url: '/system/user/profile/updatePwd',
     method: 'put',
-    params: data
+    data: data
   })
 }
 

ruoyi-fastapi-frontend/src/api/tool/gen.js

@@ -1,76 +1,85 @@
-import request from '@/utils/request'
-
-// 查询生成表数据
-export function listTable(query) {
-  return request({
-    url: '/tool/gen/list',
-    method: 'get',
-    params: query
-  })
-}
-// 查询db数据库列表
-export function listDbTable(query) {
-  return request({
-    url: '/tool/gen/db/list',
-    method: 'get',
-    params: query
-  })
-}
-
-// 查询表详细信息
-export function getGenTable(tableId) {
-  return request({
-    url: '/tool/gen/' + tableId,
-    method: 'get'
-  })
-}
-
-// 修改代码生成信息
-export function updateGenTable(data) {
-  return request({
-    url: '/tool/gen',
-    method: 'put',
-    data: data
-  })
-}
-
-// 导入表
-export function importTable(data) {
-  return request({
-    url: '/tool/gen/importTable',
-    method: 'post',
-    params: data
-  })
-}
-
-// 预览生成代码
-export function previewTable(tableId) {
-  return request({
-    url: '/tool/gen/preview/' + tableId,
-    method: 'get'
-  })
-}
-
-// 删除表数据
-export function delTable(tableId) {
-  return request({
-    url: '/tool/gen/' + tableId,
-    method: 'delete'
-  })
-}
-
-// 生成代码（自定义路径）
-export function genCode(tableName) {
-  return request({
-    url: '/tool/gen/genCode/' + tableName,
-    method: 'get'
-  })
-}
-
-// 同步数据库
-export function synchDb(tableName) {
-  return request({
-    url: '/tool/gen/synchDb/' + tableName,
-    method: 'get'
-  })
-}
+import request from '@/utils/request'
+
+// 查询生成表数据
+export function listTable(query) {
+  return request({
+    url: '/tool/gen/list',
+    method: 'get',
+    params: query
+  })
+}
+// 查询db数据库列表
+export function listDbTable(query) {
+  return request({
+    url: '/tool/gen/db/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询表详细信息
+export function getGenTable(tableId) {
+  return request({
+    url: '/tool/gen/' + tableId,
+    method: 'get'
+  })
+}
+
+// 修改代码生成信息
+export function updateGenTable(data) {
+  return request({
+    url: '/tool/gen',
+    method: 'put',
+    data: data
+  })
+}
+
+// 导入表
+export function importTable(data) {
+  return request({
+    url: '/tool/gen/importTable',
+    method: 'post',
+    params: data
+  })
+}
+
+// 创建表
+export function createTable(data) {
+  return request({
+    url: '/tool/gen/createTable',
+    method: 'post',
+    params: data
+  })
+}
+
+// 预览生成代码
+export function previewTable(tableId) {
+  return request({
+    url: '/tool/gen/preview/' + tableId,
+    method: 'get'
+  })
+}
+
+// 删除表数据
+export function delTable(tableId) {
+  return request({
+    url: '/tool/gen/' + tableId,
+    method: 'delete'
+  })
+}
+
+// 生成代码（自定义路径）
+export function genCode(tableName) {
+  return request({
+    url: '/tool/gen/genCode/' + tableName,
+    method: 'get'
+  })
+}
+
+// 同步数据库
+export function synchDb(tableName) {
+  return request({
+    url: '/tool/gen/synchDb/' + tableName,
+    method: 'get'
+  })
+}

ruoyi-fastapi-frontend/src/assets/icons/svg/moon.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1733303018722" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1447" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M368.832 67.2c51.328-16.384 89.216 34.112 75.712 76.416a346.816 346.816 0 0 0 435.84 435.84c42.304-13.44 92.8 24.384 76.48 75.712A467.968 467.968 0 1 1 368.832 67.2z m-35.776 122.688a368.832 368.832 0 1 0 501.056 501.056 445.952 445.952 0 0 1-501.056-501.056z" p-id="1448"></path></svg>

ruoyi-fastapi-frontend/src/assets/icons/svg/sunny.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1733303115132" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12397" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M512 890.432c18.432 0 33.408 14.976 33.408 33.408v66.752a33.408 33.408 0 0 1-66.816 0v-66.752c0-18.432 14.976-33.408 33.408-33.408z m-267.52-110.848a33.408 33.408 0 0 1 0 47.232l-47.296 47.232a33.408 33.408 0 0 1-47.232-47.232l47.232-47.232a33.408 33.408 0 0 1 47.232 0z m582.336 0l47.232 47.232a33.408 33.408 0 0 1-47.232 47.232l-47.232-47.232a33.408 33.408 0 1 1 47.232-47.232zM512 200.32a311.68 311.68 0 1 1 0 623.296 311.68 311.68 0 0 1 0-623.36z m0 66.752a244.864 244.864 0 1 0 0 489.728 244.864 244.864 0 0 0 0-489.728zM100.16 478.592a33.408 33.408 0 1 1 0 66.816H33.408a33.408 33.408 0 0 1 0-66.816h66.752z m890.432 0a33.408 33.408 0 0 1 0 66.816h-66.752a33.408 33.408 0 1 1 0-66.816h66.752zM197.184 149.952l47.232 47.232a33.408 33.408 0 1 1-47.232 47.232l-47.232-47.232a33.408 33.408 0 0 1 47.232-47.232z m676.864 0a33.408 33.408 0 0 1 0 47.232l-47.232 47.232a33.408 33.408 0 1 1-47.232-47.232l47.232-47.232a33.408 33.408 0 0 1 47.232 0zM512 0c18.432 0 33.408 14.976 33.408 33.408v66.752a33.408 33.408 0 1 1-66.816 0V33.408C478.592 14.976 493.568 0 512 0z" p-id="12398"></path></svg>

ruoyi-fastapi-frontend/src/assets/styles/ruoyi.scss

@@ -1,281 +1,301 @@
- /**
- * 通用css样式布局处理
- * Copyright (c) 2019 ruoyi
- */
-
- /** 基础通用 **/
-.pt5 {
-	padding-top: 5px;
-}
-.pr5 {
-	padding-right: 5px;
-}
-.pb5 {
-	padding-bottom: 5px;
-}
-.mt5 {
-	margin-top: 5px;
-}
-.mr5 {
-	margin-right: 5px;
-}
-.mb5 {
-	margin-bottom: 5px;
-}
-.mb8 {
-	margin-bottom: 8px;
-}
-.ml5 {
-	margin-left: 5px;
-}
-.mt10 {
-	margin-top: 10px;
-}
-.mr10 {
-	margin-right: 10px;
-}
-.mb10 {
-	margin-bottom: 10px;
-}
-.ml10 {
-	margin-left: 10px;
-}
-.mt20 {
-	margin-top: 20px;
-}
-.mr20 {
-	margin-right: 20px;
-}
-.mb20 {
-	margin-bottom: 20px;
-}
-.ml20 {
-	margin-left: 20px;
-}
-
-.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
-	font-family: inherit;
-	font-weight: 500;
-	line-height: 1.1;
-	color: inherit;
-}
-
-.el-form .el-form-item__label {
-	font-weight: 700;
-}
-.el-dialog:not(.is-fullscreen) {
-	margin-top: 6vh !important;
-}
-
-.el-dialog.scrollbar .el-dialog__body {
-	overflow: auto;
-	overflow-x: hidden;
-	max-height: 70vh;
-	padding: 10px 20px 0;
-}
-
-.el-table {
-	.el-table__header-wrapper, .el-table__fixed-header-wrapper {
-		th {
-			word-break: break-word;
-			background-color: #f8f8f9 !important;
-			color: #515a6e;
-			height: 40px !important;
-			font-size: 13px;
-		}
-	}
-	.el-table__body-wrapper {
-		.el-button [class*="el-icon-"] + span {
-			margin-left: 1px;
-		}
-	}
-}
-
-/** 表单布局 **/
-.form-header {
-    font-size:15px;
-	color:#6379bb;
-	border-bottom:1px solid #ddd;
-	margin:8px 10px 25px 10px;
-	padding-bottom:5px
-}
-
-/** 表格布局 **/
-.pagination-container {
-    position: relative;
-    height: 25px;
-    margin-bottom: 10px;
-    margin-top: 15px;
-    padding: 10px 20px !important;
-}
-
-.el-dialog .pagination-container {
-    position: static !important;
-}
-
-/* tree border */
-.tree-border {
-    margin-top: 5px;
-    border: 1px solid #e5e6e7;
-    background: #FFFFFF none;
-    border-radius:4px;
-    width: 100%;
-}
-
-.pagination-container .el-pagination {
-	right: 0;
-	position: absolute;
-}
-
-@media ( max-width : 768px) {
-  .pagination-container .el-pagination > .el-pagination__jump {
-    display: none !important;
-  }
-  .pagination-container .el-pagination > .el-pagination__sizes {
-    display: none !important;
-  }
-}
-
-.el-table .fixed-width .el-button--small {
-	padding-left: 0;
-	padding-right: 0;
-	width: inherit;
-}
-
-/** 表格更多操作下拉样式 */
-.el-table .el-dropdown-link {
-	cursor: pointer;
-	color: #409EFF;
-	margin-left: 10px;
-}
-
-.el-table .el-dropdown, .el-icon-arrow-down {
-	font-size: 12px;
-}
-
-.el-tree-node__content > .el-checkbox {
-	margin-right: 8px;
-}
-
-.list-group-striped > .list-group-item {
-	border-left: 0;
-	border-right: 0;
-	border-radius: 0;
-	padding-left: 0;
-	padding-right: 0;
-}
-
-.list-group {
-	padding-left: 0px;
-	list-style: none;
-}
-
-.list-group-item {
-	border-bottom: 1px solid #e7eaec;
-	border-top: 1px solid #e7eaec;
-	margin-bottom: -1px;
-	padding: 11px 0px;
-	font-size: 13px;
-}
-
-.pull-right {
-	float: right !important;
-}
-
-.el-card__header {
-	padding: 14px 15px 7px !important;
-	min-height: 40px;
-}
-
-.el-card__body {
-	padding: 15px 20px 20px 20px !important;
-}
-
-.card-box {
-	padding-right: 15px;
-	padding-left: 15px;
-	margin-bottom: 10px;
-}
-
-/* button color */
-.el-button--cyan.is-active,
-.el-button--cyan:active {
-  background: #20B2AA;
-  border-color: #20B2AA;
-  color: #FFFFFF;
-}
-
-.el-button--cyan:focus,
-.el-button--cyan:hover {
-  background: #48D1CC;
-  border-color: #48D1CC;
-  color: #FFFFFF;
-}
-
-.el-button--cyan {
-  background-color: #20B2AA;
-  border-color: #20B2AA;
-  color: #FFFFFF;
-}
-
-/* text color */
-.text-navy {
-	color: #1ab394;
-}
-
-.text-primary {
-	color: inherit;
-}
-
-.text-success {
-	color: #1c84c6;
-}
-
-.text-info {
-	color: #23c6c8;
-}
-
-.text-warning {
-	color: #f8ac59;
-}
-
-.text-danger {
-	color: #ed5565;
-}
-
-.text-muted {
-	color: #888888;
-}
-
-/* image */
-.img-circle {
-	border-radius: 50%;
-}
-
-.img-lg {
-	width: 120px;
-	height: 120px;
-}
-
-.avatar-upload-preview {
-	position: absolute;
-	top: 50%;
-	transform: translate(50%, -50%);
-	width: 200px;
-	height: 200px;
-	border-radius: 50%;
-	box-shadow: 0 0 4px #ccc;
-	overflow: hidden;
-}
-
-/* 拖拽列样式 */
-.sortable-ghost{
-	opacity: .8;
-	color: #fff!important;
-	background: #42b983!important;
-}
-
-/* 表格右侧工具栏样式 */
-.top-right-btn {
-	margin-left: auto;
-}
+/**
+ * 通用css样式布局处理
+ * Copyright (c) 2019 ruoyi
+ */
+
+ /** 基础通用 **/
+.pt5 {
+	padding-top: 5px;
+}
+.pr5 {
+	padding-right: 5px;
+}
+.pb5 {
+	padding-bottom: 5px;
+}
+.mt5 {
+	margin-top: 5px;
+}
+.mr5 {
+	margin-right: 5px;
+}
+.mb5 {
+	margin-bottom: 5px;
+}
+.mb8 {
+	margin-bottom: 8px;
+}
+.ml5 {
+	margin-left: 5px;
+}
+.mt10 {
+	margin-top: 10px;
+}
+.mr10 {
+	margin-right: 10px;
+}
+.mb10 {
+	margin-bottom: 10px;
+}
+.ml10 {
+	margin-left: 10px;
+}
+.mt20 {
+	margin-top: 20px;
+}
+.mr20 {
+	margin-right: 20px;
+}
+.mb20 {
+	margin-bottom: 20px;
+}
+.ml20 {
+	margin-left: 20px;
+}
+
+.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
+	font-family: inherit;
+	font-weight: 500;
+	line-height: 1.1;
+	color: inherit;
+}
+
+.el-form .el-form-item__label {
+	font-weight: 700;
+}
+.el-dialog:not(.is-fullscreen) {
+	margin-top: 6vh !important;
+}
+
+.el-dialog.scrollbar .el-dialog__body {
+	overflow: auto;
+	overflow-x: hidden;
+	max-height: 70vh;
+	padding: 10px 20px 0;
+}
+
+.el-table {
+	.el-table__header-wrapper, .el-table__fixed-header-wrapper {
+		th {
+			word-break: break-word;
+			background-color: #f8f8f9 !important;
+			color: #515a6e;
+			height: 40px !important;
+			font-size: 13px;
+		}
+	}
+	.el-table__body-wrapper {
+		.el-button [class*="el-icon-"] + span {
+			margin-left: 1px;
+		}
+	}
+}
+
+/** 表单布局 **/
+.form-header {
+    font-size:15px;
+	color:#6379bb;
+	border-bottom:1px solid #ddd;
+	margin:8px 10px 25px 10px;
+	padding-bottom:5px
+}
+
+/** 表格布局 **/
+.pagination-container {
+  position: relative;
+  height: 25px;
+  margin-bottom: 10px;
+  margin-top: 15px;
+  padding: 10px 20px !important;
+  background-color: transparent !important;
+}
+
+/* 分页器定位 */
+.pagination-container .el-pagination {
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+
+/* 弹窗中的分页器 */
+.el-dialog .pagination-container {
+  position: static !important;
+  margin: 10px 0 0 0;
+  padding: 0 !important;
+  
+  .el-pagination {
+    position: static;
+  }
+}
+
+/* 移动端适配 */
+@media (max-width: 768px) {
+  .pagination-container {
+    .el-pagination {
+      > .el-pagination__jump {
+        display: none !important;
+      }
+      > .el-pagination__sizes {
+        display: none !important;
+      }
+    }
+  }
+}
+
+/* tree border */
+.tree-border {
+    margin-top: 5px;
+    border: 1px solid var(--el-border-color-light, #e5e6e7);
+    background: var(--el-bg-color, #FFFFFF) none;
+    border-radius:4px;
+    width: 100%;
+}
+
+.el-table .fixed-width .el-button--small {
+	padding-left: 0;
+	padding-right: 0;
+	width: inherit;
+}
+
+/** 表格更多操作下拉样式 */
+.el-table .el-dropdown-link {
+	cursor: pointer;
+	color: #409EFF;
+	margin-left: 10px;
+}
+
+.el-table .el-dropdown, .el-icon-arrow-down {
+	font-size: 12px;
+}
+
+.el-tree-node__content > .el-checkbox {
+	margin-right: 8px;
+}
+
+.list-group-striped > .list-group-item {
+	border-left: 0;
+	border-right: 0;
+	border-radius: 0;
+	padding-left: 0;
+	padding-right: 0;
+}
+
+.list-group {
+	padding-left: 0px;
+	list-style: none;
+}
+
+.list-group-item {
+	border-bottom: 1px solid #e7eaec;
+	border-top: 1px solid #e7eaec;
+	margin-bottom: -1px;
+	padding: 11px 0px;
+	font-size: 13px;
+}
+
+.pull-right {
+	float: right !important;
+}
+
+.el-card__header {
+	padding: 14px 15px 7px !important;
+	min-height: 40px;
+}
+
+.el-card__body {
+	padding: 15px 20px 20px 20px !important;
+}
+
+.card-box {
+	padding-right: 15px;
+	padding-left: 15px;
+	margin-bottom: 10px;
+}
+
+/* button color */
+.el-button--cyan.is-active,
+.el-button--cyan:active {
+  background: #20B2AA;
+  border-color: #20B2AA;
+  color: #FFFFFF;
+}
+
+.el-button--cyan:focus,
+.el-button--cyan:hover {
+  background: #48D1CC;
+  border-color: #48D1CC;
+  color: #FFFFFF;
+}
+
+.el-button--cyan {
+  background-color: #20B2AA;
+  border-color: #20B2AA;
+  color: #FFFFFF;
+}
+
+/* text color */
+.text-navy {
+	color: #1ab394;
+}
+
+.text-primary {
+	color: inherit;
+}
+
+.text-success {
+	color: #1c84c6;
+}
+
+.text-info {
+	color: #23c6c8;
+}
+
+.text-warning {
+	color: #f8ac59;
+}
+
+.text-danger {
+	color: #ed5565;
+}
+
+.text-muted {
+	color: #888888;
+}
+
+/* image */
+.img-circle {
+	border-radius: 50%;
+}
+
+.img-lg {
+	width: 120px;
+	height: 120px;
+}
+
+.avatar-upload-preview {
+	position: absolute;
+	top: 50%;
+	transform: translate(50%, -50%);
+	width: 200px;
+	height: 200px;
+	border-radius: 50%;
+	box-shadow: 0 0 4px #ccc;
+	overflow: hidden;
+}
+
+/* 拖拽列样式 */
+.sortable-ghost{
+	opacity: .8;
+	color: #fff!important;
+	background: #42b983!important;
+}
+
+/* 表格右侧工具栏样式 */
+.top-right-btn {
+	margin-left: auto;
+}
+
+/* 分割面板样式 */
+.splitpanes.default-theme .splitpanes__pane {
+  background-color: var(--splitpanes-default-bg) !important;
+}

ruoyi-fastapi-frontend/src/assets/styles/sidebar.scss

@@ -1,238 +1,236 @@
-#app {
-
-  .main-container {
-    height: 100%;
-    transition: margin-left .28s;
-    margin-left: $base-sidebar-width;
-    position: relative;
-  }
-
-  .sidebarHide {
-    margin-left: 0!important;
-  }
-
-  .sidebar-container {
-    -webkit-transition: width .28s;
-    transition: width 0.28s;
-    width: $base-sidebar-width !important;
-    background-color: $base-menu-background;
-    height: 100%;
-    position: fixed;
-    font-size: 0px;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    z-index: 1001;
-    overflow: hidden;
-    -webkit-box-shadow: 2px 0 6px rgba(0,21,41,.35);
-    box-shadow: 2px 0 6px rgba(0,21,41,.35);
-
-    // reset element-ui css
-    .horizontal-collapse-transition {
-      transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
-    }
-
-    .scrollbar-wrapper {
-      overflow-x: hidden !important;
-    }
-
-    .el-scrollbar__bar.is-vertical {
-      right: 0px;
-    }
-
-    .el-scrollbar {
-      height: 100%;
-    }
-
-    &.has-logo {
-      .el-scrollbar {
-        height: calc(100% - 50px);
-      }
-    }
-
-    .is-horizontal {
-      display: none;
-    }
-
-    a {
-      display: inline-block;
-      width: 100%;
-      overflow: hidden;
-    }
-
-    .svg-icon {
-      margin-right: 16px;
-    }
-
-    .el-menu {
-      border: none;
-      height: 100%;
-      width: 100% !important;
-    }
-
-    .el-menu-item, .menu-title {
-      overflow: hidden !important;
-      text-overflow: ellipsis !important;
-      white-space: nowrap !important;
-    }
-
-    .el-menu-item .el-menu-tooltip__trigger {
-      display: inline-block !important;
-    }
-
-    // menu hover
-    .sub-menu-title-noDropdown,
-    .el-sub-menu__title {
-      &:hover {
-        background-color: rgba(0, 0, 0, 0.06) !important;
-      }
-    }
-
-    & .theme-dark .is-active > .el-sub-menu__title {
-      color: $base-menu-color-active !important;
-    }
-
-    & .nest-menu .el-sub-menu>.el-sub-menu__title,
-    & .el-sub-menu .el-menu-item {
-      min-width: $base-sidebar-width !important;
-
-      &:hover {
-        background-color: rgba(0, 0, 0, 0.06) !important;
-      }
-    }
-
-    & .theme-dark .nest-menu .el-sub-menu>.el-sub-menu__title,
-    & .theme-dark .el-sub-menu .el-menu-item {
-      background-color: $base-sub-menu-background !important;
-
-      &:hover {
-        background-color: $base-sub-menu-hover !important;
-      }
-    }
-  }
-
-  .hideSidebar {
-    .sidebar-container {
-      width: 54px !important;
-    }
-
-    .main-container {
-      margin-left: 54px;
-    }
-
-    .sub-menu-title-noDropdown {
-      padding: 0 !important;
-      position: relative;
-
-      .el-tooltip {
-        padding: 0 !important;
-
-        .svg-icon {
-          margin-left: 20px;
-        }
-      }
-    }
-
-    .el-sub-menu {
-      overflow: hidden;
-
-      &>.el-sub-menu__title {
-        padding: 0 !important;
-
-        .svg-icon {
-          margin-left: 20px;
-        }
-
-      }
-    }
-
-    .el-menu--collapse {
-      .el-sub-menu {
-        &>.el-sub-menu__title {
-          &>span {
-            height: 0;
-            width: 0;
-            overflow: hidden;
-            visibility: hidden;
-            display: inline-block;
-          }
-          &>i {
-            height: 0;
-            width: 0;
-            overflow: hidden;
-            visibility: hidden;
-            display: inline-block;
-          }
-        }
-      }
-    }
-  }
-
-  .el-menu--collapse .el-menu .el-sub-menu {
-    min-width: $base-sidebar-width !important;
-  }
-
-  // mobile responsive
-  .mobile {
-    .main-container {
-      margin-left: 0px;
-    }
-
-    .sidebar-container {
-      transition: transform .28s;
-      width: $base-sidebar-width !important;
-    }
-
-    &.hideSidebar {
-      .sidebar-container {
-        pointer-events: none;
-        transition-duration: 0.3s;
-        transform: translate3d(-$base-sidebar-width, 0, 0);
-      }
-    }
-  }
-
-  .withoutAnimation {
-
-    .main-container,
-    .sidebar-container {
-      transition: none;
-    }
-  }
-}
-
-// when menu collapsed
-.el-menu--vertical {
-  &>.el-menu {
-    .svg-icon {
-      margin-right: 16px;
-    }
-  }
-
-  .nest-menu .el-sub-menu>.el-sub-menu__title,
-  .el-menu-item {
-    &:hover {
-      // you can use $sub-menuHover
-      background-color: rgba(0, 0, 0, 0.06) !important;
-    }
-  }
-
-  // the scroll bar appears when the sub-menu is too long
-  >.el-menu--popup {
-    max-height: 100vh;
-    overflow-y: auto;
-
-    &::-webkit-scrollbar-track-piece {
-      background: #d3dce6;
-    }
-
-    &::-webkit-scrollbar {
-      width: 6px;
-    }
-
-    &::-webkit-scrollbar-thumb {
-      background: #99a9bf;
-      border-radius: 20px;
-    }
-  }
-}
+#app {
+
+  .main-container {
+    min-height: 100%;
+    transition: margin-left .28s;
+    margin-left: $base-sidebar-width;
+    position: relative;
+  }
+
+  .sidebarHide {
+    margin-left: 0!important;
+  }
+
+  .sidebar-container {
+    transition: width 0.28s;
+    width: $base-sidebar-width !important;
+    height: 100%;
+    position: fixed;
+    font-size: 0px;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 1001;
+    overflow: hidden;
+    -webkit-box-shadow: 2px 0 6px rgba(0,21,41,.35);
+    box-shadow: 2px 0 6px rgba(0,21,41,.35);
+
+    // reset element-ui css
+    .horizontal-collapse-transition {
+      transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
+    }
+
+    .scrollbar-wrapper {
+      overflow-x: hidden !important;
+    }
+
+    .el-scrollbar__bar.is-vertical {
+      right: 0px;
+    }
+
+    .el-scrollbar {
+      height: 100%;
+    }
+
+    &.has-logo {
+      .el-scrollbar {
+        height: calc(100% - 50px);
+      }
+    }
+
+    .is-horizontal {
+      display: none;
+    }
+
+    a {
+      display: inline-block;
+      width: 100%;
+      overflow: hidden;
+    }
+
+    .svg-icon {
+      margin-right: 16px;
+    }
+
+    .el-menu {
+      border: none;
+      height: 100%;
+      width: 100% !important;
+    }
+
+    .el-menu-item, .menu-title {
+      overflow: hidden !important;
+      text-overflow: ellipsis !important;
+      white-space: nowrap !important;
+    }
+
+    .el-menu-item .el-menu-tooltip__trigger {
+      display: inline-block !important;
+    }
+
+    // menu hover
+    .sub-menu-title-noDropdown,
+    .el-sub-menu__title {
+      &:hover {
+        background-color: rgba(0, 0, 0, 0.06) !important;
+      }
+    }
+
+    & .theme-dark .is-active > .el-sub-menu__title {
+      color: $base-menu-color-active !important;
+    }
+
+    & .nest-menu .el-sub-menu>.el-sub-menu__title,
+    & .el-sub-menu .el-menu-item {
+      min-width: $base-sidebar-width !important;
+
+      &:hover {
+        background-color: rgba(0, 0, 0, 0.06) !important;
+      }
+    }
+
+    & .theme-dark .nest-menu .el-sub-menu>.el-sub-menu__title,
+    & .theme-dark .el-sub-menu .el-menu-item {
+      background-color: $base-sub-menu-background;
+
+      &:hover {
+        background-color: $base-sub-menu-hover !important;
+      }
+    }
+  }
+
+  .hideSidebar {
+    .sidebar-container {
+      width: 54px !important;
+    }
+
+    .main-container {
+      margin-left: 54px;
+    }
+
+    .sub-menu-title-noDropdown {
+      padding: 0 !important;
+      position: relative;
+
+      .el-tooltip {
+        padding: 0 !important;
+
+        .svg-icon {
+          margin-left: 20px;
+        }
+      }
+    }
+
+    .el-sub-menu {
+      overflow: hidden;
+
+      &>.el-sub-menu__title {
+        padding: 0 !important;
+
+        .svg-icon {
+          margin-left: 20px;
+        }
+
+      }
+    }
+
+    .el-menu--collapse {
+      .el-sub-menu {
+        &>.el-sub-menu__title {
+          &>span {
+            height: 0;
+            width: 0;
+            overflow: hidden;
+            visibility: hidden;
+            display: inline-block;
+          }
+          &>i {
+            height: 0;
+            width: 0;
+            overflow: hidden;
+            visibility: hidden;
+            display: inline-block;
+          }
+        }
+      }
+    }
+  }
+
+  .el-menu--collapse .el-menu .el-sub-menu {
+    min-width: $base-sidebar-width !important;
+  }
+
+  // mobile responsive
+  .mobile {
+    .main-container {
+      margin-left: 0px;
+    }
+
+    .sidebar-container {
+      transition: transform .28s;
+      width: $base-sidebar-width !important;
+    }
+
+    &.hideSidebar {
+      .sidebar-container {
+        pointer-events: none;
+        transition-duration: 0.3s;
+        transform: translate3d(-$base-sidebar-width, 0, 0);
+      }
+    }
+  }
+
+  .withoutAnimation {
+
+    .main-container,
+    .sidebar-container {
+      transition: none;
+    }
+  }
+}
+
+// when menu collapsed
+.el-menu--vertical {
+  &>.el-menu {
+    .svg-icon {
+      margin-right: 16px;
+    }
+  }
+
+  .nest-menu .el-sub-menu>.el-sub-menu__title,
+  .el-menu-item {
+    &:hover {
+      // you can use $sub-menuHover
+      background-color: rgba(0, 0, 0, 0.06) !important;
+    }
+  }
+
+  // the scroll bar appears when the sub-menu is too long
+  >.el-menu--popup {
+    max-height: 100vh;
+    overflow-y: auto;
+
+    &::-webkit-scrollbar-track-piece {
+      background: #d3dce6;
+    }
+
+    &::-webkit-scrollbar {
+      width: 6px;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      background: #99a9bf;
+      border-radius: 20px;
+    }
+  }
+}

ruoyi-fastapi-frontend/src/assets/styles/variables.module.scss

@@ -1,65 +1,221 @@
-// base color
-$blue: #324157;
-$light-blue: #3A71A8;
-$red: #C03639;
-$pink: #E65D6E;
-$green: #30B08F;
-$tiffany: #4AB7BD;
-$yellow: #FEC171;
-$panGreen: #30B08F;
-
-// 默认菜单主题风格
-$base-menu-color: #bfcbd9;
-$base-menu-color-active: #f4f4f5;
-$base-menu-background: #304156;
-$base-logo-title-color: #ffffff;
-
-$base-menu-light-color: rgba(0, 0, 0, 0.7);
-$base-menu-light-background: #ffffff;
-$base-logo-light-title-color: #001529;
-
-$base-sub-menu-background: #1f2d3d;
-$base-sub-menu-hover: #001528;
-
-// 自定义暗色菜单风格
-/**
-$base-menu-color:hsla(0,0%,100%,.65);
-$base-menu-color-active:#fff;
-$base-menu-background:#001529;
-$base-logo-title-color: #ffffff;
-
-$base-menu-light-color:rgba(0,0,0,.70);
-$base-menu-light-background:#ffffff;
-$base-logo-light-title-color: #001529;
-
-$base-sub-menu-background:#000c17;
-$base-sub-menu-hover:#001528;
-*/
-
-$--color-primary: #409EFF;
-$--color-success: #67C23A;
-$--color-warning: #E6A23C;
-$--color-danger: #F56C6C;
-$--color-info: #909399;
-
-$base-sidebar-width: 200px;
-
-// the :export directive is the magic sauce for webpack
-// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
-:export {
-  menuColor: $base-menu-color;
-  menuLightColor: $base-menu-light-color;
-  menuColorActive: $base-menu-color-active;
-  menuBackground: $base-menu-background;
-  menuLightBackground: $base-menu-light-background;
-  subMenuBackground: $base-sub-menu-background;
-  subMenuHover: $base-sub-menu-hover;
-  sideBarWidth: $base-sidebar-width;
-  logoTitleColor: $base-logo-title-color;
-  logoLightTitleColor: $base-logo-light-title-color;
-  primaryColor: $--color-primary;
-  successColor: $--color-success;
-  dangerColor: $--color-danger;
-  infoColor: $--color-info;
-  warningColor: $--color-warning;
-}
+// base color
+$blue: #324157;
+$light-blue: #333c46;
+$red: #C03639;
+$pink: #E65D6E;
+$green: #30B08F;
+$tiffany: #4AB7BD;
+$yellow: #FEC171;
+$panGreen: #30B08F;
+
+// 默认主题变量
+$menuText: #bfcbd9;
+$menuActiveText: #409eff;
+$menuBg: #304156;
+$menuHover: #263445;
+
+// 浅色主题theme-light
+$menuLightBg: #ffffff;
+$menuLightHover: #f0f1f5;
+$menuLightText: #303133;
+$menuLightActiveText: #409EFF;
+
+// 基础变量
+$base-sidebar-width: 200px;
+$sideBarWidth: 200px;
+
+// 菜单暗色变量
+$base-menu-color: #bfcbd9;
+$base-menu-color-active: #f4f4f5;
+$base-menu-background: #304156;
+$base-sub-menu-background: #1f2d3d;
+$base-sub-menu-hover: #001528;
+
+// 组件变量
+$--color-primary: #409EFF;
+$--color-success: #67C23A;
+$--color-warning: #E6A23C;
+$--color-danger: #F56C6C;
+$--color-info: #909399;
+
+:export {
+  menuText: $menuText;
+  menuActiveText: $menuActiveText;
+  menuBg: $menuBg;
+  menuHover: $menuHover;
+  menuLightBg: $menuLightBg;
+  menuLightHover: $menuLightHover;
+  menuLightText: $menuLightText;
+  menuLightActiveText: $menuLightActiveText;
+  sideBarWidth: $sideBarWidth;
+  // 导出基础颜色
+  blue: $blue;
+  lightBlue: $light-blue;
+  red: $red;
+  pink: $pink;
+  green: $green;
+  tiffany: $tiffany;
+  yellow: $yellow;
+  panGreen: $panGreen;
+  // 导出组件颜色
+  colorPrimary: $--color-primary;
+  colorSuccess: $--color-success;
+  colorWarning: $--color-warning;
+  colorDanger: $--color-danger;
+  colorInfo: $--color-info;
+}
+
+// CSS变量定义
+:root {
+  /* 亮色模式变量 */
+  --sidebar-bg: #{$menuBg};
+  --sidebar-text: #{$menuText};
+  --menu-hover: #{$menuHover};
+  
+  --navbar-bg: #ffffff;
+  --navbar-text: #303133;
+  
+  /* splitpanes default-theme 变量 */
+  --splitpanes-default-bg: #ffffff;
+
+}
+
+// 暗黑模式变量
+html.dark {
+  /* 默认通用 */
+  --el-bg-color: #141414;
+  --el-bg-color-overlay: #1d1e1f;
+  --el-text-color-primary: #ffffff;
+  --el-text-color-regular: #d0d0d0;
+  --el-border-color: #434343;
+  --el-border-color-light: #434343;
+
+  /* 侧边栏 */
+  --sidebar-bg: #141414;
+  --sidebar-text: #ffffff;
+  --menu-hover: #2d2d2d;
+  --menu-active-text: #{$menuActiveText};
+
+  /* 顶部导航栏 */
+  --navbar-bg: #141414;
+  --navbar-text: #ffffff;
+  --navbar-hover: #141414;
+
+  /* 标签栏 */
+  --tags-bg: #141414;
+  --tags-item-bg: #1d1e1f;
+  --tags-item-border: #303030;
+  --tags-item-text: #d0d0d0;
+  --tags-item-hover: #2d2d2d;
+  --tags-close-hover: #64666a;
+
+  /* splitpanes 组件暗黑模式变量 */
+  --splitpanes-bg: #141414;
+  --splitpanes-border: #303030;
+  --splitpanes-splitter-bg: #1d1e1f;
+  --splitpanes-splitter-hover-bg: #2d2d2d;
+
+  /* blockquote 暗黑模式变量 */
+  --blockquote-bg: #1d1e1f;
+  --blockquote-border: #303030;
+  --blockquote-text: #d0d0d0;
+  
+  /* Cron 时间表达式 模式变量 */
+  --cron-border: #303030;
+
+  /* splitpanes default-theme 暗黑模式变量 */
+  --splitpanes-default-bg: #141414;
+
+  /* 侧边栏菜单覆盖 */
+   .sidebar-container {
+    .el-menu-item, .menu-title {
+      color: var(--el-text-color-regular);
+    }
+    & .theme-dark .nest-menu .el-sub-menu>.el-sub-menu__title,
+    & .theme-dark .el-sub-menu .el-menu-item {
+      background-color: var(--el-bg-color) !important;
+    }
+  }
+
+  /* 顶部栏栏菜单覆盖 */
+  .el-menu--horizontal {
+    .el-menu-item {
+      &:not(.is-disabled) {
+        &:hover,
+        &:focus {
+          background-color: var(--navbar-hover) !important;
+        }
+      }
+    }
+  }
+
+  /* 分割窗格覆盖 */
+  .splitpanes {
+    background-color: var(--splitpanes-bg);
+
+    .splitpanes__pane {
+      background-color: var(--splitpanes-bg);
+      border-color: var(--splitpanes-border);
+    }
+
+    .splitpanes__splitter {
+      background-color: var(--splitpanes-splitter-bg);
+      border-color: var(--splitpanes-border);
+
+      &:hover {
+        background-color: var(--splitpanes-splitter-hover-bg);
+      }
+
+      &:before,
+      &:after {
+        background-color: var(--splitpanes-border);
+      }
+    }
+  }
+
+  /* 表格样式覆盖 */
+  .el-table {
+    --el-table-header-bg-color: var(--el-bg-color-overlay) !important;
+    --el-table-header-text-color: var(--el-text-color-regular) !important;
+    --el-table-border-color: var(--el-border-color-light) !important;
+    --el-table-row-hover-bg-color: var(--el-bg-color-overlay) !important;
+
+    .el-table__header-wrapper, .el-table__fixed-header-wrapper {
+      th {
+        background-color: var(--el-bg-color-overlay, #f8f8f9) !important;
+        color: var(--el-text-color-regular, #515a6e);
+      }
+    }
+  }
+
+  /* 树组件高亮样式覆盖 */
+  .el-tree {
+    .el-tree-node.is-current > .el-tree-node__content {
+      background-color: var(--el-bg-color-overlay) !important;
+      color: var(--el-color-primary);
+    }
+
+    .el-tree-node__content:hover {
+      background-color: var(--el-bg-color-overlay);
+    }
+  }
+  
+  /* 下拉菜单样式覆盖 */
+  .el-dropdown-menu__item:not(.is-disabled):focus, .el-dropdown-menu__item:not(.is-disabled):hover{
+    background-color: var(--navbar-hover) !important;
+  }
+
+  /* blockquote样式覆盖 */
+  blockquote {
+    background-color: var(--blockquote-bg) !important;
+    border-left-color: var(--blockquote-border) !important;
+    color: var(--blockquote-text) !important;
+  }
+  
+  /* 时间表达式标题样式覆盖 */
+  .popup-result .title {
+    background: var(--cron-border);
+  }
+
+}
+

ruoyi-fastapi-frontend/src/components/Breadcrumb/index.vue

@@ -1,7 +1,7 @@
 <template>
   <el-breadcrumb class="app-breadcrumb" separator="/">
     <transition-group name="breadcrumb">
-      <el-breadcrumb-item v-for="(item,index) in levelList" :key="item.path">
+      <el-breadcrumb-item v-for="(item, index) in levelList" :key="item.path">
         <span v-if="item.redirect === 'noRedirect' || index == levelList.length - 1" class="no-redirect">{{ item.meta.title }}</span>
         <a v-else @click.prevent="handleLink(item)">{{ item.meta.title }}</a>
       </el-breadcrumb-item>
@@ -10,21 +10,53 @@
 </template>
 
 <script setup>
-const route = useRoute();
-const router = useRouter();
+import usePermissionStore from '@/store/modules/permission'
+
+const route = useRoute()
+const router = useRouter()
+const permissionStore = usePermissionStore()
 const levelList = ref([])
 
 function getBreadcrumb() {
   // only show routes with meta.title
-  let matched = route.matched.filter(item => item.meta && item.meta.title);
-  const first = matched[0]
-  // 判断是否为首页
-  if (!isDashboard(first)) {
-    matched = [{ path: '/index', meta: { title: '首页' } }].concat(matched)
+  let matched = []
+  const pathNum = findPathNum(route.path)
+  // multi-level menu
+  if (pathNum > 2) {
+    const reg = /\/\w+/gi
+    const pathList = route.path.match(reg).map((item, index) => {
+      if (index !== 0) item = item.slice(1)
+      return item
+    })
+    getMatched(pathList, permissionStore.defaultRoutes, matched)
+  } else {
+    matched = route.matched.filter((item) => item.meta && item.meta.title)
+  }
+  // 判断是否为首页
+  if (!isDashboard(matched[0])) {
+    matched = [{ path: "/index", meta: { title: "首页" } }].concat(matched)
   }
-
   levelList.value = matched.filter(item => item.meta && item.meta.title && item.meta.breadcrumb !== false)
 }
+function findPathNum(str, char = "/") {
+  let index = str.indexOf(char)
+  let num = 0
+  while (index !== -1) {
+    num++
+    index = str.indexOf(char, index + 1)
+  }
+  return num
+}
+function getMatched(pathList, routeList, matched) {
+  let data = routeList.find(item => item.path == pathList[0] || (item.name += '').toLowerCase() == pathList[0])
+  if (data) {
+    matched.push(data)
+    if (data.children && pathList.length) {
+      pathList.shift()
+      getMatched(pathList, data.children, matched)
+    }
+  }
+}
 function isDashboard(route) {
   const name = route && route.name
   if (!name) {
@@ -48,7 +80,7 @@ watchEffect(() => {
   }
   getBreadcrumb()
 })
-getBreadcrumb();
+getBreadcrumb()
 </script>
 
 <style lang='scss' scoped>

ruoyi-fastapi-frontend/src/components/Crontab/index.vue

@@ -251,7 +251,6 @@ onMounted(() => {
 .popup-main {
     position: relative;
     margin: 10px auto;
-    background: #fff;
     border-radius: 5px;
     font-size: 12px;
     overflow: hidden;

ruoyi-fastapi-frontend/src/components/Editor/index.vue

@@ -108,7 +108,7 @@ const styles = computed(() => {
 const content = ref("");
 watch(() => props.modelValue, (v) => {
   if (v !== content.value) {
-    content.value = v === undefined ? "<p></p>" : v;
+    content.value = v == undefined ? "<p></p>" : v;
   }
 }, { immediate: true });
 

ruoyi-fastapi-frontend/src/components/Hamburger/index.vue

@@ -7,6 +7,7 @@
       xmlns="http://www.w3.org/2000/svg"
       width="64"
       height="64"
+      fill="currentColor"
     >
       <path d="M408 442h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm-8 204c0 4.4 3.6 8 8 8h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56zm504-486H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 632H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM142.4 642.1L298.7 519a8.84 8.84 0 0 0 0-13.9L142.4 381.9c-5.8-4.6-14.4-.5-14.4 6.9v246.3a8.9 8.9 0 0 0 14.4 7z" />
     </svg>

ruoyi-fastapi-frontend/src/components/TopNav/index.vue

@@ -100,9 +100,9 @@ const activeMenu = computed(() => {
   let activePath = path;
   if (path !== undefined && path.lastIndexOf("/") > 0 && hideList.indexOf(path) === -1) {
     const tmpPath = path.substring(1, path.length);
-    activePath = "/" + tmpPath.substring(0, tmpPath.indexOf("/"));
     if (!route.meta.link) {
-        appStore.toggleSideBarHide(false);
+      activePath = "/" + tmpPath.substring(0, tmpPath.indexOf("/"));
+      appStore.toggleSideBarHide(false);
     }
   } else if(!route.children) {
     activePath = path;
@@ -196,7 +196,7 @@ onMounted(() => {
 
 /* 背景色隐藏 */
 .topmenu-container.el-menu--horizontal>.el-menu-item:not(.is-disabled):focus, .topmenu-container.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover, .topmenu-container.el-menu--horizontal>.el-submenu .el-submenu__title:hover {
-  background-color: #ffffff !important;
+  background-color: #ffffff;
 }
 
 /* 图标右间距 */

ruoyi-fastapi-frontend/src/components/TreeSelect/index.vue

@@ -1,156 +0,0 @@
-<template>
-  <div class="el-tree-select">
-    <el-select
-      style="width: 100%"
-      v-model="valueId"
-      ref="treeSelect"
-      :filterable="true"
-      :clearable="true"
-      @clear="clearHandle"
-      :filter-method="selectFilterData"
-      :placeholder="placeholder"
-    >
-      <el-option :value="valueId" :label="valueTitle">
-        <el-tree
-          id="tree-option"
-          ref="selectTree"
-          :accordion="accordion"
-          :data="options"
-          :props="objMap"
-          :node-key="objMap.value"
-          :expand-on-click-node="false"
-          :default-expanded-keys="defaultExpandedKey"
-          :filter-node-method="filterNode"
-          @node-click="handleNodeClick"
-        ></el-tree>
-      </el-option>
-    </el-select>
-  </div>
-</template>
-
-<script setup>
-
-const { proxy } = getCurrentInstance();
-
-const props = defineProps({
-  /* 配置项 */
-  objMap: {
-    type: Object,
-    default: () => {
-      return {
-        value: 'id', // ID字段名
-        label: 'label', // 显示名称
-        children: 'children' // 子级字段名
-      }
-    }
-  },
-  /* 自动收起 */
-  accordion: {
-    type: Boolean,
-    default: () => {
-      return false
-    }
-  },
-  /**当前双向数据绑定的值 */
-  value: {
-    type: [String, Number],
-    default: ''
-  },
-  /**当前的数据 */
-  options: {
-    type: Array,
-    default: () => []
-  },
-  /**输入框内部的文字 */
-  placeholder: {
-    type: String,
-    default: ''
-  }
-})
-
-const emit = defineEmits(['update:value']);
-
-const valueId = computed({
-  get: () => props.value,
-  set: (val) => {
-    emit('update:value', val)
-  }
-});
-const valueTitle = ref('');
-const defaultExpandedKey = ref([]);
-
-function initHandle() {
-  nextTick(() => {
-    const selectedValue = valueId.value;
-    if(selectedValue !== null && typeof (selectedValue) !== 'undefined') {
-      const node = proxy.$refs.selectTree.getNode(selectedValue)
-      if (node) {
-        valueTitle.value = node.data[props.objMap.label]
-        proxy.$refs.selectTree.setCurrentKey(selectedValue) // 设置默认选中
-        defaultExpandedKey.value = [selectedValue] // 设置默认展开
-      }
-    } else {
-      clearHandle()
-    }
-  })
-}
-function handleNodeClick(node) {
-  valueTitle.value = node[props.objMap.label]
-  valueId.value = node[props.objMap.value];
-  defaultExpandedKey.value = [];
-  proxy.$refs.treeSelect.blur()
-  selectFilterData('')
-}
-function selectFilterData(val) {
-  proxy.$refs.selectTree.filter(val)
-}
-function filterNode(value, data) {
-  if (!value) return true
-  return data[props.objMap['label']].indexOf(value) !== -1
-}
-function clearHandle() {
-  valueTitle.value = ''
-  valueId.value = ''
-  defaultExpandedKey.value = [];
-  clearSelected()
-}
-function clearSelected() {
-  const allNode = document.querySelectorAll('#tree-option .el-tree-node')
-  allNode.forEach((element) => element.classList.remove('is-current'))
-}
-
-onMounted(() => {
-  initHandle()
-})
-
-watch(valueId, () => {
-  initHandle();
-})
-</script>
-
-<style lang='scss' scoped>
-@import "@/assets/styles/variables.module.scss";
-.el-scrollbar .el-scrollbar__view .el-select-dropdown__item {
-  padding: 0;
-  background-color: #fff;
-  height: auto;
-}
-
-.el-select-dropdown__item.selected {
-  font-weight: normal;
-}
-
-ul li .el-tree .el-tree-node__content {
-  height: auto;
-  padding: 0 20px;
-  box-sizing: border-box;
-}
-
-:deep(.el-tree-node__content:hover),
-:deep(.el-tree-node__content:active),
-:deep(.is-current > div:first-child),
-:deep(.el-tree-node__content:focus) {
-  background-color: mix(#fff, $--color-primary, 90%);
-  color: $--color-primary;
-}
-</style>

ruoyi-fastapi-frontend/src/layout/components/Navbar.vue

@@ -18,6 +18,13 @@
 
         <screenfull id="screenfull" class="right-menu-item hover-effect" />
 
+        <el-tooltip content="主题模式" effect="dark" placement="bottom">
+          <div class="right-menu-item hover-effect theme-switch-wrapper" @click="toggleTheme">
+            <svg-icon v-if="settingsStore.isDark" icon-class="sunny" />
+            <svg-icon v-if="!settingsStore.isDark" icon-class="moon" />
+          </div>
+        </el-tooltip>
+
         <el-tooltip content="布局大小" effect="dark" placement="bottom">
           <size-select id="size-select" class="right-menu-item hover-effect" />
         </el-tooltip>
@@ -98,6 +105,10 @@ const emits = defineEmits(['setLayout'])
 function setLayout() {
   emits('setLayout');
 }
+
+function toggleTheme() {
+  settingsStore.toggleTheme()
+}
 </script>
 
 <style lang='scss' scoped>
@@ -105,7 +116,7 @@ function setLayout() {
   height: 50px;
   overflow: hidden;
   position: relative;
-  background: #fff;
+  background: var(--navbar-bg);
   box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
 
   .hamburger-container {
@@ -150,7 +161,7 @@ function setLayout() {
       padding: 0 8px;
       height: 100%;
       font-size: 18px;
-      color: #5a5e66;
+      color: var(--navbar-text);
       vertical-align: text-bottom;
 
       &.hover-effect {
@@ -161,6 +172,19 @@ function setLayout() {
           background: rgba(0, 0, 0, 0.025);
         }
       }
+
+      &.theme-switch-wrapper {
+        display: flex;
+        align-items: center;
+
+        svg {
+          transition: transform 0.3s;
+          
+          &:hover {
+            transform: scale(1.15);
+          }
+        }
+      }
     }
 
     .avatar-container {

ruoyi-fastapi-frontend/src/layout/components/Settings/index.vue

@@ -145,13 +145,15 @@ defineExpose({
 <style lang='scss' scoped>
 .setting-drawer-title {
   margin-bottom: 12px;
-  color: rgba(0, 0, 0, 0.85);
+  color: var(--el-text-color-primary, rgba(0, 0, 0, 0.85));
   line-height: 22px;
   font-weight: bold;
+
   .drawer-title {
     font-size: 14px;
   }
 }
+
 .setting-drawer-block-checbox {
   display: flex;
   justify-content: flex-start;
@@ -170,13 +172,6 @@ defineExpose({
       height: 48px;
     }
 
-    .custom-img {
-      width: 48px;
-      height: 38px;
-      border-radius: 5px;
-      box-shadow: 1px 1px 2px #898484;
-    }
-
     .setting-drawer-block-checbox-selectIcon {
       position: absolute;
       top: 0;
@@ -193,7 +188,7 @@ defineExpose({
 }
 
 .drawer-item {
-  color: rgba(0, 0, 0, 0.65);
+  color: var(--el-text-color-regular, rgba(0, 0, 0, 0.65));
   padding: 12px 0;
   font-size: 14px;
 

ruoyi-fastapi-frontend/src/layout/components/Sidebar/Logo.vue

@@ -1,22 +1,22 @@
 <template>
-  <div class="sidebar-logo-container" :class="{ 'collapse': collapse }" :style="{ backgroundColor: sideTheme === 'theme-dark' ? variables.menuBackground : variables.menuLightBackground }">
+  <div class="sidebar-logo-container" :class="{ 'collapse': collapse }">
     <transition name="sidebarLogoFade">
       <router-link v-if="collapse" key="collapse" class="sidebar-logo-link" to="/">
         <img v-if="logo" :src="logo" class="sidebar-logo" />
-        <h1 v-else class="sidebar-title" :style="{ color: sideTheme === 'theme-dark' ? variables.logoTitleColor : variables.logoLightTitleColor }">{{ title }}</h1>
+        <h1 v-else class="sidebar-title">{{ title }}</h1>
       </router-link>
       <router-link v-else key="expand" class="sidebar-logo-link" to="/">
         <img v-if="logo" :src="logo" class="sidebar-logo" />
-        <h1 class="sidebar-title" :style="{ color: sideTheme === 'theme-dark' ? variables.logoTitleColor : variables.logoLightTitleColor }">{{ title }}</h1>
+        <h1 class="sidebar-title">{{ title }}</h1>
       </router-link>
     </transition>
   </div>
 </template>
 
 <script setup>
-import variables from '@/assets/styles/variables.module.scss'
 import logo from '@/assets/logo/logo.png'
 import useSettingsStore from '@/store/modules/settings'
+import variables from '@/assets/styles/variables.module.scss'
 
 defineProps({
   collapse: {
@@ -28,9 +28,27 @@ defineProps({
 const title = import.meta.env.VITE_APP_TITLE;
 const settingsStore = useSettingsStore();
 const sideTheme = computed(() => settingsStore.sideTheme);
+
+// 获取Logo背景色
+const getLogoBackground = computed(() => {
+  if (settingsStore.isDark) {
+    return 'var(--sidebar-bg)';
+  }
+  return sideTheme.value === 'theme-dark' ? variables.menuBg : variables.menuLightBg;
+});
+
+// 获取Logo文字颜色
+const getLogoTextColor = computed(() => {
+  if (settingsStore.isDark) {
+    return 'var(--sidebar-text)';
+  }
+  return sideTheme.value === 'theme-dark' ? '#fff' : variables.menuLightText;
+});
 </script>
 
 <style lang="scss" scoped>
+@import '@/assets/styles/variables.module.scss';
+
 .sidebarLogoFade-enter-active {
   transition: opacity 1.5s;
 }
@@ -45,7 +63,7 @@ const sideTheme = computed(() => settingsStore.sideTheme);
   width: 100%;
   height: 50px;
   line-height: 50px;
-  background: #2b2f3a;
+  background: v-bind(getLogoBackground);
   text-align: center;
   overflow: hidden;
 
@@ -63,7 +81,7 @@ const sideTheme = computed(() => settingsStore.sideTheme);
     & .sidebar-title {
       display: inline-block;
       margin: 0;
-      color: #fff;
+      color: v-bind(getLogoTextColor);
       font-weight: 600;
       line-height: 50px;
       font-size: 14px;

ruoyi-fastapi-frontend/src/layout/components/Sidebar/SidebarItem.vue

@@ -57,11 +57,9 @@ function hasOneShowingChild(children = [], parent) {
   const showingChildren = children.filter(item => {
     if (item.hidden) {
       return false
-    } else {
-      // Temp set(will be used if only has one showing child)
-      onlyOneChild.value = item
-      return true
     }
+    onlyOneChild.value = item
+    return true
   })
 
   // When there is only one child router, the child router is displayed by default

ruoyi-fastapi-frontend/src/layout/components/Sidebar/index.vue

@@ -1,16 +1,17 @@
 <template>
-  <div :class="{ 'has-logo': showLogo }" :style="{ backgroundColor: sideTheme === 'theme-dark' ? variables.menuBackground : variables.menuLightBackground }">
+  <div :class="{ 'has-logo': showLogo }" class="sidebar-container">
     <logo v-if="showLogo" :collapse="isCollapse" />
-    <el-scrollbar :class="sideTheme" wrap-class="scrollbar-wrapper">
+    <el-scrollbar wrap-class="scrollbar-wrapper">
       <el-menu
         :default-active="activeMenu"
         :collapse="isCollapse"
-        :background-color="sideTheme === 'theme-dark' ? variables.menuBackground : variables.menuLightBackground"
-        :text-color="sideTheme === 'theme-dark' ? variables.menuColor : variables.menuLightColor"
+        :background-color="getMenuBackground"
+        :text-color="getMenuTextColor"
         :unique-opened="true"
         :active-text-color="theme"
         :collapse-transition="false"
         mode="vertical"
+        :class="sideTheme"
       >
         <sidebar-item
           v-for="(route, index) in sidebarRouters"
@@ -36,19 +37,68 @@ const appStore = useAppStore()
 const settingsStore = useSettingsStore()
 const permissionStore = usePermissionStore()
 
-const sidebarRouters =  computed(() => permissionStore.sidebarRouters);
+const sidebarRouters = computed(() => permissionStore.sidebarRouters);
 const showLogo = computed(() => settingsStore.sidebarLogo);
 const sideTheme = computed(() => settingsStore.sideTheme);
 const theme = computed(() => settingsStore.theme);
 const isCollapse = computed(() => !appStore.sidebar.opened);
 
+// 获取菜单背景色
+const getMenuBackground = computed(() => {
+  if (settingsStore.isDark) {
+    return 'var(--sidebar-bg)';
+  }
+  return sideTheme.value === 'theme-dark' ? variables.menuBg : variables.menuLightBg;
+});
+
+// 获取菜单文字颜色
+const getMenuTextColor = computed(() => {
+  if (settingsStore.isDark) {
+    return 'var(--sidebar-text)';
+  }
+  return sideTheme.value === 'theme-dark' ? variables.menuText : variables.menuLightText;
+});
+
 const activeMenu = computed(() => {
   const { meta, path } = route;
-  // if set path, the sidebar will highlight the path you set
   if (meta.activeMenu) {
     return meta.activeMenu;
   }
   return path;
-})
-
+});
 </script>
+
+<style lang="scss" scoped>
+.sidebar-container {
+  background-color: v-bind(getMenuBackground);
+  
+  .scrollbar-wrapper {
+    background-color: v-bind(getMenuBackground);
+  }
+
+  .el-menu {
+    border: none;
+    height: 100%;
+    width: 100% !important;
+    
+    .el-menu-item, .el-sub-menu__title {
+      &:hover {
+        background-color: var(--menu-hover, rgba(0, 0, 0, 0.06)) !important;
+      }
+    }
+
+    .el-menu-item {
+      color: v-bind(getMenuTextColor);
+      
+      &.is-active {
+        color: var(--menu-active-text, #409eff);
+        background-color: var(--menu-hover, rgba(0, 0, 0, 0.06)) !important;
+      }
+    }
+
+    .el-sub-menu__title {
+      color: v-bind(getMenuTextColor);
+    }
+  }
+}
+</style>

ruoyi-fastapi-frontend/src/layout/components/TagsView/index.vue

@@ -237,13 +237,13 @@ function handleScroll() {
 }
 </script>
 
-<style lang='scss' scoped>
+<style lang="scss" scoped>
 .tags-view-container {
   height: 34px;
   width: 100%;
-  background: #fff;
-  border-bottom: 1px solid #d8dce5;
-  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 0 3px 0 rgba(0, 0, 0, 0.04);
+  background: var(--tags-bg, #fff);
+  border-bottom: 1px solid var(--tags-item-border, #d8dce5);
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 3px 0 rgba(0, 0, 0, .04);
   .tags-view-wrapper {
     .tags-view-item {
       display: inline-block;
@@ -251,25 +251,29 @@ function handleScroll() {
       cursor: pointer;
       height: 26px;
       line-height: 26px;
-      border: 1px solid #d8dce5;
-      color: #495060;
-      background: #fff;
+      border: 1px solid var(--tags-item-border, #d8dce5);
+      color: var(--tags-item-text, #495060);
+      background: var(--tags-item-bg, #fff);
       padding: 0 8px;
       font-size: 12px;
       margin-left: 5px;
       margin-top: 4px;
+
       &:first-of-type {
         margin-left: 15px;
       }
+
       &:last-of-type {
         margin-right: 15px;
       }
+
       &.active {
         background-color: #42b983;
         color: #fff;
         border-color: #42b983;
+
         &::before {
-          content: "";
+          content: '';
           background: #fff;
           display: inline-block;
           width: 8px;
@@ -283,7 +287,7 @@ function handleScroll() {
   }
   .contextmenu {
     margin: 0;
-    background: #fff;
+    background: var(--el-bg-color-overlay, #fff);
     z-index: 3000;
     position: absolute;
     list-style-type: none;
@@ -291,14 +295,17 @@ function handleScroll() {
     border-radius: 4px;
     font-size: 12px;
     font-weight: 400;
-    color: #333;
-    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.3);
+    color: var(--tags-item-text, #333);
+    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, .3);
+    border: 1px solid var(--el-border-color-light, #e4e7ed);
+
     li {
       margin: 0;
       padding: 7px 16px;
       cursor: pointer;
+
       &:hover {
-        background: #eee;
+        background: var(--tags-item-hover, #eee);
       }
     }
   }
@@ -315,15 +322,17 @@ function handleScroll() {
       vertical-align: 2px;
       border-radius: 50%;
       text-align: center;
-      transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+      transition: all .3s cubic-bezier(.645, .045, .355, 1);
       transform-origin: 100% 50%;
+
       &:before {
-        transform: scale(0.6);
+        transform: scale(.6);
         display: inline-block;
         vertical-align: -3px;
       }
+
       &:hover {
-        background-color: #b4bccc;
+        background-color: var(--tags-close-hover, #b4bccc);
         color: #fff;
         width: 12px !important;
         height: 12px !important;

ruoyi-fastapi-frontend/src/main.js

@@ -4,6 +4,7 @@ import Cookies from 'js-cookie'
 
 import ElementPlus from 'element-plus'
 import 'element-plus/dist/index.css'
+import 'element-plus/theme-chalk/dark/css-vars.css'
 import locale from 'element-plus/es/locale/lang/zh-cn'
 
 import '@/assets/styles/index.scss' // global css
@@ -39,8 +40,6 @@ import FileUpload from "@/components/FileUpload"
 import ImageUpload from "@/components/ImageUpload"
 // 图片预览组件
 import ImagePreview from "@/components/ImagePreview"
-// 自定义树选择组件
-import TreeSelect from '@/components/TreeSelect'
 // 字典标签组件
 import DictTag from '@/components/DictTag'
 
@@ -59,7 +58,6 @@ app.config.globalProperties.selectDictLabels = selectDictLabels
 // 全局组件挂载
 app.component('DictTag', DictTag)
 app.component('Pagination', Pagination)
-app.component('TreeSelect', TreeSelect)
 app.component('FileUpload', FileUpload)
 app.component('ImageUpload', ImageUpload)
 app.component('ImagePreview', ImagePreview)

ruoyi-fastapi-frontend/src/permission.js

@@ -3,15 +3,19 @@ import { ElMessage } from 'element-plus'
 import NProgress from 'nprogress'
 import 'nprogress/nprogress.css'
 import { getToken } from '@/utils/auth'
-import { isHttp } from '@/utils/validate'
+import { isHttp, isPathMatch } from '@/utils/validate'
 import { isRelogin } from '@/utils/request'
 import useUserStore from '@/store/modules/user'
 import useSettingsStore from '@/store/modules/settings'
 import usePermissionStore from '@/store/modules/permission'
 
-NProgress.configure({ showSpinner: false });
+NProgress.configure({ showSpinner: false })
 
-const whiteList = ['/login', '/register'];
+const whiteList = ['/login', '/register']
+
+const isWhiteList = (path) => {
+  return whiteList.some(pattern => isPathMatch(pattern, path))
+}
 
 router.beforeEach((to, from, next) => {
   NProgress.start()
@@ -21,7 +25,7 @@ router.beforeEach((to, from, next) => {
     if (to.path === '/login') {
       next({ path: '/' })
       NProgress.done()
-    } else if (whiteList.indexOf(to.path) !== -1) {
+    } else if (isWhiteList(to.path)) {
       next()
     } else {
       if (useUserStore().roles.length === 0) {
@@ -50,7 +54,7 @@ router.beforeEach((to, from, next) => {
     }
   } else {
     // 没有token
-    if (whiteList.indexOf(to.path) !== -1) {
+    if (isWhiteList(to.path)) {
       // 在免登录白名单，直接进入
       next()
     } else {

ruoyi-fastapi-frontend/src/plugins/cache.js

@@ -26,6 +26,7 @@ const sessionCache = {
     if (value != null) {
       return JSON.parse(value)
     }
+    return null
   },
   remove (key) {
     sessionStorage.removeItem(key);
@@ -59,6 +60,7 @@ const localCache = {
     if (value != null) {
       return JSON.parse(value)
     }
+    return null
   },
   remove (key) {
     localStorage.removeItem(key);

ruoyi-fastapi-frontend/src/router/index.js

@@ -166,9 +166,8 @@ const router = createRouter({
   scrollBehavior(to, from, savedPosition) {
     if (savedPosition) {
       return savedPosition
-    } else {
-      return { top: 0 }
     }
+    return { top: 0 }
   },
 });
 

ruoyi-fastapi-frontend/src/store/modules/settings.js

@@ -1,6 +1,10 @@
 import defaultSettings from '@/settings'
+import { useDark, useToggle } from '@vueuse/core'
 import { useDynamicTitle } from '@/utils/dynamicTitle'
 
+const isDark = useDark()
+const toggleDark = useToggle(isDark)
+
 const { sideTheme, showSettings, topNav, tagsView, fixedHeader, sidebarLogo, dynamicTitle } = defaultSettings
 
 const storageSetting = JSON.parse(localStorage.getItem('layout-setting')) || ''
@@ -17,7 +21,8 @@ const useSettingsStore = defineStore(
       tagsView: storageSetting.tagsView === undefined ? tagsView : storageSetting.tagsView,
       fixedHeader: storageSetting.fixedHeader === undefined ? fixedHeader : storageSetting.fixedHeader,
       sidebarLogo: storageSetting.sidebarLogo === undefined ? sidebarLogo : storageSetting.sidebarLogo,
-      dynamicTitle: storageSetting.dynamicTitle === undefined ? dynamicTitle : storageSetting.dynamicTitle
+      dynamicTitle: storageSetting.dynamicTitle === undefined ? dynamicTitle : storageSetting.dynamicTitle,
+      isDark: isDark.value
     }),
     actions: {
       // 修改布局设置
@@ -30,7 +35,12 @@ const useSettingsStore = defineStore(
       // 设置网页标题
       setTitle(title) {
         this.title = title
-        useDynamicTitle();
+        useDynamicTitle()
+      },
+      // 切换暗黑模式
+      toggleTheme() {
+        this.isDark = !this.isDark
+        toggleDark()
       }
     }
   })

ruoyi-fastapi-frontend/src/utils/generator/config.js

@@ -0,0 +1,452 @@
+export const formConf = {
+  formRef: 'formRef',
+  formModel: 'formData',
+  size: 'default',
+  labelPosition: 'right',
+  labelWidth: 100,
+  formRules: 'rules',
+  gutter: 15,
+  disabled: false,
+  span: 24,
+  formBtns: true,
+}
+
+export const inputComponents = [
+  {
+    label: '单行文本',
+    tag: 'el-input',
+    tagIcon: 'input',
+    type: 'text',
+    placeholder: '请输入',
+    defaultValue: undefined,
+    span: 24,
+    labelWidth: null,
+    style: { width: '100%' },
+    clearable: true,
+    prepend: '',
+    append: '',
+    'prefix-icon': '',
+    'suffix-icon': '',
+    maxlength: null,
+    'show-word-limit': false,
+    readonly: false,
+    disabled: false,
+    required: true,
+    regList: [],
+    changeTag: true,
+    document: 'https://element-plus.org/zh-CN/component/input',
+  },
+  {
+    label: '多行文本',
+    tag: 'el-input',
+    tagIcon: 'textarea',
+    type: 'textarea',
+    placeholder: '请输入',
+    defaultValue: undefined,
+    span: 24,
+    labelWidth: null,
+    autosize: {
+      minRows: 4,
+      maxRows: 4,
+    },
+    style: { width: '100%' },
+    maxlength: null,
+    'show-word-limit': false,
+    readonly: false,
+    disabled: false,
+    required: true,
+    regList: [],
+    changeTag: true,
+    document: 'https://element-plus.org/zh-CN/component/input',
+  },
+  {
+    label: '密码',
+    tag: 'el-input',
+    tagIcon: 'password',
+    type: 'password',
+    placeholder: '请输入',
+    defaultValue: undefined,
+    span: 24,
+    'show-password': true,
+    labelWidth: null,
+    style: { width: '100%' },
+    clearable: true,
+    prepend: '',
+    append: '',
+    'prefix-icon': '',
+    'suffix-icon': '',
+    maxlength: null,
+    'show-word-limit': false,
+    readonly: false,
+    disabled: false,
+    required: true,
+    regList: [],
+    changeTag: true,
+    document: 'https://element-plus.org/zh-CN/component/input',
+  },
+  {
+    label: '计数器',
+    tag: 'el-input-number',
+    tagIcon: 'number',
+    placeholder: '',
+    defaultValue: undefined,
+    span: 24,
+    labelWidth: null,
+    min: undefined,
+    max: undefined,
+    step: undefined,
+    'step-strictly': false,
+    precision: undefined,
+    'controls-position': '',
+    disabled: false,
+    required: true,
+    regList: [],
+    changeTag: true,
+    document: 'https://element-plus.org/zh-CN/component/input-number',
+  },
+]
+
+export const selectComponents = [
+  {
+    label: '下拉选择',
+    tag: 'el-select',
+    tagIcon: 'select',
+    placeholder: '请选择',
+    defaultValue: undefined,
+    span: 24,
+    labelWidth: null,
+    style: { width: '100%' },
+    clearable: true,
+    disabled: false,
+    required: true,
+    filterable: false,
+    multiple: false,
+    options: [
+      {
+        label: '选项一',
+        value: 1,
+      },
+      {
+        label: '选项二',
+        value: 2,
+      },
+    ],
+    regList: [],
+    changeTag: true,
+    document: 'https://element-plus.org/zh-CN/component/select',
+  },
+  {
+    label: '级联选择',
+    tag: 'el-cascader',
+    tagIcon: 'cascader',
+    placeholder: '请选择',
+    defaultValue: [],
+    span: 24,
+    labelWidth: null,
+    style: { width: '100%' },
+    props: {
+      props: {
+        multiple: false,
+      },
+    },
+    'show-all-levels': true,
+    disabled: false,
+    clearable: true,
+    filterable: false,
+    required: true,
+    options: [
+      {
+        id: 1,
+        value: 1,
+        label: '选项1',
+        children: [
+          {
+            id: 2,
+            value: 2,
+            label: '选项1-1',
+          },
+        ],
+      },
+    ],
+    dataType: 'dynamic',
+    labelKey: 'label',
+    valueKey: 'value',
+    childrenKey: 'children',
+    separator: '/',
+    regList: [],
+    changeTag: true,
+    document: 'https://element-plus.org/zh-CN/component/cascader',
+  },
+  {
+    label: '单选框组',
+    tag: 'el-radio-group',
+    tagIcon: 'radio',
+    defaultValue: 0,
+    span: 24,
+    labelWidth: null,
+    style: {},
+    optionType: 'default',
+    border: false,
+    size: 'default',
+    disabled: false,
+    required: true,
+    options: [
+      {
+        label: '选项一',
+        value: 1,
+      },
+      {
+        label: '选项二',
+        value: 2,
+      },
+    ],
+    regList: [],
+    changeTag: true,
+    document: 'https://element-plus.org/zh-CN/component/radio',
+  },
+  {
+    label: '多选框组',
+    tag: 'el-checkbox-group',
+    tagIcon: 'checkbox',
+    defaultValue: [],
+    span: 24,
+    labelWidth: null,
+    style: {},
+    optionType: 'default',
+    border: false,
+    size: 'default',
+    disabled: false,
+    required: true,
+    options: [
+      {
+        label: '选项一',
+        value: 1,
+      },
+      {
+        label: '选项二',
+        value: 2,
+      },
+    ],
+    regList: [],
+    changeTag: true,
+    document: 'https://element-plus.org/zh-CN/component/checkbox',
+  },
+  {
+    label: '开关',
+    tag: 'el-switch',
+    tagIcon: 'switch',
+    defaultValue: false,
+    span: 24,
+    labelWidth: null,
+    style: {},
+    disabled: false,
+    required: true,
+    'active-text': '',
+    'inactive-text': '',
+    'active-color': null,
+    'inactive-color': null,
+    'active-value': true,
+    'inactive-value': false,
+    regList: [],
+    changeTag: true,
+    document: 'https://element-plus.org/zh-CN/component/switch',
+  },
+  {
+    label: '滑块',
+    tag: 'el-slider',
+    tagIcon: 'slider',
+    defaultValue: null,
+    span: 24,
+    labelWidth: null,
+    disabled: false,
+    required: true,
+    min: 0,
+    max: 100,
+    step: 1,
+    'show-stops': false,
+    range: false,
+    regList: [],
+    changeTag: true,
+    document: 'https://element-plus.org/zh-CN/component/slider',
+  },
+  {
+    label: '时间选择',
+    tag: 'el-time-picker',
+    tagIcon: 'time',
+    placeholder: '请选择',
+    defaultValue: '',
+    span: 24,
+    labelWidth: null,
+    style: { width: '100%' },
+    disabled: false,
+    clearable: true,
+    required: true,
+    format: 'HH:mm:ss',
+    'value-format': 'HH:mm:ss',
+    regList: [],
+    changeTag: true,
+    document: 'https://element-plus.org/zh-CN/component/time-picker',
+  },
+  {
+    label: '时间范围',
+    tag: 'el-time-picker',
+    tagIcon: 'time-range',
+    defaultValue: null,
+    span: 24,
+    labelWidth: null,
+    style: { width: '100%' },
+    disabled: false,
+    clearable: true,
+    required: true,
+    'is-range': true,
+    'range-separator': '至',
+    'start-placeholder': '开始时间',
+    'end-placeholder': '结束时间',
+    format: 'HH:mm:ss',
+    'value-format': 'HH:mm:ss',
+    regList: [],
+    changeTag: true,
+    document: 'https://element-plus.org/zh-CN/component/time-picker',
+  },
+  {
+    label: '日期选择',
+    tag: 'el-date-picker',
+    tagIcon: 'date',
+    placeholder: '请选择',
+    defaultValue: null,
+    type: 'date',
+    span: 24,
+    labelWidth: null,
+    style: { width: '100%' },
+    disabled: false,
+    clearable: true,
+    required: true,
+    format: 'YYYY-MM-DD',
+    'value-format': 'YYYY-MM-DD',
+    readonly: false,
+    regList: [],
+    changeTag: true,
+    document: 'https://element-plus.org/zh-CN/component/date-picker',
+  },
+  {
+    label: '日期范围',
+    tag: 'el-date-picker',
+    tagIcon: 'date-range',
+    defaultValue: null,
+    span: 24,
+    labelWidth: null,
+    style: { width: '100%' },
+    type: 'daterange',
+    'range-separator': '至',
+    'start-placeholder': '开始日期',
+    'end-placeholder': '结束日期',
+    disabled: false,
+    clearable: true,
+    required: true,
+    format: 'YYYY-MM-DD',
+    'value-format': 'YYYY-MM-DD',
+    readonly: false,
+    regList: [],
+    changeTag: true,
+    document: 'https://element-plus.org/zh-CN/component/date-picker',
+  },
+  {
+    label: '评分',
+    tag: 'el-rate',
+    tagIcon: 'rate',
+    defaultValue: 0,
+    span: 24,
+    labelWidth: null,
+    style: {},
+    max: 5,
+    'allow-half': false,
+    'show-text': false,
+    'show-score': false,
+    disabled: false,
+    required: true,
+    regList: [],
+    changeTag: true,
+    document: 'https://element-plus.org/zh-CN/component/rate',
+  },
+  {
+    label: '颜色选择',
+    tag: 'el-color-picker',
+    tagIcon: 'color',
+    defaultValue: null,
+    labelWidth: null,
+    'show-alpha': false,
+    'color-format': '',
+    disabled: false,
+    required: true,
+    size: 'default',
+    regList: [],
+    changeTag: true,
+    document: 'https://element-plus.org/zh-CN/component/color-picker',
+  },
+  {
+    label: '上传',
+    tag: 'el-upload',
+    tagIcon: 'upload',
+    action: 'https://jsonplaceholder.typicode.com/posts/',
+    defaultValue: null,
+    labelWidth: null,
+    disabled: false,
+    required: true,
+    accept: '',
+    name: 'file',
+    'auto-upload': true,
+    showTip: false,
+    buttonText: '点击上传',
+    fileSize: 2,
+    sizeUnit: 'MB',
+    'list-type': 'text',
+    multiple: false,
+    regList: [],
+    changeTag: true,
+    document: 'https://element-plus.org/zh-CN/component/upload',
+    tip: '只能上传不超过 2MB 的文件',
+    style: { width: '100%' },
+  },
+]
+
+export const layoutComponents = [
+  {
+    layout: 'rowFormItem',
+    tagIcon: 'row',
+    type: 'default',
+    justify: 'start',
+    align: 'top',
+    label: '行容器',
+    layoutTree: true,
+    children: [],
+    document: 'https://element-plus.org/zh-CN/component/layout',
+  },
+  {
+    layout: 'colFormItem',
+    label: '按钮',
+    changeTag: true,
+    labelWidth: null,
+    tag: 'el-button',
+    tagIcon: 'button',
+    span: 24,
+    default: '主要按钮',
+    type: 'primary',
+    icon: 'Search',
+    size: 'default',
+    disabled: false,
+    document: 'https://element-plus.org/zh-CN/component/button',
+  },
+]
+
+// 组件rule的触发方式，无触发方式的组件不生成rule
+export const trigger = {
+  'el-input': 'blur',
+  'el-input-number': 'blur',
+  'el-select': 'change',
+  'el-radio-group': 'change',
+  'el-checkbox-group': 'change',
+  'el-cascader': 'change',
+  'el-time-picker': 'change',
+  'el-date-picker': 'change',
+  'el-rate': 'change',
+}

ruoyi-fastapi-frontend/src/utils/generator/css.js

@@ -0,0 +1,18 @@
+const styles = {
+  'el-rate': '.el-rate{display: inline-block; vertical-align: text-top;}',
+  'el-upload': '.el-upload__tip{line-height: 1.2;}'
+}
+
+function addCss(cssList, el) {
+  const css = styles[el.tag]
+  css && cssList.indexOf(css) === -1 && cssList.push(css)
+  if (el.children) {
+    el.children.forEach(el2 => addCss(cssList, el2))
+  }
+}
+
+export function makeUpCss(conf) {
+  const cssList = []
+  conf.fields.forEach(el => addCss(cssList, el))
+  return cssList.join('\n')
+}

ruoyi-fastapi-frontend/src/utils/generator/drawingDefalut.js

@@ -0,0 +1,29 @@
+export default [
+  {
+    layout: 'colFormItem',
+    tagIcon: 'input',
+    label: '手机号',
+    vModel: 'mobile',
+    formId: 6,
+    tag: 'el-input',
+    placeholder: '请输入手机号',
+    defaultValue: '',
+    span: 24,
+    style: { width: '100%' },
+    clearable: true,
+    prepend: '',
+    append: '',
+    'prefix-icon': 'Cellphone',
+    'suffix-icon': '',
+    maxlength: 11,
+    'show-word-limit': true,
+    readonly: false,
+    disabled: false,
+    required: true,
+    changeTag: true,
+    regList: [{
+      pattern: '/^1(3|4|5|7|8|9)\\d{9}$/',
+      message: '手机号格式错误'
+    }]
+  }
+]

ruoyi-fastapi-frontend/src/utils/generator/html.js

@@ -0,0 +1,359 @@
+/* eslint-disable max-len */
+import { trigger } from './config'
+
+let confGlobal
+let someSpanIsNot24
+
+export function dialogWrapper(str) {
+  return `<el-dialog v-model="dialogVisible"  @open="onOpen" @close="onClose" title="Dialog Titile">
+    ${str}
+    <template #footer>
+      <el-button @click="close">取消</el-button>
+	  <el-button type="primary" @click="handelConfirm">确定</el-button>
+    </template>
+  </el-dialog>`
+}
+
+export function vueTemplate(str) {
+  return `<template>
+    <div class="app-container">
+      ${str}
+    </div>
+  </template>`
+}
+
+export function vueScript(str) {
+  return `<script setup>
+    ${str}
+  </script>`
+}
+
+export function cssStyle(cssStr) {
+  return `<style>
+    ${cssStr}
+  </style>`
+}
+
+function buildFormTemplate(conf, child, type) {
+  let labelPosition = ''
+  if (conf.labelPosition !== 'right') {
+    labelPosition = `label-position="${conf.labelPosition}"`
+  }
+  const disabled = conf.disabled ? `:disabled="${conf.disabled}"` : ''
+  let str = `<el-form ref="${conf.formRef}" :model="${conf.formModel}" :rules="${conf.formRules}" size="${conf.size}" ${disabled} label-width="${conf.labelWidth}px" ${labelPosition}>
+      ${child}
+      ${buildFromBtns(conf, type)}
+    </el-form>`
+  if (someSpanIsNot24) {
+    str = `<el-row :gutter="${conf.gutter}">
+        ${str}
+      </el-row>`
+  }
+  return str
+}
+
+function buildFromBtns(conf, type) {
+  let str = ''
+  if (conf.formBtns && type === 'file') {
+    str = `<el-form-item>
+          <el-button type="primary" @click="submitForm">提交</el-button>
+          <el-button @click="resetForm">重置</el-button>
+        </el-form-item>`
+    if (someSpanIsNot24) {
+      str = `<el-col :span="24">
+          ${str}
+        </el-col>`
+    }
+  }
+  return str
+}
+
+// span不为24的用el-col包裹
+function colWrapper(element, str) {
+  if (someSpanIsNot24 || element.span !== 24) {
+    return `<el-col :span="${element.span}">
+      ${str}
+    </el-col>`
+  }
+  return str
+}
+
+const layouts = {
+  colFormItem(element) {
+    let labelWidth = ''
+    if (element.labelWidth && element.labelWidth !== confGlobal.labelWidth) {
+      labelWidth = `label-width="${element.labelWidth}px"`
+    }
+    const required = !trigger[element.tag] && element.required ? 'required' : ''
+    const tagDom = tags[element.tag] ? tags[element.tag](element) : null
+    let str = `<el-form-item ${labelWidth} label="${element.label}" prop="${element.vModel}" ${required}>
+        ${tagDom}
+      </el-form-item>`
+    str = colWrapper(element, str)
+    return str
+  },
+  rowFormItem(element) {
+    const type = element.type === 'default' ? '' : `type="${element.type}"`
+    const justify = element.type === 'default' ? '' : `justify="${element.justify}"`
+    const align = element.type === 'default' ? '' : `align="${element.align}"`
+    const gutter = element.gutter ? `gutter="${element.gutter}"` : ''
+    const children = element.children.map(el => layouts[el.layout](el))
+    let str = `<el-row ${type} ${justify} ${align} ${gutter}>
+      ${children.join('\n')}
+    </el-row>`
+    str = colWrapper(element, str)
+    return str
+  }
+}
+
+const tags = {
+  'el-button': el => {
+    const {
+      tag, disabled
+    } = attrBuilder(el)
+    const type = el.type ? `type="${el.type}"` : ''
+    const icon = el.icon ? `icon="${el.icon}"` : ''
+    const size = el.size ? `size="${el.size}"` : ''
+    let child = buildElButtonChild(el)
+
+    if (child) child = `\n${child}\n` // 换行
+    return `<${el.tag} ${type} ${icon} ${size} ${disabled}>${child}</${el.tag}>`
+  },
+  'el-input': el => {
+    const {
+      disabled, vModel, clearable, placeholder, width
+    } = attrBuilder(el)
+    const maxlength = el.maxlength ? `:maxlength="${el.maxlength}"` : ''
+    const showWordLimit = el['show-word-limit'] ? 'show-word-limit' : ''
+    const readonly = el.readonly ? 'readonly' : ''
+    const prefixIcon = el['prefix-icon'] ? `prefix-icon='${el['prefix-icon']}'` : ''
+    const suffixIcon = el['suffix-icon'] ? `suffix-icon='${el['suffix-icon']}'` : ''
+    const showPassword = el['show-password'] ? 'show-password' : ''
+    const type = el.type ? `type="${el.type}"` : ''
+    const autosize = el.autosize && el.autosize.minRows
+      ? `:autosize="{minRows: ${el.autosize.minRows}, maxRows: ${el.autosize.maxRows}}"`
+      : ''
+    let child = buildElInputChild(el)
+
+    if (child) child = `\n${child}\n` // 换行
+    return `<${el.tag} ${vModel} ${type} ${placeholder} ${maxlength} ${showWordLimit} ${readonly} ${disabled} ${clearable} ${prefixIcon} ${suffixIcon} ${showPassword} ${autosize} ${width}>${child}</${el.tag}>`
+  },
+  'el-input-number': el => {
+    const { disabled, vModel, placeholder } = attrBuilder(el)
+    const controlsPosition = el['controls-position'] ? `controls-position=${el['controls-position']}` : ''
+    const min = el.min ? `:min='${el.min}'` : ''
+    const max = el.max ? `:max='${el.max}'` : ''
+    const step = el.step ? `:step='${el.step}'` : ''
+    const stepStrictly = el['step-strictly'] ? 'step-strictly' : ''
+    const precision = el.precision ? `:precision='${el.precision}'` : ''
+
+    return `<${el.tag} ${vModel} ${placeholder} ${step} ${stepStrictly} ${precision} ${controlsPosition} ${min} ${max} ${disabled}></${el.tag}>`
+  },
+  'el-select': el => {
+    const {
+      disabled, vModel, clearable, placeholder, width
+    } = attrBuilder(el)
+    const filterable = el.filterable ? 'filterable' : ''
+    const multiple = el.multiple ? 'multiple' : ''
+    let child = buildElSelectChild(el)
+
+    if (child) child = `\n${child}\n` // 换行
+    return `<${el.tag} ${vModel} ${placeholder} ${disabled} ${multiple} ${filterable} ${clearable} ${width}>${child}</${el.tag}>`
+  },
+  'el-radio-group': el => {
+    const { disabled, vModel } = attrBuilder(el)
+    const size = `size="${el.size}"`
+    let child = buildElRadioGroupChild(el)
+
+    if (child) child = `\n${child}\n` // 换行
+    return `<${el.tag} ${vModel} ${size} ${disabled}>${child}</${el.tag}>`
+  },
+  'el-checkbox-group': el => {
+    const { disabled, vModel } = attrBuilder(el)
+    const size = `size="${el.size}"`
+    const min = el.min ? `:min="${el.min}"` : ''
+    const max = el.max ? `:max="${el.max}"` : ''
+    let child = buildElCheckboxGroupChild(el)
+
+    if (child) child = `\n${child}\n` // 换行
+    return `<${el.tag} ${vModel} ${min} ${max} ${size} ${disabled}>${child}</${el.tag}>`
+  },
+  'el-switch': el => {
+    const { disabled, vModel } = attrBuilder(el)
+    const activeText = el['active-text'] ? `active-text="${el['active-text']}"` : ''
+    const inactiveText = el['inactive-text'] ? `inactive-text="${el['inactive-text']}"` : ''
+    const activeColor = el['active-color'] ? `active-color="${el['active-color']}"` : ''
+    const inactiveColor = el['inactive-color'] ? `inactive-color="${el['inactive-color']}"` : ''
+    const activeValue = el['active-value'] !== true ? `:active-value='${JSON.stringify(el['active-value'])}'` : ''
+    const inactiveValue = el['inactive-value'] !== false ? `:inactive-value='${JSON.stringify(el['inactive-value'])}'` : ''
+
+    return `<${el.tag} ${vModel} ${activeText} ${inactiveText} ${activeColor} ${inactiveColor} ${activeValue} ${inactiveValue} ${disabled}></${el.tag}>`
+  },
+  'el-cascader': el => {
+    const {
+      disabled, vModel, clearable, placeholder, width
+    } = attrBuilder(el)
+    const options = el.options ? `:options="${el.vModel}Options"` : ''
+    const props = el.props ? `:props="${el.vModel}Props"` : ''
+    const showAllLevels = el['show-all-levels'] ? '' : ':show-all-levels="false"'
+    const filterable = el.filterable ? 'filterable' : ''
+    const separator = el.separator === '/' ? '' : `separator="${el.separator}"`
+
+    return `<${el.tag} ${vModel} ${options} ${props} ${width} ${showAllLevels} ${placeholder} ${separator} ${filterable} ${clearable} ${disabled}></${el.tag}>`
+  },
+  'el-slider': el => {
+    const { disabled, vModel } = attrBuilder(el)
+    const min = el.min ? `:min='${el.min}'` : ''
+    const max = el.max ? `:max='${el.max}'` : ''
+    const step = el.step ? `:step='${el.step}'` : ''
+    const range = el.range ? 'range' : ''
+    const showStops = el['show-stops'] ? `:show-stops="${el['show-stops']}"` : ''
+
+    return `<${el.tag} ${min} ${max} ${step} ${vModel} ${range} ${showStops} ${disabled}></${el.tag}>`
+  },
+  'el-time-picker': el => {
+    const {
+      disabled, vModel, clearable, placeholder, width
+    } = attrBuilder(el)
+    const startPlaceholder = el['start-placeholder'] ? `start-placeholder="${el['start-placeholder']}"` : ''
+    const endPlaceholder = el['end-placeholder'] ? `end-placeholder="${el['end-placeholder']}"` : ''
+    const rangeSeparator = el['range-separator'] ? `range-separator="${el['range-separator']}"` : ''
+    const isRange = el['is-range'] ? 'is-range' : ''
+    const format = el.format ? `format="${el.format}"` : ''
+    const valueFormat = el['value-format'] ? `value-format="${el['value-format']}"` : ''
+    const pickerOptions = el['picker-options'] ? `:picker-options='${JSON.stringify(el['picker-options'])}'` : ''
+
+    return `<${el.tag} ${vModel} ${isRange} ${format} ${valueFormat} ${pickerOptions} ${width} ${placeholder} ${startPlaceholder} ${endPlaceholder} ${rangeSeparator} ${clearable} ${disabled}></${el.tag}>`
+  },
+  'el-date-picker': el => {
+    const {
+      disabled, vModel, clearable, placeholder, width
+    } = attrBuilder(el)
+    const startPlaceholder = el['start-placeholder'] ? `start-placeholder="${el['start-placeholder']}"` : ''
+    const endPlaceholder = el['end-placeholder'] ? `end-placeholder="${el['end-placeholder']}"` : ''
+    const rangeSeparator = el['range-separator'] ? `range-separator="${el['range-separator']}"` : ''
+    const format = el.format ? `format="${el.format}"` : ''
+    const valueFormat = el['value-format'] ? `value-format="${el['value-format']}"` : ''
+    const type = el.type === 'date' ? '' : `type="${el.type}"`
+    const readonly = el.readonly ? 'readonly' : ''
+
+    return `<${el.tag} ${type} ${vModel} ${format} ${valueFormat} ${width} ${placeholder} ${startPlaceholder} ${endPlaceholder} ${rangeSeparator} ${clearable} ${readonly} ${disabled}></${el.tag}>`
+  },
+  'el-rate': el => {
+    const { disabled, vModel } = attrBuilder(el)
+    const max = el.max ? `:max='${el.max}'` : ''
+    const allowHalf = el['allow-half'] ? 'allow-half' : ''
+    const showText = el['show-text'] ? 'show-text' : ''
+    const showScore = el['show-score'] ? 'show-score' : ''
+
+    return `<${el.tag} ${vModel} ${allowHalf} ${showText} ${showScore} ${disabled}></${el.tag}>`
+  },
+  'el-color-picker': el => {
+    const { disabled, vModel } = attrBuilder(el)
+    const size = `size="${el.size}"`
+    const showAlpha = el['show-alpha'] ? 'show-alpha' : ''
+    const colorFormat = el['color-format'] ? `color-format="${el['color-format']}"` : ''
+
+    return `<${el.tag} ${vModel} ${size} ${showAlpha} ${colorFormat} ${disabled}></${el.tag}>`
+  },
+  'el-upload': el => {
+    const disabled = el.disabled ? ':disabled=\'true\'' : ''
+    const action = el.action ? `:action="${el.vModel}Action"` : ''
+    const multiple = el.multiple ? 'multiple' : ''
+    const listType = el['list-type'] !== 'text' ? `list-type="${el['list-type']}"` : ''
+    const accept = el.accept ? `accept="${el.accept}"` : ''
+    const name = el.name !== 'file' ? `name="${el.name}"` : ''
+    const autoUpload = el['auto-upload'] === false ? ':auto-upload="false"' : ''
+    const beforeUpload = `:before-upload="${el.vModel}BeforeUpload"`
+    const fileList = `:file-list="${el.vModel}fileList"`
+    const ref = `ref="${el.vModel}"`
+    let child = buildElUploadChild(el)
+
+    if (child) child = `\n${child}\n` // 换行
+    return `<${el.tag} ${ref} ${fileList} ${action} ${autoUpload} ${multiple} ${beforeUpload} ${listType} ${accept} ${name} ${disabled}>${child}</${el.tag}>`
+  }
+}
+
+function attrBuilder(el) {
+  return {
+    vModel: `v-model="${confGlobal.formModel}.${el.vModel}"`,
+    clearable: el.clearable ? 'clearable' : '',
+    placeholder: el.placeholder ? `placeholder="${el.placeholder}"` : '',
+    width: el.style && el.style.width ? ':style="{width: \'100%\'}"' : '',
+    disabled: el.disabled ? ':disabled=\'true\'' : ''
+  }
+}
+
+// el-buttin 子级
+function buildElButtonChild(conf) {
+  const children = []
+  if (conf.default) {
+    children.push(conf.default)
+  }
+  return children.join('\n')
+}
+
+// el-input innerHTML
+function buildElInputChild(conf) {
+  const children = []
+  if (conf.prepend) {
+    children.push(`<template slot="prepend">${conf.prepend}</template>`)
+  }
+  if (conf.append) {
+    children.push(`<template slot="append">${conf.append}</template>`)
+  }
+  return children.join('\n')
+}
+
+function buildElSelectChild(conf) {
+  const children = []
+  if (conf.options && conf.options.length) {
+    children.push(`<el-option v-for="(item, index) in ${conf.vModel}Options" :key="index" :label="item.label" :value="item.value" :disabled="item.disabled"></el-option>`)
+  }
+  return children.join('\n')
+}
+
+function buildElRadioGroupChild(conf) {
+  const children = []
+  if (conf.options && conf.options.length) {
+    const tag = conf.optionType === 'button' ? 'el-radio-button' : 'el-radio'
+    const border = conf.border ? 'border' : ''
+    children.push(`<${tag} v-for="(item, index) in ${conf.vModel}Options" :key="index" :label="item.value" :disabled="item.disabled" ${border}>{{item.label}}</${tag}>`)
+  }
+  return children.join('\n')
+}
+
+function buildElCheckboxGroupChild(conf) {
+  const children = []
+  if (conf.options && conf.options.length) {
+    const tag = conf.optionType === 'button' ? 'el-checkbox-button' : 'el-checkbox'
+    const border = conf.border ? 'border' : ''
+    children.push(`<${tag} v-for="(item, index) in ${conf.vModel}Options" :key="index" :label="item.value" :disabled="item.disabled" ${border}>{{item.label}}</${tag}>`)
+  }
+  return children.join('\n')
+}
+
+function buildElUploadChild(conf) {
+  const list = []
+  if (conf['list-type'] === 'picture-card') list.push('<i class="el-icon-plus"></i>')
+  else list.push(`<el-button size="small" type="primary" icon="el-icon-upload">${conf.buttonText}</el-button>`)
+  if (conf.showTip) list.push(`<div slot="tip" class="el-upload__tip">只能上传不超过 ${conf.fileSize}${conf.sizeUnit} 的${conf.accept}文件</div>`)
+  return list.join('\n')
+}
+
+export function makeUpHtml(conf, type) {
+  const htmlList = []
+  confGlobal = conf
+  someSpanIsNot24 = conf.fields.some(item => item.span !== 24)
+  conf.fields.forEach(el => {
+    htmlList.push(layouts[el.layout](el))
+  })
+  const htmlStr = htmlList.join('\n')
+
+  let temp = buildFormTemplate(conf, htmlStr, type)
+  if (type === 'dialog') {
+    temp = dialogWrapper(temp)
+  }
+  confGlobal = null
+  return temp
+}

ruoyi-fastapi-frontend/src/utils/generator/icon.json

@@ -0,0 +1 @@
+["platform-eleme","eleme","delete-solid","delete","s-tools","setting","user-solid","user","phone","phone-outline","more","more-outline","star-on","star-off","s-goods","goods","warning","warning-outline","question","info","remove","circle-plus","success","error","zoom-in","zoom-out","remove-outline","circle-plus-outline","circle-check","circle-close","s-help","help","minus","plus","check","close","picture","picture-outline","picture-outline-round","upload","upload2","download","camera-solid","camera","video-camera-solid","video-camera","message-solid","bell","s-cooperation","s-order","s-platform","s-fold","s-unfold","s-operation","s-promotion","s-home","s-release","s-ticket","s-management","s-open","s-shop","s-marketing","s-flag","s-comment","s-finance","s-claim","s-custom","s-opportunity","s-data","s-check","s-grid","menu","share","d-caret","caret-left","caret-right","caret-bottom","caret-top","bottom-left","bottom-right","back","right","bottom","top","top-left","top-right","arrow-left","arrow-right","arrow-down","arrow-up","d-arrow-left","d-arrow-right","video-pause","video-play","refresh","refresh-right","refresh-left","finished","sort","sort-up","sort-down","rank","loading","view","c-scale-to-original","date","edit","edit-outline","folder","folder-opened","folder-add","folder-remove","folder-delete","folder-checked","tickets","document-remove","document-delete","document-copy","document-checked","document","document-add","printer","paperclip","takeaway-box","search","monitor","attract","mobile","scissors","umbrella","headset","brush","mouse","coordinate","magic-stick","reading","data-line","data-board","pie-chart","data-analysis","collection-tag","film","suitcase","suitcase-1","receiving","collection","files","notebook-1","notebook-2","toilet-paper","office-building","school","table-lamp","house","no-smoking","smoking","shopping-cart-full","shopping-cart-1","shopping-cart-2","shopping-bag-1","shopping-bag-2","sold-out","sell","present","box","bank-card","money","coin","wallet","discount","price-tag","news","guide","male","female","thumb","cpu","link","connection","open","turn-off","set-up","chat-round","chat-line-round","chat-square","chat-dot-round","chat-dot-square","chat-line-square","message","postcard","position","turn-off-microphone","microphone","close-notification","bangzhu","time","odometer","crop","aim","switch-button","full-screen","copy-document","mic","stopwatch","medal-1","medal","trophy","trophy-1","first-aid-kit","discover","place","location","location-outline","location-information","add-location","delete-location","map-location","alarm-clock","timer","watch-1","watch","lock","unlock","key","service","mobile-phone","bicycle","truck","ship","basketball","football","soccer","baseball","wind-power","light-rain","lightning","heavy-rain","sunrise","sunrise-1","sunset","sunny","cloudy","partly-cloudy","cloudy-and-sunny","moon","moon-night","dish","dish-1","food","chicken","fork-spoon","knife-fork","burger","tableware","sugar","dessert","ice-cream","hot-water","water-cup","coffee-cup","cold-drink","goblet","goblet-full","goblet-square","goblet-square-full","refrigerator","grape","watermelon","cherry","apple","pear","orange","coffee","ice-tea","ice-drink","milk-tea","potato-strips","lollipop","ice-cream-square","ice-cream-round"]

ruoyi-fastapi-frontend/src/utils/generator/js.js

@@ -0,0 +1,370 @@
+import { titleCase } from '@/utils/index'
+import { trigger } from './config'
+// 文件大小设置
+const units = {
+  KB: '1024',
+  MB: '1024 / 1024',
+  GB: '1024 / 1024 / 1024',
+}
+/**
+ * @name: 生成js需要的数据
+ * @description: 生成js需要的数据
+ * @param {*} conf
+ * @param {*} type 弹窗或表单
+ * @return {*}
+ */
+export function makeUpJs(conf, type) {
+  conf = JSON.parse(JSON.stringify(conf))
+  const dataList = []
+  const ruleList = []
+  const optionsList = []
+  const propsList = []
+  const methodList = []
+  const uploadVarList = []
+
+  conf.fields.forEach((el) => {
+    buildAttributes(
+      el,
+      dataList,
+      ruleList,
+      optionsList,
+      methodList,
+      propsList,
+      uploadVarList
+    )
+  })
+
+  const script = buildexport(
+    conf,
+    type,
+    dataList.join('\n'),
+    ruleList.join('\n'),
+    optionsList.join('\n'),
+    uploadVarList.join('\n'),
+    propsList.join('\n'),
+    methodList.join('\n')
+  )
+  
+  return script
+}
+/**
+ * @name: 生成参数
+ * @description: 生成参数，包括表单数据表单验证数据，多选选项数据，上传数据等
+ * @return {*}
+ */
+function buildAttributes(
+  el,
+  dataList,
+  ruleList,
+  optionsList,
+  methodList,
+  propsList,
+  uploadVarList
+){
+  buildData(el, dataList)
+  buildRules(el, ruleList)
+
+  if (el.options && el.options.length) {
+    buildOptions(el, optionsList)
+    if (el.dataType === 'dynamic') {
+      const model = `${el.vModel}Options`
+      const options = titleCase(model)
+      buildOptionMethod(`get${options}`, model, methodList)
+    }
+  }
+
+  if (el.props && el.props.props) {
+    buildProps(el, propsList)
+  }
+
+  if (el.action && el.tag === 'el-upload') {
+    uploadVarList.push(
+      `
+      // 上传请求路径
+      const ${el.vModel}Action = ref('${el.action}')
+      // 上传文件列表
+      const ${el.vModel}fileList =  ref([])`
+    )
+    methodList.push(buildBeforeUpload(el))
+    if (!el['auto-upload']) {
+      methodList.push(buildSubmitUpload(el))
+    }
+  }
+
+  if (el.children) {
+    el.children.forEach((el2) => {
+      buildAttributes(
+        el2,
+        dataList,
+        ruleList,
+        optionsList,
+        methodList,
+        propsList,
+        uploadVarList
+      )
+    })
+  }
+}
+/**
+ * @name: 生成表单数据formData
+ * @description: 生成表单数据formData
+ * @param {*} conf
+ * @param {*} dataList 数据列表
+ * @return {*}
+ */
+function buildData(conf, dataList) {
+  if (conf.vModel === undefined) return
+  let defaultValue
+  if (typeof conf.defaultValue === 'string' && !conf.multiple) {
+    defaultValue = `'${conf.defaultValue}'`
+  } else {
+    defaultValue = `${JSON.stringify(conf.defaultValue)}`
+  }
+  dataList.push(`${conf.vModel}: ${defaultValue},`)
+}
+/**
+ * @name: 生成表单验证数据rule
+ * @description: 生成表单验证数据rule
+ * @param {*} conf
+ * @param {*} ruleList 验证数据列表
+ * @return {*}
+ */
+function buildRules(conf, ruleList) {
+  if (conf.vModel === undefined) return
+  const rules = []
+  if (trigger[conf.tag]) {
+    if (conf.required) {
+      const type = Array.isArray(conf.defaultValue) ? "type: 'array'," : ''
+      let message = Array.isArray(conf.defaultValue)
+        ? `请至少选择一个${conf.vModel}`
+        : conf.placeholder
+      if (message === undefined) message = `${conf.label}不能为空`
+      rules.push(
+        `{ required: true, ${type} message: '${message}', trigger: '${
+          trigger[conf.tag]
+        }' }`
+      )
+    }
+    if (conf.regList && Array.isArray(conf.regList)) {
+      conf.regList.forEach((item) => {
+        if (item.pattern) {
+          rules.push(
+            `{ pattern: new RegExp(${item.pattern}), message: '${
+              item.message
+            }', trigger: '${trigger[conf.tag]}' }`
+          )
+        }
+      })
+    }
+    ruleList.push(`${conf.vModel}: [${rules.join(',')}],`)
+  }
+}
+/**
+ * @name: 生成选项数据
+ * @description: 生成选项数据，单选多选下拉等
+ * @param {*} conf
+ * @param {*} optionsList 选项数据列表
+ * @return {*}
+ */
+function buildOptions(conf, optionsList) {
+  if (conf.vModel === undefined) return
+  if (conf.dataType === 'dynamic') {
+    conf.options = []
+  }
+  const str = `const ${conf.vModel}Options = ref(${JSON.stringify(conf.options)})`
+  optionsList.push(str)
+}
+/**
+ * @name: 生成方法
+ * @description: 生成方法
+ * @param {*} methodName 方法名
+ * @param {*} model
+ * @param {*} methodList 方法列表
+ * @return {*}
+ */
+function buildOptionMethod(methodName, model, methodList) {
+  const str = `function ${methodName}() {
+    // TODO 发起请求获取数据
+    ${model}.value
+  }`
+  methodList.push(str)
+}
+/**
+ * @name: 生成表单组件需要的props设置
+ * @description: 生成表单组件需要的props设置，如；级联组件
+ * @param {*} conf
+ * @param {*} propsList
+ * @return {*}
+ */
+function buildProps(conf, propsList) {
+  if (conf.dataType === 'dynamic') {
+    conf.valueKey !== 'value' && (conf.props.props.value = conf.valueKey)
+    conf.labelKey !== 'label' && (conf.props.props.label = conf.labelKey)
+    conf.childrenKey !== 'children' &&
+      (conf.props.props.children = conf.childrenKey)
+  }
+  const str = `
+  // props设置
+  const ${conf.vModel}Props = ref(${JSON.stringify(conf.props.props)})`
+  propsList.push(str)
+}
+/**
+ * @name: 生成上传组件的相关内容
+ * @description: 生成上传组件的相关内容
+ * @param {*} conf
+ * @return {*}
+ */
+function buildBeforeUpload(conf) {
+  const unitNum = units[conf.sizeUnit]
+  let rightSizeCode = ''
+  let acceptCode = ''
+  const returnList = []
+  if (conf.fileSize) {
+    rightSizeCode = `let isRightSize = file.size / ${unitNum} < ${conf.fileSize}
+    if(!isRightSize){
+      proxy.$modal.msgError('文件大小超过 ${conf.fileSize}${conf.sizeUnit}')
+    }`
+    returnList.push('isRightSize')
+  }
+  if (conf.accept) {
+    acceptCode = `let isAccept = new RegExp('${conf.accept}').test(file.type)
+    if(!isAccept){
+      proxy.$modal.msgError('应该选择${conf.accept}类型的文件')
+    }`
+    returnList.push('isAccept')
+  }
+  const str = `
+  /**
+   * @name: 上传之前的文件判断
+   * @description: 上传之前的文件判断，判断文件大小文件类型等
+   * @param {*} file
+   * @return {*}
+   */  
+  function ${conf.vModel}BeforeUpload(file) {
+    ${rightSizeCode}
+    ${acceptCode}
+    return ${returnList.join('&&')}
+  }`
+  return returnList.length ? str : ''
+}
+/**
+ * @name: 生成提交表单方法
+ * @description: 生成提交表单方法
+ * @param {Object} conf vModel 表单ref
+ * @return {*}
+ */
+function buildSubmitUpload(conf) {
+  const str = `function submitUpload() {
+    this.$refs['${conf.vModel}'].submit()
+  }`
+  return str
+}
+/**
+ * @name: 组装js代码
+ * @description: 组装js代码方法
+ * @return {*}
+ */
+function buildexport(
+  conf,
+  type,
+  data,
+  rules,
+  selectOptions,
+  uploadVar,
+  props,
+  methods
+) {
+  let str = `
+    const { proxy } = getCurrentInstance()
+    const ${conf.formRef} = ref()
+    const data = reactive({
+      ${conf.formModel}: {
+        ${data}
+      },
+      ${conf.formRules}: {
+        ${rules}
+      }
+    })
+
+    const {${conf.formModel}, ${conf.formRules}} = toRefs(data)
+
+    ${selectOptions}
+
+    ${uploadVar}
+
+    ${props}
+
+    ${methods}
+  `
+  
+  if(type === 'dialog') {
+    str += `
+      // 弹窗设置
+      const dialogVisible = defineModel()
+      // 弹窗确认回调
+      const emit = defineEmits(['confirm'])
+      /**
+       * @name: 弹窗打开后执行
+       * @description: 弹窗打开后执行方法
+       * @return {*}
+       */
+      function onOpen(){
+
+      }
+      /**
+       * @name: 弹窗关闭时执行
+       * @description: 弹窗关闭方法，重置表单
+       * @return {*}
+       */
+      function onClose(){
+        ${conf.formRef}.value.resetFields()
+      }
+      /**
+       * @name: 弹窗取消
+       * @description: 弹窗取消方法
+       * @return {*}
+       */
+      function close(){
+        dialogVisible.value = false
+      }
+      /**
+       * @name: 弹窗表单提交
+       * @description: 弹窗表单提交方法
+       * @return {*}
+       */
+      function handelConfirm(){
+        ${conf.formRef}.value.validate((valid) => {
+          if (!valid) return
+          // TODO 提交表单
+
+          close()
+          // 回调父级组件
+          emit('confirm')
+        })
+      }
+    `
+  } else {
+    str += `
+    /**
+     * @name: 表单提交
+     * @description: 表单提交方法
+     * @return {*}
+     */
+    function submitForm() {
+      ${conf.formRef}.value.validate((valid) => {
+        if (!valid) return
+        // TODO 提交表单
+      })
+    }
+    /**
+     * @name: 表单重置
+     * @description: 表单重置方法
+     * @return {*}
+     */
+    function resetForm() {
+      ${conf.formRef}.value.resetFields()
+    }
+    `
+  }
+  return str
+}

ruoyi-fastapi-frontend/src/utils/generator/render.js

@@ -0,0 +1,156 @@
+import { defineComponent, h } from 'vue'
+import { makeMap } from '@/utils/index'
+
+const isAttr = makeMap(
+  'accept,accept-charset,accesskey,action,align,alt,async,autocomplete,' +
+  'autofocus,autoplay,autosave,bgcolor,border,buffered,challenge,charset,' +
+  'checked,cite,class,code,codebase,color,cols,colspan,content,http-equiv,' +
+  'name,contenteditable,contextmenu,controls,coords,data,datetime,default,' +
+  'defer,dir,dirname,disabled,download,draggable,dropzone,enctype,method,for,' +
+  'form,formaction,headers,height,hidden,high,href,hreflang,http-equiv,' +
+  'icon,id,ismap,itemprop,keytype,kind,label,lang,language,list,loop,low,' +
+  'manifest,max,maxlength,media,method,GET,POST,min,multiple,email,file,' +
+  'muted,name,novalidate,open,optimum,pattern,ping,placeholder,poster,' +
+  'preload,radiogroup,readonly,rel,required,reversed,rows,rowspan,sandbox,' +
+  'scope,scoped,seamless,selected,shape,size,type,text,password,sizes,span,' +
+  'spellcheck,src,srcdoc,srclang,srcset,start,step,style,summary,tabindex,' +
+  'target,title,type,usemap,value,width,wrap' + 'prefix-icon'
+)
+const isNotProps = makeMap(
+  'layout,prepend,regList,tag,document,changeTag,defaultValue'
+)
+
+function useVModel(props, emit) {
+  return {
+    modelValue: props.defaultValue,
+    'onUpdate:modelValue': (val) => emit('update:modelValue', val),
+  }
+}
+const componentChild = {
+  'el-button': {
+    default(h, conf, key) {
+      return conf[key]
+    },
+  },
+  'el-select': {
+    options(h, conf, key) {
+      return conf.options.map(item => h(resolveComponent('el-option'), {
+        label: item.label,
+        value: item.value,
+      }))
+    }
+  },
+  'el-radio-group': {
+    options(h, conf, key) {
+      return conf.optionType === 'button' ? conf.options.map(item => h(resolveComponent('el-checkbox-button'), {
+        label: item.value,
+      }, () => item.label)) : conf.options.map(item => h(resolveComponent('el-radio'), {
+        label: item.value,
+        border: conf.border,
+      }, () => item.label))
+    }
+  },
+  'el-checkbox-group': {
+    options(h, conf, key) {
+      return conf.optionType === 'button' ? conf.options.map(item => h(resolveComponent('el-checkbox-button'), {
+        label: item.value,
+      }, () => item.label)) : conf.options.map(item => h(resolveComponent('el-checkbox'), {
+        label: item.value,
+        border: conf.border,
+      }, () => item.label))
+    }
+  },
+  'el-upload': {
+    'list-type': (h, conf, key) => {
+      const option = {}
+      // if (conf.showTip) {
+      //   tip = h('div', {
+      //     class: "el-upload__tip"
+      //   }, () => '只能上传不超过' + conf.fileSize + conf.sizeUnit + '的' + conf.accept + '文件')
+      // }
+      if (conf['list-type'] === 'picture-card') {
+        return h(resolveComponent('el-icon'), option, () => h(resolveComponent('Plus')))
+      } else {
+        // option.size = "small"
+        option.type = "primary"
+        option.icon = "Upload"
+        return h(resolveComponent('el-button'), option, () => conf.buttonText)
+      }
+    },
+
+  }
+}
+const componentSlot = {
+  'el-upload': {
+    'tip': (h, conf, key) => {
+      if (conf.showTip) {
+        return () => h('div', {
+          class: "el-upload__tip"
+        }, '只能上传不超过' + conf.fileSize + conf.sizeUnit + '的' + conf.accept + '文件')
+      }
+    },
+  }
+}
+export default defineComponent({
+
+  // 使用 render 函数
+  render() {
+    const dataObject = {
+      attrs: {},
+      props: {},
+      on: {},
+      style: {}
+    }
+    const confClone = JSON.parse(JSON.stringify(this.conf))
+    const children = []
+    const slot = {}
+    const childObjs = componentChild[confClone.tag]
+    if (childObjs) {
+      Object.keys(childObjs).forEach(key => {
+        const childFunc = childObjs[key]
+        if (confClone[key]) {
+          children.push(childFunc(h, confClone, key))
+        }
+      })
+    }
+    const slotObjs = componentSlot[confClone.tag]
+    if (slotObjs) {
+      Object.keys(slotObjs).forEach(key => {
+        const childFunc = slotObjs[key]
+        if (confClone[key]) {
+          slot[key] = childFunc(h, confClone, key)
+        }
+      })
+    }
+    Object.keys(confClone).forEach(key => {
+      const val = confClone[key]
+      if (dataObject[key]) {
+        dataObject[key] = val
+      } else if (isAttr(key)) {
+        dataObject.attrs[key] = val
+      } else if (!isNotProps(key)) {
+        dataObject.props[key] = val
+      }
+    })
+    if(children.length > 0){
+      slot.default = () => children
+    }
+    
+    return h(resolveComponent(this.conf.tag),
+      {
+        modelValue: this.$attrs.modelValue,
+        ...dataObject.props,
+        ...dataObject.attrs,
+        style: {
+          ...dataObject.style
+        },
+      }
+      , slot ?? null)
+  },
+  props: {
+    conf: {
+      type: Object,
+      required: true,
+    },
+  }
+})

ruoyi-fastapi-frontend/src/utils/validate.js

@@ -1,3 +1,15 @@
+/**
+ * 路径匹配器
+ * @param {string} pattern
+ * @param {string} path
+ * @returns {Boolean}
+ */
+export function isPathMatch(pattern, path) {
+  const regexPattern = pattern.replace(/\//g, '\\/').replace(/\*\*/g, '.*').replace(/\*/g, '[^\\/]*')
+  const regex = new RegExp(`^${regexPattern}$`)
+  return regex.test(path)
+}
+
 /**
  * 判断value字符串是否为空 
  * @param {string} value
@@ -87,10 +99,7 @@ export function validEmail(email) {
  * @returns {Boolean}
  */
 export function isString(str) {
-  if (typeof str === 'string' || str instanceof String) {
-    return true
-  }
-  return false
+  return typeof str === 'string' || str instanceof String
 }
 
 /**

ruoyi-fastapi-frontend/src/views/system/role/index.vue

@@ -430,8 +430,8 @@ function handleUpdate(row) {
         });
       });
     });
-    title.value = "修改角色";
   });
+  title.value = "修改角色";
 }
 /** 根据角色ID查询菜单树结构 */
 function getRoleMenuTreeselect(roleId) {
@@ -535,8 +535,8 @@ function handleDataScope(row) {
         });
       });
     });
-    title.value = "分配数据权限";
   });
+  title.value = "分配数据权限";
 }
 /** 提交按钮（数据权限） */
 function submitDataScope() {

ruoyi-fastapi-frontend/src/views/tool/build/CodeTypeDialog.vue

@@ -0,0 +1,71 @@
+<template>
+  <el-dialog v-model="open" width="500px" title="选择生成类型" @open="onOpen" @close="onClose">
+    <el-form ref="codeTypeForm" :model="formData" :rules="rules" label-width="100px">
+      <el-form-item label="生成类型" prop="type">
+        <el-radio-group v-model="formData.type">
+          <el-radio-button v-for="(item, index) in typeOptions" :key="index" :label="item.value">
+            {{ item.label }}
+          </el-radio-button>
+        </el-radio-group>
+      </el-form-item>
+      <el-form-item v-if="showFileName" label="文件名" prop="fileName">
+        <el-input v-model="formData.fileName" placeholder="请输入文件名" clearable />
+      </el-form-item>
+    </el-form>
+
+    <template #footer>
+      <el-button @click="onClose">取消</el-button>
+      <el-button type="primary" @click="handelConfirm">确定</el-button>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup>
+const open = defineModel()
+const props = defineProps({
+  showFileName: Boolean
+})
+const emit = defineEmits(['confirm'])
+const formData = ref({
+  fileName: undefined,
+  type: 'file'
+})
+const codeTypeForm = ref()
+const rules = {
+  fileName: [{
+    required: true,
+    message: '请输入文件名',
+    trigger: 'blur'
+  }],
+  type: [{
+    required: true,
+    message: '生成类型不能为空',
+    trigger: 'change'
+  }]
+}
+const typeOptions = ref([
+  {
+    label: '页面',
+    value: 'file'
+  },
+  {
+    label: '弹窗',
+    value: 'dialog'
+  }
+])
+function onOpen() {
+  if (props.showFileName) {
+    formData.value.fileName = `${+new Date()}.vue`
+  }
+}
+function onClose() {
+  open.value = false
+}
+function handelConfirm() {
+  codeTypeForm.value.validate(valid => {
+    if (!valid) return
+    emit('confirm', { ...formData.value })
+    onClose()
+  })
+}
+</script>

ruoyi-fastapi-frontend/src/views/tool/build/DraggableItem.vue

@@ -0,0 +1,68 @@
+<template>
+  <el-col :span="element.span" :class="className" @click.stop="activeItem(element)">
+    <el-form-item :label="element.label" :label-width="element.labelWidth ? element.labelWidth + 'px' : null"
+      :required="element.required" v-if="element.layout === 'colFormItem'">
+      <render :key="element.tag" :conf="element" v-model="element.defaultValue" />
+    </el-form-item>
+    <el-row :gutter="element.gutter" :class="element.class" @click.stop="activeItem(element)" v-else>
+      <span class="component-name"> {{ element.componentName }} </span>
+      <draggable group="componentsGroup" :animation="340" :list="element.children" class="drag-wrapper" item-key="label"
+        ref="draggableItemRef" :component-data="getComponentData()">
+        <template #item="scoped">
+          <draggable-item :key="scoped.element.renderKey" :drawing-list="element.children" :element="scoped.element"
+            :index="index" :active-id="activeId" :form-conf="formConf" @activeItem="activeItem(scoped.element)"
+            @copyItem="copyItem(scoped.element, element.children)"
+            @deleteItem="deleteItem(scoped.index, element.children)" />
+        </template>
+      </draggable>
+    </el-row>
+    <span class="drawing-item-copy" title="复制" @click.stop="copyItem(element)">
+      <el-icon><CopyDocument /></el-icon>
+    </span>
+    <span class="drawing-item-delete" title="删除" @click.stop="deleteItem(index)">
+      <el-icon><Delete /></el-icon>
+    </span>
+  </el-col>
+</template>
+<script setup name="DraggableItem">
+import draggable from "vuedraggable/dist/vuedraggable.common";
+import render from '@/utils/generator/render'
+
+const props = defineProps({
+  element: Object,
+  index: Number,
+  drawingList: Array,
+  activeId: {
+    type: [String, Number]
+  },
+  formConf: Object
+})
+const className = ref('')
+const draggableItemRef = ref(null)
+const emits = defineEmits(['activeItem', 'copyItem', 'deleteItem'])
+
+function activeItem(item) {
+  emits('activeItem', item)
+}
+function copyItem(item, parent) {
+  emits('copyItem', item, parent ?? props.drawingList)
+}
+function deleteItem(item, parent) {
+  emits('deleteItem', item, parent ?? props.drawingList)
+}
+
+function getComponentData() {
+  return {
+    gutter: props.element.gutter,
+    justify: props.element.justify,
+    align: props.element.align
+  }
+}
+
+watch(() => props.activeId, (val) => {
+  className.value = (props.element.layout === 'rowFormItem' ? 'drawing-row-item' : 'drawing-item') + (val === props.element.formId ? ' active-from-item' : '')
+  if (props.formConf.unFocusedComponentBorder) {
+    className.value += ' unfocus-bordered'
+  }
+}, { immediate: true })
+</script>

ruoyi-fastapi-frontend/src/views/tool/build/IconsDialog.vue

@@ -0,0 +1,115 @@
+<template>
+  <div class="icon-dialog">
+    <el-dialog v-model="value" width="980px" :close-on-click-modal="false" :modal-append-to-body="false" @open="onOpen"
+      @close="onClose">
+      <template #header="{ close, titleId, titleClass }">
+        选择图标
+        <el-input v-model="key" size="small" :style="{ width: '260px' }" placeholder="请输入图标名称" prefix-icon="Search"
+          clearable />
+      </template>
+      <ul class="icon-ul">
+        <li v-for="icon in iconList" :key="icon" :class="active === icon ? 'active-item' : ''" @click="onSelect(icon)">
+          <div>
+            <el-icon :size="30">
+              <component :is="icon" />
+            </el-icon>
+            <div>{{ icon }}</div>
+          </div>
+        </li>
+      </ul>
+    </el-dialog>
+  </div>
+</template>
+<script setup>
+import * as ElementPlusIconsVue from '@element-plus/icons-vue'
+import { watch } from 'vue'
+
+const iconList = ref([])
+const originList = []
+const key = ref('')
+const active = ref('')
+const emit = defineEmits(['select'])
+const value = defineModel()
+for (const [key] of Object.entries(ElementPlusIconsVue)) {
+  iconList.value.push(key)
+  originList.push(key)
+}
+
+function onOpen() { }
+function onClose() { }
+function onSelect(icon) {
+  active.value = icon
+  emit('select', icon)
+  value.value = false
+}
+
+watch(key, (val) => {
+  if (val) {
+    iconList.value = originList.filter(name => name.indexOf(val) > -1)
+  } else {
+    iconList.value = originList
+  }
+})
+</script>
+<style lang="scss" scoped>
+.icon-ul {
+  margin: 0;
+  padding: 0;
+  font-size: 0;
+
+  li {
+    list-style-type: none;
+    text-align: center;
+    font-size: 14px;
+    display: inline-flex;
+    width: 16.66%;
+    box-sizing: border-box;
+    height: 108px;
+    padding: 6px 6px 6px 6px;
+    cursor: pointer;
+    overflow: hidden;
+    align-items: center;
+    justify-content: center;
+
+    &:hover {
+      background: #f2f2f2;
+    }
+
+    &.active-item {
+      background: #e1f3fb;
+      color: #7a6df0
+    }
+
+    i {
+      font-size: 30px;
+      line-height: 50px;
+      margin-bottom: 10px;
+    }
+  }
+}
+
+.icon-dialog {
+  :deep() {
+    .el-dialog {
+      border-radius: 8px;
+      margin-bottom: 0;
+      margin-top: 4vh !important;
+      display: flex;
+      flex-direction: column;
+      max-height: 92vh;
+      overflow: hidden;
+      box-sizing: border-box;
+
+      .el-dialog__header {
+        padding-top: 14px;
+      }
+
+      .el-dialog__body {
+        margin: 0 20px 20px 20px;
+        padding: 0;
+        overflow: auto;
+      }
+    }
+  }
+}
+</style>

ruoyi-fastapi-frontend/src/views/tool/build/RightPanel.vue

@@ -0,0 +1,918 @@
+<template>
+  <div class="right-board">
+    <el-tabs v-model="currentTab" stretch class="center-tabs">
+      <el-tab-pane label="组件属性" name="field" />
+      <el-tab-pane label="表单属性" name="form" />
+    </el-tabs>
+    <div class="field-box">
+      <a class="document-link" target="_blank" :href="documentLink" title="查看组件文档">
+        <el-icon>
+          <Link />
+        </el-icon>
+      </a>
+      <el-scrollbar class="right-scrollbar">
+        <!-- 组件属性 -->
+        <el-form v-show="currentTab === 'field' && showField" size="default" label-width="90px" label-position="top"
+          style="">
+          <el-form-item v-if="activeData.changeTag" label="组件类型">
+            <el-select v-model="activeData.tagIcon" placeholder="请选择组件类型" :style="{ width: '100%' }" @change="tagChange">
+              <el-option-group v-for="group in tagList" :key="group.label" :label="group.label">
+                <el-option v-for="item in group.options" :key="item.label" :label="item.label" :value="item.tagIcon">
+                  <svg-icon class="node-icon" :icon-class="item.tagIcon" style="margin-right: 10px;" />
+                  <span> {{ item.label }}</span>
+                </el-option>
+              </el-option-group>
+            </el-select>
+          </el-form-item>
+          <el-form-item v-if="activeData.vModel !== undefined" label="字段名">
+            <el-input v-model="activeData.vModel" placeholder="请输入字段名（v-model）" />
+          </el-form-item>
+          <el-form-item v-if="activeData.componentName !== undefined" label="组件名">
+            {{ activeData.componentName }}
+          </el-form-item>
+          <el-form-item v-if="activeData.label !== undefined" label="标题">
+            <el-input v-model="activeData.label" placeholder="请输入标题" />
+          </el-form-item>
+          <el-form-item v-if="activeData.placeholder !== undefined" label="占位提示">
+            <el-input v-model="activeData.placeholder" placeholder="请输入占位提示" />
+          </el-form-item>
+          <el-form-item v-if="activeData['start-placeholder'] !== undefined" label="开始占位">
+            <el-input v-model="activeData['start-placeholder']" placeholder="请输入占位提示" />
+          </el-form-item>
+          <el-form-item v-if="activeData['end-placeholder'] !== undefined" label="结束占位">
+            <el-input v-model="activeData['end-placeholder']" placeholder="请输入占位提示" />
+          </el-form-item>
+          <el-form-item v-if="activeData.span !== undefined" label="表单栅格">
+            <el-slider v-model="activeData.span" :max="24" :min="1" :marks="{ 12: '' }" @change="spanChange" />
+          </el-form-item>
+          <el-form-item v-if="activeData.layout === 'rowFormItem'" label="栅格间隔">
+            <el-input-number v-model="activeData.gutter" :min="0" placeholder="栅格间隔" />
+          </el-form-item>
+
+          <el-form-item v-if="activeData.justify !== undefined" label="水平排列">
+            <el-select v-model="activeData.justify" placeholder="请选择水平排列" :style="{ width: '100%' }">
+              <el-option v-for="(item, index) in justifyOptions" :key="index" :label="item.label" :value="item.value" />
+            </el-select>
+          </el-form-item>
+          <el-form-item v-if="activeData.align !== undefined" label="垂直排列">
+            <el-radio-group v-model="activeData.align">
+              <el-radio-button label="top" />
+              <el-radio-button label="middle" />
+              <el-radio-button label="bottom" />
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item v-if="activeData.labelWidth !== undefined" label="标签宽度">
+            <el-input v-model.number="activeData.labelWidth" type="number" placeholder="请输入标签宽度" />
+          </el-form-item>
+          <el-form-item v-if="activeData.style && activeData.style.width !== undefined" label="组件宽度">
+            <el-input v-model="activeData.style.width" placeholder="请输入组件宽度" clearable />
+          </el-form-item>
+          <el-form-item v-if="activeData.vModel !== undefined" label="默认值">
+            <el-input :value="setDefaultValue(activeData.defaultValue)" placeholder="请输入默认值"
+              @input="onDefaultValueInput" />
+          </el-form-item>
+          <el-form-item v-if="activeData.tag === 'el-checkbox-group'" label="至少应选">
+            <el-input-number :value="activeData.min" :min="0" placeholder="至少应选"
+              @input="$set(activeData, 'min', $event ? $event : undefined)" />
+          </el-form-item>
+          <el-form-item v-if="activeData.tag === 'el-checkbox-group'" label="最多可选">
+            <el-input-number :value="activeData.max" :min="0" placeholder="最多可选"
+              @input="$set(activeData, 'max', $event ? $event : undefined)" />
+          </el-form-item>
+          <el-form-item v-if="activeData.prepend !== undefined" label="前缀">
+            <el-input v-model="activeData.prepend" placeholder="请输入前缀" />
+          </el-form-item>
+          <el-form-item v-if="activeData.append !== undefined" label="后缀">
+            <el-input v-model="activeData.append" placeholder="请输入后缀" />
+          </el-form-item>
+          <el-form-item v-if="activeData['prefix-icon'] !== undefined" label="前图标">
+            <el-input v-model="activeData['prefix-icon']" placeholder="请输入前图标名称">
+              <template #append>
+                <el-button icon="Pointer" @click="openIconsDialog('prefix-icon')">
+                  选择
+                </el-button>
+              </template>
+            </el-input>
+          </el-form-item>
+          <el-form-item v-if="activeData['suffix-icon'] !== undefined" label="后图标">
+            <el-input v-model="activeData['suffix-icon']" placeholder="请输入后图标名称">
+              <template #append>
+                <el-button icon="Pointer" @click="openIconsDialog('suffix-icon')">
+                  选择
+                </el-button>
+              </template>
+            </el-input>
+          </el-form-item>
+          <el-form-item v-if="activeData.tag === 'el-cascader'" label="选项分隔符">
+            <el-input v-model="activeData.separator" placeholder="请输入选项分隔符" />
+          </el-form-item>
+          <el-form-item v-if="activeData.autosize !== undefined" label="最小行数">
+            <el-input-number v-model="activeData.autosize.minRows" :min="1" placeholder="最小行数" />
+          </el-form-item>
+          <el-form-item v-if="activeData.autosize !== undefined" label="最大行数">
+            <el-input-number v-model="activeData.autosize.maxRows" :min="1" placeholder="最大行数" />
+          </el-form-item>
+          <el-form-item v-if="activeData.min !== undefined" label="最小值">
+            <el-input-number v-model="activeData.min" placeholder="最小值" />
+          </el-form-item>
+          <el-form-item v-if="activeData.max !== undefined" label="最大值">
+            <el-input-number v-model="activeData.max" placeholder="最大值" />
+          </el-form-item>
+          <el-form-item v-if="activeData.step !== undefined" label="步长">
+            <el-input-number v-model="activeData.step" placeholder="步数" />
+          </el-form-item>
+          <el-form-item v-if="activeData.tag === 'el-input-number'" label="精度">
+            <el-input-number v-model="activeData.precision" :min="0" placeholder="精度" />
+          </el-form-item>
+          <el-form-item v-if="activeData.tag === 'el-input-number'" label="按钮位置">
+            <el-radio-group v-model="activeData['controls-position']">
+              <el-radio-button label="">
+                默认
+              </el-radio-button>
+              <el-radio-button label="right">
+                右侧
+              </el-radio-button>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item v-if="activeData.maxlength !== undefined" label="最多输入">
+            <el-input v-model="activeData.maxlength" placeholder="请输入字符长度">
+              <template slot="append">
+                个字符
+              </template>
+            </el-input>
+          </el-form-item>
+          <el-form-item v-if="activeData['active-text'] !== undefined" label="开启提示">
+            <el-input v-model="activeData['active-text']" placeholder="请输入开启提示" />
+          </el-form-item>
+          <el-form-item v-if="activeData['inactive-text'] !== undefined" label="关闭提示">
+            <el-input v-model="activeData['inactive-text']" placeholder="请输入关闭提示" />
+          </el-form-item>
+          <el-form-item v-if="activeData['active-value'] !== undefined" label="开启值">
+            <el-input :value="setDefaultValue(activeData['active-value'])" placeholder="请输入开启值"
+              @input="onSwitchValueInput($event, 'active-value')" />
+          </el-form-item>
+          <el-form-item v-if="activeData['inactive-value'] !== undefined" label="关闭值">
+            <el-input :value="setDefaultValue(activeData['inactive-value'])" placeholder="请输入关闭值"
+              @input="onSwitchValueInput($event, 'inactive-value')" />
+          </el-form-item>
+          <el-form-item v-if="activeData.type !== undefined && 'el-date-picker' === activeData.tag" label="时间类型">
+            <el-select v-model="activeData.type" placeholder="请选择时间类型" :style="{ width: '100%' }"
+              @change="dateTypeChange">
+              <el-option v-for="(item, index) in dateOptions" :key="index" :label="item.label" :value="item.value" />
+            </el-select>
+          </el-form-item>
+          <el-form-item v-if="activeData.name !== undefined" label="文件字段名">
+            <el-input v-model="activeData.name" placeholder="请输入上传文件字段名" />
+          </el-form-item>
+          <el-form-item v-if="activeData.accept !== undefined" label="文件类型">
+            <el-select v-model="activeData.accept" placeholder="请选择文件类型" :style="{ width: '100%' }" clearable>
+              <el-option label="图片" value="image/*" />
+              <el-option label="视频" value="video/*" />
+              <el-option label="音频" value="audio/*" />
+              <el-option label="excel" value=".xls,.xlsx" />
+              <el-option label="word" value=".doc,.docx" />
+              <el-option label="pdf" value=".pdf" />
+              <el-option label="txt" value=".txt" />
+            </el-select>
+          </el-form-item>
+          <el-form-item v-if="activeData.fileSize !== undefined" label="文件大小">
+            <el-input v-model.number="activeData.fileSize" placeholder="请输入文件大小">
+              <el-select slot="append" v-model="activeData.sizeUnit" :style="{ width: '66px' }">
+                <el-option label="KB" value="KB" />
+                <el-option label="MB" value="MB" />
+                <el-option label="GB" value="GB" />
+              </el-select>
+            </el-input>
+          </el-form-item>
+          <el-form-item v-if="activeData.action !== undefined" label="上传地址">
+            <el-input v-model="activeData.action" placeholder="请输入上传地址" clearable />
+          </el-form-item>
+          <el-form-item v-if="activeData['list-type'] !== undefined" label="列表类型">
+            <el-radio-group v-model="activeData['list-type']" size="small">
+              <el-radio-button label="text">
+                text
+              </el-radio-button>
+              <el-radio-button label="picture">
+                picture
+              </el-radio-button>
+              <el-radio-button label="picture-card">
+                picture-card
+              </el-radio-button>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item v-if="activeData.buttonText !== undefined" v-show="'picture-card' !== activeData['list-type']"
+            label="按钮文字">
+            <el-input v-model="activeData.buttonText" placeholder="请输入按钮文字" />
+          </el-form-item>
+          <el-form-item v-if="activeData['range-separator'] !== undefined" label="分隔符">
+            <el-input v-model="activeData['range-separator']" placeholder="请输入分隔符" />
+          </el-form-item>
+          <el-form-item v-if="activeData['picker-options'] !== undefined" label="时间段">
+            <el-input v-model="activeData['picker-options'].selectableRange" placeholder="请输入时间段" />
+          </el-form-item>
+          <el-form-item v-if="activeData.format !== undefined" label="时间格式">
+            <el-input :value="activeData.format" placeholder="请输入时间格式" @input="setTimeValue($event)" />
+          </el-form-item>
+          <template v-if="['el-checkbox-group', 'el-radio-group', 'el-select'].indexOf(activeData.tag) > -1">
+            <el-divider>选项</el-divider>
+            <draggable :list="activeData.options" :animation="340" group="selectItem" handle=".option-drag"
+              item-key="label">
+              <template #item="{ element, index }">
+                <div :key="index" class="select-item">
+                  <div class="select-line-icon option-drag">
+                    <i class="el-icon-s-operation" />
+                  </div>
+                  <el-input v-model="element.label" placeholder="选项名" size="small" />
+                  <el-input placeholder="选项值" size="small" :value="element.value"
+                    @input="setOptionValue(element, $event)" />
+                  <div class="close-btn select-line-icon" @click="activeData.options.splice(index, 1)">
+                    <el-icon>
+                      <Remove />
+                    </el-icon>
+                  </div>
+                </div>
+              </template>
+            </draggable>
+            <div>
+              <el-button icon="CirclePlus" style="margin-left: 8px; margin-top: 10px;" text bg type="primary"
+                @click="addSelectItem">
+                添加选项
+              </el-button>
+            </div>
+            <el-divider />
+          </template>
+
+          <template v-if="['el-cascader'].indexOf(activeData.tag) > -1">
+            <el-divider>选项</el-divider>
+            <el-form-item label="数据类型">
+              <el-radio-group v-model="activeData.dataType" size="small">
+                <el-radio-button label="dynamic">
+                  动态数据
+                </el-radio-button>
+                <el-radio-button label="static">
+                  静态数据
+                </el-radio-button>
+              </el-radio-group>
+            </el-form-item>
+
+            <template v-if="activeData.dataType === 'dynamic'">
+              <el-form-item label="标签键名">
+                <el-input v-model="activeData.labelKey" placeholder="请输入标签键名" />
+              </el-form-item>
+              <el-form-item label="值键名">
+                <el-input v-model="activeData.valueKey" placeholder="请输入值键名" />
+              </el-form-item>
+              <el-form-item label="子级键名">
+                <el-input v-model="activeData.childrenKey" placeholder="请输入子级键名" />
+              </el-form-item>
+            </template>
+
+            <el-tree v-if="activeData.dataType === 'static'" draggable :data="activeData.options" node-key="id"
+              :expand-on-click-node="false" :render-content="renderContent" />
+            <div v-if="activeData.dataType === 'static'">
+              <el-button icon="CirclePlus" style="margin-left: 0; margin-top: 10px;" type="primary" text bg
+                @click="addTreeItem">
+                添加父级
+              </el-button>
+            </div>
+            <el-divider />
+          </template>
+
+          <el-form-item v-if="activeData.optionType !== undefined" label="选项样式">
+            <el-radio-group v-model="activeData.optionType">
+              <el-radio-button label="default">
+                默认
+              </el-radio-button>
+              <el-radio-button label="button">
+                按钮
+              </el-radio-button>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item v-if="activeData['active-color'] !== undefined" label="开启颜色">
+            <el-color-picker v-model="activeData['active-color']" />
+          </el-form-item>
+          <el-form-item v-if="activeData['inactive-color'] !== undefined" label="关闭颜色">
+            <el-color-picker v-model="activeData['inactive-color']" />
+          </el-form-item>
+
+          <el-form-item v-if="activeData['allow-half'] !== undefined" label="允许半选">
+            <el-switch v-model="activeData['allow-half']" />
+          </el-form-item>
+          <el-form-item v-if="activeData['show-text'] !== undefined" label="辅助文字">
+            <el-switch v-model="activeData['show-text']" @change="rateTextChange" />
+          </el-form-item>
+          <el-form-item v-if="activeData['show-score'] !== undefined" label="显示分数">
+            <el-switch v-model="activeData['show-score']" @change="rateScoreChange" />
+          </el-form-item>
+          <el-form-item v-if="activeData['show-stops'] !== undefined" label="显示间断点">
+            <el-switch v-model="activeData['show-stops']" />
+          </el-form-item>
+          <el-form-item v-if="activeData.range !== undefined" label="范围选择">
+            <el-switch v-model="activeData.range" @change="rangeChange" />
+          </el-form-item>
+          <el-form-item v-if="activeData.border !== undefined && activeData.optionType === 'default'" label="是否带边框">
+            <el-switch v-model="activeData.border" />
+          </el-form-item>
+          <el-form-item v-if="activeData.tag === 'el-color-picker'" label="颜色格式">
+            <el-select v-model="activeData['color-format']" placeholder="请选择颜色格式" :style="{ width: '100%' }"
+              @change="colorFormatChange">
+              <el-option v-for="(item, index) in colorFormatOptions" :key="index" :label="item.label"
+                :value="item.value" />
+            </el-select>
+          </el-form-item>
+          <el-form-item v-if="activeData.size !== undefined &&
+            (activeData.optionType === 'button' ||
+              activeData.border ||
+              activeData.tag === 'el-color-picker')" label="选项尺寸">
+            <el-radio-group v-model="activeData.size">
+              <el-radio-button label="large">
+                较大
+              </el-radio-button>
+              <el-radio-button label="default">
+                默认
+              </el-radio-button>
+              <el-radio-button label="small">
+                较小
+              </el-radio-button>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item v-if="activeData['show-word-limit'] !== undefined" label="输入统计">
+            <el-switch v-model="activeData['show-word-limit']" />
+          </el-form-item>
+          <el-form-item v-if="activeData.tag === 'el-input-number'" label="严格步数">
+            <el-switch v-model="activeData['step-strictly']" />
+          </el-form-item>
+          <el-form-item v-if="activeData.tag === 'el-cascader'" label="是否多选">
+            <el-switch v-model="activeData.props.props.multiple" />
+          </el-form-item>
+          <el-form-item v-if="activeData.tag === 'el-cascader'" label="展示全路径">
+            <el-switch v-model="activeData['show-all-levels']" />
+          </el-form-item>
+          <el-form-item v-if="activeData.tag === 'el-cascader'" label="可否筛选">
+            <el-switch v-model="activeData.filterable" />
+          </el-form-item>
+          <el-form-item v-if="activeData.clearable !== undefined" label="能否清空">
+            <el-switch v-model="activeData.clearable" />
+          </el-form-item>
+          <el-form-item v-if="activeData.showTip !== undefined" label="显示提示">
+            <el-switch v-model="activeData.showTip" />
+          </el-form-item>
+          <el-form-item v-if="activeData.multiple !== undefined" label="多选文件">
+            <el-switch v-model="activeData.multiple" />
+          </el-form-item>
+          <el-form-item v-if="activeData['auto-upload'] !== undefined" label="自动上传">
+            <el-switch v-model="activeData['auto-upload']" />
+          </el-form-item>
+          <el-form-item v-if="activeData.readonly !== undefined" label="是否只读">
+            <el-switch v-model="activeData.readonly" />
+          </el-form-item>
+          <el-form-item v-if="activeData.disabled !== undefined" label="是否禁用">
+            <el-switch v-model="activeData.disabled" />
+          </el-form-item>
+          <el-form-item v-if="activeData.tag === 'el-select'" label="是否可搜索">
+            <el-switch v-model="activeData.filterable" />
+          </el-form-item>
+          <el-form-item v-if="activeData.tag === 'el-select'" label="是否多选">
+            <el-switch v-model="activeData.multiple" @change="multipleChange" />
+          </el-form-item>
+          <el-form-item v-if="activeData.required !== undefined" label="是否必填">
+            <el-switch v-model="activeData.required" />
+          </el-form-item>
+
+          <template v-if="activeData.layoutTree">
+            <el-divider>布局结构树</el-divider>
+            <el-tree :data="[activeData]" :props="layoutTreeProps" node-key="renderKey" default-expand-all draggable>
+              <template #default="{ node, data }">
+                <span class="node-label">
+                  <svg-icon class="node-icon" :icon-class="data.tagIcon" style="margin-right: 5px;" />
+                  {{ node.label }}
+                </span>
+              </template>
+            </el-tree>
+          </template>
+
+          <template v-if="activeData.layout === 'colFormItem'">
+            <el-divider>正则校验</el-divider>
+            <div v-for="(item, index) in activeData.regList" :key="index" class="reg-item">
+              <span class="close-btn" @click="activeData.regList.splice(index, 1)">
+                <el-icon>
+                  <Close />
+                </el-icon>
+              </span>
+              <el-form-item label="表达式">
+                <el-input v-model="item.pattern" placeholder="请输入正则" />
+              </el-form-item>
+              <el-form-item label="错误提示" style="margin-bottom:0">
+                <el-input v-model="item.message" placeholder="请输入错误提示" />
+              </el-form-item>
+            </div>
+            <div>
+              <el-button icon="CirclePlus" style="margin-left: 0; margin-top: 10px;" type="primary" text bg
+                @click="addReg">
+                添加规则
+              </el-button>
+            </div>
+          </template>
+        </el-form>
+        <!-- 表单属性 -->
+        <el-form v-show="currentTab === 'form'" label-width="90px" label-position="top">
+          <el-form-item label="表单名">
+            <el-input v-model="formConf.formRef" placeholder="请输入表单名（ref）" />
+          </el-form-item>
+          <el-form-item label="表单模型">
+            <el-input v-model="formConf.formModel" placeholder="请输入数据模型" />
+          </el-form-item>
+          <el-form-item label="校验模型">
+            <el-input v-model="formConf.formRules" placeholder="请输入校验模型" />
+          </el-form-item>
+          <el-form-item label="表单尺寸">
+            <el-radio-group v-model="formConf.size">
+              <el-radio-button label="large">
+                较大
+              </el-radio-button>
+              <el-radio-button label="default">
+                默认
+              </el-radio-button>
+              <el-radio-button label="small">
+                较小
+              </el-radio-button>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item label="标签对齐">
+            <el-radio-group v-model="formConf.labelPosition">
+              <el-radio-button label="left">
+                左对齐
+              </el-radio-button>
+              <el-radio-button label="right">
+                右对齐
+              </el-radio-button>
+              <el-radio-button label="top">
+                顶部对齐
+              </el-radio-button>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item label="标签宽度">
+            <el-input-number v-model="formConf.labelWidth" placeholder="标签宽度" />
+          </el-form-item>
+          <el-form-item label="栅格间隔">
+            <el-input-number v-model="formConf.gutter" :min="0" placeholder="栅格间隔" />
+          </el-form-item>
+          <el-form-item label="禁用表单">
+            <el-switch v-model="formConf.disabled" />
+          </el-form-item>
+          <el-form-item label="表单按钮">
+            <el-switch v-model="formConf.formBtns" />
+          </el-form-item>
+          <el-form-item label="显示未选中组件边框">
+            <el-switch v-model="formConf.unFocusedComponentBorder" />
+          </el-form-item>
+        </el-form>
+      </el-scrollbar>
+    </div>
+    <icons-dialog v-model="iconsVisible" :current="activeData[currentIconModel]" @select="setIcon" />
+    <treeNode-dialog v-model="dialogVisible" @commit="addNode" />
+
+  </div>
+</template>
+
+<script setup>
+import draggable from "vuedraggable/dist/vuedraggable.common"
+import { isNumberStr } from '@/utils/index'
+import IconsDialog from './IconsDialog'
+import TreeNodeDialog from './TreeNodeDialog'
+import { inputComponents, selectComponents } from '@/utils/generator/config'
+
+const { proxy } = getCurrentInstance()
+const dateTimeFormat = {
+  date: 'YYYY-MM-DD',
+  week: 'YYYY 第 ww 周',
+  month: 'YYYY-MM',
+  year: 'YYYY',
+  datetime: 'YYYY-MM-DD HH:mm:ss',
+  daterange: 'YYYY-MM-DD',
+  monthrange: 'YYYY-MM',
+  datetimerange: 'YYYY-MM-DD HH:mm:ss'
+}
+const props = defineProps({
+  showField: Boolean,
+  activeData: Object,
+  formConf: Object
+})
+
+const data = reactive({
+  currentTab: 'field',
+  currentNode: null,
+  dialogVisible: false,
+  iconsVisible: false,
+  currentIconModel: null,
+  dateTypeOptions: [
+    {
+      label: '日(date)',
+      value: 'date'
+    },
+    {
+      label: '周(week)',
+      value: 'week'
+    },
+    {
+      label: '月(month)',
+      value: 'month'
+    },
+    {
+      label: '年(year)',
+      value: 'year'
+    },
+    {
+      label: '日期时间(datetime)',
+      value: 'datetime'
+    }
+  ],
+  dateRangeTypeOptions: [
+    {
+      label: '日期范围(daterange)',
+      value: 'daterange'
+    },
+    {
+      label: '月范围(monthrange)',
+      value: 'monthrange'
+    },
+    {
+      label: '日期时间范围(datetimerange)',
+      value: 'datetimerange'
+    }
+  ],
+  colorFormatOptions: [
+    {
+      label: 'hex',
+      value: 'hex'
+    },
+    {
+      label: 'rgb',
+      value: 'rgb'
+    },
+    {
+      label: 'rgba',
+      value: 'rgba'
+    },
+    {
+      label: 'hsv',
+      value: 'hsv'
+    },
+    {
+      label: 'hsl',
+      value: 'hsl'
+    }
+  ],
+  justifyOptions: [
+    {
+      label: 'start',
+      value: 'start'
+    },
+    {
+      label: 'end',
+      value: 'end'
+    },
+    {
+      label: 'center',
+      value: 'center'
+    },
+    {
+      label: 'space-around',
+      value: 'space-around'
+    },
+    {
+      label: 'space-between',
+      value: 'space-between'
+    }
+  ],
+  layoutTreeProps: {
+    label(data, node) {
+      return data.componentName || `${data.label}: ${data.vModel}`
+    }
+  }
+})
+
+const { currentTab, currentNode, dialogVisible, iconsVisible, currentIconModel, dateTypeOptions, dateRangeTypeOptions, colorFormatOptions, justifyOptions, layoutTreeProps } = toRefs(data)
+
+const documentLink = computed(() => props.activeData.document || 'https://element-plus.org/zh-CN/guide/installation')
+
+const dateOptions = computed(() => {
+  if (props.activeData.type !== undefined && props.activeData.tag === 'el-date-picker') {
+    if (props.activeData['start-placeholder'] === undefined) {
+      return dateTypeOptions.value
+    }
+    return dateRangeTypeOptions.value
+  }
+  return []
+})
+
+const tagList = ref([
+  {
+    label: '输入型组件',
+    options: inputComponents
+  },
+  {
+    label: '选择型组件',
+    options: selectComponents
+  }
+])
+
+const emit = defineEmits(['tag-change'])
+
+function addReg() {
+  props.activeData.regList.push({
+    pattern: '',
+    message: ''
+  })
+}
+function addSelectItem() {
+  props.activeData.options.push({
+    label: '',
+    value: ''
+  })
+}
+
+function addTreeItem() {
+  ++proxy.idGlobal
+  dialogVisible.value = true
+  currentNode.value = props.activeData.options
+}
+
+function renderContent(h, { node, data, store }) {
+  return h('div', {
+    class: "custom-tree-node"
+  }, [
+    h('span', node.label),
+    h('span', {
+      class: "node-operation"
+    }, [
+      h(resolveComponent('el-link'), {
+        type: "primary",
+        icon: "Plus",
+        underline: false,
+        onClick: () => {
+          append(data)
+
+        }
+      }),
+      h(resolveComponent('el-link'), {
+        type: "danger",
+        icon: "Delete",
+        underline: false,
+        style: "margin-left: 5px;",
+        onClick: () => {
+          remove(node, data)
+        }
+      })
+    ])
+  ])
+}
+function append(data) {
+  if (!data.children) {
+    data.children = []
+  }
+  dialogVisible.value = true
+  currentNode.value = data.children
+}
+function remove(node, data) {
+  const { parent } = node
+  const children = parent.data.children || parent.data
+  const index = children.findIndex(d => d.id === data.id)
+  children.splice(index, 1)
+}
+function addNode(data) {
+  currentNode.value.push(data)
+}
+
+function setOptionValue(item, val) {
+  item.value = isNumberStr(val) ? +val : val
+}
+function setDefaultValue(val) {
+  if (Array.isArray(val)) {
+    return val.join(',')
+  }
+  if (['string', 'number'].indexOf(val) > -1) {
+    return val
+  }
+  if (typeof val === 'boolean') {
+    return `${val}`
+  }
+  return val
+}
+
+function onDefaultValueInput(str) {
+  if (Array.isArray(props.activeData.defaultValue)) {
+    // 数组
+    props.activeData.defaultValue = str.split(',').map(val => (isNumberStr(val) ? +val : val))
+  } else if (['true', 'false'].indexOf(str) > -1) {
+    // 布尔
+    props.activeData.defaultValue = JSON.parse(str)
+  } else {
+    // 字符串和数字
+    props.activeData.defaultValue = isNumberStr(str) ? +str : str
+  }
+}
+
+function onSwitchValueInput(val, name) {
+  if (['true', 'false'].indexOf(val) > -1) {
+    props.activeData[name] = JSON.parse(val)
+  } else {
+    props.activeData[name] = isNumberStr(val) ? +val : val
+  }
+}
+
+function setTimeValue(val, type) {
+  const valueFormat = type === 'week' ? dateTimeFormat.date : val
+  props.activeData.defaultValue = null
+  props.activeData['value-format'] = valueFormat
+  props.activeData.format = val
+}
+
+function spanChange(val) {
+  props.formConf.span = val
+}
+
+function multipleChange(val) {
+  props.activeData.defaultValue = val ? [] : ''
+}
+
+function dateTypeChange(val) {
+  setTimeValue(dateTimeFormat[val], val)
+}
+
+function rangeChange(val) {
+  props.activeData.defaultValue = val ? [props.activeData.min, props.activeData.max] : props.activeData.min
+}
+
+function rateTextChange(val) {
+  if (val) props.activeData['show-score'] = false
+}
+
+function rateScoreChange(val) {
+  if (val) props.activeData['show-text'] = false
+}
+
+function colorFormatChange(val) {
+  props.activeData.defaultValue = null
+  props.activeData['show-alpha'] = val.indexOf('a') > -1
+  props.activeData.renderKey = +new Date() // 更新renderKey,重新渲染该组件
+}
+
+function openIconsDialog(model) {
+  iconsVisible.value = true
+  currentIconModel.value = model
+}
+
+function setIcon(val) {
+  props.activeData[currentIconModel.value] = val
+}
+
+function tagChange(tagIcon) {
+  let target = inputComponents.find(item => item.tagIcon === tagIcon)
+  if (!target) target = selectComponents.find(item => item.tagIcon === tagIcon)
+  emit('tag-change', target)
+}
+</script>
+
+<style lang="scss" scoped>
+.right-board {
+  width: 350px;
+  position: absolute;
+  right: 0;
+  top: 0;
+  padding-top: 3px;
+
+  &:deep() {
+    .el-tabs__header {
+      margin: 0;
+    }
+
+    .el-input-group__append .el-button {
+      display: inline-flex;
+    }
+  }
+
+  .field-box {
+    position: relative;
+    height: calc(100vh - 50px - 40px - 42px);
+    box-sizing: border-box;
+    overflow: hidden;
+  }
+
+  .el-scrollbar {
+    height: 100%;
+
+    &:deep() {
+      .el-scrollbar__view {
+        padding: 30px 20px;
+      }
+
+    }
+  }
+}
+
+.reg-item {
+  padding: 12px 6px;
+  background: var(--el-border-color-extra-light);
+  position: relative;
+  border-radius: 4px;
+
+  .close-btn {
+    position: absolute;
+    right: -6px;
+    top: -6px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 16px;
+    height: 16px;
+    line-height: 16px;
+    background: rgba(0, 0, 0, .2);
+    border-radius: 50%;
+    color: #fff;
+    z-index: 1;
+    cursor: pointer;
+    font-size: 12px;
+  }
+}
+
+.select-item {
+  display: flex;
+  border: 1px dashed #fff;
+  box-sizing: border-box;
+
+  & .close-btn {
+    cursor: pointer;
+    color: #f56c6c;
+  }
+
+  & .el-input+.el-input {
+    margin-left: 4px;
+  }
+}
+
+.select-item+.select-item {
+  margin-top: 4px;
+}
+
+.select-item.sortable-chosen {
+  border: 1px dashed #409eff;
+}
+
+.select-line-icon {
+  line-height: 32px;
+  font-size: 22px;
+  padding: 0 4px;
+  color: #777;
+}
+
+.option-drag {
+  cursor: move;
+}
+
+.time-range {
+  .el-date-editor {
+    width: 227px;
+  }
+
+  :deep() {
+    .el-icon-time {
+      display: none;
+    }
+  }
+}
+
+.document-link {
+  position: absolute;
+  display: flex;
+  width: 26px;
+  height: 26px;
+  top: 0;
+  left: 0;
+  cursor: pointer;
+  background: #409eff;
+  z-index: 1;
+  border-radius: 0 0 6px 0;
+  justify-content: center;
+  align-items: center;
+  color: #fff;
+  font-size: 18px;
+}
+
+.node-label {
+  font-size: 14px;
+}
+
+.node-icon {
+  color: #bebfc3;
+}
+
+.custom-tree-node {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 14px;
+  padding-right: 8px;
+}
+</style>

ruoyi-fastapi-frontend/src/views/tool/build/TreeNodeDialog.vue

@@ -0,0 +1,93 @@
+<template>
+  <div>
+    <el-dialog title="添加选项" v-model="open" width="800px" :close-on-click-modal="false" :modal-append-to-body="false"
+      @open="onOpen" @close="onClose">
+      <el-form ref="treeNodeForm" :model="formData" :rules="rules" label-width="100px">
+        <el-col :span="24">
+          <el-form-item label="选项名" prop="label">
+            <el-input v-model="formData.label" placeholder="请输入选项名" clearable />
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="选项值" prop="value">
+            <el-input v-model="formData.value" placeholder="请输入选项值" clearable>
+              <template #append>
+                <el-select v-model="dataType" :style="{ width: '100px' }">
+                  <el-option v-for="(item, index) in dataTypeOptions" :key="index" :label="item.label" :value="item.value"
+                    :disabled="item.disabled" />
+                </el-select>
+              </template>
+
+            </el-input>
+          </el-form-item>
+        </el-col>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="handelConfirm">确 定</el-button>
+          <el-button @click="onClose">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+<script setup>
+const open = defineModel()
+const emit = defineEmits(['confirm'])
+const formData = ref({
+  label: undefined,
+  value: undefined
+})
+const rules = {
+  label: [
+    {
+      required: true,
+      message: '请输入选项名',
+      trigger: 'blur'
+    }
+  ],
+  value: [
+    {
+      required: true,
+      message: '请输入选项值',
+      trigger: 'blur'
+    }
+  ]
+}
+const dataType = ref('string')
+const dataTypeOptions = ref([
+  {
+    label: '字符串',
+    value: 'string'
+  },
+  {
+    label: '数字',
+    value: 'number'
+  }
+])
+const id = ref(100)
+const treeNodeForm = ref()
+
+function onOpen() {
+  formData.value = {
+    label: undefined,
+    value: undefined
+  }
+}
+
+function onClose() {
+  open.value = false
+}
+
+function handelConfirm() {
+  treeNodeForm.value.validate(valid => {
+    if (!valid) return
+    if (dataType.value === 'number') {
+      formData.value.value = parseFloat(formData.value.value)
+    }
+    formData.value.id = id.value++
+    emit('commit', formData.value)
+    onClose()
+  })
+}
+</script>

ruoyi-fastapi-frontend/src/views/tool/build/index.vue

@@ -1,3 +1,653 @@
-<template>
-   <div> 表单构建 <svg-icon icon-class="build" /> </div>
-</template>
+<template>
+  <div class="container">
+    <div class="left-board">
+      <div class="logo-wrapper">
+        <div class="logo">
+          <img :src="logo" alt="logo"> Form Generator
+        </div>
+      </div>
+      <el-scrollbar class="left-scrollbar">
+        <div class="components-list">
+          <div class="components-title">
+            <svg-icon icon-class="component" />输入型组件
+          </div>
+          <draggable class="components-draggable" :list="inputComponents"
+            :group="{ name: 'componentsGroup', pull: 'clone', put: false }" :clone="cloneComponent"
+            draggable=".components-item" :sort="false" @end="onEnd" item-key="label">
+            <template #item="{ element, index }">
+              <div :key="index" class="components-item" @click="addComponent(element)">
+                <div class="components-body">
+                  <svg-icon :icon-class="element.tagIcon" />
+                  {{ element.label }}
+                </div>
+              </div>
+            </template>
+          </draggable>
+          <div class="components-title">
+            <svg-icon icon-class="component" />选择型组件
+          </div>
+          <draggable class="components-draggable" :list="selectComponents"
+            :group="{ name: 'componentsGroup', pull: 'clone', put: false }" :clone="cloneComponent"
+            draggable=".components-item" :sort="false" @end="onEnd" item-key="label">
+            <template #item="{ element, index }">
+              <div :key="index" class="components-item" @click="addComponent(element)">
+                <div class="components-body">
+                  <svg-icon :icon-class="element.tagIcon" />
+                  {{ element.label }}
+                </div>
+              </div>
+            </template>
+          </draggable>
+          <div class="components-title">
+            <svg-icon icon-class="component" /> 布局型组件
+          </div>
+          <draggable class="components-draggable" :list="layoutComponents"
+            :group="{ name: 'componentsGroup', pull: 'clone', put: false }" :clone="cloneComponent"
+            draggable=".components-item" :sort="false" @end="onEnd" item-key="label">
+            <template #item="{ element, index }">
+              <div :key="index" class="components-item" @click="addComponent(element)">
+                <div class="components-body">
+                  <svg-icon :icon-class="element.tagIcon" />
+                  {{ element.label }}
+                </div>
+              </div>
+            </template>
+          </draggable>
+        </div>
+      </el-scrollbar>
+    </div>
+    <div class="center-board">
+      <div class="action-bar">
+        <el-button icon="Download" type="primary" text @click="download">
+          导出vue文件
+        </el-button>
+        <el-button class="copy-btn-main" icon="DocumentCopy" type="primary" text @click="copy">
+          复制代码
+        </el-button>
+        <el-button class="delete-btn" icon="Delete" text @click="empty" type="danger">
+          清空
+        </el-button>
+      </div>
+      <el-scrollbar class="center-scrollbar">
+        <el-row class="center-board-row" :gutter="formConf.gutter">
+          <el-form :size="formConf.size" :label-position="formConf.labelPosition" :disabled="formConf.disabled"
+            :label-width="formConf.labelWidth + 'px'">
+            <draggable class="drawing-board" :list="drawingList" :animation="340" group="componentsGroup"
+              item-key="label">
+              <template #item="{ element, index }">
+                <draggable-item :key="element.renderKey" :drawing-list="drawingList" :element="element" :index="index"
+                  :active-id="activeId" :form-conf="formConf" @activeItem="activeFormItem" @copyItem="drawingItemCopy"
+                  @deleteItem="drawingItemDelete" />
+              </template>
+            </draggable>
+            <div v-show="!drawingList.length" class="empty-info">
+              从左侧拖入或点选组件进行表单设计
+            </div>
+          </el-form>
+        </el-row>
+      </el-scrollbar>
+    </div>
+    <right-panel :active-data="activeData" :form-conf="formConf" :show-field="!!drawingList.length"
+      @tag-change="tagChange" />
+
+    <code-type-dialog v-model="dialogVisible" title="选择生成类型" :showFileName="showFileName" @confirm="generate" />
+    <input id="copyNode" type="hidden">
+  </div>
+</template>
+
+<script setup>
+import draggable from "vuedraggable/dist/vuedraggable.common"
+import ClipboardJS from 'clipboard'
+import beautifier from 'js-beautify'
+import logo from '@/assets/logo/logo.png'
+import { inputComponents, selectComponents, layoutComponents, formConf as formConfData } from '@/utils/generator/config'
+import { beautifierConf } from '@/utils/index'
+import drawingDefalut from '@/utils/generator/drawingDefalut'
+import { makeUpHtml, vueTemplate, vueScript, cssStyle } from '@/utils/generator/html'
+import { makeUpJs } from '@/utils/generator/js'
+import { makeUpCss } from '@/utils/generator/css'
+import Download from '@/plugins/download'
+import { ElNotification } from 'element-plus'
+import DraggableItem from './DraggableItem'
+import RightPanel from './RightPanel'
+import CodeTypeDialog from './CodeTypeDialog'
+import { onMounted, watch } from 'vue'
+
+const drawingList = ref(drawingDefalut)
+const { proxy } = getCurrentInstance()
+const dialogVisible = ref(false)
+const showFileName = ref(false)
+const operationType = ref('')
+const idGlobal = ref(100)
+const activeData = ref(drawingDefalut[0])
+const activeId = ref(drawingDefalut[0].formId)
+const generateConf = ref(null)
+const formData = ref({})
+const formConf = ref(formConfData)
+let oldActiveId
+let tempActiveData
+
+function activeFormItem(element) {
+  activeData.value = element
+  activeId.value = element.formId
+}
+function copy() {
+  dialogVisible.value = true
+  showFileName.value = false
+  operationType.value = 'copy'
+}
+function download() {
+  dialogVisible.value = true
+  showFileName.value = true
+  operationType.value = 'download'
+}
+function empty() {
+  proxy.$modal.confirm('确定要清空所有组件吗？', '提示', { type: 'warning' }).then(() => {
+      idGlobal.value = 100
+      drawingList.value = []
+    }
+  )
+}
+
+function onEnd(obj, a) {
+  if (obj.from !== obj.to) {
+    activeData.value = tempActiveData
+    activeId.value = idGlobal.value
+  }
+}
+
+function addComponent(item) {
+  const clone = cloneComponent(item)
+  drawingList.value.push(clone)
+  activeFormItem(clone)
+}
+
+function cloneComponent(origin) {
+  const clone = JSON.parse(JSON.stringify(origin))
+  clone.formId = ++idGlobal.value
+  clone.span = formConf.value.span
+  clone.renderKey = +new Date() // 改变renderKey后可以实现强制更新组件
+  if (!clone.layout) clone.layout = 'colFormItem'
+  if (clone.layout === 'colFormItem') {
+    clone.vModel = `field${idGlobal.value}`
+    clone.placeholder !== undefined && (clone.placeholder += clone.label)
+    tempActiveData = clone
+  } else if (clone.layout === 'rowFormItem') {
+    delete clone.label
+    clone.componentName = `row${idGlobal.value}`
+    clone.gutter = formConf.value.gutter
+    tempActiveData = clone
+  }
+  return tempActiveData
+}
+
+function drawingItemCopy(item, parent) {
+  let clone = JSON.parse(JSON.stringify(item))
+  clone = createIdAndKey(clone)
+  parent.push(clone)
+  activeFormItem(clone)
+}
+
+
+function createIdAndKey(item) {
+  item.formId = ++idGlobal.value
+  item.renderKey = +new Date()
+  if (item.layout === 'colFormItem') {
+    item.vModel = `field${idGlobal.value}`
+  } else if (item.layout === 'rowFormItem') {
+    item.componentName = `row${idGlobal.value}`
+  }
+  if (Array.isArray(item.children)) {
+    item.children = item.children.map(childItem => createIdAndKey(childItem))
+  }
+  return item
+}
+
+function drawingItemDelete(index, parent) {
+  parent.splice(index, 1)
+  nextTick(() => {
+    const len = drawingList.value.length
+    if (len) {
+      activeFormItem(drawingList.value[len - 1])
+    }
+  })
+}
+
+function tagChange(newTag) {
+  newTag = cloneComponent(newTag)
+  newTag.vModel = activeData.value.vModel
+  newTag.formId = activeId.value
+  newTag.span = activeData.value.span
+  delete activeData.value.tag
+  delete activeData.value.tagIcon
+  delete activeData.value.document
+  Object.keys(newTag).forEach(key => {
+    if (activeData.value[key] !== undefined
+      && typeof activeData.value[key] === typeof newTag[key]) {
+      newTag[key] = activeData.value[key]
+    }
+  })
+  activeData.value = newTag
+  updateDrawingList(newTag, drawingList.value)
+}
+
+
+function updateDrawingList(newTag, list) {
+  const index = list.findIndex(item => item.formId === activeId.value)
+  if (index > -1) {
+    list.splice(index, 1, newTag)
+  } else {
+    list.forEach(item => {
+      if (Array.isArray(item.children)) updateDrawingList(newTag, item.children)
+    })
+  }
+}
+function generate(data) {
+  generateConf.value = data
+  nextTick(() => {
+    switch (operationType.value) {
+      case 'copy':
+        execCopy(data)
+        break
+      case 'download':
+        execDownload(data)
+        break
+      default:
+        break
+    }
+  })
+}
+
+function execDownload(data) {
+  const codeStr = generateCode()
+  const blob = new Blob([codeStr], { type: 'text/plain;charset=utf-8' })
+  Download.saveAs(blob, data.fileName)
+}
+
+function execCopy(data) {
+  document.getElementById('copyNode').click()
+}
+function AssembleFormData() {
+  formData.value = { fields: JSON.parse(JSON.stringify(drawingList.value)), ...formConf.value }
+}
+function generateCode() {
+  const { type } = generateConf.value
+  AssembleFormData()
+  const script = vueScript(makeUpJs(formData.value, type))
+  const html = vueTemplate(makeUpHtml(formData.value, type))
+  const css = cssStyle(makeUpCss(formData.value))
+  return beautifier.html(html + script + css, beautifierConf.html)
+}
+watch(() => activeData.value.label, (val, oldVal) => {
+  if (
+    activeData.value.placeholder === undefined
+    || !activeData.value.tag
+    || oldActiveId !== activeId.value
+  ) {
+    return
+  }
+  activeData.value.placeholder = activeData.value.placeholder.replace(oldVal, '') + val
+})
+watch(activeId, (val) => {
+  oldActiveId = val
+}, { immediate: true })
+
+onMounted(() => {
+  const clipboard = new ClipboardJS('#copyNode', {
+    text: trigger => {
+      const codeStr = generateCode()
+      ElNotification({ title: '成功', message: '代码已复制到剪切板，可粘贴。', type: 'success' })
+      return codeStr
+    }
+  })
+  clipboard.on('error', e => {
+    proxy.$modal.msgError('代码复制失败')
+  })
+})
+</script>
+
+<style lang='scss'>
+$lighterBlue: #409EFF;
+
+.container {
+  position: relative;
+  width: 100%;
+  background-color: var(--el-bg-color-overlay);
+  height: calc(100vh - 50px - 40px);
+  overflow: hidden;
+
+  .left-board {
+    width: 260px;
+    position: absolute;
+    left: 0;
+    top: 0;
+    height: calc(100vh - 50px - 40px);
+
+    .logo-wrapper {
+      position: relative;
+      height: 42px;
+      border-bottom: 1px solid var(--el-border-color-extra-light);
+      box-sizing: border-box;
+
+      .logo {
+        position: absolute;
+        left: 12px;
+        top: 6px;
+        line-height: 30px;
+        color: #00afff;
+        font-weight: 600;
+        font-size: 17px;
+        white-space: nowrap;
+
+        >img {
+          width: 30px;
+          height: 30px;
+          vertical-align: top;
+        }
+
+        .github {
+          display: inline-block;
+          vertical-align: sub;
+          margin-left: 15px;
+
+          >img {
+            height: 22px;
+          }
+        }
+      }
+    }
+
+    .left-scrollbar {
+      .el-scrollbar__wrap {
+        box-sizing: border-box;
+        overflow-x: hidden !important;
+        margin-bottom: 0 !important;
+
+        .components-list {
+          padding: 8px;
+          box-sizing: border-box;
+          height: 100%;
+
+          .components-title {
+            font-size: 14px;
+            // color: #222;
+            margin: 6px 2px;
+
+            .svg-icon {
+              // color: #666;
+              font-size: 18px;
+              margin-right: 5px;
+            }
+          }
+
+          .components-draggable {
+            padding-bottom: 20px;
+
+            .components-item {
+              display: inline-block;
+              width: 48%;
+              margin: 1%;
+              transition: transform 0ms !important;
+
+              .components-body {
+                padding: 8px 10px;
+                background: var(--el-border-color-extra-light);
+                font-size: 12px;
+                cursor: move;
+                border: 1px dashed var(--el-border-color-extra-light);
+                border-radius: 3px;
+
+                .svg-icon {
+                  // color: #777;
+                  font-size: 15px;
+                  margin-right: 5px;
+                }
+
+                &:hover {
+                  border: 1px dashed #787be8;
+                  color: #787be8;
+
+                  .svg-icon {
+                    color: #787be8;
+                  }
+                }
+              }
+            }
+          }
+
+
+        }
+      }
+    }
+  }
+
+  .center-board {
+    height: calc(100vh - 50px - 40px);
+    width: auto;
+    margin: 0 350px 0 260px;
+    box-sizing: border-box;
+
+    .action-bar {
+      position: relative;
+      height: 42px;
+      padding: 0 15px;
+      box-sizing: border-box;
+      ;
+      border: 1px solid var(--el-border-color-extra-light);
+      border-top: none;
+      border-left: none;
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+
+      u .delete-btn {
+        color: #F56C6C;
+      }
+    }
+
+    .center-scrollbar {
+      height: calc(100vh - 50px - 40px - 42px);
+      overflow: hidden;
+      border-left: 1px solid var(--el-border-color-extra-light);
+      border-right: 1px solid var(--el-border-color-extra-light);
+      box-sizing: border-box;
+
+      .el-scrollbar__view {
+        overflow-x: hidden;
+      }
+
+      .center-board-row {
+        padding: 12px 12px 15px 12px;
+        box-sizing: border-box;
+
+        &>.el-form {
+          // 69 = 12+15+42
+          height: calc(100vh - 50px - 40px - 69px);
+          flex: 1;
+
+          .drawing-board {
+            height: 100%;
+            position: relative;
+
+            .components-body {
+              padding: 0;
+              margin: 0;
+              font-size: 0;
+            }
+
+            .sortable-ghost {
+              position: relative;
+              display: block;
+              overflow: hidden;
+
+              &::before {
+                content: " ";
+                position: absolute;
+                left: 0;
+                right: 0;
+                top: 0;
+                height: 3px;
+                background: rgb(89, 89, 223);
+                z-index: 2;
+              }
+            }
+
+            .components-item.sortable-ghost {
+              width: 100%;
+              height: 60px;
+              background: var(--el-border-color-extra-light);
+            }
+
+            .active-from-item {
+              &>.el-form-item {
+                background: var(--el-border-color-extra-light);
+                border-radius: 6px;
+              }
+
+              &>.drawing-item-copy,
+              &>.drawing-item-delete {
+                display: initial;
+              }
+
+              &>.component-name {
+                color: $lighterBlue;
+              }
+
+              .el-input__wrapper {
+                box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset;
+              }
+            }
+
+            .el-form-item {
+              margin-bottom: 15px;
+            }
+          }
+
+          .drawing-item {
+            position: relative;
+            cursor: move;
+
+            &.unfocus-bordered:not(.activeFromItem)>div:first-child {
+              border: 1px dashed #ccc;
+            }
+
+            .el-form-item {
+              padding: 12px 10px;
+            }
+          }
+
+          .drawing-row-item {
+            position: relative;
+            cursor: move;
+            box-sizing: border-box;
+            border: 1px dashed #ccc;
+            border-radius: 3px;
+            padding: 0 2px;
+            margin-bottom: 15px;
+
+            .drawing-row-item {
+              margin-bottom: 2px;
+            }
+
+            .el-col {
+              margin-top: 22px;
+            }
+
+            .el-form-item {
+              margin-bottom: 0;
+            }
+
+            .drag-wrapper {
+              min-height: 80px;
+              flex: 1;
+              display: flex;
+              flex-wrap: wrap;
+            }
+
+            &.active-from-item {
+              border: 1px dashed $lighterBlue;
+            }
+
+            .component-name {
+              position: absolute;
+              top: 0;
+              left: 0;
+              font-size: 12px;
+              color: #bbb;
+              display: inline-block;
+              padding: 0 6px;
+            }
+          }
+
+          .drawing-item,
+          .drawing-row-item {
+            &:hover {
+              &>.el-form-item {
+                background: var(--el-border-color-extra-light);
+                border-radius: 6px;
+              }
+
+              &>.drawing-item-copy,
+              &>.drawing-item-delete {
+                display: initial;
+              }
+            }
+
+            &>.drawing-item-copy,
+            &>.drawing-item-delete {
+              display: none;
+              position: absolute;
+              top: -10px;
+              width: 22px;
+              height: 22px;
+              line-height: 22px;
+              text-align: center;
+              border-radius: 50%;
+              font-size: 12px;
+              border: 1px solid;
+              cursor: pointer;
+              z-index: 1;
+            }
+
+            &>.drawing-item-copy {
+              right: 56px;
+              border-color: $lighterBlue;
+              color: $lighterBlue;
+              background: #fff;
+
+              &:hover {
+                background: $lighterBlue;
+                color: #fff;
+              }
+            }
+
+            &>.drawing-item-delete {
+              right: 24px;
+              border-color: #F56C6C;
+              color: #F56C6C;
+              background: #fff;
+
+              &:hover {
+                background: #F56C6C;
+                color: #fff;
+              }
+            }
+          }
+
+          .empty-info {
+            position: absolute;
+            top: 46%;
+            left: 0;
+            right: 0;
+            text-align: center;
+            font-size: 18px;
+            color: #ccb1ea;
+            letter-spacing: 4px;
+          }
+
+        }
+      }
+    }
+  }
+}
+</style>

ruoyi-fastapi-frontend/src/views/tool/gen/basicInfoForm.vue

@@ -1,48 +1,48 @@
-<template>
-  <el-form ref="basicInfoForm" :model="info" :rules="rules" label-width="150px">
-    <el-row>
-      <el-col :span="12">
-        <el-form-item label="表名称" prop="tableName">
-          <el-input placeholder="请输入仓库名称" v-model="info.tableName" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="12">
-        <el-form-item label="表描述" prop="tableComment">
-          <el-input placeholder="请输入" v-model="info.tableComment" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="12">
-        <el-form-item label="实体类名称" prop="className">
-          <el-input placeholder="请输入" v-model="info.className" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="12">
-        <el-form-item label="作者" prop="functionAuthor">
-          <el-input placeholder="请输入" v-model="info.functionAuthor" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="24">
-        <el-form-item label="备注" prop="remark">
-          <el-input type="textarea" :rows="3" v-model="info.remark"></el-input>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script setup>
-defineProps({
-  info: {
-    type: Object,
-    default: null
-  }
-});
-
-// 表单校验
-const rules = ref({
-  tableName: [{ required: true, message: "请输入表名称", trigger: "blur" }],
-  tableComment: [{ required: true, message: "请输入表描述", trigger: "blur" }],
-  className: [{ required: true, message: "请输入实体类名称", trigger: "blur" }],
-  functionAuthor: [{ required: true, message: "请输入作者", trigger: "blur" }]
-});
-</script>
+<template>
+  <el-form ref="basicInfoForm" :model="info" :rules="rules" label-width="150px">
+    <el-row>
+      <el-col :span="12">
+        <el-form-item label="表名称" prop="tableName">
+          <el-input placeholder="请输入仓库名称" v-model="info.tableName" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
+        <el-form-item label="表描述" prop="tableComment">
+          <el-input placeholder="请输入" v-model="info.tableComment" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
+        <el-form-item label="实体类名称" prop="className">
+          <el-input placeholder="请输入" v-model="info.className" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
+        <el-form-item label="作者" prop="functionAuthor">
+          <el-input placeholder="请输入" v-model="info.functionAuthor" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="24">
+        <el-form-item label="备注" prop="remark">
+          <el-input type="textarea" :rows="3" v-model="info.remark"></el-input>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script setup>
+defineProps({
+  info: {
+    type: Object,
+    default: null
+  }
+});
+
+// 表单校验
+const rules = ref({
+  tableName: [{ required: true, message: "请输入表名称", trigger: "blur" }],
+  tableComment: [{ required: true, message: "请输入表描述", trigger: "blur" }],
+  className: [{ required: true, message: "请输入实体类名称", trigger: "blur" }],
+  functionAuthor: [{ required: true, message: "请输入作者", trigger: "blur" }]
+});
+</script>

ruoyi-fastapi-frontend/src/views/tool/gen/createTable.vue

@@ -0,0 +1,46 @@
+<template>
+  <!-- 创建表 -->
+  <el-dialog title="创建表" v-model="visible" width="800px" top="5vh" append-to-body>
+    <span>创建表语句(支持多个建表语句)：</span>
+    <el-input type="textarea" :rows="10" placeholder="请输入文本" v-model="content"></el-input>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button type="primary" @click="handleImportTable">确 定</el-button>
+        <el-button @click="visible = false">取 消</el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup>
+import { createTable } from "@/api/tool/gen";
+
+const visible = ref(false);
+const content = ref("");
+const { proxy } = getCurrentInstance();
+const emit = defineEmits(["ok"]);
+
+/** 显示弹框 */
+function show() {
+  visible.value = true;
+}
+
+/** 导入按钮操作 */
+function handleImportTable() {
+  if (content.value === "") {
+    proxy.$modal.msgError("请输入建表语句");
+    return;
+  }
+  createTable({ sql: content.value }).then(res => {
+    proxy.$modal.msgSuccess(res.msg);
+    if (res.code === 200) {
+      visible.value = false;
+      emit("ok");
+    }
+  });
+}
+
+defineExpose({
+  show,
+});
+</script>

ruoyi-fastapi-frontend/src/views/tool/gen/editTable.vue

@@ -1,198 +1,208 @@
-<template>
-  <el-card>
-    <el-tabs v-model="activeName">
-      <el-tab-pane label="基本信息" name="basic">
-        <basic-info-form ref="basicInfo" :info="info" />
-      </el-tab-pane>
-      <el-tab-pane label="字段信息" name="columnInfo">
-        <el-table ref="dragTable" :data="columns" row-key="columnId" :max-height="tableHeight">
-          <el-table-column label="序号" type="index" min-width="5%"/>
-          <el-table-column
-            label="字段列名"
-            prop="columnName"
-            min-width="10%"
-            :show-overflow-tooltip="true"
-          />
-          <el-table-column label="字段描述" min-width="10%">
-            <template #default="scope">
-              <el-input v-model="scope.row.columnComment"></el-input>
-            </template>
-          </el-table-column>
-          <el-table-column
-            label="物理类型"
-            prop="columnType"
-            min-width="10%"
-            :show-overflow-tooltip="true"
-          />
-          <el-table-column label="Java类型" min-width="11%">
-            <template #default="scope">
-              <el-select v-model="scope.row.javaType">
-                <el-option label="Long" value="Long" />
-                <el-option label="String" value="String" />
-                <el-option label="Integer" value="Integer" />
-                <el-option label="Double" value="Double" />
-                <el-option label="BigDecimal" value="BigDecimal" />
-                <el-option label="Date" value="Date" />
-                <el-option label="Boolean" value="Boolean" />
-              </el-select>
-            </template>
-          </el-table-column>
-          <el-table-column label="java属性" min-width="10%">
-            <template #default="scope">
-              <el-input v-model="scope.row.javaField"></el-input>
-            </template>
-          </el-table-column>
-
-          <el-table-column label="插入" min-width="5%">
-            <template #default="scope">
-              <el-checkbox true-label="1" false-label="0" v-model="scope.row.isInsert"></el-checkbox>
-            </template>
-          </el-table-column>
-          <el-table-column label="编辑" min-width="5%">
-            <template #default="scope">
-              <el-checkbox true-label="1" false-label="0" v-model="scope.row.isEdit"></el-checkbox>
-            </template>
-          </el-table-column>
-          <el-table-column label="列表" min-width="5%">
-            <template #default="scope">
-              <el-checkbox true-label="1" false-label="0" v-model="scope.row.isList"></el-checkbox>
-            </template>
-          </el-table-column>
-          <el-table-column label="查询" min-width="5%">
-            <template #default="scope">
-              <el-checkbox true-label="1" false-label="0" v-model="scope.row.isQuery"></el-checkbox>
-            </template>
-          </el-table-column>
-          <el-table-column label="查询方式" min-width="10%">
-            <template #default="scope">
-              <el-select v-model="scope.row.queryType">
-                <el-option label="=" value="EQ" />
-                <el-option label="!=" value="NE" />
-                <el-option label=">" value="GT" />
-                <el-option label=">=" value="GTE" />
-                <el-option label="<" value="LT" />
-                <el-option label="<=" value="LTE" />
-                <el-option label="LIKE" value="LIKE" />
-                <el-option label="BETWEEN" value="BETWEEN" />
-              </el-select>
-            </template>
-          </el-table-column>
-          <el-table-column label="必填" min-width="5%">
-            <template #default="scope">
-              <el-checkbox true-label="1" false-label="0" v-model="scope.row.isRequired"></el-checkbox>
-            </template>
-          </el-table-column>
-          <el-table-column label="显示类型" min-width="12%">
-            <template #default="scope">
-              <el-select v-model="scope.row.htmlType">
-                <el-option label="文本框" value="input" />
-                <el-option label="文本域" value="textarea" />
-                <el-option label="下拉框" value="select" />
-                <el-option label="单选框" value="radio" />
-                <el-option label="复选框" value="checkbox" />
-                <el-option label="日期控件" value="datetime" />
-                <el-option label="图片上传" value="imageUpload" />
-                <el-option label="文件上传" value="fileUpload" />
-                <el-option label="富文本控件" value="editor" />
-              </el-select>
-            </template>
-          </el-table-column>
-          <el-table-column label="字典类型" min-width="12%">
-            <template #default="scope">
-              <el-select v-model="scope.row.dictType" clearable filterable placeholder="请选择">
-                <el-option
-                  v-for="dict in dictOptions"
-                  :key="dict.dictType"
-                  :label="dict.dictName"
-                  :value="dict.dictType">
-                  <span style="float: left">{{ dict.dictName }}</span>
-                  <span style="float: right; color: #8492a6; font-size: 13px">{{ dict.dictType }}</span>
-              </el-option>
-              </el-select>
-            </template>
-          </el-table-column>
-        </el-table>
-      </el-tab-pane>
-      <el-tab-pane label="生成信息" name="genInfo">
-        <gen-info-form ref="genInfo" :info="info" :tables="tables" />
-      </el-tab-pane>
-    </el-tabs>
-    <el-form label-width="100px">
-      <div style="text-align: center;margin-left:-100px;margin-top:10px;">
-        <el-button type="primary" @click="submitForm()">提交</el-button>
-        <el-button @click="close()">返回</el-button>
-      </div>
-    </el-form>
-  </el-card>
-</template>
-
-<script setup name="GenEdit">
-import { getGenTable, updateGenTable } from "@/api/tool/gen";
-import { optionselect as getDictOptionselect } from "@/api/system/dict/type";
-import basicInfoForm from "./basicInfoForm";
-import genInfoForm from "./genInfoForm";
-
-const route = useRoute();
-const { proxy } = getCurrentInstance();
-
-const activeName = ref("columnInfo");
-const tableHeight = ref(document.documentElement.scrollHeight - 245 + "px");
-const tables = ref([]);
-const columns = ref([]);
-const dictOptions = ref([]);
-const info = ref({});
-
-/** 提交按钮 */
-function submitForm() {
-  const basicForm = proxy.$refs.basicInfo.$refs.basicInfoForm;
-  const genForm = proxy.$refs.genInfo.$refs.genInfoForm;
-  Promise.all([basicForm, genForm].map(getFormPromise)).then(res => {
-    const validateResult = res.every(item => !!item);
-    if (validateResult) {
-      const genTable = Object.assign({}, info.value);
-      genTable.columns = columns.value;
-      genTable.params = {
-        treeCode: info.value.treeCode,
-        treeName: info.value.treeName,
-        treeParentCode: info.value.treeParentCode,
-        parentMenuId: info.value.parentMenuId
-      };
-      updateGenTable(genTable).then(res => {
-        proxy.$modal.msgSuccess(res.msg);
-        if (res.code === 200) {
-          close();
-        }
-      });
-    } else {
-      proxy.$modal.msgError("表单校验未通过，请重新检查提交内容");
-    }
-  });
-}
-function getFormPromise(form) {
-  return new Promise(resolve => {
-    form.validate(res => {
-      resolve(res);
-    });
-  });
-}
-function close() {
-  const obj = { path: "/tool/gen", query: { t: Date.now(), pageNum: route.query.pageNum } };
-  proxy.$tab.closeOpenPage(obj);
-}
-
-(() => {
-  const tableId = route.params && route.params.tableId;
-  if (tableId) {
-    // 获取表详细信息
-    getGenTable(tableId).then(res => {
-      columns.value = res.data.rows;
-      info.value = res.data.info;
-      tables.value = res.data.tables;
-    });
-    /** 查询字典下拉列表 */
-    getDictOptionselect().then(response => {
-      dictOptions.value = response.data;
-    });
-  }
-})();
-</script>
+<template>
+  <el-card>
+    <el-tabs v-model="activeName">
+      <el-tab-pane label="基本信息" name="basic">
+        <basic-info-form ref="basicInfo" :info="info" />
+      </el-tab-pane>
+      <el-tab-pane label="字段信息" name="columnInfo">
+        <el-table ref="dragTable" :data="columns" row-key="columnId" :max-height="tableHeight">
+          <el-table-column label="序号" type="index" min-width="5%"/>
+          <el-table-column
+            label="字段列名"
+            prop="columnName"
+            min-width="10%"
+            :show-overflow-tooltip="true"
+          />
+          <el-table-column label="字段描述" min-width="10%">
+            <template #default="scope">
+              <el-input v-model="scope.row.columnComment"></el-input>
+            </template>
+          </el-table-column>
+          <el-table-column
+            label="物理类型"
+            prop="columnType"
+            min-width="10%"
+            :show-overflow-tooltip="true"
+          />
+          <el-table-column label="Python类型" min-width="11%">
+            <template #default="scope">
+              <el-select v-model="scope.row.pythonType">
+                <el-option label="str" value="str" />
+                <el-option label="int" value="int" />
+                <el-option label="float" value="float" />
+                <el-option label="Decimal" value="Decimal" />
+                <el-option label="date" value="date" />
+                <el-option label="time" value="time" />
+                <el-option label="datetime" value="datetime" />
+                <el-option label="bytes" value="bytes" />
+                <el-option label="dict" value="dict" />
+                <el-option label="list" value="list" />
+              </el-select>
+            </template>
+          </el-table-column>
+          <el-table-column label="Python属性" min-width="10%">
+            <template #default="scope">
+              <el-input v-model="scope.row.pythonField"></el-input>
+            </template>
+          </el-table-column>
+
+          <el-table-column label="插入" min-width="5%">
+            <template #default="scope">
+              <el-checkbox true-label="1" false-label="0" v-model="scope.row.isInsert"></el-checkbox>
+            </template>
+          </el-table-column>
+          <el-table-column label="编辑" min-width="5%">
+            <template #default="scope">
+              <el-checkbox true-label="1" false-label="0" v-model="scope.row.isEdit"></el-checkbox>
+            </template>
+          </el-table-column>
+          <el-table-column label="列表" min-width="5%">
+            <template #default="scope">
+              <el-checkbox true-label="1" false-label="0" v-model="scope.row.isList"></el-checkbox>
+            </template>
+          </el-table-column>
+          <el-table-column label="查询" min-width="5%">
+            <template #default="scope">
+              <el-checkbox true-label="1" false-label="0" v-model="scope.row.isQuery"></el-checkbox>
+            </template>
+          </el-table-column>
+          <el-table-column label="查询方式" min-width="10%">
+            <template #default="scope">
+              <el-select v-model="scope.row.queryType">
+                <el-option label="=" value="EQ" />
+                <el-option label="!=" value="NE" />
+                <el-option label=">" value="GT" />
+                <el-option label=">=" value="GTE" />
+                <el-option label="<" value="LT" />
+                <el-option label="<=" value="LTE" />
+                <el-option label="LIKE" value="LIKE" />
+                <el-option label="BETWEEN" value="BETWEEN" />
+              </el-select>
+            </template>
+          </el-table-column>
+          <el-table-column label="必填" min-width="5%">
+            <template #default="scope">
+              <el-checkbox true-label="1" false-label="0" v-model="scope.row.isRequired"></el-checkbox>
+            </template>
+          </el-table-column>
+          <el-table-column label="唯一" min-width="5%">
+            <template #default="scope">
+              <el-checkbox true-label="1" false-label="0" v-model="scope.row.isUnique"></el-checkbox>
+            </template>
+          </el-table-column>
+          <el-table-column label="显示类型" min-width="12%">
+            <template #default="scope">
+              <el-select v-model="scope.row.htmlType">
+                <el-option label="文本框" value="input" />
+                <el-option label="文本域" value="textarea" />
+                <el-option label="下拉框" value="select" />
+                <el-option label="单选框" value="radio" />
+                <el-option label="复选框" value="checkbox" />
+                <el-option label="日期控件" value="datetime" />
+                <el-option label="图片上传" value="imageUpload" />
+                <el-option label="文件上传" value="fileUpload" />
+                <el-option label="富文本控件" value="editor" />
+              </el-select>
+            </template>
+          </el-table-column>
+          <el-table-column label="字典类型" min-width="12%">
+            <template #default="scope">
+              <el-select v-model="scope.row.dictType" clearable filterable placeholder="请选择">
+                <el-option
+                  v-for="dict in dictOptions"
+                  :key="dict.dictType"
+                  :label="dict.dictName"
+                  :value="dict.dictType">
+                  <span style="float: left">{{ dict.dictName }}</span>
+                  <span style="float: right; color: #8492a6; font-size: 13px">{{ dict.dictType }}</span>
+              </el-option>
+              </el-select>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-tab-pane>
+      <el-tab-pane label="生成信息" name="genInfo">
+        <gen-info-form ref="genInfo" :info="info" :tables="tables" />
+      </el-tab-pane>
+    </el-tabs>
+    <el-form label-width="100px">
+      <div style="text-align: center;margin-left:-100px;margin-top:10px;">
+        <el-button type="primary" @click="submitForm()">提交</el-button>
+        <el-button @click="close()">返回</el-button>
+      </div>
+    </el-form>
+  </el-card>
+</template>
+
+<script setup name="GenEdit">
+import { getGenTable, updateGenTable } from "@/api/tool/gen";
+import { optionselect as getDictOptionselect } from "@/api/system/dict/type";
+import basicInfoForm from "./basicInfoForm";
+import genInfoForm from "./genInfoForm";
+
+const route = useRoute();
+const { proxy } = getCurrentInstance();
+
+const activeName = ref("columnInfo");
+const tableHeight = ref(document.documentElement.scrollHeight - 245 + "px");
+const tables = ref([]);
+const columns = ref([]);
+const dictOptions = ref([]);
+const info = ref({});
+
+/** 提交按钮 */
+function submitForm() {
+  const basicForm = proxy.$refs.basicInfo.$refs.basicInfoForm;
+  const genForm = proxy.$refs.genInfo.$refs.genInfoForm;
+  Promise.all([basicForm, genForm].map(getFormPromise)).then(res => {
+    const validateResult = res.every(item => !!item);
+    if (validateResult) {
+      const genTable = Object.assign({}, info.value);
+      genTable.columns = columns.value;
+      genTable.params = {
+        treeCode: info.value.treeCode,
+        treeName: info.value.treeName,
+        treeParentCode: info.value.treeParentCode,
+        parentMenuId: info.value.parentMenuId
+      };
+      updateGenTable(genTable).then(res => {
+        proxy.$modal.msgSuccess(res.msg);
+        if (res.code === 200) {
+          close();
+        }
+      });
+    } else {
+      proxy.$modal.msgError("表单校验未通过，请重新检查提交内容");
+    }
+  });
+}
+
+function getFormPromise(form) {
+  return new Promise(resolve => {
+    form.validate(res => {
+      resolve(res);
+    });
+  });
+}
+
+function close() {
+  const obj = { path: "/tool/gen", query: { t: Date.now(), pageNum: route.query.pageNum } };
+  proxy.$tab.closeOpenPage(obj);
+}
+
+(() => {
+  const tableId = route.params && route.params.tableId;
+  if (tableId) {
+    // 获取表详细信息
+    getGenTable(tableId).then(res => {
+      columns.value = res.data.rows;
+      info.value = res.data.info;
+      tables.value = res.data.tables;
+    });
+    /** 查询字典下拉列表 */
+    getDictOptionselect().then(response => {
+      dictOptions.value = response.data;
+    });
+  }
+})();
+</script>

ruoyi-fastapi-frontend/src/views/tool/gen/genInfoForm.vue

@@ -1,297 +1,306 @@
-<template>
-  <el-form ref="genInfoForm" :model="info" :rules="rules" label-width="150px">
-    <el-row>
-      <el-col :span="12">
-        <el-form-item prop="tplCategory">
-          <template #label>生成模板</template>
-          <el-select v-model="info.tplCategory" @change="tplSelectChange">
-            <el-option label="单表（增删改查）" value="crud" />
-            <el-option label="树表（增删改查）" value="tree" />
-            <el-option label="主子表（增删改查）" value="sub" />
-          </el-select>
-        </el-form-item>
-      </el-col>
-
-      <el-col :span="12">
-        <el-form-item prop="tplWebType">
-          <template #label>前端类型</template>
-          <el-select v-model="info.tplWebType">
-            <el-option label="Vue2 Element UI 模版" value="element-ui" />
-            <el-option label="Vue3 Element Plus 模版" value="element-plus" />
-          </el-select>
-        </el-form-item>
-      </el-col>
-
-      <el-col :span="12">
-        <el-form-item prop="packageName">
-          <template #label>
-            生成包路径
-            <el-tooltip content="生成在哪个java包下，例如 com.ruoyi.system" placement="top">
-              <el-icon><question-filled /></el-icon>
-            </el-tooltip>
-          </template>
-          <el-input v-model="info.packageName" />
-        </el-form-item>
-      </el-col>
-
-      <el-col :span="12">
-        <el-form-item prop="moduleName">
-          <template #label>
-            生成模块名
-            <el-tooltip content="可理解为子系统名，例如 system" placement="top">
-              <el-icon><question-filled /></el-icon>
-            </el-tooltip>
-          </template>
-          <el-input v-model="info.moduleName" />
-        </el-form-item>
-      </el-col>
-
-      <el-col :span="12">
-        <el-form-item prop="businessName">
-          <template #label>
-            生成业务名
-            <el-tooltip content="可理解为功能英文名，例如 user" placement="top">
-              <el-icon><question-filled /></el-icon>
-            </el-tooltip>
-          </template>
-          <el-input v-model="info.businessName" />
-        </el-form-item>
-      </el-col>
-
-      <el-col :span="12">
-        <el-form-item prop="functionName">
-          <template #label>
-            生成功能名
-            <el-tooltip content="用作类描述，例如 用户" placement="top">
-              <el-icon><question-filled /></el-icon>
-            </el-tooltip>
-          </template>
-          <el-input v-model="info.functionName" />
-        </el-form-item>
-      </el-col>
-
-      <el-col :span="12">
-        <el-form-item prop="genType">
-          <template #label>
-            生成代码方式
-            <el-tooltip content="默认为zip压缩包下载，也可以自定义生成路径" placement="top">
-              <el-icon><question-filled /></el-icon>
-            </el-tooltip>
-          </template>
-          <el-radio v-model="info.genType" value="0">zip压缩包</el-radio>
-          <el-radio v-model="info.genType" value="1">自定义路径</el-radio>
-        </el-form-item>
-      </el-col>
-
-      <el-col :span="12">
-        <el-form-item>
-          <template #label>
-            上级菜单
-            <el-tooltip content="分配到指定菜单下，例如 系统管理" placement="top">
-              <el-icon><question-filled /></el-icon>
-            </el-tooltip>
-          </template>
-          <tree-select
-            v-model:value="info.parentMenuId"
-            :options="menuOptions"
-            :objMap="{ value: 'menuId', label: 'menuName', children: 'children' }"
-            placeholder="请选择系统菜单"
-          />
-        </el-form-item>
-      </el-col>
-
-      <el-col :span="24" v-if="info.genType == '1'">
-        <el-form-item prop="genPath">
-          <template #label>
-            自定义路径
-            <el-tooltip content="填写磁盘绝对路径，若不填写，则生成到当前Web项目下" placement="top">
-              <el-icon><question-filled /></el-icon>
-            </el-tooltip>
-          </template>
-          <el-input v-model="info.genPath">
-            <template #append>
-              <el-dropdown>
-                <el-button type="primary">
-                  最近路径快速选择
-                  <i class="el-icon-arrow-down el-icon--right"></i>
-                </el-button>
-                <template #dropdown>
-                  <el-dropdown-menu>
-                    <el-dropdown-item @click="info.genPath = '/'">恢复默认的生成基础路径</el-dropdown-item>
-                  </el-dropdown-menu>
-                </template>
-              </el-dropdown>
-            </template>
-          </el-input>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    
-    <template v-if="info.tplCategory == 'tree'">
-      <h4 class="form-header">其他信息</h4>
-      <el-row v-show="info.tplCategory == 'tree'">
-        <el-col :span="12">
-          <el-form-item>
-            <template #label>
-              树编码字段
-              <el-tooltip content="树显示的编码字段名， 如：dept_id" placement="top">
-                <el-icon><question-filled /></el-icon>
-              </el-tooltip>
-            </template>
-            <el-select v-model="info.treeCode" placeholder="请选择">
-              <el-option
-                v-for="(column, index) in info.columns"
-                :key="index"
-                :label="column.columnName + '：' + column.columnComment"
-                :value="column.columnName"
-              ></el-option>
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :span="12">
-          <el-form-item>
-            <template #label>
-              树父编码字段
-              <el-tooltip content="树显示的父编码字段名， 如：parent_Id" placement="top">
-                <el-icon><question-filled /></el-icon>
-              </el-tooltip>
-            </template>
-            <el-select v-model="info.treeParentCode" placeholder="请选择">
-              <el-option
-                v-for="(column, index) in info.columns"
-                :key="index"
-                :label="column.columnName + '：' + column.columnComment"
-                :value="column.columnName"
-              ></el-option>
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :span="12">
-          <el-form-item>
-            <template #label>
-              树名称字段
-              <el-tooltip content="树节点的显示名称字段名， 如：dept_name" placement="top">
-                <el-icon><question-filled /></el-icon>
-              </el-tooltip>
-            </template>
-            <el-select v-model="info.treeName" placeholder="请选择">
-              <el-option
-                v-for="(column, index) in info.columns"
-                :key="index"
-                :label="column.columnName + '：' + column.columnComment"
-                :value="column.columnName"
-              ></el-option>
-            </el-select>
-          </el-form-item>
-        </el-col>
-      </el-row>
-    </template>
-
-    <template v-if="info.tplCategory == 'sub'">
-      <h4 class="form-header">关联信息</h4>
-      <el-row>
-        <el-col :span="12">
-          <el-form-item>
-            <template #label>
-              关联子表的表名
-              <el-tooltip content="关联子表的表名， 如：sys_user" placement="top">
-                <el-icon><question-filled /></el-icon>
-              </el-tooltip>
-            </template>
-            <el-select v-model="info.subTableName" placeholder="请选择" @change="subSelectChange">
-              <el-option
-                v-for="(table, index) in tables"
-                :key="index"
-                :label="table.tableName + '：' + table.tableComment"
-                :value="table.tableName"
-              ></el-option>
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :span="12">
-          <el-form-item>
-            <template #label>
-              子表关联的外键名
-              <el-tooltip content="子表关联的外键名， 如：user_id" placement="top">
-                <el-icon><question-filled /></el-icon>
-              </el-tooltip>
-            </template>
-            <el-select v-model="info.subTableFkName" placeholder="请选择">
-              <el-option
-                v-for="(column, index) in subColumns"
-                :key="index"
-                :label="column.columnName + '：' + column.columnComment"
-                :value="column.columnName"
-              ></el-option>
-            </el-select>
-          </el-form-item>
-        </el-col>
-      </el-row>
-    </template>
-
-  </el-form>
-</template>
-
-<script setup>
-import { listMenu } from "@/api/system/menu";
-
-const subColumns = ref([]);
-const menuOptions = ref([]);
-const { proxy } = getCurrentInstance();
-
-const props = defineProps({
-  info: {
-    type: Object,
-    default: null
-  },
-  tables: {
-    type: Array,
-    default: null
-  }
-});
-
-// 表单校验
-const rules = ref({
-  tplCategory: [{ required: true, message: "请选择生成模板", trigger: "blur" }],
-  packageName: [{ required: true, message: "请输入生成包路径", trigger: "blur" }],
-  moduleName: [{ required: true, message: "请输入生成模块名", trigger: "blur" }],
-  businessName: [{ required: true, message: "请输入生成业务名", trigger: "blur" }],
-  functionName: [{ required: true, message: "请输入生成功能名", trigger: "blur" }]
-});
-function subSelectChange(value) {
-  props.info.subTableFkName = "";
-}
-function tplSelectChange(value) {
-  if (value !== "sub") {
-    props.info.subTableName = "";
-    props.info.subTableFkName = "";
-  }
-}
-function setSubTableColumns(value) {
-  for (var item in props.tables) {
-    const name = props.tables[item].tableName;
-    if (value === name) {
-      subColumns.value = props.tables[item].columns;
-      break;
-    }
-  }
-}
-/** 查询菜单下拉树结构 */
-function getMenuTreeselect() {
-  listMenu().then(response => {
-    menuOptions.value = proxy.handleTree(response.data, "menuId");
-  });
-}
-
-watch(() => props.info.subTableName, val => {
-  setSubTableColumns(val);
-});
-
-watch(() => props.info.tplWebType, val => {
-  if (val === '') {
-    props.info.tplWebType = "element-plus";
-  }
-});
-
-getMenuTreeselect();
-</script>
+<template>
+  <el-form ref="genInfoForm" :model="info" :rules="rules" label-width="150px">
+    <el-row>
+      <el-col :span="12">
+        <el-form-item prop="tplCategory">
+          <template #label>生成模板</template>
+          <el-select v-model="info.tplCategory" @change="tplSelectChange">
+            <el-option label="单表（增删改查）" value="crud" />
+            <el-option label="树表（增删改查）" value="tree" />
+            <el-option label="主子表（增删改查）" value="sub" />
+          </el-select>
+        </el-form-item>
+      </el-col>
+
+      <el-col :span="12">
+        <el-form-item prop="tplWebType">
+          <template #label>前端类型</template>
+          <el-select v-model="info.tplWebType">
+            <el-option label="Vue2 Element UI 模版" value="element-ui" />
+            <el-option label="Vue3 Element Plus 模版" value="element-plus" />
+          </el-select>
+        </el-form-item>
+      </el-col>
+
+      <el-col :span="12">
+        <el-form-item prop="packageName">
+          <template #label>
+            生成包路径
+            <el-tooltip content="生成在哪个java包下，例如 com.ruoyi.system" placement="top">
+              <el-icon><question-filled /></el-icon>
+            </el-tooltip>
+          </template>
+          <el-input v-model="info.packageName" />
+        </el-form-item>
+      </el-col>
+
+      <el-col :span="12">
+        <el-form-item prop="moduleName">
+          <template #label>
+            生成模块名
+            <el-tooltip content="可理解为子系统名，例如 system" placement="top">
+              <el-icon><question-filled /></el-icon>
+            </el-tooltip>
+          </template>
+          <el-input v-model="info.moduleName" />
+        </el-form-item>
+      </el-col>
+
+      <el-col :span="12">
+        <el-form-item prop="businessName">
+          <template #label>
+            生成业务名
+            <el-tooltip content="可理解为功能英文名，例如 user" placement="top">
+              <el-icon><question-filled /></el-icon>
+            </el-tooltip>
+          </template>
+          <el-input v-model="info.businessName" />
+        </el-form-item>
+      </el-col>
+
+      <el-col :span="12">
+        <el-form-item prop="functionName">
+          <template #label>
+            生成功能名
+            <el-tooltip content="用作类描述，例如 用户" placement="top">
+              <el-icon><question-filled /></el-icon>
+            </el-tooltip>
+          </template>
+          <el-input v-model="info.functionName" />
+        </el-form-item>
+      </el-col>
+
+      <el-col :span="12">
+        <el-form-item prop="genType">
+          <template #label>
+            生成代码方式
+            <el-tooltip content="默认为zip压缩包下载，也可以自定义生成路径" placement="top">
+              <el-icon><question-filled /></el-icon>
+            </el-tooltip>
+          </template>
+          <el-radio v-model="info.genType" value="0">zip压缩包</el-radio>
+          <el-radio v-model="info.genType" value="1">自定义路径</el-radio>
+        </el-form-item>
+      </el-col>
+
+      <el-col :span="12">
+        <el-form-item>
+          <template #label>
+            上级菜单
+            <el-tooltip content="分配到指定菜单下，例如 系统管理" placement="top">
+              <el-icon><question-filled /></el-icon>
+            </el-tooltip>
+          </template>
+          <el-tree-select
+            v-model="info.parentMenuId"
+            :data="menuOptions"
+            :props="{ value: 'menuId', label: 'menuName', children: 'children' }"
+            value-key="menuId"
+            placeholder="请选择系统菜单"
+            check-strictly
+          />
+        </el-form-item>
+      </el-col>
+
+      <el-col :span="24" v-if="info.genType == '1'">
+        <el-form-item prop="genPath">
+          <template #label>
+            自定义路径
+            <el-tooltip content="填写磁盘绝对路径，若不填写，则生成到当前Web项目下" placement="top">
+              <el-icon><question-filled /></el-icon>
+            </el-tooltip>
+          </template>
+          <el-input v-model="info.genPath">
+            <template #append>
+              <el-dropdown>
+                <el-button type="primary">
+                  最近路径快速选择
+                  <i class="el-icon-arrow-down el-icon--right"></i>
+                </el-button>
+                <template #dropdown>
+                  <el-dropdown-menu>
+                    <el-dropdown-item @click="info.genPath = '/'">恢复默认的生成基础路径</el-dropdown-item>
+                  </el-dropdown-menu>
+                </template>
+              </el-dropdown>
+            </template>
+          </el-input>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    
+    <template v-if="info.tplCategory == 'tree'">
+      <h4 class="form-header">其他信息</h4>
+      <el-row v-show="info.tplCategory == 'tree'">
+        <el-col :span="12">
+          <el-form-item>
+            <template #label>
+              树编码字段
+              <el-tooltip content="树显示的编码字段名， 如：dept_id" placement="top">
+                <el-icon><question-filled /></el-icon>
+              </el-tooltip>
+            </template>
+            <el-select v-model="info.treeCode" placeholder="请选择">
+              <el-option
+                v-for="(column, index) in info.columns"
+                :key="index"
+                :label="column.columnName + '：' + column.columnComment"
+                :value="column.columnName"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item>
+            <template #label>
+              树父编码字段
+              <el-tooltip content="树显示的父编码字段名， 如：parent_Id" placement="top">
+                <el-icon><question-filled /></el-icon>
+              </el-tooltip>
+            </template>
+            <el-select v-model="info.treeParentCode" placeholder="请选择">
+              <el-option
+                v-for="(column, index) in info.columns"
+                :key="index"
+                :label="column.columnName + '：' + column.columnComment"
+                :value="column.columnName"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item>
+            <template #label>
+              树名称字段
+              <el-tooltip content="树节点的显示名称字段名， 如：dept_name" placement="top">
+                <el-icon><question-filled /></el-icon>
+              </el-tooltip>
+            </template>
+            <el-select v-model="info.treeName" placeholder="请选择">
+              <el-option
+                v-for="(column, index) in info.columns"
+                :key="index"
+                :label="column.columnName + '：' + column.columnComment"
+                :value="column.columnName"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </template>
+
+    <template v-if="info.tplCategory == 'sub'">
+      <h4 class="form-header">关联信息</h4>
+      <el-row>
+        <el-col :span="12">
+          <el-form-item>
+            <template #label>
+              关联子表的表名
+              <el-tooltip content="关联子表的表名， 如：sys_user" placement="top">
+                <el-icon><question-filled /></el-icon>
+              </el-tooltip>
+            </template>
+            <el-select v-model="info.subTableName" placeholder="请选择" @change="subSelectChange">
+              <el-option
+                v-for="(table, index) in tables"
+                :key="index"
+                :label="table.tableName + '：' + table.tableComment"
+                :value="table.tableName"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item>
+            <template #label>
+              子表关联的外键名
+              <el-tooltip content="子表关联的外键名， 如：user_id" placement="top">
+                <el-icon><question-filled /></el-icon>
+              </el-tooltip>
+            </template>
+            <el-select v-model="info.subTableFkName" placeholder="请选择">
+              <el-option
+                v-for="(column, index) in subColumns"
+                :key="index"
+                :label="column.columnName + '：' + column.columnComment"
+                :value="column.columnName"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </template>
+
+  </el-form>
+</template>
+
+<script setup>
+import { listMenu } from "@/api/system/menu";
+
+const subColumns = ref([]);
+const menuOptions = ref([]);
+const { proxy } = getCurrentInstance();
+
+const props = defineProps({
+  info: {
+    type: Object,
+    default: null
+  },
+  tables: {
+    type: Array,
+    default: null
+  }
+});
+
+// 表单校验
+const rules = ref({
+  tplCategory: [{ required: true, message: "请选择生成模板", trigger: "blur" }],
+  packageName: [{ required: true, message: "请输入生成包路径", trigger: "blur" }],
+  moduleName: [{ required: true, message: "请输入生成模块名", trigger: "blur" }],
+  businessName: [{ required: true, message: "请输入生成业务名", trigger: "blur" }],
+  functionName: [{ required: true, message: "请输入生成功能名", trigger: "blur" }]
+});
+
+function subSelectChange(value) {
+  props.info.subTableFkName = "";
+}
+
+function tplSelectChange(value) {
+  if (value !== "sub") {
+    props.info.subTableName = "";
+    props.info.subTableFkName = "";
+  }
+}
+
+function setSubTableColumns(value) {
+  for (var item in props.tables) {
+    const name = props.tables[item].tableName;
+    if (value === name) {
+      subColumns.value = props.tables[item].columns;
+      break;
+    }
+  }
+}
+
+/** 查询菜单下拉树结构 */
+function getMenuTreeselect() {
+  listMenu().then(response => {
+    menuOptions.value = proxy.handleTree(response.data, "menuId");
+  });
+}
+
+onMounted(() => {
+  getMenuTreeselect();
+})
+
+watch(() => props.info.subTableName, val => {
+  setSubTableColumns(val);
+});
+
+watch(() => props.info.tplWebType, val => {
+  if (val === '') {
+    props.info.tplWebType = "element-plus";
+  }
+});
+
+</script>

ruoyi-fastapi-frontend/src/views/tool/gen/importTable.vue

@@ -1,118 +1,126 @@
-<template>
-  <!-- 导入表 -->
-  <el-dialog title="导入表" v-model="visible" width="800px" top="5vh" append-to-body>
-    <el-form :model="queryParams" ref="queryRef" :inline="true">
-      <el-form-item label="表名称" prop="tableName">
-        <el-input
-          v-model="queryParams.tableName"
-          placeholder="请输入表名称"
-          clearable
-          @keyup.enter="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="表描述" prop="tableComment">
-        <el-input
-          v-model="queryParams.tableComment"
-          placeholder="请输入表描述"
-          clearable
-          @keyup.enter="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item>
-        <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
-        <el-button icon="Refresh" @click="resetQuery">重置</el-button>
-      </el-form-item>
-    </el-form>
-    <el-row>
-      <el-table @row-click="clickRow" ref="table" :data="dbTableList" @selection-change="handleSelectionChange" height="260px">
-        <el-table-column type="selection" width="55"></el-table-column>
-        <el-table-column prop="tableName" label="表名称" :show-overflow-tooltip="true"></el-table-column>
-        <el-table-column prop="tableComment" label="表描述" :show-overflow-tooltip="true"></el-table-column>
-        <el-table-column prop="createTime" label="创建时间"></el-table-column>
-        <el-table-column prop="updateTime" label="更新时间"></el-table-column>
-      </el-table>
-      <pagination
-        v-show="total>0"
-        :total="total"
-        v-model:page="queryParams.pageNum"
-        v-model:limit="queryParams.pageSize"
-        @pagination="getList"
-      />
-    </el-row>
-    <template #footer>
-      <div class="dialog-footer">
-        <el-button type="primary" @click="handleImportTable">确 定</el-button>
-        <el-button @click="visible = false">取 消</el-button>
-      </div>
-    </template>
-  </el-dialog>
-</template>
-
-<script setup>
-import { listDbTable, importTable } from "@/api/tool/gen";
-
-const total = ref(0);
-const visible = ref(false);
-const tables = ref([]);
-const dbTableList = ref([]);
-const { proxy } = getCurrentInstance();
-
-const queryParams = reactive({
-  pageNum: 1,
-  pageSize: 10,
-  tableName: undefined,
-  tableComment: undefined
-});
-
-const emit = defineEmits(["ok"]);
-
-/** 查询参数列表 */
-function show() {
-  getList();
-  visible.value = true;
-}
-/** 单击选择行 */
-function clickRow(row) {
-  proxy.$refs.table.toggleRowSelection(row);
-}
-/** 多选框选中数据 */
-function handleSelectionChange(selection) {
-  tables.value = selection.map(item => item.tableName);
-}
-/** 查询表数据 */
-function getList() {
-  listDbTable(queryParams).then(res => {
-    dbTableList.value = res.rows;
-    total.value = res.total;
-  });
-}
-/** 搜索按钮操作 */
-function handleQuery() {
-  queryParams.pageNum = 1;
-  getList();
-}
-/** 重置按钮操作 */
-function resetQuery() {
-  proxy.resetForm("queryRef");
-  handleQuery();
-}
-/** 导入按钮操作 */
-function handleImportTable() {
-  const tableNames = tables.value.join(",");
-  if (tableNames == "") {
-    proxy.$modal.msgError("请选择要导入的表");
-    return;
-  }
-  importTable({ tables: tableNames }).then(res => {
-    proxy.$modal.msgSuccess(res.msg);
-    if (res.code === 200) {
-      visible.value = false;
-      emit("ok");
-    }
-  });
-}
-
-defineExpose({
-  show,
-});
-</script>
+<template>
+  <!-- 导入表 -->
+  <el-dialog title="导入表" v-model="visible" width="800px" top="5vh" append-to-body>
+    <el-form :model="queryParams" ref="queryRef" :inline="true">
+      <el-form-item label="表名称" prop="tableName">
+        <el-input
+          v-model="queryParams.tableName"
+          placeholder="请输入表名称"
+          clearable
+          style="width: 180px"
+          @keyup.enter="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="表描述" prop="tableComment">
+        <el-input
+          v-model="queryParams.tableComment"
+          placeholder="请输入表描述"
+          clearable
+          style="width: 180px"
+          @keyup.enter="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+        <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+    <el-row>
+      <el-table @row-click="clickRow" ref="table" :data="dbTableList" @selection-change="handleSelectionChange" height="260px">
+        <el-table-column type="selection" width="55"></el-table-column>
+        <el-table-column prop="tableName" label="表名称" :show-overflow-tooltip="true"></el-table-column>
+        <el-table-column prop="tableComment" label="表描述" :show-overflow-tooltip="true"></el-table-column>
+        <el-table-column prop="createTime" label="创建时间"></el-table-column>
+        <el-table-column prop="updateTime" label="更新时间"></el-table-column>
+      </el-table>
+      <pagination
+        v-show="total>0"
+        :total="total"
+        v-model:page="queryParams.pageNum"
+        v-model:limit="queryParams.pageSize"
+        @pagination="getList"
+      />
+    </el-row>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button type="primary" @click="handleImportTable">确 定</el-button>
+        <el-button @click="visible = false">取 消</el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup>
+import { listDbTable, importTable } from "@/api/tool/gen";
+
+const total = ref(0);
+const visible = ref(false);
+const tables = ref([]);
+const dbTableList = ref([]);
+const { proxy } = getCurrentInstance();
+
+const queryParams = reactive({
+  pageNum: 1,
+  pageSize: 10,
+  tableName: undefined,
+  tableComment: undefined
+});
+
+const emit = defineEmits(["ok"]);
+
+/** 查询参数列表 */
+function show() {
+  getList();
+  visible.value = true;
+}
+
+/** 单击选择行 */
+function clickRow(row) {
+  proxy.$refs.table.toggleRowSelection(row);
+}
+
+/** 多选框选中数据 */
+function handleSelectionChange(selection) {
+  tables.value = selection.map(item => item.tableName);
+}
+
+/** 查询表数据 */
+function getList() {
+  listDbTable(queryParams).then(res => {
+    dbTableList.value = res.rows;
+    total.value = res.total;
+  });
+}
+
+/** 搜索按钮操作 */
+function handleQuery() {
+  queryParams.pageNum = 1;
+  getList();
+}
+
+/** 重置按钮操作 */
+function resetQuery() {
+  proxy.resetForm("queryRef");
+  handleQuery();
+}
+
+/** 导入按钮操作 */
+function handleImportTable() {
+  const tableNames = tables.value.join(",");
+  if (tableNames == "") {
+    proxy.$modal.msgError("请选择要导入的表");
+    return;
+  }
+  importTable({ tables: tableNames }).then(res => {
+    proxy.$modal.msgSuccess(res.msg);
+    if (res.code === 200) {
+      visible.value = false;
+      emit("ok");
+    }
+  });
+}
+
+defineExpose({
+  show,
+});
+</script>

ruoyi-fastapi-frontend/src/views/tool/gen/index.vue

@@ -1,284 +1,310 @@
-<template>
-  <div class="app-container">
-    <div>我是代码生成</div>
-    <!-- <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch">
-      <el-form-item label="表名称" prop="tableName">
-        <el-input
-          v-model="queryParams.tableName"
-          placeholder="请输入表名称"
-          clearable
-          style="width: 200px"
-          @keyup.enter="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="表描述" prop="tableComment">
-        <el-input
-          v-model="queryParams.tableComment"
-          placeholder="请输入表描述"
-          clearable
-          style="width: 200px"
-          @keyup.enter="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="创建时间" style="width: 308px">
-        <el-date-picker
-          v-model="dateRange"
-          value-format="YYYY-MM-DD"
-          type="daterange"
-          range-separator="-"
-          start-placeholder="开始日期"
-          end-placeholder="结束日期"
-        ></el-date-picker>
-      </el-form-item>
-      <el-form-item>
-        <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
-        <el-button icon="Refresh" @click="resetQuery">重置</el-button>
-      </el-form-item>
-    </el-form>
-
-    <el-row :gutter="10" class="mb8">
-      <el-col :span="1.5">
-        <el-button
-          type="primary"
-          plain
-          icon="Download"
-          @click="handleGenTable"
-          v-hasPermi="['tool:gen:code']"
-        >生成</el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-          type="info"
-          plain
-          icon="Upload"
-          @click="openImportTable"
-          v-hasPermi="['tool:gen:import']"
-        >导入</el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-          type="success"
-          plain
-          icon="Edit"
-          :disabled="single"
-          @click="handleEditTable"
-          v-hasPermi="['tool:gen:edit']"
-        >修改</el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-          type="danger"
-          plain
-          icon="Delete"
-          :disabled="multiple"
-          @click="handleDelete"
-          v-hasPermi="['tool:gen:remove']"
-        >删除</el-button>
-      </el-col>
-      <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
-    </el-row>
-
-    <el-table v-loading="loading" :data="tableList" @selection-change="handleSelectionChange">
-      <el-table-column type="selection" align="center" width="55"></el-table-column>
-      <el-table-column label="序号" type="index" width="50" align="center">
-        <template #default="scope">
-          <span>{{(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1}}</span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        label="表名称"
-        align="center"
-        prop="tableName"
-        :show-overflow-tooltip="true"
-      />
-      <el-table-column
-        label="表描述"
-        align="center"
-        prop="tableComment"
-        :show-overflow-tooltip="true"
-      />
-      <el-table-column
-        label="实体"
-        align="center"
-        prop="className"
-        :show-overflow-tooltip="true"
-      />
-      <el-table-column label="创建时间" align="center" prop="createTime" width="160" />
-      <el-table-column label="更新时间" align="center" prop="updateTime" width="160" />
-      <el-table-column label="操作" align="center" width="330" class-name="small-padding fixed-width">
-        <template #default="scope">
-          <el-tooltip content="预览" placement="top">
-            <el-button link type="primary" icon="View" @click="handlePreview(scope.row)" v-hasPermi="['tool:gen:preview']"></el-button>
-          </el-tooltip>
-          <el-tooltip content="编辑" placement="top">
-            <el-button link type="primary" icon="Edit" @click="handleEditTable(scope.row)" v-hasPermi="['tool:gen:edit']"></el-button>
-          </el-tooltip>
-          <el-tooltip content="删除" placement="top">
-            <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['tool:gen:remove']"></el-button>
-          </el-tooltip>
-          <el-tooltip content="同步" placement="top">
-            <el-button link type="primary" icon="Refresh" @click="handleSynchDb(scope.row)" v-hasPermi="['tool:gen:edit']"></el-button>
-          </el-tooltip>
-          <el-tooltip content="生成代码" placement="top">
-            <el-button link type="primary" icon="Download" @click="handleGenTable(scope.row)" v-hasPermi="['tool:gen:code']"></el-button>
-          </el-tooltip>
-        </template>
-      </el-table-column>
-    </el-table>
-    <pagination
-      v-show="total>0"
-      :total="total"
-      v-model:page="queryParams.pageNum"
-      v-model:limit="queryParams.pageSize"
-      @pagination="getList"
-    /> -->
-    <!-- 预览界面 -->
-    <!-- <el-dialog :title="preview.title" v-model="preview.open" width="80%" top="5vh" append-to-body class="scrollbar">
-      <el-tabs v-model="preview.activeName">
-        <el-tab-pane
-          v-for="(value, key) in preview.data"
-          :label="key.substring(key.lastIndexOf('/')+1,key.indexOf('.vm'))"
-          :name="key.substring(key.lastIndexOf('/')+1,key.indexOf('.vm'))"
-          :key="value"
-        >
-          <el-link :underline="false" icon="DocumentCopy" v-copyText="value" v-copyText:callback="copyTextSuccess" style="float:right">&nbsp;复制</el-link>
-          <pre>{{ value }}</pre>
-        </el-tab-pane>
-      </el-tabs>
-    </el-dialog>
-    <import-table ref="importRef" @ok="handleQuery" /> -->
-  </div>
-</template>
-
-<script setup name="Gen">
-import { listTable, previewTable, delTable, genCode, synchDb } from "@/api/tool/gen";
-import router from "@/router";
-import importTable from "./importTable";
-
-const route = useRoute();
-const { proxy } = getCurrentInstance();
-
-const tableList = ref([]);
-const loading = ref(true);
-const showSearch = ref(true);
-const ids = ref([]);
-const single = ref(true);
-const multiple = ref(true);
-const total = ref(0);
-const tableNames = ref([]);
-const dateRange = ref([]);
-const uniqueId = ref("");
-
-const data = reactive({
-  queryParams: {
-    pageNum: 1,
-    pageSize: 10,
-    tableName: undefined,
-    tableComment: undefined
-  },
-  preview: {
-    open: false,
-    title: "代码预览",
-    data: {},
-    activeName: "domain.java"
-  }
-});
-
-const { queryParams, preview } = toRefs(data);
-
-onActivated(() => {
-  const time = route.query.t;
-  if (time != null && time != uniqueId.value) {
-    uniqueId.value = time;
-    queryParams.value.pageNum = Number(route.query.pageNum);
-    dateRange.value = [];
-    proxy.resetForm("queryForm");
-    getList();
-  }
-})
-
-/** 查询表集合 */
-function getList() {
-  loading.value = true;
-  listTable(proxy.addDateRange(queryParams.value, dateRange.value)).then(response => {
-    tableList.value = response.rows;
-    total.value = response.total;
-    loading.value = false;
-  });
-}
-/** 搜索按钮操作 */
-function handleQuery() {
-  queryParams.value.pageNum = 1;
-  getList();
-}
-/** 生成代码操作 */
-function handleGenTable(row) {
-  const tbNames = row.tableName || tableNames.value;
-  if (tbNames == "") {
-    proxy.$modal.msgError("请选择要生成的数据");
-    return;
-  }
-  if (row.genType === "1") {
-    genCode(row.tableName).then(response => {
-      proxy.$modal.msgSuccess("成功生成到自定义路径：" + row.genPath);
-    });
-  } else {
-    proxy.$download.zip("/tool/gen/batchGenCode?tables=" + tbNames, "ruoyi.zip");
-  }
-}
-/** 同步数据库操作 */
-function handleSynchDb(row) {
-  const tableName = row.tableName;
-  proxy.$modal.confirm('确认要强制同步"' + tableName + '"表结构吗？').then(function () {
-    return synchDb(tableName);
-  }).then(() => {
-    proxy.$modal.msgSuccess("同步成功");
-  }).catch(() => {});
-}
-/** 打开导入表弹窗 */
-function openImportTable() {
-  proxy.$refs["importRef"].show();
-}
-/** 重置按钮操作 */
-function resetQuery() {
-  dateRange.value = [];
-  proxy.resetForm("queryRef");
-  handleQuery();
-}
-/** 预览按钮 */
-function handlePreview(row) {
-  previewTable(row.tableId).then(response => {
-    preview.value.data = response.data;
-    preview.value.open = true;
-    preview.value.activeName = "domain.java";
-  });
-}
-/** 复制代码成功 */
-function copyTextSuccess() {
-  proxy.$modal.msgSuccess("复制成功");
-}
-// 多选框选中数据
-function handleSelectionChange(selection) {
-  ids.value = selection.map(item => item.tableId);
-  tableNames.value = selection.map(item => item.tableName);
-  single.value = selection.length != 1;
-  multiple.value = !selection.length;
-}
-/** 修改按钮操作 */
-function handleEditTable(row) {
-  const tableId = row.tableId || ids.value[0];
-  router.push({ path: "/tool/gen-edit/index/" + tableId, query: { pageNum: queryParams.value.pageNum } });
-}
-/** 删除按钮操作 */
-function handleDelete(row) {
-  const tableIds = row.tableId || ids.value;
-  proxy.$modal.confirm('是否确认删除表编号为"' + tableIds + '"的数据项？').then(function () {
-    return delTable(tableIds);
-  }).then(() => {
-    getList();
-    proxy.$modal.msgSuccess("删除成功");
-  }).catch(() => {});
-}
-
-// getList();
-</script>
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch">
+      <el-form-item label="表名称" prop="tableName">
+        <el-input
+          v-model="queryParams.tableName"
+          placeholder="请输入表名称"
+          clearable
+          style="width: 200px"
+          @keyup.enter="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="表描述" prop="tableComment">
+        <el-input
+          v-model="queryParams.tableComment"
+          placeholder="请输入表描述"
+          clearable
+          style="width: 200px"
+          @keyup.enter="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="创建时间" style="width: 308px">
+        <el-date-picker
+          v-model="dateRange"
+          value-format="YYYY-MM-DD"
+          type="daterange"
+          range-separator="-"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+        ></el-date-picker>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+        <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="Download"
+          :disabled="multiple"
+          @click="handleGenTable"
+          v-hasPermi="['tool:gen:code']"
+        >生成</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="Plus"
+          @click="openCreateTable"
+          v-hasRole="['admin']"
+        >创建</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="info"
+          plain
+          icon="Upload"
+          @click="openImportTable"
+          v-hasPermi="['tool:gen:import']"
+        >导入</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="success"
+          plain
+          icon="Edit"
+          :disabled="single"
+          @click="handleEditTable"
+          v-hasPermi="['tool:gen:edit']"
+        >修改</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="danger"
+          plain
+          icon="Delete"
+          :disabled="multiple"
+          @click="handleDelete"
+          v-hasPermi="['tool:gen:remove']"
+        >删除</el-button>
+      </el-col>
+      <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="tableList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" align="center" width="55"></el-table-column>
+      <el-table-column label="序号" type="index" width="50" align="center">
+        <template #default="scope">
+          <span>{{(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1}}</span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="表名称"
+        align="center"
+        prop="tableName"
+        :show-overflow-tooltip="true"
+      />
+      <el-table-column
+        label="表描述"
+        align="center"
+        prop="tableComment"
+        :show-overflow-tooltip="true"
+      />
+      <el-table-column
+        label="实体"
+        align="center"
+        prop="className"
+        :show-overflow-tooltip="true"
+      />
+      <el-table-column label="创建时间" align="center" prop="createTime" width="160" />
+      <el-table-column label="更新时间" align="center" prop="updateTime" width="160" />
+      <el-table-column label="操作" align="center" width="330" class-name="small-padding fixed-width">
+        <template #default="scope">
+          <el-tooltip content="预览" placement="top">
+            <el-button link type="primary" icon="View" @click="handlePreview(scope.row)" v-hasPermi="['tool:gen:preview']"></el-button>
+          </el-tooltip>
+          <el-tooltip content="编辑" placement="top">
+            <el-button link type="primary" icon="Edit" @click="handleEditTable(scope.row)" v-hasPermi="['tool:gen:edit']"></el-button>
+          </el-tooltip>
+          <el-tooltip content="删除" placement="top">
+            <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['tool:gen:remove']"></el-button>
+          </el-tooltip>
+          <el-tooltip content="同步" placement="top">
+            <el-button link type="primary" icon="Refresh" @click="handleSynchDb(scope.row)" v-hasPermi="['tool:gen:edit']"></el-button>
+          </el-tooltip>
+          <el-tooltip content="生成代码" placement="top">
+            <el-button link type="primary" icon="Download" @click="handleGenTable(scope.row)" v-hasPermi="['tool:gen:code']"></el-button>
+          </el-tooltip>
+        </template>
+      </el-table-column>
+    </el-table>
+    <pagination
+      v-show="total>0"
+      :total="total"
+      v-model:page="queryParams.pageNum"
+      v-model:limit="queryParams.pageSize"
+      @pagination="getList"
+    />
+    <!-- 预览界面 -->
+    <el-dialog :title="preview.title" v-model="preview.open" width="80%" top="5vh" append-to-body class="scrollbar">
+      <el-tabs v-model="preview.activeName">
+        <el-tab-pane
+          v-for="(value, key) in preview.data"
+          :label="key.substring(key.lastIndexOf('/')+1,key.indexOf('.jinja2'))"
+          :name="key.substring(key.lastIndexOf('/')+1,key.indexOf('.jinja2'))"
+          :key="value"
+        >
+          <el-link :underline="false" icon="DocumentCopy" v-copyText="value" v-copyText:callback="copyTextSuccess" style="float:right">&nbsp;复制</el-link>
+          <pre>{{ value }}</pre>
+        </el-tab-pane>
+      </el-tabs>
+    </el-dialog>
+    <import-table ref="importRef" @ok="handleQuery" />
+    <create-table ref="createRef" @ok="handleQuery" />
+  </div>
+</template>
+
+<script setup name="Gen">
+import { listTable, previewTable, delTable, genCode, synchDb } from "@/api/tool/gen";
+import router from "@/router";
+import importTable from "./importTable";
+import createTable from "./createTable";
+
+const route = useRoute();
+const { proxy } = getCurrentInstance();
+
+const tableList = ref([]);
+const loading = ref(true);
+const showSearch = ref(true);
+const ids = ref([]);
+const single = ref(true);
+const multiple = ref(true);
+const total = ref(0);
+const tableNames = ref([]);
+const dateRange = ref([]);
+const uniqueId = ref("");
+
+const data = reactive({
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    tableName: undefined,
+    tableComment: undefined
+  },
+  preview: {
+    open: false,
+    title: "代码预览",
+    data: {},
+    activeName: "do.py"
+  }
+});
+
+const { queryParams, preview } = toRefs(data);
+
+onActivated(() => {
+  const time = route.query.t;
+  if (time != null && time != uniqueId.value) {
+    uniqueId.value = time;
+    queryParams.value.pageNum = Number(route.query.pageNum);
+    dateRange.value = [];
+    proxy.resetForm("queryForm");
+    getList();
+  }
+})
+
+/** 查询表集合 */
+function getList() {
+  loading.value = true;
+  listTable(proxy.addDateRange(queryParams.value, dateRange.value)).then(response => {
+    tableList.value = response.rows;
+    total.value = response.total;
+    loading.value = false;
+  });
+}
+
+/** 搜索按钮操作 */
+function handleQuery() {
+  queryParams.value.pageNum = 1;
+  getList();
+}
+
+/** 生成代码操作 */
+function handleGenTable(row) {
+  const tbNames = row.tableName || tableNames.value;
+  if (tbNames == "") {
+    proxy.$modal.msgError("请选择要生成的数据");
+    return;
+  }
+  if (row.genType === "1") {
+    genCode(row.tableName).then(response => {
+      proxy.$modal.msgSuccess("成功生成到自定义路径：" + row.genPath);
+    });
+  } else {
+    proxy.$download.zip("/tool/gen/batchGenCode?tables=" + tbNames, "vfadmin.zip");
+  }
+}
+
+/** 同步数据库操作 */
+function handleSynchDb(row) {
+  const tableName = row.tableName;
+  proxy.$modal.confirm('确认要强制同步"' + tableName + '"表结构吗？').then(function () {
+    return synchDb(tableName);
+  }).then(() => {
+    proxy.$modal.msgSuccess("同步成功");
+  }).catch(() => {});
+}
+
+/** 打开导入表弹窗 */
+function openImportTable() {
+  proxy.$refs["importRef"].show();
+}
+
+/** 打开创建表弹窗 */
+function openCreateTable() {
+  proxy.$refs["createRef"].show();
+}
+
+/** 重置按钮操作 */
+function resetQuery() {
+  dateRange.value = [];
+  proxy.resetForm("queryRef");
+  handleQuery();
+}
+
+/** 预览按钮 */
+function handlePreview(row) {
+  previewTable(row.tableId).then(response => {
+    preview.value.data = response.data;
+    preview.value.open = true;
+    preview.value.activeName = "do.py";
+  });
+}
+
+/** 复制代码成功 */
+function copyTextSuccess() {
+  proxy.$modal.msgSuccess("复制成功");
+}
+
+// 多选框选中数据
+function handleSelectionChange(selection) {
+  ids.value = selection.map(item => item.tableId);
+  tableNames.value = selection.map(item => item.tableName);
+  single.value = selection.length != 1;
+  multiple.value = !selection.length;
+}
+
+/** 修改按钮操作 */
+function handleEditTable(row) {
+  const tableId = row.tableId || ids.value[0];
+  router.push({ path: "/tool/gen-edit/index/" + tableId, query: { pageNum: queryParams.value.pageNum } });
+}
+
+/** 删除按钮操作 */
+function handleDelete(row) {
+  const tableIds = row.tableId || ids.value;
+  proxy.$modal.confirm('是否确认删除表编号为"' + tableIds + '"的数据项？').then(function () {
+    return delTable(tableIds);
+  }).then(() => {
+    getList();
+    proxy.$modal.msgSuccess("删除成功");
+  }).catch(() => {});
+}
+
+getList();
+</script>