parent
f7b3203b60
commit
531cb14eb2
@ -0,0 +1,106 @@
|
|||||||
|
export const asideData = [
|
||||||
|
{
|
||||||
|
id: 1,
|
||||||
|
index: '/home',
|
||||||
|
icon: 'icon iconfont icon-shujutongji',
|
||||||
|
name: '数据统计',
|
||||||
|
pid: 0
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 2,
|
||||||
|
index: '/user-manage',
|
||||||
|
icon: 'icon iconfont icon-yonghuguanli',
|
||||||
|
name: '用户管理',
|
||||||
|
pid: 0
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 3,
|
||||||
|
index: '/employee-manage',
|
||||||
|
icon: 'icon iconfont icon-shenfenzhongxin-xinxiguanlizhigongxinxiguanli',
|
||||||
|
name: '职工管理',
|
||||||
|
pid: 0
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 4,
|
||||||
|
index: '/reward-manage',
|
||||||
|
icon: 'icon iconfont icon-gerenjixiao',
|
||||||
|
name: '绩效管理',
|
||||||
|
pid: 0
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 5,
|
||||||
|
index: '/feedback',
|
||||||
|
icon: 'icon iconfont icon-fankui',
|
||||||
|
name: '员工反馈与投诉管理',
|
||||||
|
pid: 0,
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
id: 6,
|
||||||
|
index: '/feedback/manage',
|
||||||
|
name: '投诉管理',
|
||||||
|
pid: 5
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 7,
|
||||||
|
index: '/feedback/view',
|
||||||
|
name: '员工反馈',
|
||||||
|
pid: 5
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 8,
|
||||||
|
index: '/request',
|
||||||
|
icon: 'icon iconfont icon-qingjiashenqing',
|
||||||
|
name: '请假管理',
|
||||||
|
pid: 0,
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
id: 9,
|
||||||
|
index: '/request/manage',
|
||||||
|
name: '请假信息管理',
|
||||||
|
pid: 8
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 10,
|
||||||
|
index: '/request/view',
|
||||||
|
name: '个人请假信息',
|
||||||
|
pid: 8
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 11,
|
||||||
|
index: '/person',
|
||||||
|
icon: 'icon iconfont icon-gerenxinxiguanli',
|
||||||
|
name: '个人信息管理',
|
||||||
|
pid: 0,
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
id: 12,
|
||||||
|
index: '/person/password',
|
||||||
|
name: '修改密码',
|
||||||
|
pid: 11
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 13,
|
||||||
|
index: '/person/avatar',
|
||||||
|
name: '修改个人信息',
|
||||||
|
pid: 11
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
export function generateNested(nodes, parentId = 0) {
|
||||||
|
const result = []
|
||||||
|
for (const node of nodes) {
|
||||||
|
if (node.pid === parentId) {
|
||||||
|
const children = generateNested(nodes, node.id)
|
||||||
|
if (children.length) {
|
||||||
|
node.children = children
|
||||||
|
}
|
||||||
|
result.push(node)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return result
|
||||||
|
}
|
||||||
@ -1,29 +0,0 @@
|
|||||||
<!--
|
|
||||||
* @Author: BINGWU
|
|
||||||
* @Date: 2024-01-24 17:35:53
|
|
||||||
* @LastEditors: BINGWU HuJiaCheng2003@163.com
|
|
||||||
* @LastEditTime: 2024-02-10 23:50:21
|
|
||||||
* @FilePath: \bingwu-admin\src\views\InternationalView.vue
|
|
||||||
* @Describe:
|
|
||||||
* @Mark: ૮(˶ᵔ ᵕ ᵔ˶)ა
|
|
||||||
-->
|
|
||||||
<template>
|
|
||||||
<div class="international">
|
|
||||||
<h1>国际化展示(局部国际化)</h1>
|
|
||||||
<h4>自定义内容国际化</h4>
|
|
||||||
<div>
|
|
||||||
<span>{{ $t('headMenus.name') }}:</span>
|
|
||||||
<span>{{ $t('headMenus.userName') }}</span>
|
|
||||||
</div>
|
|
||||||
<h4>element-plus组件的国际化</h4>
|
|
||||||
<div style="width: 30%">
|
|
||||||
<el-table mb-1 :data="[]" />
|
|
||||||
<el-pagination :total="100" />
|
|
||||||
</div>
|
|
||||||
<i class="icon iconfont icon-yuyan"></i>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script setup></script>
|
|
||||||
|
|
||||||
<style lang="scss" scoped></style>
|
|
||||||
@ -0,0 +1,70 @@
|
|||||||
|
<template>
|
||||||
|
<div class="UserFormCom">
|
||||||
|
<el-dialog
|
||||||
|
v-model="dialogVisible"
|
||||||
|
title="Tips"
|
||||||
|
width="500"
|
||||||
|
:before-close="handleClose"
|
||||||
|
>
|
||||||
|
<el-form :model="form" label-width="auto" style="max-width: 600px">
|
||||||
|
<el-form-item label="用户名">
|
||||||
|
<el-input type="text" v-model="formData.username" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="密码">
|
||||||
|
<el-input type="password" v-model="formData.password" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="角色类型">
|
||||||
|
<el-input type="text" v-model="formData.userType" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="菜单权限">
|
||||||
|
<el-tree
|
||||||
|
style="max-width: 600px"
|
||||||
|
:data="asideData"
|
||||||
|
show-checkbox
|
||||||
|
node-key="id"
|
||||||
|
default-expand-all
|
||||||
|
:props="defaultProps"
|
||||||
|
ref="elTreeRef"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<template #footer>
|
||||||
|
<div class="dialog-footer">
|
||||||
|
<el-button @click="dialogVisible = false">取消</el-button>
|
||||||
|
<el-button type="primary" @click="handleConfirm"> 确认 </el-button>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { ref } from 'vue'
|
||||||
|
import { asideData, generateNested } from '@/db/asideData'
|
||||||
|
const formData = ref({ name: '', password: '', userType: '' })
|
||||||
|
const dialogVisible = ref(true)
|
||||||
|
const elTreeRef = ref(null)
|
||||||
|
const defaultProps = {
|
||||||
|
children: 'children',
|
||||||
|
label: 'name'
|
||||||
|
}
|
||||||
|
|
||||||
|
const handleConfirm = () => {
|
||||||
|
const checkedNodes = elTreeRef.value.getCheckedNodes()
|
||||||
|
const tree = generateNested(checkedNodes)
|
||||||
|
const newTree = tree.map((item) => {
|
||||||
|
const { index, icon, name, children } = item
|
||||||
|
const newItem = { index, icon, name }
|
||||||
|
if (children) {
|
||||||
|
newItem.children = children.map((child) => {
|
||||||
|
const { index, name } = child
|
||||||
|
return { index, name }
|
||||||
|
})
|
||||||
|
}
|
||||||
|
return newItem
|
||||||
|
})
|
||||||
|
console.log('data1', newTree)
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped></style>
|
||||||
Loading…
Reference in new issue