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

style: 代码统一风格格式化

Browse Source 
Former-commit-id: 5d0a75e41127c57c663eb2617b1ce66d039f4c29
This commit is contained in:
郝先瑞
2022-05-08 13:06:12 +08:00
parent 77a71db326
commit eab11687aa
137 changed files with 10635 additions and 10635 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,61 +1,61 @@
<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="role" />
角色列表
</template>
<Role ref="role" @roleClick="handleRoleClick" />
</el-card>
</el-col>
<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="role" />
角色列表
</template>
<Role ref="role" @roleClick="handleRoleClick" />
</el-card>
</el-col>
<el-col :span="6" :xs="24">
<el-card class="box-card" shadow="always">
<template #header>
<svg-icon color="#333" icon-class="menu" />
<span style="margin: 0 5px">菜单分配</span>
<el-tag type="success" v-if="role.id">
<svg-icon color="green" icon-class="role" />
{{ role.name }}
</el-tag>
<el-tag type="warning" v-else size="small">请选择角色</el-tag>
</template>
<Menus ref="menu" @menuClick="handleMenuClick" :role="role" />
</el-card>
</el-col>
<el-col :span="6" :xs="24">
<el-card class="box-card" shadow="always">
<template #header>
<svg-icon color="#333" icon-class="menu" />
<span style="margin: 0 5px">菜单分配</span>
<el-tag type="success" v-if="role.id">
<svg-icon color="green" icon-class="role" />
{{ role.name }}
</el-tag>
<el-tag type="warning" v-else size="small">请选择角色</el-tag>
</template>
<Menus ref="menu" @menuClick="handleMenuClick" :role="role" />
</el-card>
</el-col>
<el-col :span="8" :xs="24">
<el-card class="box-card" shadow="always">
<template #header>
<svg-icon icon-class="perm" />
<span style="margin: 0 5px">权限分配</span>
<el-col :span="8" :xs="24">
<el-card class="box-card" shadow="always">
<template #header>
<svg-icon icon-class="perm" />
<span style="margin: 0 5px">权限分配</span>
<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="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="success" v-if="menu.id" size="small">
<svg-icon icon-class="menu" />
{{ menu.name }}
</el-tag>
<el-tag type="warning" v-else size="small"> 请选择菜单</el-tag>
</template>
<perm ref="perm" :menu="menu" :role="role" />
</el-card>
</el-col>
</el-row>
</div>
<el-tag type="success" v-if="menu.id" size="small">
<svg-icon icon-class="menu" />
{{ menu.name }}
</el-tag>
<el-tag type="warning" v-else size="small"> 请选择菜单</el-tag>
</template>
<perm ref="perm" :menu="menu" :role="role" />
</el-card>
</el-col>
</el-row>
</div>
</template>
<script setup lang="ts">
@@ -68,48 +68,48 @@ import Menus from './components/Menu.vue';
import Perm from './components/Perm.vue';
const state = reactive({
role: {
id: undefined,
name: ''
},
menu: {
id: undefined,
name: ''
}
role: {
id: undefined,
name: ''
},
menu: {
id: undefined,
name: ''
}
});
const { role, menu } = toRefs(state);
function handleRoleClick(roleRow: any) {
if (roleRow) {
state.role = {
id: roleRow.id,
name: roleRow.name
};
} else {
state.role = {
id: undefined,
name: ''
};
}
if (roleRow) {
state.role = {
id: roleRow.id,
name: roleRow.name
};
} else {
state.role = {
id: undefined,
name: ''
};
}
}
function handleMenuClick(menuRow: any) {
if (!state.role.id) {
ElMessage.warning('请选择角色');
return false;
}
if (menuRow) {
state.menu = {
id: menuRow.value,
name: menuRow.label
};
} else {
state.menu = {
id: undefined,
name: ''
};
}
if (!state.role.id) {
ElMessage.warning('请选择角色');
return false;
}
if (menuRow) {
state.menu = {
id: menuRow.value,
name: menuRow.label
};
} else {
state.menu = {
id: undefined,
name: ''
};
}
}
</script>