6 changed files with 112 additions and 90 deletions
@ -1,56 +1,64 @@ |
|||||
<template> |
<template> |
||||
<w-list-grid |
<w-grid |
||||
:tree="true" |
:tree="true" |
||||
title="User List" |
:title="$t('system.corporation.grid.title')" |
||||
:no-action-icon="true" |
:data-url="Environment.apiContextPath('/api/system/corporation')" |
||||
:target-object-name="$t('菜单')" |
selection="multiple" |
||||
:actions="[ |
:checkbox-selection="false" |
||||
'query', |
:pageable="false" |
||||
'refresh', |
:full-screen-button="false" |
||||
'expandAll', |
:tree-icon=" |
||||
'selectAll', |
(row) => { |
||||
'separator', |
return { name: 'folder', color: 'amber' }; |
||||
'add', |
} |
||||
'clone', |
" |
||||
'edit', |
:toolbar-configure="{ noIcon: false }" |
||||
'remove', |
:toolbar-actions="['refresh', 'separator', ['addTop', 'addChild'], 'edit', 'remove', 'separator', 'view']" |
||||
'removeAll', |
:columns="[ |
||||
'separator', |
{ width: '100%', name: 'name', label: $t('name') }, |
||||
'detail', |
{ width: 150, name: 'code', label: $t('code') }, |
||||
|
{ width: 90, name: 'dataComeFrom', label: $t('dataComeFrom'), format: Formater.enum(DataComeFromEnum) }, |
||||
'addTop', |
{ width: 100, name: 'lastModifier', label: $t('lastModifier') }, |
||||
'addChild', |
{ width: 110, name: 'lastModifyDate', label: $t('lastModifyDate'), format: Formater.dateOnly() }, |
||||
]" |
{ width: 80, name: 'enable', label: $t('status'), format: Formater.enableTag() }, |
||||
:columns="columns" |
]" |
||||
:auto-fetch-data="true" |
:editor="{ |
||||
:data-url="Environment.apiContextPath('/api/system/menu/allMenus')" |
dialog: { |
||||
></w-list-grid> |
width: '600px', |
||||
|
height: '300px', |
||||
|
}, |
||||
|
form: { |
||||
|
colsNum: 1, |
||||
|
fields: [ |
||||
|
{ name: 'code', label: $t('code'), type: 'text', required: true }, |
||||
|
{ name: 'name', label: $t('name'), type: 'text', required: true }, |
||||
|
{ name: 'description', label: $t('description'), type: 'textarea', rows: 1 }, |
||||
|
{ name: 'enable', label: $t('enable'), type: 'checkbox', defaultValue: true }, |
||||
|
], |
||||
|
}, |
||||
|
}" |
||||
|
:viewer="{ |
||||
|
panel: { |
||||
|
columnNum: 1, |
||||
|
fields: [ |
||||
|
{ name: 'id', label: $t('id') }, |
||||
|
{ name: 'code', label: $t('code') }, |
||||
|
{ name: 'name', label: $t('name') }, |
||||
|
{ name: 'description', label: $t('description') }, |
||||
|
{ name: 'enable', label: $t('enable'), format: (value) => value }, |
||||
|
{ name: 'dataComeFrom', label: $t('dataComeFrom'), format: (value) => value }, |
||||
|
{ name: 'creator', label: $t('creator') }, |
||||
|
{ name: 'createDate', label: $t('createDate') }, |
||||
|
{ name: 'lastModifier', label: $t('lastModifier') }, |
||||
|
{ name: 'lastModifyDate', label: $t('lastModifyDate'), format: (value) => value }, |
||||
|
], |
||||
|
}, |
||||
|
}" |
||||
|
></w-grid> |
||||
</template> |
</template> |
||||
|
|
||||
<script setup lang="ts"> |
<script setup lang="ts"> |
||||
import { ref } from 'vue'; |
import { Environment,Formater,Options } from '@/platform'; |
||||
import { useI18n } from 'vue-i18n'; |
|
||||
import { Environment } from '@/platform'; |
|
||||
|
|
||||
const { t } = useI18n(); |
|
||||
|
|
||||
const columns = [ |
|
||||
{ |
|
||||
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 }, |
|
||||
]; |
|
||||
</script> |
</script> |
||||
|
@ -1,58 +1,62 @@ |
|||||
<template> |
<template> |
||||
<w-grid |
<w-grid |
||||
ref="auditLogGridRef" |
:tree="true" |
||||
:title="$t('system.user.grid.title')" |
:title="$t('system.corporation.grid.title')" |
||||
|
:data-url="Environment.apiContextPath('/api/system/corporation')" |
||||
selection="multiple" |
selection="multiple" |
||||
:data-url="Environment.apiContextPath('/api/system/monitor/auditlog')" |
:checkbox-selection="false" |
||||
:query-form-fields="[ |
:pageable="false" |
||||
{ name: 'code', label: $t('code'), type: 'text' }, |
:full-screen-button="false" |
||||
{ name: 'message', label: $t('i18nMessage'), type: 'text' }, |
:tree-icon=" |
||||
{ name: 'lang', label: $t('language'), type: 'select' }, |
(row) => { |
||||
{ name: 'dataComeFrom', label: $t('dataComeFrom'), type: 'select' }, |
return { name: 'folder', color: 'amber' }; |
||||
]" |
} |
||||
|
" |
||||
:toolbar-configure="{ noIcon: false }" |
:toolbar-configure="{ noIcon: false }" |
||||
:toolbar-actions="['query', 'refresh', 'separator', 'view', 'export']" |
:toolbar-actions="['refresh', 'separator', ['addTop', 'addChild'], 'edit', 'remove', 'separator', 'view']" |
||||
:columns="[ |
:columns="[ |
||||
{ width: 100, name: 'status', label: $t('status'), format: Formater.successTag() }, |
{ width: 100, name: 'name', label: $t('name') }, |
||||
{ width: 60, name: 'action', label: $t('action') }, |
{ width: '100%', name: 'code', label: $t('code') }, |
||||
{ width: 100, name: 'startDate', label: $t('startDate') }, |
{ width: 90, name: 'dataComeFrom', label: $t('dataComeFrom'), format: Formater.enum(DataComeFromEnum) }, |
||||
{ width: 60, name: 'executeTime', label: $t('executeTime') }, |
{ width: 100, name: 'lastModifier', label: $t('lastModifier') }, |
||||
{ width: 80, name: 'loginName', label: $t('loginName') }, |
{ width: 110, name: 'lastModifyDate', label: $t('lastModifyDate'), format: Formater.dateOnly() }, |
||||
{ width: 60, name: 'httpMethod', label: $t('httpMethod') }, |
{ width: 80, name: 'enable', label: $t('status'), format: Formater.enableTag() }, |
||||
{ width: 200, name: 'url', label: $t('url') }, |
|
||||
{ width: 100, name: 'ip', label: $t('ip') }, |
|
||||
{ width: 100, name: 'className', label: $t('className') }, |
|
||||
{ width: 100, name: 'methodName', label: $t('methodName') }, |
|
||||
{ width: 100, name: 'oldValue', label: $t('oldValue') }, |
|
||||
{ width: 100, name: 'newValue', label: $t('newValue') }, |
|
||||
{ width: 100, name: 'exception', label: $t('exception') }, |
|
||||
{ width: 100, name: 'exceptionMessage', label: $t('exceptionMessage') }, |
|
||||
{ width: 100, name: 'exceptionStackTrace', label: $t('exceptionStackTrace') }, |
|
||||
]" |
]" |
||||
|
:editor="{ |
||||
|
dialog: { |
||||
|
width: '600px', |
||||
|
height: '300px', |
||||
|
}, |
||||
|
form: { |
||||
|
colsNum: 1, |
||||
|
fields: [ |
||||
|
{ name: 'code', label: $t('code'), type: 'text', required: true }, |
||||
|
{ name: 'name', label: $t('name'), type: 'text', required: true }, |
||||
|
{ name: 'description', label: $t('description'), type: 'textarea', rows: 1 }, |
||||
|
{ name: 'enable', label: $t('enable'), type: 'checkbox', defaultValue: true }, |
||||
|
], |
||||
|
}, |
||||
|
}" |
||||
:viewer="{ |
:viewer="{ |
||||
panel: { |
panel: { |
||||
columnNum: 1, |
columnNum: 1, |
||||
fields: [ |
fields: [ |
||||
{ name: 'id', label: $t('id') }, |
{ name: 'id', label: $t('id') }, |
||||
{ name: 'code', label: $t('code') }, |
{ name: 'code', label: $t('code') }, |
||||
{ name: 'lang', label: $t('language') }, |
{ name: 'name', label: $t('name') }, |
||||
{ name: 'message', label: $t('i18nMessage') }, |
{ name: 'description', label: $t('description') }, |
||||
{ name: 'dataComeFrom', label: $t('dataComeFrom') }, |
{ name: 'enable', label: $t('enable'), format: (value) => value }, |
||||
|
{ name: 'dataComeFrom', label: $t('dataComeFrom'), format: (value) => value }, |
||||
{ name: 'creator', label: $t('creator') }, |
{ name: 'creator', label: $t('creator') }, |
||||
{ name: 'createDate', label: $t('createDate') }, |
{ name: 'createDate', label: $t('createDate') }, |
||||
{ name: 'lastModifier', label: $t('lastModifier') }, |
{ name: 'lastModifier', label: $t('lastModifier') }, |
||||
{ name: 'lastModifyDate', label: $t('lastModifyDate') }, |
{ name: 'lastModifyDate', label: $t('lastModifyDate'), format: (value) => value }, |
||||
{ name: 'corporationCode', label: $t('corporationCode') }, |
|
||||
], |
], |
||||
}, |
}, |
||||
}" |
}" |
||||
@row-click="(evt, row, index) => {}" |
></w-grid> |
||||
> |
|
||||
</w-grid> |
|
||||
</template> |
</template> |
||||
<script setup lang="ts"> |
|
||||
import { ref } from 'vue'; |
|
||||
import { Environment, axios, Formater, Options } from '@/platform'; |
|
||||
|
|
||||
const auditLogGridRef = ref(); |
<script setup lang="ts"> |
||||
|
import { Environment, Formater, Options } from '@/platform'; |
||||
</script> |
</script> |
||||
|
Loading…
Reference in new issue