gtsoft-snail-job-admin/src/views/workflow/form/edit/index.vue

<script setup lang="ts">
import { onMounted, ref } from 'vue';
import Workflow, { flowFetch, flowStores } from '@sa/workflow';
import { useRoute, useRouter } from 'vue-router';
import { $t } from '@/locales';

const store = flowStores.useFlowStore();
const route = useRoute();
const router = useRouter();

const spinning = ref(false);
const disabled = ref(false);

const id: string = String(route.query.id);

const node = ref<Flow.NodeDataType>({});

const getDetail = async () => {
  spinning.value = true;
  const { data, error } = await flowFetch.fetchWorkflowInfo(id);
  if (!error) {
    node.value = data;
  }
  spinning.value = false;
};

onMounted(() => {
  store.clear();
  store.setType(0);
  store.setId(id);
  getDetail();
  disabled.value = false;
});

const update = async () => {
  const { error } = await flowFetch.fetchUpdateWorkflow(node.value);
  if (!error) {
    window.$message?.info($t('common.updateSuccess'));
    router.push({ path: '/workflow/task' });
  }
};

const cancel = () => {
  router.push('/workflow/task');
};
</script>

<template>
  <Workflow v-model="node" :spinning="spinning" :disabled="disabled" @save="update" @cancel="cancel" />
</template>

<style scoped></style>