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

style: 全局代码格式化

Browse Source 
Former-commit-id: bb50c8419b8fcdeb48c93fce9f399d901e8f5a52
This commit is contained in:
郝先瑞
2022-05-04 15:02:33 +08:00
parent e563bc340c
commit 11f02c0254
136 changed files with 11147 additions and 9780 deletions
Download Patch File Download Diff File Expand all files Collapse all files

87
src/views/system/menu/index.vue
View File

@@ -1,56 +1,57 @@
<template>
<div class="app-container">
<el-row :gutter="10">
<el-col :span="10" :xs="24">
<el-card class="box-card" shadow="always">
<template #header>
<svg-icon color="#333" icon-class="menu"/>
菜单列表
</template>
<menu-table @menuClick="handleMenuClick"/>
</el-card>
</el-col>
<el-col :span="14" :xs="24">
<el-card class="box-card" shadow="always">
<template #header>
<svg-icon color="#333" icon-class="perm"/>
<span style="margin:0 5px;">权限列表</span>
<el-tag type="success" v-if="menuId" size="small">{{ menuName }}</el-tag>
<el-tag type="warning" v-else size="small">请点击左侧菜单列表选择</el-tag>
</template>
<perm-table :menuId="menuId" :menuName="menuName"/>
</el-card>
</el-col>
</el-row>
</div>
<div class="app-container">
<el-row :gutter="10">
<el-col :span="10" :xs="24">
<el-card class="box-card" shadow="always">
<template #header>
<svg-icon color="#333" icon-class="menu" />
菜单列表
</template>
<menu-table @menuClick="handleMenuClick" />
</el-card>
</el-col>
<el-col :span="14" :xs="24">
<el-card class="box-card" shadow="always">
<template #header>
<svg-icon color="#333" icon-class="perm" />
<span style="margin: 0 5px">权限列表</span>
<el-tag type="success" v-if="menuId" size="small">{{
menuName
}}</el-tag>
<el-tag type="warning" v-else size="small"
>请点击左侧菜单列表选择</el-tag
>
</template>
<perm-table :menuId="menuId" :menuName="menuName" />
</el-card>
</el-col>
</el-row>
</div>
</template>
<script setup lang="ts">
import SvgIcon from '@/components/SvgIcon/index.vue';
import MenuTable from './components/Menu.vue'
import PermTable from './components/Perm.vue'
import MenuTable from './components/Menu.vue';
import PermTable from './components/Perm.vue';
import {reactive, toRefs} from 'vue'
import { reactive, toRefs } from 'vue';
const state = reactive({
menuId: undefined,
menuName: ''
})
menuId: undefined,
menuName: ''
});
const {menuId,menuName}=toRefs(state)
const { menuId, menuName } = toRefs(state);
function handleMenuClick (menuRow: any){
if (menuRow) {
state.menuId = menuRow.id
state.menuName = menuRow.name
} else {
state.menuId = undefined
state.menuName = ''
}
function handleMenuClick(menuRow: any) {
if (menuRow) {
state.menuId = menuRow.id;
state.menuName = menuRow.name;
} else {
state.menuId = undefined;
state.menuName = '';
}
}
</script>
<style scoped>
</style>
<style scoped></style>