fix: 规则链相关修改

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1701135308389" class="icon" viewBox="0 0 1079 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1473" xmlns:xlink="http://www.w3.org/1999/xlink" width="210.7421875" height="200"><path d="M602.973867 717.627733l342.024533-342.075733a48.759467 48.759467 0 0 0 14.344533-34.577067 48.896 48.896 0 0 0-83.456-34.5856l-307.5072 307.541334-307.464533-307.549867a48.913067 48.913067 0 0 0-69.128533 0 48.955733 48.955733 0 0 0 0 69.154133L533.845333 717.610667a48.930133 48.930133 0 0 0 69.128534 0.017066z" fill="#AAAAAA" p-id="1474"></path></svg>
\ No newline at end of file

@@ -125,7 +125,7 @@ export function useAwaitPopupWindowBindData(
           CheckExistenceFieldsNameEnum.METADATA_NAMES
         )}最少选填一个`
       );
-      return false;
+      return true;
     }
     unref(resolveFn)?.({
       flag: true,

 <script setup lang="ts">
-  import { Spin } from 'ant-design-vue';
+  import { Spin, Tooltip } from 'ant-design-vue';
   import { Background, BackgroundVariant } from '@vue-flow/background';
   import { Controls } from '@vue-flow/controls';
   import { Panel, PanelPosition, VueFlow } from '@vue-flow/core';
@@ -24,6 +24,11 @@
   import { UpdateNodeDrawer } from './src/components/UpdateNodeDrawer';
   import { UpdateEdgeDrawer } from './src/components/UpdateEdgeDrawer';
   import { CreateRuleChainModal } from './src/components/CreateRuleChainModal';
+  import { useRouter } from 'vue-router';
+
+  import { getRuleChinsList } from '/@/api/ruleengine/ruleengineApi';
+  import { ApiSelect } from '/@/components/Form';
+  import DownImage from '/@/assets/svg/down-svg.svg';
 
   const getId = Number(Math.random().toString().substring(2)).toString(16);
 
@@ -96,6 +101,20 @@
     useSaveAndRedoActionType.triggerChange?.();
   };
 
+  const ROUTER = useRouter();
+  const isShowSelect = ref<boolean>(false);
+  const handleBack = () => {
+    ROUTER.go(-1);
+  };
+
+  const handleDown = () => {
+    isShowSelect.value = !unref(isShowSelect);
+  };
+
+  const handleSelectChange = (e) => {
+    ROUTER.replace(`${e}`);
+  };
+
   onMounted(() => {
     getCurrentPageMetaData(flowActionType);
     getCurrentRuleChainDetail();
@@ -131,9 +150,7 @@
         <template #edge-custom="props">
           <BasicEdge v-bind="props" />
         </template>
-
         <BasicConnectionArrow />
-
         <Background :variant="BackgroundVariant.Lines" :gap="25" pattern-color="#cfcfcf" />
 
         <Controls :position="PanelPosition.BottomLeft" />
@@ -171,14 +188,56 @@
           </section>
         </Panel>
 
-        <Panel position="top-right">
+        <Panel position="top-right" class="flex">
+          <Tooltip title="返回">
+            <button
+              class="w-10 h-10 bg-gray-300 flex justify-center items-center rounded-full dark:bg-dark-50"
+              @click="handleBack"
+              ><Icon icon="ant-design:rollback-outlined" class="cursor-pointer svg:text-xl" />
+            </button>
+          </Tooltip>
           <button
-            class="w-10 h-10 bg-gray-300 flex justify-center items-center rounded-full dark:bg-dark-50"
+            class="w-10 h-10 bg-gray-300 mx-1 flex justify-center items-center rounded-full dark:bg-dark-50"
             @click="handleFullScreen"
           >
             <Icon class="!text-2xl dark:text-light-50" :icon="getFullScreenIcon" />
           </button>
         </Panel>
+        <Panel position="top-left">
+          <h1 class="ml-10">{{ ruleChainDetail?.name }}</h1>
+        </Panel>
+        <Panel position="top-center" class="flex flex-col items-center">
+          <button
+            class="w-10 h-10 bg-gray-300 mx-1 flex justify-center items-center rounded-full dark:bg-dark-50"
+            @click="handleDown"
+          >
+            <img :src="DownImage" alt="avatar" />
+          </button>
+          <div v-if="isShowSelect" class="mt-1">
+            <ApiSelect
+              class="!mx-2 flex-auto w-40"
+              :api="
+                async (params) => {
+                  const options = await getRuleChinsList(params);
+                  return options?.data
+                    .map((item) => ({ label: item.name, value: item.id.id }))
+                    .filter((item) => item.label !== ruleChainDetail?.name);
+                }
+              "
+              :showSearch="true"
+              :filterOption="(inputValue: string, option: Record<'label' | 'value', string>) =>
+          option.label.includes(inputValue)"
+              placeholder="请选择规则链"
+              :params="{
+                page: 0,
+                pageSize: 100,
+                sortProperty: 'createdTime',
+                sortOrder: 'DESC',
+              }"
+              @change="handleSelectChange"
+            />
+          </div>
+        </Panel>
       </VueFlow>
     </Spin>
 
@@ -203,5 +262,9 @@
     .ant-spin-container {
       @apply w-full h-full;
     }
+
+    :deep(.top .center) {
+      margin: 0 !important;
+    }
   }
 </style>

@@ -56,7 +56,8 @@
   const handleModalOk = async () => {
     await validate();
     const data = getFieldsValue();
-    await handleSubmit(data);
+    const flag = await handleSubmit(data);
+    if (flag) return;
     resetFieldsValue();
   };