refactor: 全局大小设置移除固定的size、新版的element-plus的size移除mini和medium的值
This commit is contained in:
@@ -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>
|
||||
|
||||
|
||||
@@ -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'
|
||||
|
||||
|
||||
@@ -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')
|
||||
|
||||
@@ -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
|
||||
}
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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)"
|
||||
|
||||
@@ -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"
|
||||
/>
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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
|
||||
>
|
||||
|
||||
@@ -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
|
||||
>
|
||||
|
||||
|
||||
@@ -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)"
|
||||
|
||||
@@ -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)"
|
||||
|
||||
@@ -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)"
|
||||
|
||||
@@ -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)">
|
||||
|
||||
@@ -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)"
|
||||
|
||||
@@ -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)"
|
||||
|
||||
@@ -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)"
|
||||
|
||||
@@ -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)"
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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)"
|
||||
|
||||
@@ -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"/>
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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({
|
||||
// 遮罩层
|
||||
|
||||
Reference in New Issue
Block a user