fix: 修复规则链节点无法跳转

@@ -16,4 +16,6 @@ export const PageEnum = {
   DEVICE_LIST: '/device/list',
 
   SHARE_PAGE: '/share/:viewType/:id/:publicId',
+
+  RULE_CHAIN_DETAIL: '/rule/chain/:id',
 };

+import { RouteLocationNormalizedLoaded } from 'vue-router';
 import { RuleChainFieldsEnum, RuleChainFieldsNameEnum } from '../../../enum/formField/flow';
 import { getRuleChains } from '/@/api/ruleDesigner';
 import { FormSchema } from '/@/components/Form';
 
-const fetch = async (params: Recordable) => {
+const fetch = async (params: Recordable, ruleChainId: string) => {
   try {
     const result = await getRuleChains(params);
-    const data = result.data.map((item) => ({ label: item.name, value: item.id.id }));
+    const data = result.data
+      .map((item) => ({ label: item.name, value: item.id.id }))
+      .filter((item) => item.value !== ruleChainId);
     return data;
   } catch (err) {
     console.error(err);
@@ -13,24 +16,27 @@ const fetch = async (params: Recordable) => {
   }
 };
 
-export const formSchemas: FormSchema[] = [
-  {
-    field: RuleChainFieldsEnum.RULE_CHAIN_ID,
-    label: RuleChainFieldsNameEnum.RULE_CHAIN_ID,
-    component: 'ApiSearchSelect',
-    componentProps: () => {
-      return {
-        placeholder: '请选择所属产品',
-        showSearch: true,
-        params: {
-          pageSize: 50,
-          page: 0,
-          type: 'CORE',
-        },
-        api: fetch,
-        searchApi: fetch,
-        getPopupContainer: () => document.body,
-      };
+export const getFormSchemas = (route: RouteLocationNormalizedLoaded): FormSchema[] => {
+  const ruleChainId = (route.params as Record<'id', string>).id;
+  return [
+    {
+      field: RuleChainFieldsEnum.RULE_CHAIN_ID,
+      label: RuleChainFieldsNameEnum.RULE_CHAIN_ID,
+      component: 'ApiSearchSelect',
+      componentProps: () => {
+        return {
+          placeholder: '请选择所属产品',
+          showSearch: true,
+          params: {
+            pageSize: 50,
+            page: 0,
+            type: 'CORE',
+          },
+          api: (params: Recordable) => fetch(params, ruleChainId),
+          searchApi: (params: Recordable) => fetch(params, ruleChainId),
+          getPopupContainer: () => document.body,
+        };
+      },
     },
-  },
-];
+  ];
+};

 <script lang="ts" setup>
   import type { CreateModalDefineExposeType } from '../../../types';
   import { BasicForm, useForm } from '/@/components/Form';
-  import { formSchemas } from './create.config';
+  import { getFormSchemas } from './create.config';
   import { NodeData } from '../../../types/node';
+  import { useRoute } from 'vue-router';
 
   defineProps<{
     config: NodeData;
   }>();
 
+  const ROUTE = useRoute();
+
   const [register, { validate, getFieldsValue, setFieldsValue, resetFields }] = useForm({
-    schemas: formSchemas,
+    schemas: getFormSchemas(ROUTE),
     showActionButtonGroup: false,
   });
 

@@ -2,15 +2,22 @@
   import { NodeProps } from '@vue-flow/core';
   import { Icon } from '/@/components/Icon';
   import { Tooltip } from 'ant-design-vue';
+  import { useRouter } from 'vue-router';
+  import { NodeData } from '../../../types/node';
 
-  defineProps<{
-    nodeProps?: NodeProps;
+  const props = defineProps<{
+    nodeProps?: NodeProps<NodeData>;
   }>();
 
+  const ROUTER = useRouter();
+
   const handleClick = () => {
-    // event.stopPropagation();
-    // event.preventDefault();
-    // console.log(props);
+    console.log(props);
+    const { data } = props.nodeProps?.data || ({} as NodeData);
+    const { configuration } = (data || {}) as { configuration: Record<'ruleChainId', string> };
+    if (configuration.ruleChainId) {
+      ROUTER.push(`/rule/chain/${configuration.ruleChainId}`);
+    }
   };
 </script>