tongtong/vue3-element-admin
2
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

2
src/views/login/index.vue
View File

@@ -58,7 +58,7 @@
</el-form-item>
<el-button :loading="loading" type="primary" style="width:100%;margin-bottom:30px;" @click.native.prevent="handleLogin">登录</el-button>
<el-button size="default" :loading="loading" type="primary" style="width:100%;margin-bottom:30px;" @click.native.prevent="handleLogin">登录</el-button>
<div class="tips">
<span style="margin-right:20px;">用户名: admin</span>

4
src/views/oms/order/index.vue
View File

@@ -5,7 +5,6 @@
ref="queryForm"
:model="queryParams"
:inline="true"
size="small"
>
<el-form-item prop="orderSn">
<el-input v-model="queryParams.orderSn" placeholder="订单号"/>
@@ -52,7 +51,6 @@
<template #default="scope">
<el-table
:data="scope.row.orderItems"
size="small"
border
>
<el-table-column label="序号" type="index" width="100"/>
@@ -111,7 +109,7 @@
<el-table-column align="center" label="操作">
<template #default="scope">
<el-button size="mini" @click="viewDetail(scope.row)">查看</el-button>
<el-button @click="viewDetail(scope.row)">查看</el-button>
</template>
</el-table-column>
</el-table>

3
src/views/pms/brand/index.vue
View File

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

4
src/views/pms/category/components/Attribute.vue
View File

@@ -7,7 +7,7 @@
<el-tag v-else type="info"><i class="el-icon-info"></i> 请选择商品分类</el-tag>
</el-col>
<el-col :span="12" style="text-align: right">
<el-button type="primary" :icon="Check" size="mini" @click="submitForm">提交</el-button>
<el-button type="primary" :icon="Check" @click="submitForm">提交</el-button>
</el-col>
</el-row>
@@ -32,7 +32,6 @@
:icon="Plus"
circle
plain
size="mini"
@click.prevent="handleAdd()"
style="margin-left: 15px"
/>
@@ -42,7 +41,6 @@
:icon="Delete"
plain
circle
size="mini"
@click.prevent="handleDelete(index)"
style="margin-left: 15px"
/>

3
src/views/pms/category/components/Category.vue
View File

@@ -34,7 +34,6 @@
<el-button
v-show="scope.data.level != 3 "
type="primary"
size="mini"
icon="Plus"
circle
plain
@@ -43,14 +42,12 @@
v-show="scope.data.id !== 0"
type="warning"
:icon="Edit"
size="mini"
circle
plain
@click.stop="handleUpdate(scope.data)"/>
<el-button
v-show="scope.data.id && (!scope.data.children || scope.data.children.length <= 0)"
type="danger"
size="mini"
:icon="Delete"
circle
plain

4
src/views/pms/goods/components/GoodsAttribute.vue
View File

@@ -8,7 +8,7 @@
style="float: right;"
type="success"
:icon="Plus"
size="mini"
size="small"
@click="handleAdd"
>
添加属性
@@ -23,7 +23,7 @@
>
<el-table
:data="modelValue.attrList"
size="mini"
size="small"
highlight-current-row
border
>

18
src/views/pms/goods/components/GoodsStock.vue
View File

@@ -8,7 +8,7 @@
:icon="Plus"
type="success"
@click="handleSpecAdd"
size="mini"
size="small"
style="float: right;"
>
添加规格项
@@ -19,13 +19,13 @@
ref="specFormRef"
:model="specForm"
:inline="true"
size="mini"
size="small"
>
<el-table
ref="specTableRef"
:data="specForm.specList"
row-key="id"
size="mini"
size="small"
>
<el-table-column align="center" width="50">
<template>
@@ -41,7 +41,7 @@
<el-input
type="text"
v-model="scope.row.name"
size="mini"
size="small"
@input="handleSpecChange()"
/>
</el-form-item>
@@ -78,14 +78,14 @@
@keyup.enter.native="handleSpecValueInput(scope.$index)"
@blur="handleSpecValueInput(scope.$index)"
style="width: 80px;vertical-align: top"
size="mini"
size="small"
/>
<el-button
v-else
@click="handleSpecValueAdd(scope.$index)"
:icon="Plus"
style="vertical-align: top"
size="mini"
size="small"
>
添加规格值
</el-button>
@@ -97,7 +97,7 @@
<el-button
type="danger"
:icon="Minus"
size="mini"
size="small"
circle
plain
@click.stop="handleSpecRemove(scope.$index)"/>
@@ -114,14 +114,14 @@
<el-form
ref="skuFormRef"
:model="skuForm"
size="mini"
size="small"
:inline="true"
>
<el-table
:data="skuForm.skuList"
:span-method="objectSpanMethod"
highlight-current-row
size="mini"
size="small"
border
>

7
src/views/pms/goods/index.vue
View File

@@ -3,7 +3,7 @@
<el-form
ref="queryForm"
:inline="true"
size="mini"
>
<el-form-item>
<el-button type="success" :icon="Plus" @click="handleAdd">发布商品</el-button>
@@ -42,7 +42,6 @@
<template #default="props">
<el-table
:data="props.row.skuList"
size="small"
border>
<el-table-column align="center" label="商品编码" prop="sn"/>
<el-table-column align="center" label="商品规格" prop="name"/>
@@ -78,7 +77,7 @@
<el-table-column label="描述" prop="description" min-width="100"/>
<el-table-column label="详情" prop="detail">
<template #default="scope">
<el-button type="primary" size="mini" @click="handleGoodsView(scope.row.detail)">查看</el-button>
<el-button type="primary" @click="handleGoodsView(scope.row.detail)">查看</el-button>
</template>
</el-table-column>
<el-table-column label="操作" width="120">
@@ -86,7 +85,6 @@
<el-button
type="primary"
:icon="Edit"
size="mini"
circle
plain
@click.stop="handleUpdate(scope.row)"
@@ -94,7 +92,6 @@
<el-button
type="danger"
:icon="Delete"
size="mini"
circle
plain
@click.stop="handleDelete(scope.row)"

7
src/views/sms/advert/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>
@@ -53,8 +52,8 @@
<el-table-column prop="endTime" label="结束时间" min-width="10"/>
<el-table-column prop="status" label="状态" min-width="6">
<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 prop="sort" label="排序" min-width="6"/>
@@ -63,7 +62,6 @@
<el-button
type="primary"
:icon="Edit"
size="mini"
circle
plain
@click.stop="handleUpdate(scope.row)"
@@ -71,7 +69,6 @@
<el-button
type="danger"
:icon="Delete"
size="mini"
circle
plain
@click.stop="handleDelete(scope.row)"

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

8
src/views/ums/member/index.vue
View File

@@ -101,11 +101,11 @@
</template>
<script setup lang="ts">
import {Search, Plus, Edit, Refresh, Delete} from '@element-plus/icons'
import {listMembersWithPage} from '@/api/ums/member'
import {reactive, ref, onMounted, toRefs} from 'vue'
import {reactive, onMounted, toRefs} from 'vue'
import {ElTable, ElMessage, ElMessageBox} from 'element-plus'
import {Search, Plus, Edit, Refresh, Delete} from '@element-plus/icons'
import {listMembersWithPage} from '@/api/ums/member'
const state = reactive({
// 遮罩层