tt/vue3-element-admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: 全局大小设置移除固定的size、新版的element-plus的size移除mini和medium的值

Browse Source
This commit is contained in:
郝先瑞
2022-02-20 00:17:46 +08:00
parent f5f295b028
commit 19a4ad7a12
25 changed files with 59 additions and 118 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/views/system/client/index.vue
View File

@@ -5,7 +5,6 @@
ref="queryForm"
:model="queryParams"
:inline="true"
size="small"
>
<el-form-item>
<el-button type="success" :icon="Plus" @click="handleAdd">新增</el-button>
@@ -49,7 +48,6 @@
<el-button
type="primary"
:icon="Edit"
size="mini"
circle
plain
@click.stop="handleUpdate(scope.row)"
@@ -57,7 +55,6 @@
<el-button
type="danger"
:icon="Delete"
size="mini"
circle
plain
@click.stop="handleDelete(scope.row)"

8
src/views/system/dept/index.vue
View File

@@ -2,7 +2,6 @@
<div class="app-container">
<el-form
size="small"
:model="queryParams"
ref="queryFormRef"
:inline="true"
@@ -17,7 +16,6 @@
<el-input
v-model="queryParams.name"
placeholder="请输入部门名称"
size="small"
@keyup.enter="handleQuery"
/>
</el-form-item>
@@ -27,7 +25,6 @@
v-model="queryParams.status"
placeholder="部门状态"
clearable
size="small"
>
<el-option :value="1" label="正常"/>
<el-option :value="0" label="禁用"/>
@@ -37,7 +34,6 @@
<el-button
class="filter-item"
type="primary"
size="mini"
:icon="Search"
@click="handleQuery"
>
@@ -45,7 +41,6 @@
</el-button>
<el-button
:icon="Refresh"
size="mini"
@click="resetQuery"
>
重置
@@ -81,7 +76,6 @@
<el-button
type="primary"
:icon="Edit"
size="mini"
circle
plain
@click.stop="handleUpdate(scope.row)"
@@ -89,7 +83,6 @@
</el-button>
<el-button
type="success"
size="mini"
:icon="Plus"
circle
plain
@@ -100,7 +93,6 @@
<el-button
type="danger"
:icon="Delete"
size="mini"
circle
plain
@click.stop="handleDelete(scope.row)">

8
src/views/system/dict/components/Dict.vue
View File

@@ -2,7 +2,6 @@
<div class="app-container">
<!-- 搜索表单 -->
<el-form
size="small"
:model="state.queryParams"
ref="queryForm"
:inline="true"
@@ -34,15 +33,14 @@
@row-click="handleRowClick"
@selection-change="handleSelectionChange"
border
size="mini"
>
<el-table-column type="selection" width="55" align="center"/>
<el-table-column label="字典名称" prop="name" width="120"/>
<el-table-column label="字典编码" prop="code"/>
<el-table-column label="状态" align="center" width="80">
<template #default="scope">
<el-tag v-if="scope.row.status===1" type="success" size="mini">启用</el-tag>
<el-tag v-else type="info" size="mini">禁用</el-tag>
<el-tag v-if="scope.row.status===1" type="success" >启用</el-tag>
<el-tag v-else type="info">禁用</el-tag>
</template>
</el-table-column>
@@ -51,7 +49,6 @@
<el-button
type="primary"
:icon="Edit"
size="mini"
circle
plain
@click.stop="handleUpdate(scope.row)"
@@ -59,7 +56,6 @@
<el-button
type="danger"
:icon="Delete"
size="mini"
circle
plain
@click.stop="handleDelete(scope.row)"

8
src/views/system/dict/components/DictItem.vue
View File

@@ -5,7 +5,6 @@
:model="state.queryParams"
ref="queryForm"
:inline="true"
size="small"
>
<el-form-item>
<el-button type="success" :icon="Plus" @click="handleAdd">新增</el-button>
@@ -29,15 +28,14 @@
v-loading="state.loading"
border
@selection-change="handleSelectionChange"
size="mini"
>
<el-table-column type="selection" min-width="5%"/>
<el-table-column label="数据项名称" prop="name"/>
<el-table-column label="数据项值" prop="value"/>
<el-table-column label="状态" align="center">
<template #default="scope">
<el-tag v-if="scope.row.status===1" type="success" size="mini">启用</el-tag>
<el-tag v-else type="info" size="mini">禁用</el-tag>
<el-tag v-if="scope.row.status===1" type="success">启用</el-tag>
<el-tag v-else type="info" >禁用</el-tag>
</template>
</el-table-column>
<el-table-column label="操作" align="center">
@@ -45,7 +43,6 @@
<el-button
type="primary"
:icon="Edit"
size="mini"
circle
plain
@click.stop="handleUpdate(scope.row)"
@@ -53,7 +50,6 @@
<el-button
type="danger"
:icon="Delete"
size="mini"
circle
plain
@click.stop="handleDelete(scope.row)"

9
src/views/system/menu/components/Menu.vue
View File

@@ -3,7 +3,6 @@
<!-- 搜索表单 -->
<el-form
ref="queryFormRef"
size="small"
:model="queryParams"
:inline="true"
>
@@ -34,7 +33,6 @@
:tree-props="{children: 'children', hasChildren: 'hasChildren'}"
@row-click="handleRowClick"
border
size="mini"
>
<el-table-column label="菜单名称">
<template #default="scope">
@@ -45,8 +43,8 @@
<el-table-column label="状态" align="center" width="80">
<template #default="scope">
<el-tag v-if="scope.row.visible===1" type="success" size="mini">显示</el-tag>
<el-tag v-else type="info" size="mini">隐藏</el-tag>
<el-tag v-if="scope.row.visible===1" type="success">显示</el-tag>
<el-tag v-else type="info">隐藏</el-tag>
</template>
</el-table-column>
@@ -55,7 +53,6 @@
<el-button
type="success"
:icon="Plus"
size="mini"
circle
plain
@click.stop="handleAdd(scope.row)"
@@ -63,7 +60,6 @@
<el-button
type="primary"
:icon="Edit"
size="mini"
circle
plain
@click.stop="handleUpdate(scope.row)"
@@ -71,7 +67,6 @@
<el-button
type="danger"
:icon="Delete"
size="mini"
circle
plain
@click.stop="handleDelete(scope.row)"

4
src/views/system/menu/components/Perm.vue
View File

@@ -3,7 +3,6 @@
<!-- 搜索表单 -->
<el-form
ref="queryFormRef"
size="small"
:model="queryParams"
:inline="true"
>
@@ -31,7 +30,6 @@
v-loading="loading"
@selection-change="handleSelectionChange"
border
size="mini"
>
<el-table-column type="selection" width="40" align="center"/>
<el-table-column label="权限名称" prop="name" width="150"/>
@@ -46,7 +44,6 @@
<el-button
type="primary"
:icon="Edit"
size="mini"
circle
plain
@click="handleUpdate(scope.row)"
@@ -54,7 +51,6 @@
<el-button
type="danger"
:icon="Delete"
size="mini"
circle
plain
@click="handleDelete(scope.row)"

6
src/views/system/role/components/Menu.vue
View File

@@ -1,12 +1,12 @@
<template>
<div class="menu-container">
<el-form size="mini">
<el-form >
<el-form-item>
<el-row>
<el-col :span="12">
<el-col :span="16">
<el-button type="success" plain :icon="Switch" @click="toggleExpandAll">展开/折叠</el-button>
</el-col>
<el-col :span="12" style="text-align: right">
<el-col :span="8" style="text-align: right">
<el-button type="primary" :icon="Check" @click="handleSubmit">提交</el-button>
</el-col>
</el-row>

3
src/views/system/role/components/Perm.vue
View File

@@ -11,7 +11,7 @@
</el-checkbox>
</el-col>
<el-col :span="12" style="text-align: right">
<el-button type="primary" :icon="Check" size="mini" @click="handleSubmit">提交</el-button>
<el-button type="primary" :icon="Check" @click="handleSubmit">提交</el-button>
</el-col>
</el-row>
@@ -27,7 +27,6 @@
:label="item.id"
:key="item.id"
@change="handleCheckedPermChange"
size="mini"
>
{{ item.name }}
</el-checkbox>

6
src/views/system/role/components/Role.vue
View File

@@ -5,7 +5,6 @@
ref="queryForm"
:model="queryParams"
:inline="true"
size="small"
>
<el-form-item>
<el-button type="success" :icon="Plus" @click="handleAdd">新增</el-button>
@@ -35,18 +34,16 @@
@selection-change="handleSelectionChange"
@row-click="handleRowClick"
highlight-current-row
size="mini"
border
>
<el-table-column type="selection" width="55" align="center"/>
<el-table-column label="角色名称" prop="name"/>
<el-table-column label="角色编码" prop="code"/>
<el-table-column label="操作" align="center" width="100">
<el-table-column label="操作" align="center" width="120">
<template #default="scope">
<el-button
type="primary"
:icon="Edit"
size="mini"
circle
plain
@click.stop="handleUpdate(scope.row)"
@@ -54,7 +51,6 @@
<el-button
type="danger"
:icon="Delete"
size="mini"
circle
plain
@click.stop="handleDelete(scope.row)"

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

@@ -16,7 +16,7 @@
<template #header>
<svg-icon color="#333" icon-class="menu"/>
<span style="margin:0 5px;">菜单分配</span>
<el-tag type="success" v-if="role.id" size="small">
<el-tag type="success" v-if="role.id">
<svg-icon color="green" icon-class="role"/>
{{ role.name }}
</el-tag>
@@ -32,11 +32,11 @@
<svg-icon color="#333" icon-class="perm"/>
<span style="margin:0 5px;">权限分配</span>
<el-tag type="success" style="margin:0 5px 0 0;" v-if="role.id" size="small">
<el-tag type="success" style="margin:0 5px 0 0;" v-if="role.id" >
<svg-icon color="green" icon-class="role"/>
{{ role.name }}
</el-tag>
<el-tag type="warning" style="margin:0 5px 0 0;" v-else size="small"> 请选择角色</el-tag>
<el-tag type="warning" style="margin:0 5px 0 0;" v-else size="small"> 请选择角色</el-tag>
<el-tag type="success" v-if="menu.id" size="small">
<svg-icon color="red" icon-class="menu"/>

11
src/views/system/user/index.vue
View File

@@ -2,7 +2,6 @@
<div class="app-container">
<el-row :gutter="20">
<!-- 部门数据 -->
<el-col
:span="4"
:xs="24"
@@ -12,7 +11,6 @@
v-model="deptName"
placeholder="部门名称"
clearable
size="small"
:prefix-icon="Search"
style="margin-bottom: 20px"
/>
@@ -44,7 +42,6 @@
<el-button
type="success"
:icon="Plus"
size="mini"
@click="handleAdd"
v-hasPerm="['sys:user:add']"
>
@@ -53,7 +50,6 @@
<el-button
type="danger"
:icon="Delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPerm="['sys:user:delete']"
@@ -67,7 +63,6 @@
v-model="queryParams.keywords"
placeholder="用户名/昵称/手机号"
clearable
size="small"
style="width: 200px"
@keyup.enter="handleQuery"
/>
@@ -78,7 +73,6 @@
v-model="queryParams.status"
placeholder="用户状态"
clearable
size="small"
style="width: 200px"
>
<el-option label="正常" value="1"/>
@@ -90,14 +84,12 @@
<el-button
type="primary"
:icon="Search"
size="mini"
@click="handleQuery"
>
搜索
</el-button>
<el-button
:icon="Refresh"
size="mini"
@click="resetQuery"
>
重置
@@ -177,7 +169,6 @@
<el-button
type="primary"
:icon="Edit"
size="mini"
circle
plain
@click="handleUpdate(scope.row)"
@@ -186,7 +177,6 @@
</el-button>
<el-button
type="danger"
size="mini"
:icon="Delete"
circle
plain
@@ -196,7 +186,6 @@
</el-button>
<el-button
type="warning"
size="mini"
:icon="Lock"
circle
plain