feat: 物模型新增导入功能

@@ -55,3 +55,11 @@ export interface GetModelTslParams {
   functionType: FunctionType;
   functionType: FunctionType;
   deviceProfileId: string;
   deviceProfileId: string;
 }
 }
+
+export interface ImportModelOfMatterType {
+  attributeModels: any[];
+  eventModels: any[];
+  functionType: string;
+  serviceModels: any[];
+  tkDeviceProfileId: string;
+}

 import { BasicPageParams } from '../model/baseModel';
 import { BasicPageParams } from '../model/baseModel';
-import { GetModelTslParams, ModelOfMatterParams } from './model/modelOfMatterModel';
+import {
+  GetModelTslParams,
+  ImportModelOfMatterType,
+  ModelOfMatterParams,
+} from './model/modelOfMatterModel';
 import { defHttp } from '/@/utils/http/axios';
 import { defHttp } from '/@/utils/http/axios';
 import { FunctionType } from '/@/views/device/profiles/step/cpns/physical/cpns/config';
 import { FunctionType } from '/@/views/device/profiles/step/cpns/physical/cpns/config';
 
 
@@ -11,6 +15,8 @@ enum ModelOfMatter {
   LIST = '/things_model/page',
   LIST = '/things_model/page',
   RELEASE = '/things_model',
   RELEASE = '/things_model',
 
 
+  IMPORT = '/things_model/import',
+
   GET_MODEL_SERVICE = '/things_model/get_services',
   GET_MODEL_SERVICE = '/things_model/get_services',
 }
 }
 
 
@@ -69,3 +75,10 @@ export const getModelServices = (params: { deviceProfileId: string }) => {
     url: `${ModelOfMatter.GET_MODEL_SERVICE}/${deviceProfileId}`,
     url: `${ModelOfMatter.GET_MODEL_SERVICE}/${deviceProfileId}`,
   });
   });
 };
 };
+
+export const importModelOfMatter = (data: ImportModelOfMatterType) => {
+  return defHttp.post({
+    url: ModelOfMatter.IMPORT,
+    data,
+  });
+};

@@ -281,6 +281,7 @@ export const formSchemas = (hasStructForm: boolean): FormSchema[] => {
       colProps: {
       colProps: {
         span: 24,
         span: 24,
       },
       },
+      ifShow: () => !hasStructForm,
       defaultValue: 'r',
       defaultValue: 'r',
       componentProps: {
       componentProps: {
         placeholder: '请选择读写类型',
         placeholder: '请选择读写类型',

@@ -33,9 +33,9 @@
                 </Button>
                 </Button>
               </Authority>
               </Authority>
               <Button type="primary" @click="handleOpenTsl"> 物模型TSL </Button>
               <Button type="primary" @click="handleOpenTsl"> 物模型TSL </Button>
-              <Button v-if="false && isShowBtn" type="primary" @click="handleImportModel"
-                >导入物模型</Button
-              >
+              <Upload v-if="isShowBtn" :show-upload-list="false" :customRequest="handleImportModel">
+                <Button type="primary"> 导入物模型 </Button>
+              </Upload>
             </div>
             </div>
             <div class="flex gap-2">
             <div class="flex gap-2">
               <Authority :value="ModelOfMatterPermission.RELEASE">
               <Authority :value="ModelOfMatterPermission.RELEASE">
@@ -126,10 +126,15 @@
   import { Authority } from '/@/components/Authority';
   import { Authority } from '/@/components/Authority';
   import PhysicalModelModal from './cpns/physical/PhysicalModelModal.vue';
   import PhysicalModelModal from './cpns/physical/PhysicalModelModal.vue';
   import PhysicalModelTsl from './cpns/physical/PhysicalModelTsl.vue';
   import PhysicalModelTsl from './cpns/physical/PhysicalModelTsl.vue';
-  import { Popconfirm, Button, Alert } from 'ant-design-vue';
+  import { Popconfirm, Button, Alert, Upload } from 'ant-design-vue';
   import { useMessage } from '/@/hooks/web/useMessage';
   import { useMessage } from '/@/hooks/web/useMessage';
   import { DeviceRecord } from '/@/api/device/model/deviceModel';
   import { DeviceRecord } from '/@/api/device/model/deviceModel';
-  import { deleteModel, getModelList, releaseModel } from '/@/api/device/modelOfMatter';
+  import {
+    deleteModel,
+    getModelList,
+    importModelOfMatter,
+    releaseModel,
+  } from '/@/api/device/modelOfMatter';
   import { OpenModelOfMatterModelParams, OpenModelMode } from './cpns/physical/types';
   import { OpenModelOfMatterModelParams, OpenModelMode } from './cpns/physical/types';
   import { ModelOfMatterParams } from '/@/api/device/model/modelOfMatterModel';
   import { ModelOfMatterParams } from '/@/api/device/model/modelOfMatterModel';
   import { ref } from 'vue';
   import { ref } from 'vue';
@@ -229,7 +234,17 @@
     }
     }
   };
   };
 
 
-  const handleImportModel = async () => {};
+  const handleImportModel = async (data: { file: File }) => {
+    const fileReader = new FileReader();
+
+    fileReader.onload = () => {
+      console.log(fileReader.result);
+
+      importModelOfMatter({ tkDeviceProfileId: props.record.id });
+    };
+
+    fileReader.readAsText(data.file, 'utf-8');
+  };
 
 
   defineExpose({});
   defineExpose({});
 </script>
 </script>

@@ -85,7 +85,13 @@
     try {
     try {
       loading.value = true;
       loading.value = true;
       const record = await getModelTsl({ deviceProfileId: props.record.id, functionType });
       const record = await getModelTsl({ deviceProfileId: props.record.id, functionType });
-      jsonValue.value = JSON.stringify(record, null, 2);
+      jsonValue.value = JSON.stringify(
+        {
+          [functionType]: record,
+        },
+        null,
+        2
+      );
     } catch (error) {
     } catch (error) {
     } finally {
     } finally {
       loading.value = false;
       loading.value = false;