fix: 修改规则链相关的

@@ -161,6 +161,16 @@ export const createRuleChine = (params) => {
   );
   );
 };
 };
 
 
+export const importRuleChine = (params) => {
+  return defHttp.post(
+    {
+      url: `${ScreenManagerApi.RULE_CHAIN}/metadata`,
+      params,
+    },
+    { joinPrefix: false }
+  );
+};
+
 /**
 /**
  * 删除规则链
  * 删除规则链
  */
  */

@@ -72,7 +72,11 @@
 <script lang="ts" setup>
 <script lang="ts" setup>
   import { ref, unref, reactive, nextTick } from 'vue';
   import { ref, unref, reactive, nextTick } from 'vue';
   import { BasicModal, useModalInner } from '/@/components/Modal';
   import { BasicModal, useModalInner } from '/@/components/Modal';
-  import { deviceConfigAddOrEdit, deviceConfigGetDetail } from '/@/api/device/deviceConfigApi';
+  import {
+    deviceConfigAddOrEdit,
+    deviceConfigGetDetail,
+    deviceConfigGetRuleChain,
+  } from '/@/api/device/deviceConfigApi';
   import { useMessage } from '/@/hooks/web/useMessage';
   import { useMessage } from '/@/hooks/web/useMessage';
   import { steps } from './device.profile.data';
   import { steps } from './device.profile.data';
   import { isEmpty } from '/@/utils/is';
   import { isEmpty } from '/@/utils/is';
@@ -119,6 +123,12 @@
       unref(DevConStRef)?.editOrAddDeviceTypeStatus(true);
       unref(DevConStRef)?.editOrAddDeviceTypeStatus(true);
     } else {
     } else {
       unref(DevConStRef)?.editOrAddDeviceTypeStatus(false);
       unref(DevConStRef)?.editOrAddDeviceTypeStatus(false);
+      const values = ref([]) as any;
+      if (!values.value.length) {
+        values.value = await deviceConfigGetRuleChain();
+      }
+      const defaultRuleChainId = unref(values).filter((item) => item.root)[0].id.id;
+      await unref(DevConStRef)?.setFieldsdefaultRuleChainId(defaultRuleChainId);
     }
     }
   });
   });
   const handleChange = (e) => {
   const handleChange = (e) => {

@@ -196,7 +196,6 @@ export const step1Schemas: FormSchema[] = [
     label: '规则链',
     label: '规则链',
     component: 'ApiSelect',
     component: 'ApiSelect',
     colProps: { span: 14 },
     colProps: { span: 14 },
-
     componentProps: {
     componentProps: {
       api: async () => {
       api: async () => {
         const data = await deviceConfigGetRuleChain();
         const data = await deviceConfigGetRuleChain();

@@ -28,7 +28,7 @@
   </div>
   </div>
 </template>
 </template>
 <script lang="ts" setup>
 <script lang="ts" setup>
-  import { ref } from 'vue';
+  import { ref, nextTick } from 'vue';
   import { BasicForm, useForm } from '/@/components/Form';
   import { BasicForm, useForm } from '/@/components/Form';
   import { step1Schemas } from '../device.profile.data';
   import { step1Schemas } from '../device.profile.data';
   import { uploadApi } from '/@/api/personal/index';
   import { uploadApi } from '/@/api/personal/index';
@@ -90,6 +90,12 @@
     }
     }
     return isJpgOrPng && isLt2M;
     return isJpgOrPng && isLt2M;
   };
   };
+
+  const setFieldsdefaultRuleChainId = async (id) => {
+    await nextTick();
+    setFieldsValue({ defaultRuleChainId: id });
+  };
+
   async function customSubmitFunc() {
   async function customSubmitFunc() {
     const values = await validate();
     const values = await validate();
     if (!values) return;
     if (!values) return;
@@ -129,6 +135,7 @@
     resetFormData,
     resetFormData,
     getFormData,
     getFormData,
     editOrAddDeviceTypeStatus,
     editOrAddDeviceTypeStatus,
+    setFieldsdefaultRuleChainId,
   });
   });
 </script>
 </script>
 <style lang="less" scoped>
 <style lang="less" scoped>

@@ -5,9 +5,9 @@
         <Authority>
         <Authority>
           <a-button type="primary" @click="handleAdd"> 新增规则链 </a-button>
           <a-button type="primary" @click="handleAdd"> 新增规则链 </a-button>
         </Authority>
         </Authority>
-        <!-- <Authority>
-          <a-button type="primary" @click="handleImport"> 导入规则链 </a-button>
-        </Authority> -->
+        <Upload :show-upload-list="false" :customRequest="handleImport">
+          <Button type="primary" :loading="importLoading"> 导入规则链 </Button>
+        </Upload>
         <!-- <Authority>
         <!-- <Authority>
           <Popconfirm
           <Popconfirm
             title="您确定要批量删除数据"
             title="您确定要批量删除数据"
@@ -90,14 +90,18 @@
     getRuleChinsList,
     getRuleChinsList,
     exportRuleChine,
     exportRuleChine,
     settingRootChine,
     settingRootChine,
+    importRuleChine,
+    createRuleChine,
   } from '/@/api/ruleengine/ruleengineApi';
   } from '/@/api/ruleengine/ruleengineApi';
   import { useModal } from '/@/components/Modal';
   import { useModal } from '/@/components/Modal';
   import { Authority } from '/@/components/Authority';
   import { Authority } from '/@/components/Authority';
-  import { Tag } from 'ant-design-vue';
+  import { Tag, Button, Upload } from 'ant-design-vue';
   import { RuleChainModal } from './component/index';
   import { RuleChainModal } from './component/index';
   import { useMessage } from '/@/hooks/web/useMessage';
   import { useMessage } from '/@/hooks/web/useMessage';
   import { usePermission } from '/@/hooks/web/usePermission';
   import { usePermission } from '/@/hooks/web/usePermission';
   import { useRouter } from 'vue-router';
   import { useRouter } from 'vue-router';
+  import { ref } from 'vue';
+  import { isObject, isString } from '/@/utils/is';
   // import { ChainDetailDrawer } from './chainDetail/index';
   // import { ChainDetailDrawer } from './chainDetail/index';
   // import { useDrawer } from '/@/components/Drawer';
   // import { useDrawer } from '/@/components/Drawer';
 
 
@@ -112,7 +116,7 @@
     bordered: true,
     bordered: true,
     showIndexColumn: false,
     showIndexColumn: false,
     formConfig: {
     formConfig: {
-      labelWidth: 120,
+      labelWidth: 70,
       schemas: searchFormSchema,
       schemas: searchFormSchema,
     },
     },
     fetchSetting: {
     fetchSetting: {
@@ -133,7 +137,7 @@
       },
       },
     },
     },
     actionColumn: {
     actionColumn: {
-      width: 200,
+      width: 220,
       title: '操作',
       title: '操作',
       dataIndex: 'action',
       dataIndex: 'action',
       slots: { customRender: 'action' },
       slots: { customRender: 'action' },
@@ -183,7 +187,64 @@
   //   console.log(record, '详情');
   //   console.log(record, '详情');
   // };
   // };
 
 
-  // const handleImport = () => {};
+  const paseJSON = (string: string) => {
+    let data = null;
+    let flag = false;
+    try {
+      if (!isString(string)) return { flag: false, data };
+      data = JSON.parse(string);
+      flag = true;
+      if (!isObject(data)) flag = false;
+    } catch (error) {}
+    return { flag, data };
+  };
+
+  const isEmptyObject = (value: any) => isObject(value) && !Object.keys(value).length;
+
+  const importLoading = ref<boolean>(false);
+  const handleImport = (data: { file: File }) => {
+    const fileReader = new FileReader();
+
+    fileReader.onload = async () => {
+      const { flag, data } = paseJSON(fileReader.result as string);
+      if (!flag) {
+        createMessage.warning('JSON解析失败,请导入正确的JSON~');
+        return;
+      }
+      try {
+        importLoading.value = true;
+
+        Object.keys(data || {}).forEach((key) => {
+          const value = (data || {})[key];
+          if (value && isEmptyObject(value)) {
+            (data || {})[key] = [];
+          }
+        });
+        const { ruleChain, metadata } = data as any;
+
+        const value = await createRuleChine(ruleChain);
+        const { id } = value;
+
+        const values = {
+          ruleChainId: id,
+          ...metadata,
+        };
+        const rules = await importRuleChine(values);
+
+        rules
+          ? createMessage.success('导入成功~')
+          : createMessage.error('JSON解析失败,请导入正确的JSON~');
+
+        rules && reload();
+      } catch (error) {
+        throw error;
+      } finally {
+        importLoading.value = false;
+      }
+    };
+
+    fileReader.readAsText(data.file, 'utf-8');
+  };
 
 
   const handleExport = async (record: Recordable) => {
   const handleExport = async (record: Recordable) => {
     if (!record) return;
     if (!record) return;