style: 代码统一风格格式化
Former-commit-id: 5d0a75e41127c57c663eb2617b1ce66d039f4c29
This commit is contained in:
@@ -1,32 +1,32 @@
|
||||
<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">
|
||||
@@ -37,20 +37,20 @@ import PermTable from './components/Perm.vue';
|
||||
import { reactive, toRefs } from 'vue';
|
||||
|
||||
const state = reactive({
|
||||
menuId: undefined,
|
||||
menuName: ''
|
||||
menuId: undefined,
|
||||
menuName: ''
|
||||
});
|
||||
|
||||
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 = '';
|
||||
}
|
||||
if (menuRow) {
|
||||
state.menuId = menuRow.id;
|
||||
state.menuName = menuRow.name;
|
||||
} else {
|
||||
state.menuId = undefined;
|
||||
state.menuName = '';
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user