42 changed files with 682 additions and 105 deletions
@ -1,4 +1,53 @@ |
|||
<template> |
|||
<div>Announcement</div> |
|||
<w-grid |
|||
ref="gridRef" |
|||
:title="$t('system.announcementManager.grid.title')" |
|||
:config-button="true" |
|||
db-click-operation="edit" |
|||
selection="multiple" |
|||
:checkbox-selection="true" |
|||
:data-url="Environment.apiContextPath('/api/system/announcement')" |
|||
:sort-by="['-lastModifyDate']" |
|||
:query-form-cols-num="2" |
|||
:query-form-fields="[{ name: 'title', label: $t('title'), type: 'w-text', clearable: true }]" |
|||
:toolbar-configure="{ noIcon: false }" |
|||
:toolbar-actions="['query', 'refresh', 'separator', 'view', 'separator', 'export']" |
|||
:columns="[ |
|||
{ width: 300, name: 'title', label: $t('title') }, |
|||
{ width: '100%', name: 'content', label: $t('content'), sortable: false }, |
|||
{ width: 150, name: 'createDate', label: $t('createDate') }, |
|||
]" |
|||
:editor="{ |
|||
dialog: { |
|||
width: '800px', |
|||
}, |
|||
form: { |
|||
colsNum: 1, |
|||
fields: [ |
|||
{ name: 'title', label: $t('title'), type: 'w-text', requiredIf: true }, |
|||
{ name: 'content', label: $t('content'), type: 'q-editor', requiredIf: true, minHeight: '10rem', defaultValue: '' }, |
|||
], |
|||
}, |
|||
}" |
|||
:viewer="{ |
|||
panel: { |
|||
columnNum: 1, |
|||
fields: [ |
|||
{ name: 'id', label: $t('id') }, |
|||
{ name: 'title', label: $t('title') }, |
|||
{ name: 'content', label: $t('content') }, |
|||
{ name: 'dataComeFrom', label: $t('dataComeFrom') }, |
|||
{ name: 'creator', label: $t('creator') }, |
|||
{ name: 'createDate', label: $t('createDate') }, |
|||
{ name: 'lastModifier', label: $t('lastModifier') }, |
|||
{ name: 'lastModifyDate', label: $t('lastModifyDate'), format: Formater.none() }, |
|||
{ name: 'corporationCode', label: $t('corporationCode') }, |
|||
], |
|||
}, |
|||
}" |
|||
></w-grid> |
|||
</template> |
|||
<script setup lang="ts"></script> |
|||
<script setup lang="ts"> |
|||
import 'tailwindcss/utilities.css'; |
|||
import { Environment, Formater } from 'platform-core'; |
|||
</script> |
|||
|
|||
@ -1,4 +1,63 @@ |
|||
<template> |
|||
<div>MyMessage</div> |
|||
<w-grid |
|||
ref="gridRef" |
|||
:title="$t('system.notification.grid.title')" |
|||
:config-button="true" |
|||
db-click-operation="edit" |
|||
selection="multiple" |
|||
:checkbox-selection="true" |
|||
:fetch-data-url="Environment.apiContextPath('/api/system/notification/findNotifications')" |
|||
:data-url="Environment.apiContextPath('/api/system/notification')" |
|||
:sort-by="['-sendDate']" |
|||
:query-form-cols-num="4" |
|||
:query-form-fields="[ |
|||
{ name: 'sender', label: $t('system.notification.grid.entity.sender'), type: 'w-user-select', queryOperator: 'equals' }, |
|||
{ name: 'receiver', label: $t('system.notification.grid.entity.receiver'), type: 'w-user-select', queryOperator: 'equals' }, |
|||
]" |
|||
:toolbar-configure="{ noIcon: false }" |
|||
:toolbar-actions="['query', 'refresh', 'separator', 'add', 'clone', 'edit', 'remove', 'separator', 'view', 'separator', 'export']" |
|||
:columns="[ |
|||
{ width: 100, name: 'sender', label: $t('system.notification.grid.entity.sender') }, |
|||
{ width: 150, name: 'sendDate', label: $t('system.notification.grid.entity.sendDate') }, |
|||
{ width: 100, name: 'receiver', label: $t('system.notification.grid.entity.receiver') }, |
|||
{ width: 150, name: 'receiveDate', label: $t('system.notification.grid.entity.receiveDate') }, |
|||
{ width: '100%', name: 'content', label: $t('content'), sortable: false }, |
|||
]" |
|||
:editor="{ |
|||
dialog: { |
|||
width: '800px', |
|||
}, |
|||
form: { |
|||
colsNum: 1, |
|||
fields: [ |
|||
{ name: 'receiver', label: $t('receiver'), type: 'w-user-select', requiredIf: true }, |
|||
{ name: 'content', label: $t('content'), type: 'q-editor', requiredIf: true, minHeight: '10rem', defaultValue: '' }, |
|||
], |
|||
}, |
|||
}" |
|||
:viewer="{ |
|||
panel: { |
|||
columnNum: 1, |
|||
fields: [ |
|||
{ name: 'id', label: $t('id') }, |
|||
{ name: 'sender', label: $t('system.notification.grid.entity.sender') }, |
|||
{ name: 'sendDate', label: $t('system.notification.grid.entity.sendDate') }, |
|||
{ name: 'title', label: $t('title') }, |
|||
{ name: 'content', label: $t('content'), sortable: false }, |
|||
{ name: 'receiver', label: $t('system.notification.grid.entity.receiver') }, |
|||
{ name: 'receiveDate', label: $t('system.notification.grid.entity.receiveDate') }, |
|||
{ name: 'dataComeFrom', label: $t('dataComeFrom') }, |
|||
{ name: 'creator', label: $t('creator') }, |
|||
{ name: 'createDate', label: $t('createDate') }, |
|||
{ name: 'lastModifier', label: $t('lastModifier') }, |
|||
{ name: 'lastModifyDate', label: $t('lastModifyDate') }, |
|||
{ name: 'corporationCode', label: $t('corporationCode') }, |
|||
], |
|||
}, |
|||
}" |
|||
></w-grid> |
|||
</template> |
|||
<script setup lang="ts"></script> |
|||
<script setup lang="ts"> |
|||
import 'tailwindcss/utilities.css'; |
|||
import { Environment } from 'platform-core'; |
|||
</script> |
|||
|
|||
@ -1,4 +1,89 @@ |
|||
<template> |
|||
<div>MyTask</div> |
|||
<w-grid |
|||
ref="gridRef" |
|||
:title="$t('workbench.myTask.grid.title')" |
|||
:config-button="true" |
|||
:checkbox-selection="false" |
|||
db-click-operation="edit" |
|||
:sort-no="true" |
|||
:data-url="Environment.apiContextPath('/api/flowable/process/query/task')" |
|||
:sort-by="['-createTime']" |
|||
:query-form-cols-num="4" |
|||
:query-form-fields="[ |
|||
{ name: 'businessDescription', label: $t('workbench.myTask.grid.entity.businessDescription'), type: 'w-text' }, |
|||
{ |
|||
name: 'processDefinitionName', |
|||
label: $t('workbench.myTask.grid.entity.processDefinitionName'), |
|||
type: 'w-select', |
|||
options: processDefinitionsRef, |
|||
onUpdateValue: async (args: any) => { |
|||
const form = gridRef.getQueryForm(); |
|||
form.setFieldValue('taskDefinitionKey', undefined); |
|||
const field = form.getFields().taskDefinitionKey; |
|||
let options = []; |
|||
if (args?.value) { |
|||
const response = await axios.get(Environment.apiContextPath('/api/flowable/process/findUserTasksByProcessDeployId/' + args.value)); |
|||
if (response) { |
|||
options = response.data; |
|||
} |
|||
} |
|||
field.options = options; |
|||
}, |
|||
}, |
|||
{ |
|||
name: 'taskDefinitionKey', |
|||
label: $t('workbench.myTask.grid.entity.activityName'), |
|||
type: 'w-select', |
|||
options: [], |
|||
queryOperator: 'equals', |
|||
}, |
|||
{ name: 'description', label: $t('workbench.myTask.grid.entity.taskDescription'), type: 'w-text' }, |
|||
]" |
|||
:toolbar-configure="{ noIcon: false }" |
|||
:toolbar-actions="[ |
|||
'query', |
|||
'reset', |
|||
'separator', |
|||
{ |
|||
name: 'process', |
|||
icon: 'bi-caret-right', |
|||
label: $t('workbench.myTask.grid.action.process'), |
|||
enableIf: (args) => { |
|||
return args.selected; |
|||
}, |
|||
click: () => {}, |
|||
}, |
|||
]" |
|||
:columns="[ |
|||
{ width: '100%', name: 'businessDescription', label: $t('workbench.myTask.grid.entity.businessDescription'), sortable: false }, |
|||
{ |
|||
width: 200, |
|||
name: 'processDefinitionName', |
|||
label: $t('workbench.myTask.grid.entity.processDefinitionName'), |
|||
format: (value, row) => { |
|||
return value + '_V' + row.processDefinitionVersion; |
|||
}, |
|||
}, |
|||
{ width: 100, name: 'name', label: $t('workbench.myTask.grid.entity.activityName') }, |
|||
{ width: 100, name: 'description', label: $t('workbench.myTask.grid.entity.taskDescription') }, |
|||
{ width: 100, name: 'assignee', label: $t('workbench.myTask.grid.entity.prefixAssignee') }, |
|||
{ width: 150, name: 'createTime', label: $t('workbench.myTask.grid.entity.createTime') }, |
|||
]" |
|||
></w-grid> |
|||
</template> |
|||
<script setup lang="ts"></script> |
|||
<script setup lang="ts"> |
|||
import { ref } from 'vue'; |
|||
import { axios, Environment, Formater } from 'platform-core'; |
|||
|
|||
const gridRef = ref(); |
|||
const processDefinitionsRef = ref([]); |
|||
|
|||
const response = await axios.get(Environment.apiContextPath('/api/flowable/process/findAllDeployedProcessDefines')); |
|||
if (response) { |
|||
const options: any[] = []; |
|||
for (const item of response.data) { |
|||
options.push({ label: item.name, value: item.deployedId }); |
|||
} |
|||
processDefinitionsRef.value = options; |
|||
} |
|||
</script> |
|||
|
|||
Loading…
Reference in new issue