calvin
2 years ago
committed by
GitHub
147 changed files with 1825 additions and 1360 deletions
@ -0,0 +1,87 @@ |
|||||||
|
/* |
||||||
|
* Licensed to the Apache Software Foundation (ASF) under one or more |
||||||
|
* contributor license agreements. See the NOTICE file distributed with |
||||||
|
* this work for additional information regarding copyright ownership. |
||||||
|
* The ASF licenses this file to You under the Apache License, Version 2.0 |
||||||
|
* (the "License"); you may not use this file except in compliance with |
||||||
|
* the License. You may obtain a copy of the License at |
||||||
|
* |
||||||
|
* http://www.apache.org/licenses/LICENSE-2.0
|
||||||
|
* |
||||||
|
* Unless required by applicable law or agreed to in writing, software |
||||||
|
* distributed under the License is distributed on an "AS IS" BASIS, |
||||||
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
||||||
|
* See the License for the specific language governing permissions and |
||||||
|
* limitations under the License. |
||||||
|
*/ |
||||||
|
|
||||||
|
import { SearchOutlined } from '@vicons/antd' |
||||||
|
import { NButton, NSelect, NIcon, NSpace, NEllipsis } from 'naive-ui' |
||||||
|
import { defineComponent, h, ref } from 'vue' |
||||||
|
import { queryProcessDefinitionList } from '@/service/modules/process-definition' |
||||||
|
import { SelectMixedOption } from 'naive-ui/lib/select/src/interface' |
||||||
|
import { Router, useRouter } from 'vue-router' |
||||||
|
|
||||||
|
export default defineComponent({ |
||||||
|
name: 'TimingCondition', |
||||||
|
emits: ['handleSearch'], |
||||||
|
setup(props, ctx) { |
||||||
|
const router: Router = useRouter() |
||||||
|
|
||||||
|
const projectCode = ref( |
||||||
|
Number(router.currentRoute.value.params.projectCode) |
||||||
|
) |
||||||
|
const processDefineCodeRef = router.currentRoute.value.query |
||||||
|
.processDefineCode |
||||||
|
? ref(Number(router.currentRoute.value.query.processDefineCode)) |
||||||
|
: ref() |
||||||
|
|
||||||
|
const processDefinitionOptions = ref<Array<SelectMixedOption>>([]) |
||||||
|
|
||||||
|
const initProcessList = (code: number) => { |
||||||
|
queryProcessDefinitionList(code).then((result: any) => { |
||||||
|
result.map((item: { code: number; name: string }) => { |
||||||
|
const option: SelectMixedOption = { |
||||||
|
value: item.code, |
||||||
|
label: () => h(NEllipsis, null, item.name), |
||||||
|
filterLabel: item.name |
||||||
|
} |
||||||
|
processDefinitionOptions.value.push(option) |
||||||
|
}) |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
initProcessList(projectCode.value) |
||||||
|
|
||||||
|
const handleSearch = () => { |
||||||
|
ctx.emit('handleSearch', { |
||||||
|
processDefinitionCode: processDefineCodeRef.value |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
return { |
||||||
|
handleSearch, |
||||||
|
processDefinitionOptions, |
||||||
|
processDefineCodeRef |
||||||
|
} |
||||||
|
}, |
||||||
|
render() { |
||||||
|
return ( |
||||||
|
<NSpace justify='end'> |
||||||
|
<NSelect |
||||||
|
clearable |
||||||
|
filterable |
||||||
|
options={this.processDefinitionOptions} |
||||||
|
size='small' |
||||||
|
style={{ width: '310px' }} |
||||||
|
v-model:value={this.processDefineCodeRef} |
||||||
|
/> |
||||||
|
<NButton type='primary' size='small' onClick={this.handleSearch}> |
||||||
|
<NIcon> |
||||||
|
<SearchOutlined /> |
||||||
|
</NIcon> |
||||||
|
</NButton> |
||||||
|
</NSpace> |
||||||
|
) |
||||||
|
} |
||||||
|
}) |
||||||
@ -0,0 +1,116 @@ |
|||||||
|
/* |
||||||
|
* Licensed to the Apache Software Foundation (ASF) under one or more |
||||||
|
* contributor license agreements. See the NOTICE file distributed with |
||||||
|
* this work for additional information regarding copyright ownership. |
||||||
|
* The ASF licenses this file to You under the Apache License, Version 2.0 |
||||||
|
* (the "License"); you may not use this file except in compliance with |
||||||
|
* the License. You may obtain a copy of the License at |
||||||
|
* |
||||||
|
* http://www.apache.org/licenses/LICENSE-2.0
|
||||||
|
* |
||||||
|
* Unless required by applicable law or agreed to in writing, software |
||||||
|
* distributed under the License is distributed on an "AS IS" BASIS, |
||||||
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
||||||
|
* See the License for the specific language governing permissions and |
||||||
|
* limitations under the License. |
||||||
|
*/ |
||||||
|
|
||||||
|
import { NDataTable, NPagination, NSpace } from 'naive-ui' |
||||||
|
import { defineComponent, onMounted, toRefs, watch } from 'vue' |
||||||
|
import { useI18n } from 'vue-i18n' |
||||||
|
import { useTable } from '../definition/timing/use-table' |
||||||
|
import Card from '@/components/card' |
||||||
|
import TimingModal from '../definition/components/timing-modal' |
||||||
|
import TimingCondition from '@/views/projects/workflow/timing/components/timing-condition' |
||||||
|
import { ITimingSearch } from '@/views/projects/workflow/timing/types' |
||||||
|
|
||||||
|
export default defineComponent({ |
||||||
|
name: 'WorkflowTimingList', |
||||||
|
setup() { |
||||||
|
const { variables, createColumns, getTableData } = useTable() |
||||||
|
|
||||||
|
const requestData = () => { |
||||||
|
getTableData({ |
||||||
|
pageSize: variables.pageSize, |
||||||
|
pageNo: variables.page, |
||||||
|
searchVal: variables.searchVal, |
||||||
|
projectCode: variables.projectCode, |
||||||
|
processDefinitionCode: variables.processDefinitionCode |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
const handleUpdateList = () => { |
||||||
|
requestData() |
||||||
|
} |
||||||
|
|
||||||
|
const handleSearch = (params: ITimingSearch) => { |
||||||
|
variables.processDefinitionCode = params.processDefinitionCode |
||||||
|
variables.page = 1 |
||||||
|
requestData() |
||||||
|
} |
||||||
|
|
||||||
|
const handleChangePageSize = () => { |
||||||
|
variables.page = 1 |
||||||
|
requestData() |
||||||
|
} |
||||||
|
|
||||||
|
onMounted(() => { |
||||||
|
createColumns(variables) |
||||||
|
requestData() |
||||||
|
}) |
||||||
|
|
||||||
|
watch(useI18n().locale, () => { |
||||||
|
createColumns(variables) |
||||||
|
}) |
||||||
|
|
||||||
|
return { |
||||||
|
requestData, |
||||||
|
handleSearch, |
||||||
|
handleUpdateList, |
||||||
|
handleChangePageSize, |
||||||
|
...toRefs(variables) |
||||||
|
} |
||||||
|
}, |
||||||
|
render() { |
||||||
|
const { t } = useI18n() |
||||||
|
const { loadingRef } = this |
||||||
|
|
||||||
|
return ( |
||||||
|
<NSpace vertical> |
||||||
|
<Card> |
||||||
|
<TimingCondition onHandleSearch={this.handleSearch} /> |
||||||
|
</Card> |
||||||
|
<Card title={t('project.workflow.cron_manage')}> |
||||||
|
<NSpace vertical> |
||||||
|
<NDataTable |
||||||
|
loading={loadingRef} |
||||||
|
columns={this.columns} |
||||||
|
data={this.tableData} |
||||||
|
striped |
||||||
|
size={'small'} |
||||||
|
scrollX={this.tableWidth} |
||||||
|
/> |
||||||
|
<NSpace justify='center'> |
||||||
|
<NPagination |
||||||
|
v-model:page={this.page} |
||||||
|
v-model:page-size={this.pageSize} |
||||||
|
page-count={this.totalPage} |
||||||
|
show-size-picker |
||||||
|
page-sizes={[10, 30, 50]} |
||||||
|
show-quick-jumper |
||||||
|
onUpdatePage={this.requestData} |
||||||
|
onUpdatePageSize={this.handleChangePageSize} |
||||||
|
/> |
||||||
|
</NSpace> |
||||||
|
</NSpace> |
||||||
|
</Card> |
||||||
|
<TimingModal |
||||||
|
type={'update'} |
||||||
|
v-model:row={this.row} |
||||||
|
v-model:show={this.showRef} |
||||||
|
onUpdateList={this.handleUpdateList} |
||||||
|
/> |
||||||
|
</NSpace> |
||||||
|
) |
||||||
|
} |
||||||
|
}) |
||||||
@ -0,0 +1,22 @@ |
|||||||
|
/* |
||||||
|
* Licensed to the Apache Software Foundation (ASF) under one or more |
||||||
|
* contributor license agreements. See the NOTICE file distributed with |
||||||
|
* this work for additional information regarding copyright ownership. |
||||||
|
* The ASF licenses this file to You under the Apache License, Version 2.0 |
||||||
|
* (the "License"); you may not use this file except in compliance with |
||||||
|
* the License. You may obtain a copy of the License at |
||||||
|
* |
||||||
|
* http://www.apache.org/licenses/LICENSE-2.0
|
||||||
|
* |
||||||
|
* Unless required by applicable law or agreed to in writing, software |
||||||
|
* distributed under the License is distributed on an "AS IS" BASIS, |
||||||
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
||||||
|
* See the License for the specific language governing permissions and |
||||||
|
* limitations under the License. |
||||||
|
*/ |
||||||
|
|
||||||
|
interface ITimingSearch { |
||||||
|
processDefinitionCode: number |
||||||
|
} |
||||||
|
|
||||||
|
export { ITimingSearch } |
||||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue