24 changed files with 560 additions and 96 deletions
@ -1,18 +1,56 @@ |
|||
<template> |
|||
<w-tree-grid title="Hello" :columns="columns" :rows="data"></w-tree-grid> |
|||
<w-list-grid |
|||
:tree="true" |
|||
title="User List" |
|||
:no-action-icon="true" |
|||
:target-object-name="$t('菜单')" |
|||
:actions="[ |
|||
'query', |
|||
'refresh', |
|||
'expandAll', |
|||
'selectAll', |
|||
'separator', |
|||
'add', |
|||
'clone', |
|||
'edit', |
|||
'remove', |
|||
'removeAll', |
|||
'separator', |
|||
'detail', |
|||
|
|||
'addTop', |
|||
'addChild', |
|||
]" |
|||
:columns="columns" |
|||
:auto-fetch-data="true" |
|||
:data-url="Environment.apiContextPath('/api/system/menu/allMenus')" |
|||
></w-list-grid> |
|||
</template> |
|||
|
|||
<script setup lang="ts"> |
|||
import { ref, toRaw, onMounted } from 'vue'; |
|||
import { ref } from 'vue'; |
|||
import { useI18n } from 'vue-i18n'; |
|||
import { Environment, axios, BackendTools } from '@/platform'; |
|||
import { Environment } from '@/platform'; |
|||
|
|||
const { t } = useI18n(); |
|||
|
|||
const columns = [ |
|||
{ |
|||
name: 'loginName', |
|||
name: 'name', |
|||
required: true, |
|||
label: t('name'), |
|||
align: 'left', |
|||
field: 'name', |
|||
sortable: true, |
|||
format: (value, data) => { |
|||
return t(data.titleI18nKey); |
|||
}, |
|||
}, |
|||
{ name: 'type', align: 'center', label: 'type', field: 'type', sortable: true }, |
|||
{ name: 'enable', label: 'enable', field: 'enable', sortable: true }, |
|||
{ name: 'dataComeFrom', label: 'dataComeFrom', field: 'dataComeFrom' }, |
|||
{ name: 'lastModifier', label: 'lastModifier', field: 'lastModifier' }, |
|||
{ name: 'lastModifyDate', label: 'lastModifyDate', field: 'lastModifyDate' }, |
|||
{ name: 'corporationCode', label: 'corporationCode', field: 'corporationCode', sortable: true }, |
|||
]; |
|||
|
|||
const data = [{ loginName: 'admin' }, { loginName: 'wsp' }]; |
|||
</script> |
|||
|
@ -1,18 +1,56 @@ |
|||
<template> |
|||
<w-tree-grid title="Hello" :columns="columns" :rows="data"></w-tree-grid> |
|||
<w-list-grid |
|||
:tree="true" |
|||
title="User List" |
|||
:no-action-icon="true" |
|||
:target-object-name="$t('菜单')" |
|||
:actions="[ |
|||
'query', |
|||
'refresh', |
|||
'expandAll', |
|||
'selectAll', |
|||
'separator', |
|||
'add', |
|||
'clone', |
|||
'edit', |
|||
'remove', |
|||
'removeAll', |
|||
'separator', |
|||
'detail', |
|||
|
|||
'addTop', |
|||
'addChild', |
|||
]" |
|||
:columns="columns" |
|||
:auto-fetch-data="true" |
|||
:data-url="Environment.apiContextPath('/api/system/menu/allMenus')" |
|||
></w-list-grid> |
|||
</template> |
|||
|
|||
<script setup lang="ts"> |
|||
import { ref, toRaw, onMounted } from 'vue'; |
|||
import { ref } from 'vue'; |
|||
import { useI18n } from 'vue-i18n'; |
|||
import { Environment, axios, BackendTools } from '@/platform'; |
|||
import { Environment } from '@/platform'; |
|||
|
|||
const { t } = useI18n(); |
|||
|
|||
const columns = [ |
|||
{ |
|||
name: 'loginName', |
|||
name: 'name', |
|||
required: true, |
|||
label: t('name'), |
|||
align: 'left', |
|||
field: 'name', |
|||
sortable: true, |
|||
format: (value, data) => { |
|||
return t(data.titleI18nKey); |
|||
}, |
|||
}, |
|||
{ name: 'type', align: 'center', label: 'type', field: 'type', sortable: true }, |
|||
{ name: 'enable', label: 'enable', field: 'enable', sortable: true }, |
|||
{ name: 'dataComeFrom', label: 'dataComeFrom', field: 'dataComeFrom' }, |
|||
{ name: 'lastModifier', label: 'lastModifier', field: 'lastModifier' }, |
|||
{ name: 'lastModifyDate', label: 'lastModifyDate', field: 'lastModifyDate' }, |
|||
{ name: 'corporationCode', label: 'corporationCode', field: 'corporationCode', sortable: true }, |
|||
]; |
|||
|
|||
const data = [{ loginName: 'admin' }, { loginName: 'wsp' }]; |
|||
</script> |
|||
|
Loading…
Reference in new issue