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

4
src/layout/components/AppMain.vue
View File

@@ -13,9 +13,9 @@
<script setup lang="ts"> <script setup lang="ts">
import {computed} from "vue"; import {computed} from "vue";
import {tagsViewStoreHook} from '@/store/modules/tagsView' import {useTagsViewStoreHook} from '@/store/modules/tagsView'
const cachedViews = computed(() => tagsViewStoreHook().cachedViews); const cachedViews = computed(() => useTagsViewStoreHook().cachedViews);
</script> </script>

13
src/layout/components/Navbar.vue
View File

@@ -10,15 +10,15 @@
<!-- <search id="header-search" class="right-menu-item" /> <!-- <search id="header-search" class="right-menu-item" />
<error-log class="errLog-container right-menu-item hover-effect" />--> <error-log class="errLog-container right-menu-item hover-effect" />-->
<screenfull id="screenfull" class="right-menu-item hover-effect"/> <screenfull id="screenfull" class="right-menu-item hover-effect"/>
<!--<el-tooltip content="Global Size" effect="dark" placement="bottom"> <el-tooltip content="全局大小" effect="dark" placement="bottom">
<size-select id="size-select" class="right-menu-item hover-effect" /> <size-select id="size-select" class="right-menu-item hover-effect"/>
</el-tooltip>--> </el-tooltip>
</template> </template>
<el-dropdown class="avatar-container right-menu-item hover-effect" trigger="click"> <el-dropdown class="avatar-container right-menu-item hover-effect" trigger="click">
<div class="avatar-wrapper"> <div class="avatar-wrapper">
<img :src="avatar+'?imageView2/1/w/80/h/80'" class="user-avatar"> <img :src="avatar+'?imageView2/1/w/80/h/80'" class="user-avatar">
<CaretBottom style="width: .6em; height: .6em;" /> <CaretBottom style="width: .6em; height: .6em;"/>
</div> </div>
<template #dropdown> <template #dropdown>
@@ -45,13 +45,14 @@
</div> </div>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { computed} from "vue" import {computed} from "vue"
import {ElMessageBox} from 'element-plus' import {ElMessageBox} from 'element-plus'
import {useRoute, useRouter} from "vue-router" import {useRoute, useRouter} from "vue-router"
import Breadcrumb from '@/components/Breadcrumb/index.vue' import Breadcrumb from '@/components/Breadcrumb/index.vue'
import Hamburger from '@/components/Hamburger/index.vue' import Hamburger from '@/components/Hamburger/index.vue'
import Screenfull from '@/components/screenfull/index.vue' import Screenfull from '@/components/screenfull/index.vue'
import {tagsViewStoreHook} from '@/store/modules/tagsView' import SizeSelect from '@/components/SizeSelect/index.vue'
import {useTagsViewStoreHook} from '@/store/modules/tagsView'
import {useAppStoreHook} from '@/store/modules/app' import {useAppStoreHook} from '@/store/modules/app'
import {useUserStoreHook} from '@/store/modules/user' import {useUserStoreHook} from '@/store/modules/user'

6
src/layout/components/TagsView/ScrollPane.vue
View File

@@ -10,13 +10,13 @@
<script setup lang="ts"> <script setup lang="ts">
import {ref, computed, onMounted, onBeforeUnmount, getCurrentInstance} from "vue"; import {ref, computed, onMounted, onBeforeUnmount, getCurrentInstance} from "vue";
import {tagsViewStoreHook} from "@/store/modules/tagsView" import {useTagsViewStoreHook} from "@/store/modules/tagsView"
import {TagView} from "@store/interface"; import {TagView} from "@/store/interface";
const emits = defineEmits() const emits = defineEmits()
const tagAndTagSpacing = ref(4) const tagAndTagSpacing = ref(4)
const scrollContainerRef = ref(null) const scrollContainerRef = ref(null)
const visitedViews = computed(() => tagsViewStoreHook().visitedViews) const visitedViews = computed(() => useTagsViewStoreHook().visitedViews)
const emitScroll = () => { const emitScroll = () => {
(emits as any)('scroll') (emits as any)('scroll')

22
src/layout/components/TagsView/index.vue
View File

@@ -47,7 +47,7 @@
<script lang="ts" setup> <script lang="ts" setup>
import {tagsViewStoreHook} from '@/store/modules/tagsView' import {useTagsViewStoreHook} from '@/store/modules/tagsView'
import {usePermissionStoreHook} from '@/store/modules/Permission' import {usePermissionStoreHook} from '@/store/modules/Permission'
import path from 'path-browserify' import path from 'path-browserify'
import { import {
@@ -68,7 +68,7 @@ const {ctx} = getCurrentInstance() as any
const router = useRouter() const router = useRouter()
const route = useRoute(); const route = useRoute();
const visitedViews = computed<any>(() => tagsViewStoreHook().visitedViews) const visitedViews = computed<any>(() => useTagsViewStoreHook().visitedViews)
const routes = computed<any>(() => usePermissionStoreHook().routes) const routes = computed<any>(() => usePermissionStoreHook().routes)
const affixTags = ref([]); const affixTags = ref([]);
@@ -121,14 +121,14 @@ function initTags() {
for (const tag of res) { for (const tag of res) {
// Must have tag name // Must have tag name
if ((tag as TagView).name) { if ((tag as TagView).name) {
tagsViewStoreHook().addVisitedView(tag) useTagsViewStoreHook().addVisitedView(tag)
} }
} }
} }
function addTags() { function addTags() {
if (route.name) { if (route.name) {
tagsViewStoreHook().addView(route) useTagsViewStoreHook().addView(route)
} }
return false return false
} }
@@ -144,7 +144,7 @@ function moveToCurrentTag() {
(scrollPaneRef.value as any).value.moveToTarget(tag) (scrollPaneRef.value as any).value.moveToTarget(tag)
// when query is different then update // when query is different then update
if ((tag.to as TagView).fullPath !== route.fullPath) { if ((tag.to as TagView).fullPath !== route.fullPath) {
tagsViewStoreHook().updateVisitedView(route) useTagsViewStoreHook().updateVisitedView(route)
} }
} }
} }
@@ -176,7 +176,7 @@ function isLastView() {
} }
function refreshSelectedTag(view: TagView) { function refreshSelectedTag(view: TagView) {
tagsViewStoreHook().delCachedView(view) useTagsViewStoreHook().delCachedView(view)
const {fullPath} = view const {fullPath} = view
nextTick(() => { nextTick(() => {
router.replace({path: '/redirect' + fullPath}).catch(err => { router.replace({path: '/redirect' + fullPath}).catch(err => {
@@ -202,7 +202,7 @@ function toLastView(visitedViews: TagView[], view?: any) {
} }
function closeSelectedTag(view: TagView) { function closeSelectedTag(view: TagView) {
tagsViewStoreHook().delView(view).then((res: any) => { useTagsViewStoreHook().delView(view).then((res: any) => {
if (isActive(view)) { if (isActive(view)) {
toLastView(res.visitedViews, view) toLastView(res.visitedViews, view)
} }
@@ -210,14 +210,14 @@ function closeSelectedTag(view: TagView) {
} }
function closeLeftTags() { function closeLeftTags() {
tagsViewStoreHook().delLeftViews(selectedTag.value).then((res: any) => { useTagsViewStoreHook().delLeftViews(selectedTag.value).then((res: any) => {
if (!res.visitedViews.find((item: any) => item.fullPath === route.fullPath)) { if (!res.visitedViews.find((item: any) => item.fullPath === route.fullPath)) {
toLastView(res.visitedViews) toLastView(res.visitedViews)
} }
}) })
} }
function closeRightTags() { function closeRightTags() {
tagsViewStoreHook().delRightViews(selectedTag.value).then((res:any) => { useTagsViewStoreHook().delRightViews(selectedTag.value).then((res:any) => {
if (!res.visitedViews.find((item:any) => item.fullPath === route.fullPath)) { if (!res.visitedViews.find((item:any) => item.fullPath === route.fullPath)) {
toLastView(res.visitedViews) toLastView(res.visitedViews)
} }
@@ -225,13 +225,13 @@ function closeRightTags() {
} }
function closeOtherTags() { function closeOtherTags() {
tagsViewStoreHook().delOtherViews(selectedTag.value).then(() => { useTagsViewStoreHook().delOtherViews(selectedTag.value).then(() => {
moveToCurrentTag() moveToCurrentTag()
}) })
} }
function closeAllTags(view: TagView) { function closeAllTags(view: TagView) {
tagsViewStoreHook().delRightViews(selectedTag.value).then((res:any) => { useTagsViewStoreHook().delRightViews(selectedTag.value).then((res:any) => {
if (affixTags.value.some((tag:any) => tag.path === route.path)) { if (affixTags.value.some((tag:any) => tag.path === route.path)) {
return return
} }

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

@@ -58,7 +58,7 @@
</el-form-item> </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"> <div class="tips">
<span style="margin-right:20px;">用户名: admin</span> <span style="margin-right:20px;">用户名: admin</span>

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

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

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

@@ -5,7 +5,6 @@
ref="queryFormRef" ref="queryFormRef"
:model="queryParams" :model="queryParams"
:inline="true" :inline="true"
size="small"
> >
<el-form-item> <el-form-item>
<el-button type="success" :icon="Plus" @click="handleAdd">新增</el-button> <el-button type="success" :icon="Plus" @click="handleAdd">新增</el-button>
@@ -72,14 +71,12 @@
@click="handleUpdate(scope.row)" @click="handleUpdate(scope.row)"
type="primary" type="primary"
:icon="Edit" :icon="Edit"
size="mini"
circle circle
plain plain
/> />
<el-button <el-button
type="danger" type="danger"
:icon="Delete" :icon="Delete"
size="mini"
circle circle
plain plain
@click="handleDelete(scope.row)" @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-tag v-else type="info"><i class="el-icon-info"></i> 请选择商品分类</el-tag>
</el-col> </el-col>
<el-col :span="12" style="text-align: right"> <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-col>
</el-row> </el-row>
@@ -32,7 +32,6 @@
:icon="Plus" :icon="Plus"
circle circle
plain plain
size="mini"
@click.prevent="handleAdd()" @click.prevent="handleAdd()"
style="margin-left: 15px" style="margin-left: 15px"
/> />
@@ -42,7 +41,6 @@
:icon="Delete" :icon="Delete"
plain plain
circle circle
size="mini"
@click.prevent="handleDelete(index)" @click.prevent="handleDelete(index)"
style="margin-left: 15px" style="margin-left: 15px"
/> />

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

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

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

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

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

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

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

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

7
src/views/sms/advert/index.vue
View File

@@ -5,7 +5,6 @@
ref="queryForm" ref="queryForm"
:model="queryParams" :model="queryParams"
:inline="true" :inline="true"
size="small"
> >
<el-form-item> <el-form-item>
<el-button type="success" :icon="Plus" @click="handleAdd">新增</el-button> <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="endTime" label="结束时间" min-width="10"/>
<el-table-column prop="status" label="状态" min-width="6"> <el-table-column prop="status" label="状态" min-width="6">
<template #default="scope"> <template #default="scope">
<el-tag v-if="scope.row.status===1" type="success" size="mini">开启</el-tag> <el-tag v-if="scope.row.status===1" type="success" >开启</el-tag>
<el-tag v-else type="info" size="mini">关闭</el-tag> <el-tag v-else type="info">关闭</el-tag>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="sort" label="排序" min-width="6"/> <el-table-column prop="sort" label="排序" min-width="6"/>
@@ -63,7 +62,6 @@
<el-button <el-button
type="primary" type="primary"
:icon="Edit" :icon="Edit"
size="mini"
circle circle
plain plain
@click.stop="handleUpdate(scope.row)" @click.stop="handleUpdate(scope.row)"
@@ -71,7 +69,6 @@
<el-button <el-button
type="danger" type="danger"
:icon="Delete" :icon="Delete"
size="mini"
circle circle
plain plain
@click.stop="handleDelete(scope.row)" @click.stop="handleDelete(scope.row)"

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -11,7 +11,7 @@
</el-checkbox> </el-checkbox>
</el-col> </el-col>
<el-col :span="12" style="text-align: right"> <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-col>
</el-row> </el-row>
@@ -27,7 +27,6 @@
:label="item.id" :label="item.id"
:key="item.id" :key="item.id"
@change="handleCheckedPermChange" @change="handleCheckedPermChange"
size="mini"
> >
{{ item.name }} {{ item.name }}
</el-checkbox> </el-checkbox>

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

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

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

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

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

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

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

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