mirror of
https://github.com/fastapiadmin/FastapiAdmin.git
synced 2026-10-15 21:35:34 +00:00
feat(theme): 添加侧边栏配色方案和相关设置
- 引入侧边栏配色方案枚举,支持经典蓝和极简白 - 更新设置存储以包含侧边栏配色方案 - 在主题设置中添加侧边栏配色选项 - 优化相关组件样式以适应新配色方案 - 更新语言包以支持新设置项
This commit is contained in:
@@ -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"
|
||||
|
||||
Reference in New Issue
Block a user