3 changed files with 80 additions and 2 deletions
@ -0,0 +1,80 @@ |
|||
<template> |
|||
<!-- <w-h-screen-div> --> |
|||
<platform-grid |
|||
ref="dataSupplementTypeGridRef" |
|||
:table-props="{ borderded: false, flat: true }" |
|||
:query-form-cols-number="dataSupplementTypeGrid.queryFormColsNumber" |
|||
:query-form-cols-auto="dataSupplementTypeGrid.queryFormColsAuto" |
|||
:table-title="dataSupplementTypeGrid.tableTitle" |
|||
:table-row-key="dataSupplementTypeGrid.tableRowKey" |
|||
:table-init-load-data="dataSupplementTypeGrid.tableInitLoadData" |
|||
:table-data-url="dataSupplementTypeGrid.tableDataUrl" |
|||
:table-show-sort-no="false" |
|||
:table-columns="dataSupplementTypeGrid.tableColumns" |
|||
:table-left-column-sticky-number="dataSupplementTypeGrid.tableLeftColumnStickyNumber" |
|||
:table-buttons="dataSupplementTypeGrid.tableButtons" |
|||
:query-form-fields="dataSupplementTypeGrid.queryFormFields" |
|||
:table-pagination="dataSupplementTypeGrid.tablePagination" |
|||
:add-form-props="dataSupplementTypeGrid.addFormProps" |
|||
> |
|||
</platform-grid> |
|||
|
|||
<!-- </w-h-screen-div> --> |
|||
</template> |
|||
<script setup lang="ts"> |
|||
import { ref } from 'vue'; |
|||
import { Environment, PlatformIconEnum } from 'platform-core'; |
|||
import { useI18n } from 'vue-i18n'; |
|||
|
|||
const { t } = useI18n(); |
|||
|
|||
const dataSupplementTypeGridRef = ref(); |
|||
const dataSupplementContentDialogRef = ref(); |
|||
|
|||
const dataSupplementTypeGrid = { |
|||
queryFormColsNumber: 2, |
|||
queryFormColsAuto: false, |
|||
queryFormFields: [ |
|||
{ label: '数据补录类型名称', modelName: 'typeName', type: 'text' }, |
|||
{ label: '数据补录类型说明', modelName: 'typeDesc', type: 'text' }, |
|||
], |
|||
hideBottom: false, |
|||
tableInitLoadData: true, |
|||
tableLeftColumnStickyNumber: 0, |
|||
tableTitle: '流程定义列表', |
|||
tableRowKey: 'id', |
|||
tableDataUrl: Environment.apiContextPath('/api/system/process'), |
|||
tablePagination: { |
|||
sortBy: 'lastModifyDate', |
|||
descending: true, |
|||
reqPageStart: 0, |
|||
rowsPerPage: 10, |
|||
}, |
|||
tableButtons: ['add', 'edit', 'delete', 'separator', 'inFullscreen'], |
|||
tableColumns: [ |
|||
{ name: 'id', label: t('id') }, |
|||
{ name: 'key', label: t('key') }, |
|||
{ name: 'name', label: t('name') }, |
|||
{ name: 'description', label: t('description') }, |
|||
{ name: 'deployedId', label: t('lcdp.bpm.deployId') }, |
|||
{ name: 'version', label: t('version') }, |
|||
{ name: 'canClaimTask', label: t('lcdp.bpm.canClaimTask') }, |
|||
|
|||
{ name: 'lastModifier', label: t('lastModifier') }, |
|||
{ name: 'lastModifyDate', label: t('lastModifyDate') }, |
|||
], |
|||
addFormProps: { |
|||
dialogInitWidth: '60%', |
|||
dialogInitHeight: '50%', |
|||
formColsNumber: 1, |
|||
formColsAuto: false, |
|||
formFields: [ |
|||
{ modelName: 'name', label: t('name'), type: 'text', required: true }, |
|||
{ modelName: 'key', label: t('key'), type: 'text', required: true }, |
|||
{ modelName: 'description', label: t('description'), type: 'textarea' }, |
|||
{ modelName: 'category', label: t('category'), type: 'text', defaultValue: 'Sample', hide: true }, |
|||
{ modelName: 'canClaimTask', label: t('lcdp.bpm.canClaimTask'), type: 'checkbox', defaultValue: true, rule: [] }, |
|||
], |
|||
}, |
|||
}; |
|||
</script> |
Loading…
Reference in new issue