任务流-复制

src/views/taskScheduling/taskFlowDesign/copyModal.vue

+<template>
+  <BasicModal
+    width="40%"
+    v-bind="$attrs"
+    @register="registerModal"
+    :title="getTitle"
+    @ok="handleSubmit"
+  >
+    <BasicForm @register="registerForm">
+      <template #path="{ field, model }">
+        <InputSearch v-model:value="model[field]" enter-button="选择" @search="handleSearch" />
+      </template>
+    </BasicForm>
+  </BasicModal>
+</template>
+<script lang="ts" setup>
+  import { ref, unref } from 'vue';
+  import { BasicModal, useModalInner } from '@/components/Modal';
+  import { BasicForm, useForm } from '@/components/Form';
+  import { copyFormSchema } from '@/views/taskScheduling/taskFlowDesign/design.data';
+  import { BaseFormatProps } from 'vue-i18n';
+  import { InputSearch } from 'ant-design-vue';
+
+  const isUpdate = ref(false);
+  const isMove = ref(false);
+  const rowId = ref('');
+  //获取接口数据并放在下拉框里（这里是打开了一个弹框）
+  //初始化表单
+  const [registerForm, { setFieldsValue, resetFields, validate }] = useForm({
+    labelWidth: 100,
+    baseColProps: { lg: 24, md: 24 },
+
+    schemas: copyFormSchema,
+    showActionButtonGroup: false,
+    actionColOptions: {
+      span: 23,
+    },
+  } as BaseFormatProps);
+  //初始化弹框
+  const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+    await resetFields();
+    setModalProps({ confirmLoading: false });
+    isUpdate.value = !!data?.isUpdate;
+    isMove.value = !!data?.isMove;
+    if (unref(isUpdate)) {
+      // 获取行数据的id
+      rowId.value = data.record.businessId;
+      // 塞值
+      await setFieldsValue({
+        ...data.record,
+      });
+    }
+  });
+
+  const getTitle = '复制到';
+
+  function handleSearch() {}
+  /**确定按钮*/
+  async function handleSubmit() {
+    await validate();
+    closeModal();
+  }
+</script>

src/views/taskScheduling/taskFlowDesign/deleteModel.vue

@@ -41,7 +41,7 @@
         <BasicTable @register="rightTable" :searchInfo="searchInfo">
           <template #headerCell="{ column }">
             <template v-if="column.key === 'task'">
-              <span>被引入（{{ getRightList().length }}）</span>
+              <span>被引用（{{ getRightList().length }}）</span>
             </template>
           </template>
         </BasicTable>
@@ -51,7 +51,7 @@
 </template>
 <script lang="ts" setup>
   import { useTable, TableAction, BasicTableProps } from '@/components/Table';
-  import { ref, computed, unref, reactive } from 'vue';
+  import {ref, computed, unref, reactive, defineEmits} from 'vue';
   import Icon from '@/components/Icon/Icon.vue';
   import { Select, Alert, List, Row, Col } from 'ant-design-vue';
   import { BranchesOutlined } from '@ant-design/icons-vue';
@@ -72,6 +72,7 @@
   import { useMessage } from '@/hooks/web/useMessage';
   import { delList1, delList2, delList3 } from './designData.ts';
 
+  const emit = defineEmits(['success']);
   const getTitle = '任务流依赖/引用提醒';
   //初始化弹框
   const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
@@ -127,5 +128,6 @@
   } as BasicTableProps);
   async function handleSubmit() {
     closeModal();
+    emit('success');
   }
 </script>

src/views/taskScheduling/taskFlowDesign/design.data.ts

 import { FormSchema } from '@/components/Form';
 import { BasicColumn } from '@/components/Table';
-import {InputProps, TableColumn} from 'ant-design-vue';
+import { InputProps, TableColumn } from 'ant-design-vue';
 import { TreeItem } from '@/components/Tree';
 
 export const designFormSchema: FormSchema[] = [
@@ -900,8 +900,8 @@ export const taskOverallConfig: FormSchema[] = [
   {
     label: '调度时间',
     field: 'scheduleTime',
-    fields:['scheduleTime'],
-    slot:'scheduleTime',
+    fields: ['scheduleTime'],
+    slot: 'scheduleTime',
     colProps: { lg: 24, md: 24 },
     show: ({ model }) => {
       return model.cycle === '每天一次';
@@ -910,7 +910,7 @@ export const taskOverallConfig: FormSchema[] = [
   {
     label: '事件触发器',
     field: 'eventTrigger',
-    slot:'eventTrigger',
+    slot: 'eventTrigger',
     colProps: { lg: 24, md: 24 },
     show: ({ model }) => {
       return model.cycle === '事件触发器';
@@ -1096,7 +1096,6 @@ export const delTableColumn1: BasicColumn[] = [
   },
 ];
 
-
 export const defineEvent: FormSchema[] = [
   {
     label: '检查频率',
@@ -1107,8 +1106,8 @@ export const defineEvent: FormSchema[] = [
     colProps: {
       span: 20,
     },
-    helpMessage: ['正整数，默认60','单位：秒、分钟、小时'],
-    slot:'checkFrequency',
+    helpMessage: ['正整数，默认60', '单位：秒、分钟、小时'],
+    slot: 'checkFrequency',
     required: true,
   },
   {
@@ -1119,7 +1118,7 @@ export const defineEvent: FormSchema[] = [
     colProps: {
       span: 20,
     },
-    slot:'triggerType',
+    slot: 'triggerType',
   },
   {
     label: '文件系统源',
@@ -1127,7 +1126,7 @@ export const defineEvent: FormSchema[] = [
     show: ({ model }) => {
       return model.triggerType === '文件到达';
     },
-    slot:'fileSystemSource',
+    slot: 'fileSystemSource',
     colProps: {
       span: 20,
     },
@@ -1136,7 +1135,7 @@ export const defineEvent: FormSchema[] = [
   {
     label: '文件路径',
     field: 'filePath',
-    slot:'filePath',
+    slot: 'filePath',
     show: ({ model }) => {
       return model.triggerType === '文件到达';
     },
@@ -1150,8 +1149,8 @@ export const defineEvent: FormSchema[] = [
     field: 'targetObject',
     defaultValue: '资源名称',
     fields: ['targetObjects'],
-    slot:'targetObject',
-    helpMessage: ['输入文件或文件名称','支持通配符和参数'],
+    slot: 'targetObject',
+    helpMessage: ['输入文件或文件名称', '支持通配符和参数'],
     show: ({ model }) => {
       return model.triggerType === '文件到达';
     },
@@ -1182,13 +1181,13 @@ export const defineEvent: FormSchema[] = [
   {
     label: '保存结果',
     field: 'saveResults',
-    fields: ['saveResultName','saveResultObject'],
+    fields: ['saveResultName', 'saveResultObject'],
     helpMessage: ['下拉搜索框根据参数类型过滤可选择的参数名'],
     defaultValueObj: { saveResultName: '全局参数' },
     colProps: {
       span: 20,
     },
-    slot:'saveResults',
+    slot: 'saveResults',
     show: ({ model }) => {
       return model.triggerType === '文件到达';
     },
@@ -1202,7 +1201,7 @@ export const defineEvent: FormSchema[] = [
       span: 20,
     },
     /*component:'TimePicker',*/
-    slot:'startTime',
+    slot: 'startTime',
     show: ({ model }) => {
       return model.triggerType === 'SQL结果检查';
     },
@@ -1216,7 +1215,7 @@ export const defineEvent: FormSchema[] = [
     colProps: {
       span: 20,
     },
-    slot:'rollingTimeWindow',
+    slot: 'rollingTimeWindow',
     show: ({ model }) => {
       return model.triggerType === 'SQL结果检查';
     },
@@ -1244,16 +1243,16 @@ export const defineEvent: FormSchema[] = [
   {
     label: '连接',
     field: 'connection',
-    component:'Select',
-    defaultValue:'1',
+    component: 'Select',
+    defaultValue: '1',
     colProps: {
       span: 20,
     },
     componentProps: {
       options: [
-        {value: '1', label: '192.168.11.3'},
-        {value: '2', label: '192.168.96.3'},
-        {value: '3', label: '192.168.1.32'},
+        { value: '1', label: '192.168.11.3' },
+        { value: '2', label: '192.168.96.3' },
+        { value: '3', label: '192.168.1.32' },
       ],
     },
     show: ({ model }) => {
@@ -1266,7 +1265,7 @@ export const defineEvent: FormSchema[] = [
     field: 'sql',
     component: 'InputTextArea',
     componentProps: {
-      placeholder:'事件满足取决于当前sql返回结果是否为空，' +
+      placeholder: '事件满足取决于当前sql返回结果是否为空，' +
         '若无返回结果则判断事件条件未达成:\n' +
         '此处支持引用任务流参数、工作区参数、全局参数',
       rows: 8,
@@ -1282,11 +1281,11 @@ export const defineEvent: FormSchema[] = [
   {
     label: '保存结果',
     field: 'saveResultsT',
-    fields: ['saveResultName','saveResultObject'],
+    fields: ['saveResultName', 'saveResultObject'],
     colProps: {
       span: 20,
     },
-    slot:'saveResults',
+    slot: 'saveResults',
     show: ({ model }) => {
       return model.triggerType === 'SQL结果检查';
     },
@@ -1299,7 +1298,7 @@ export const defineEvent: FormSchema[] = [
       span: 20,
     },
     /*component:'TimePicker',*/
-    slot:'startTimeT',
+    slot: 'startTimeT',
     show: ({ model }) => {
       return model.triggerType === '脚本自定义';
     },
@@ -1312,7 +1311,7 @@ export const defineEvent: FormSchema[] = [
     colProps: {
       span: 20,
     },
-    slot:'rollingTimeWindowT',
+    slot: 'rollingTimeWindowT',
     show: ({ model }) => {
       return model.triggerType === '脚本自定义';
     },
@@ -1342,7 +1341,8 @@ export const defineEvent: FormSchema[] = [
     field: 'scriptContent',
     component: 'InputTextArea',
     componentProps: {
-      placeholder:'脚本运行成功，即满足，因此判断逻辑由用户确定例如\n' +
+      placeholder:
+        '脚本运行成功，即满足，因此判断逻辑由用户确定例如\n' +
         '675/1346\n' +
         'set +e\n' +
         'a=2\n' +
@@ -1352,14 +1352,23 @@ export const defineEvent: FormSchema[] = [
         'TRANSWARP\n' +
         'else exit 1\n' +
         'set-e',
-      rows:12,
+      rows: 12,
     } as InputProps,
     colProps: {
-      span: 20,
-    },
-    show: ({ model }) => {
-      return model.triggerType === '脚本自定义';
+      colProps: {
+        span: 20,
+      },
+      show: ({ model }) => {
+        return model.triggerType === '脚本自定义';
+      },
     },
     required: true,
   },
 ];
+export const copyFormSchema: FormSchema[] = [
+  {
+    label: '路径',
+    field: 'path',
+    slot: 'path',
+  },
+];