Aaron Wang
2 years ago
committed by
GitHub
6 changed files with 3 additions and 268 deletions
@ -1,109 +0,0 @@ |
|||||||
/* |
|
||||||
* 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 { defineComponent, PropType, toRefs, watch } from 'vue' |
|
||||||
import Modal from '@/components/modal' |
|
||||||
import { NForm, NFormItem, NSelect } from 'naive-ui' |
|
||||||
import { useI18n } from 'vue-i18n' |
|
||||||
import { useMove } from './use-move' |
|
||||||
|
|
||||||
const props = { |
|
||||||
show: { |
|
||||||
type: Boolean as PropType<boolean>, |
|
||||||
default: false |
|
||||||
}, |
|
||||||
row: { |
|
||||||
type: Object as PropType<any>, |
|
||||||
default: {} |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
const MoveModal = defineComponent({ |
|
||||||
name: 'MoveModal', |
|
||||||
props, |
|
||||||
emits: ['refresh', 'cancel'], |
|
||||||
setup(props, ctx) { |
|
||||||
const { t } = useI18n() |
|
||||||
const { variables, handleValidate, getListData } = useMove() |
|
||||||
|
|
||||||
const cancelModal = () => { |
|
||||||
variables.model.targetProcessDefinitionCode = '' |
|
||||||
ctx.emit('cancel') |
|
||||||
} |
|
||||||
|
|
||||||
const confirmModal = () => { |
|
||||||
handleValidate() |
|
||||||
} |
|
||||||
|
|
||||||
watch( |
|
||||||
() => props.show, |
|
||||||
() => { |
|
||||||
variables.taskCode = props.row.taskCode |
|
||||||
variables.processDefinitionCode = props.row.processDefinitionCode |
|
||||||
variables.model.targetProcessDefinitionCode = |
|
||||||
props.row.processDefinitionCode |
|
||||||
|
|
||||||
props.show && getListData() |
|
||||||
} |
|
||||||
) |
|
||||||
|
|
||||||
watch( |
|
||||||
() => variables.refreshTaskDefinition, |
|
||||||
() => { |
|
||||||
if (variables.refreshTaskDefinition) { |
|
||||||
ctx.emit('refresh') |
|
||||||
variables.refreshTaskDefinition = false |
|
||||||
} |
|
||||||
} |
|
||||||
) |
|
||||||
|
|
||||||
return { t, ...toRefs(variables), cancelModal, confirmModal } |
|
||||||
}, |
|
||||||
render() { |
|
||||||
const { t, show, cancelModal, confirmModal } = this |
|
||||||
|
|
||||||
return ( |
|
||||||
<Modal |
|
||||||
title={t('project.task.move')} |
|
||||||
show={show} |
|
||||||
onCancel={cancelModal} |
|
||||||
onConfirm={confirmModal} |
|
||||||
confirmDisabled={!this.model.targetProcessDefinitionCode} |
|
||||||
confirmLoading={this.saving} |
|
||||||
> |
|
||||||
<NForm |
|
||||||
model={this.model} |
|
||||||
rules={this.rules} |
|
||||||
ref='taskDefinitionFormRef' |
|
||||||
> |
|
||||||
<NFormItem |
|
||||||
label={t('project.task.workflow_name')} |
|
||||||
path='alertInstanceIds' |
|
||||||
> |
|
||||||
<NSelect |
|
||||||
placeholder={t('project.task.workflow_name_tips')} |
|
||||||
options={this.model.generalOptions} |
|
||||||
v-model={[this.model.targetProcessDefinitionCode, 'value']} |
|
||||||
/> |
|
||||||
</NFormItem> |
|
||||||
</NForm> |
|
||||||
</Modal> |
|
||||||
) |
|
||||||
} |
|
||||||
}) |
|
||||||
|
|
||||||
export default MoveModal |
|
||||||
@ -1,105 +0,0 @@ |
|||||||
/* |
|
||||||
* 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 { reactive, ref } from 'vue' |
|
||||||
import { useI18n } from 'vue-i18n' |
|
||||||
import { useAsyncState } from '@vueuse/core' |
|
||||||
import { querySimpleList } from '@/service/modules/process-definition' |
|
||||||
import { useRoute } from 'vue-router' |
|
||||||
import { moveRelation } from '@/service/modules/process-task-relation' |
|
||||||
import type { SimpleListRes } from '@/service/modules/process-definition/types' |
|
||||||
|
|
||||||
export function useMove() { |
|
||||||
const { t } = useI18n() |
|
||||||
const route = useRoute() |
|
||||||
const projectCode = Number(route.params.projectCode) |
|
||||||
|
|
||||||
const variables = reactive({ |
|
||||||
taskCode: ref(''), |
|
||||||
processDefinitionCode: ref(''), |
|
||||||
refreshTaskDefinition: ref(false), |
|
||||||
taskDefinitionFormRef: ref(), |
|
||||||
model: { |
|
||||||
targetProcessDefinitionCode: ref(''), |
|
||||||
generalOptions: [] |
|
||||||
}, |
|
||||||
saving: false, |
|
||||||
rules: { |
|
||||||
targetProcessDefinitionCode: { |
|
||||||
required: true, |
|
||||||
trigger: ['change', 'blur'], |
|
||||||
validator() { |
|
||||||
if (!variables.model.targetProcessDefinitionCode) { |
|
||||||
return new Error(t('project.task.workflow_name_tips')) |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
}) |
|
||||||
|
|
||||||
const getListData = () => { |
|
||||||
const { state } = useAsyncState( |
|
||||||
querySimpleList(projectCode).then((res: Array<SimpleListRes>) => { |
|
||||||
variables.model.generalOptions = res.map( |
|
||||||
(item): { label: string; value: number } => { |
|
||||||
return { |
|
||||||
label: item.name, |
|
||||||
value: item.code |
|
||||||
} |
|
||||||
} |
|
||||||
) as any |
|
||||||
}), |
|
||||||
{} |
|
||||||
) |
|
||||||
|
|
||||||
return state |
|
||||||
} |
|
||||||
|
|
||||||
const handleValidate = () => { |
|
||||||
variables.taskDefinitionFormRef.validate((errors: any) => { |
|
||||||
if (errors) { |
|
||||||
return |
|
||||||
} |
|
||||||
moveTask() |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
const moveTask = async () => { |
|
||||||
if (variables.saving) return |
|
||||||
variables.saving = true |
|
||||||
try { |
|
||||||
const data = { |
|
||||||
targetProcessDefinitionCode: |
|
||||||
variables.model.targetProcessDefinitionCode, |
|
||||||
taskCode: variables.taskCode, |
|
||||||
processDefinitionCode: variables.processDefinitionCode |
|
||||||
} |
|
||||||
await moveRelation(data, projectCode) |
|
||||||
variables.saving = false |
|
||||||
variables.model.targetProcessDefinitionCode = '' |
|
||||||
variables.refreshTaskDefinition = true |
|
||||||
} catch (err) { |
|
||||||
variables.saving = false |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
return { |
|
||||||
variables, |
|
||||||
handleValidate, |
|
||||||
getListData |
|
||||||
} |
|
||||||
} |
|
||||||
Loading…
Reference in new issue