feat(theme): 添加侧边栏配色方案和相关设置

- 引入侧边栏配色方案枚举,支持经典蓝和极简白
- 更新设置存储以包含侧边栏配色方案
- 在主题设置中添加侧边栏配色选项
- 优化相关组件样式以适应新配色方案
- 更新语言包以支持新设置项
This commit is contained in:
zhangtao
2026-03-28 00:44:34 +08:00
parent 565663be4a
commit 015e403060
59 changed files with 2109 additions and 3178 deletions
@@ -1,64 +1,54 @@
<template>
<div class="app-container">
<!-- 搜索区域 -->
<el-card class="search-container">
<el-form
ref="queryRef"
:model="queryFormData"
:inline="true"
label-suffix=":"
@submit.prevent="handleQuery"
>
<el-form-item label="表名称" prop="table_name">
<el-input
v-model="queryFormData.table_name"
placeholder="请输入表名称"
clearable
style="width: 200px"
@keyup.enter="handleQuery"
/>
</el-form-item>
<el-form-item label="表描述" prop="table_comment">
<el-input
v-model="queryFormData.table_comment"
placeholder="请输入表描述"
clearable
style="width: 200px"
@keyup.enter="handleQuery"
/>
</el-form-item>
<el-form-item class="search-buttons">
<el-button
v-hasPerm="['module_generator:gencode:query']"
type="primary"
icon="search"
native-type="submit"
>
查询
</el-button>
<el-button
v-hasPerm="['module_generator:gencode:query']"
icon="refresh"
@click="handleRefresh"
>
重置
</el-button>
</el-form-item>
</el-form>
</el-card>
<!-- 内容区域 -->
<el-card class="data-table">
<template #header>
<div class="card-header">
<span>
<el-tooltip content="生成代码">
<QuestionFilled class="w-4 h-4 mx-1" />
</el-tooltip>
生成代码
</span>
</div>
<!-- 搜索区域 -->
<div class="search-container">
<el-form
ref="queryRef"
:model="queryFormData"
:inline="true"
label-suffix=":"
@submit.prevent="handleQuery"
>
<el-form-item label="表名称" prop="table_name">
<el-input
v-model="queryFormData.table_name"
placeholder="请输入表名称"
clearable
style="width: 200px"
@keyup.enter="handleQuery"
/>
</el-form-item>
<el-form-item label="表描述" prop="table_comment">
<el-input
v-model="queryFormData.table_comment"
placeholder="请输入表描述"
clearable
style="width: 200px"
@keyup.enter="handleQuery"
/>
</el-form-item>
<el-form-item class="search-buttons">
<el-button
v-hasPerm="['module_generator:gencode:query']"
type="primary"
icon="search"
native-type="submit"
>
查询
</el-button>
<el-button
v-hasPerm="['module_generator:gencode:query']"
icon="refresh"
@click="handleRefresh"
>
重置
</el-button>
</el-form-item>
</el-form>
</div>
</template>
<!-- 功能区域 -->
<div class="data-table__toolbar">
<div class="data-table__toolbar--left">
@@ -142,8 +132,8 @@
v-loading="loading"
:data="tableList"
class="data-table__content"
height="calc(100vh - 440px)"
max-height="calc(100vh - 440px)"
height="calc(100vh - 350px)"
max-height="calc(100vh - 350px)"
border
stripe
@selection-change="handleTableSelectionChange"