wenyongda/ZRAdmin-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

✨优化功能

Browse Source
This commit is contained in:
不做码农 2023-09-20 17:53:32 +08:00
parent f5da308123
commit 1f46b6a95e
3 changed files with 78 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/assets/styles/variables.module.scss
View File

@ -35,12 +35,17 @@ $panGreen: #30b08f;
--el-text-color-primary: #e5eaf3; --el-text-color-primary: #e5eaf3;
--el-menu-text-color: var(--el-text-color-primary); --el-menu-text-color: var(--el-text-color-primary);
} }
// 黑色主题
html.dark { html.dark {
/* custom dark bg color */ /* custom dark bg color */
// --el-bg-color: #141414; // --el-bg-color: #141414;
--base-color-white: #ffffff; --base-color-white: #ffffff;
--base-text-color-rgba: #ffffff; --base-text-color-rgba: #ffffff;
--base-menu-background: #000; --base-menu-background: #000;
.current-row {
color: #e65d6e;
}
} }
html.cafe { html.cafe {
filter: sepia(0.9) hue-rotate(315deg) brightness(0.9); filter: sepia(0.9) hue-rotate(315deg) brightness(0.9);

99
src/views/components/dictData.vue
View File

@ -50,49 +50,70 @@
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" /> <pagination :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
<!-- 添加或修改参数配置对话框 --> <!-- 添加或修改参数配置对话框 -->
<el-dialog :title="title" v-model="open" draggable width="500px" append-to-body> <el-dialog :title="title" v-model="open" draggable width="500px" append-to-body>
<el-form ref="formRef" :model="form" :rules="rules" label-width="80px"> <el-form ref="formRef" :model="form" :rules="rules" label-width="80px">
<el-form-item label="字典类型"> <el-row :gutter="20">
<el-input v-model="form.dictType" :disabled="true" /> <el-col :lg="24">
</el-form-item> <el-form-item label="字典类型">
<el-form-item label="数据标签" prop="dictLabel"> <el-input v-model="form.dictType" :disabled="true" />
<el-input v-model="form.dictLabel" placeholder="请输入数据标签" /> </el-form-item>
</el-form-item> </el-col>
<el-form-item label="翻译键值" prop="langKey">
<el-input v-model="form.langKey" placeholder="请输入翻译键值" /> <el-col :lg="12">
</el-form-item> <el-form-item label="数据标签" prop="dictLabel">
<el-form-item label="数据键值" prop="dictValue"> <el-input v-model="form.dictLabel" placeholder="请输入数据标签" />
<el-input v-model="form.dictValue" placeholder="请输入数据键值" /> </el-form-item>
</el-form-item> </el-col>
<el-form-item label="样式属性" prop="cssClass"> <el-col :lg="12">
<!-- <el-input v-model="form.cssClass" placeholder="请输入样式属性" /> --> <el-form-item label="翻译键值" prop="langKey">
<el-select v-model="form.cssClass" allow-create filterable clearable=""> <el-input v-model="form.langKey" placeholder="请输入翻译键值" />
<el-option v-for="dict in cssClassOptions" :class="dict.value" :key="dict.value" :label="dict.label" :value="dict.value"> </el-form-item>
<span style="float: left" :class="dict.value">{{ dict.label }}</span> </el-col>
<span style="float: right">{{ dict.value }}</span> <el-col :lg="24">
</el-option> <el-form-item label="数据键值" prop="dictValue">
</el-select> <el-input v-model="form.dictValue" placeholder="请输入数据键值" />
</el-form-item> </el-form-item>
<el-form-item label="显示排序" prop="dictSort"> </el-col>
<el-input-number v-model="form.dictSort" controls-position="right" :min="0" /> <el-col :lg="12">
</el-form-item> <el-form-item label="样式属性" prop="cssClass">
<el-form-item label="回显样式" prop="listClass"> <el-select v-model="form.cssClass" allow-create filterable clearable="">
<el-select v-model="form.listClass"> <el-option v-for="dict in cssClassOptions" :class="dict.value" :key="dict.value" :label="dict.label" :value="dict.value">
<el-option v-for="item in listClassOptions" :key="item.value" :label="item.label + '(' + item.value + ')'" :value="item.value"> <span style="float: left" :class="dict.value">{{ dict.label }}</span>
</el-option> <span style="float: right">{{ dict.value }}</span>
</el-select> </el-option>
</el-form-item> </el-select>
<el-form-item label="状态" prop="status"> </el-form-item>
<el-radio-group v-model="form.status"> </el-col>
<el-radio v-for="dict in statusOptions" :key="dict.dictValue" :label="dict.dictValue">{{ dict.dictLabel }}</el-radio> <el-col :lg="12">
</el-radio-group> <el-form-item label="回显样式" prop="listClass">
</el-form-item> <el-select v-model="form.listClass">
<el-form-item label="备注" prop="remark"> <el-option v-for="item in listClassOptions" :key="item.value" :label="item.label + '(' + item.value + ')'" :value="item.value">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容"></el-input> </el-option>
</el-form-item> </el-select>
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="显示排序" prop="dictSort">
<el-input-number v-model="form.dictSort" controls-position="right" :min="0" />
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio v-for="dict in statusOptions" :key="dict.dictValue" :label="dict.dictValue">{{ dict.dictLabel }}</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :lg="24">
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form> </el-form>
<template #footer> <template #footer>
<div class="dialog-footer"> <div class="dialog-footer">

16
src/views/system/role/index.vue
View File

@ -29,10 +29,10 @@
<el-table v-loading="loading" :data="roleList" highlight-current-row @selection-change="handleSelectionChange"> <el-table v-loading="loading" :data="roleList" highlight-current-row @selection-change="handleSelectionChange">
<el-table-column label="编号" prop="roleId" width="80" /> <el-table-column label="编号" prop="roleId" width="80" />
<el-table-column label="名称" prop="roleName" /> <el-table-column label="名称" prop="roleName" />
<el-table-column label="显示顺序" prop="roleSort" align="center"></el-table-column> <el-table-column label="显示顺序" prop="roleSort"></el-table-column>
<el-table-column label="权限字符" prop="roleKey" /> <el-table-column label="权限字符" prop="roleKey" />
<el-table-column label="权限范围" prop="dataScope" :formatter="dataScopeFormat"></el-table-column> <el-table-column label="权限范围" prop="dataScope" :formatter="dataScopeFormat"></el-table-column>
<el-table-column label="状态" align="center" width="90"> <el-table-column label="状态" width="90">
<template #default="scope"> <template #default="scope">
<el-switch <el-switch
v-model="scope.row.status" v-model="scope.row.status"
@ -123,7 +123,7 @@
<!-- 添加或修改角色配置对话框 --> <!-- 添加或修改角色配置对话框 -->
<zr-dialog :title="title" v-model="open" width="600px" append-to-body @close="cancel"> <zr-dialog :title="title" v-model="open" width="600px" append-to-body @close="cancel">
<el-form ref="formRef" :model="form" :rules="rules" label-width="80px"> <el-form ref="formRef" :model="form" :rules="rules" label-width="90px">
<el-row> <el-row>
<el-col :lg="12"> <el-col :lg="12">
<el-form-item label="角色名称" prop="roleName"> <el-form-item label="角色名称" prop="roleName">
@ -132,6 +132,16 @@
</el-col> </el-col>
<el-col :lg="12"> <el-col :lg="12">
<el-form-item label="权限字符" prop="roleKey"> <el-form-item label="权限字符" prop="roleKey">
<template #label>
<span>
<el-tooltip content="使用： v-hasRole='['admin']'" placement="top">
<el-icon :size="15">
<questionFilled />
</el-icon>
</el-tooltip>
权限字符
</span>
</template>
<el-input v-model="form.roleKey" placeholder="请输入权限字符" /> <el-input v-model="form.roleKey" placeholder="请输入权限字符" />
</el-form-item> </el-form-item>
</el-col> </el-col>