24 changed files with 560 additions and 96 deletions
@ -1,18 +1,56 @@ |
|||||
<template> |
<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> |
</template> |
||||
|
|
||||
<script setup lang="ts"> |
<script setup lang="ts"> |
||||
import { ref, toRaw, onMounted } from 'vue'; |
import { ref } from 'vue'; |
||||
import { useI18n } from 'vue-i18n'; |
import { useI18n } from 'vue-i18n'; |
||||
import { Environment, axios, BackendTools } from '@/platform'; |
import { Environment } from '@/platform'; |
||||
|
|
||||
const { t } = useI18n(); |
const { t } = useI18n(); |
||||
|
|
||||
const columns = [ |
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> |
</script> |
||||
|
@ -1,18 +1,56 @@ |
|||||
<template> |
<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> |
</template> |
||||
|
|
||||
<script setup lang="ts"> |
<script setup lang="ts"> |
||||
import { ref, toRaw, onMounted } from 'vue'; |
import { ref } from 'vue'; |
||||
import { useI18n } from 'vue-i18n'; |
import { useI18n } from 'vue-i18n'; |
||||
import { Environment, axios, BackendTools } from '@/platform'; |
import { Environment } from '@/platform'; |
||||
|
|
||||
const { t } = useI18n(); |
const { t } = useI18n(); |
||||
|
|
||||
const columns = [ |
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> |
</script> |
||||
|
Loading…
Reference in new issue