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

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

View File

@@ -13,9 +13,9 @@
<script setup lang="ts">
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>

View File

@@ -10,15 +10,15 @@
<!-- <search id="header-search" class="right-menu-item" />
<error-log class="errLog-container right-menu-item hover-effect" />-->
<screenfull id="screenfull" class="right-menu-item hover-effect"/>
<!--<el-tooltip content="Global Size" effect="dark" placement="bottom">
<size-select id="size-select" class="right-menu-item hover-effect" />
</el-tooltip>-->
<el-tooltip content="全局大小" effect="dark" placement="bottom">
<size-select id="size-select" class="right-menu-item hover-effect"/>
</el-tooltip>
</template>
<el-dropdown class="avatar-container right-menu-item hover-effect" trigger="click">
<div class="avatar-wrapper">
<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>
<template #dropdown>
@@ -45,13 +45,14 @@
</div>
</template>
<script setup lang="ts">
import { computed} from "vue"
import {computed} from "vue"
import {ElMessageBox} from 'element-plus'
import {useRoute, useRouter} from "vue-router"
import Breadcrumb from '@/components/Breadcrumb/index.vue'
import Hamburger from '@/components/Hamburger/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 {useUserStoreHook} from '@/store/modules/user'

View File

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

View File

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

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>

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>

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)"

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"
/>

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

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
>

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
>

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)"

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)"

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)"

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)">

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)"

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)"

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)"

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)"

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>

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>

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)"

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"/>

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

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({
// 遮罩层