feat: 产品详情物模型新增导出全部物模型

@@ -179,12 +179,7 @@
   );
   );
 
 
   selectionOptions.rowSelection.getCheckboxProps = (record: Recordable) => {
   selectionOptions.rowSelection.getCheckboxProps = (record: Recordable) => {
-    // Demo:status为1的选择框禁用
-    if (record.status === 1) {
-      return { disabled: true };
-    } else {
-      return { disabled: false };
-    }
+    return { disabled: record.status === 1 };
   };
   };
 
 
   const handleViewDetail = (record: ModelOfMatterParams) => {
   const handleViewDetail = (record: ModelOfMatterParams) => {

@@ -5,12 +5,16 @@
     destroyOnClose
     destroyOnClose
     v-bind="$attrs"
     v-bind="$attrs"
     width="55rem"
     width="55rem"
+    :okButtonProps="{ loading }"
     @register="register"
     @register="register"
     @ok="handleSubmit"
     @ok="handleSubmit"
     okText="导出物模型"
     okText="导出物模型"
     @cancel="handleCancel"
     @cancel="handleCancel"
   >
   >
-    <TslContent :record="$props.record" ref="TslConRef" />
+    <TslContent :record="record" ref="TslConRef" />
+    <template #centerFooter>
+      <Button type="primary" :loading="loading" @click="handleExportAll">导出全部</Button>
+    </template>
   </BasicModal>
   </BasicModal>
 </template>
 </template>
 <script lang="ts" setup>
 <script lang="ts" setup>
@@ -18,6 +22,9 @@
   import { BasicModal, useModalInner } from '/@/components/Modal';
   import { BasicModal, useModalInner } from '/@/components/Modal';
   import TslContent from './cpns/TslContent.vue';
   import TslContent from './cpns/TslContent.vue';
   import { DeviceRecord } from '/@/api/device/model/deviceModel';
   import { DeviceRecord } from '/@/api/device/model/deviceModel';
+  import { Button } from 'ant-design-vue';
+  import { getModelTsl } from '/@/api/device/modelOfMatter';
+  import { FunctionType } from './cpns/config';
 
 
   defineEmits(['register']);
   defineEmits(['register']);
 
 
@@ -28,6 +35,8 @@
   const TslConRef = ref<InstanceType<typeof TslContent>>();
   const TslConRef = ref<InstanceType<typeof TslContent>>();
   const isUpdate = ref(false);
   const isUpdate = ref(false);
 
 
+  const loading = ref(false);
+
   const [register, { closeModal, setModalProps }] = useModalInner(async (data) => {
   const [register, { closeModal, setModalProps }] = useModalInner(async (data) => {
     setModalProps({ confirmLoading: true });
     setModalProps({ confirmLoading: true });
     isUpdate.value = data.isUpdate;
     isUpdate.value = data.isUpdate;
@@ -41,10 +50,7 @@
     closeModal();
     closeModal();
   };
   };
 
 
-  const handleSubmit = () => {
-    const value = TslConRef.value?.getFormData();
-    if (!value) return;
-
+  const exportJSONFile = (value: Recordable) => {
     const blob = new Blob([JSON.stringify(value, null, 2)], { type: 'text/json' });
     const blob = new Blob([JSON.stringify(value, null, 2)], { type: 'text/json' });
     const objectURL = URL.createObjectURL(blob);
     const objectURL = URL.createObjectURL(blob);
     const element = document.createElement('a');
     const element = document.createElement('a');
@@ -56,6 +62,34 @@
     element.remove();
     element.remove();
     URL.revokeObjectURL(objectURL);
     URL.revokeObjectURL(objectURL);
   };
   };
+
+  const handleSubmit = () => {
+    const value = TslConRef.value?.getFormData();
+    if (!value) return;
+    exportJSONFile(value);
+  };
+
+  const getAllModel = () => {
+    const { id: deviceProfileId } = props.record;
+    return Promise.all([
+      getModelTsl({ deviceProfileId, functionType: FunctionType.EVENTS }),
+      getModelTsl({ deviceProfileId, functionType: FunctionType.PROPERTIES }),
+      getModelTsl({ deviceProfileId, functionType: FunctionType.SERVICE }),
+    ]);
+  };
+
+  const handleExportAll = async () => {
+    loading.value = true;
+    try {
+      const [events, properties, service] = await getAllModel();
+      const value = { properties, service, events };
+      exportJSONFile(value);
+    } catch (error) {
+      throw error;
+    } finally {
+      loading.value = false;
+    }
+  };
 </script>
 </script>
 
 
 <style lang="less" scope>
 <style lang="less" scope>