fix: 产品物模型导入添加注释和模板

@@ -177,5 +177,6 @@ export const importCsvDeviceProfileId = (params: {
 export const excelExport = () => {
 export const excelExport = () => {
   return defHttp.get({
   return defHttp.get({
     url: `${ModelOfMatter.EXCEL_EXPORT}`,
     url: `${ModelOfMatter.EXCEL_EXPORT}`,
+    responseType: 'blob',
   });
   });
 };
 };

@@ -11,7 +11,7 @@
   >
   >
     <div class="w-full h-full" ref="loadingRef">
     <div class="w-full h-full" ref="loadingRef">
       <div class="flex justify-end">
       <div class="flex justify-end">
-        <Button @click="handleTemplateDownload" type="link">EXCEL模板下载</Button>
+        <Button @click="handleTemplateDownload" type="link">excel模板下载</Button>
       </div>
       </div>
       <div class="flex justify-evenly items-center h-50 !w-full">
       <div class="flex justify-evenly items-center h-50 !w-full">
         <Upload
         <Upload
@@ -35,7 +35,7 @@
         >
         >
           <div class="flex flex-col justify-center items-center">
           <div class="flex flex-col justify-center items-center">
             <Tooltip>
             <Tooltip>
-              <template #title>使用下载的模板编辑之后在进行导入</template>
+              <template #title>请使用excel模板编辑之后在进行导入</template>
               <img :src="CSVImage" alt="avatar" class="w-20 h-20" />
               <img :src="CSVImage" alt="avatar" class="w-20 h-20" />
             </Tooltip>
             </Tooltip>
           </div>
           </div>
@@ -46,7 +46,7 @@
 </template>
 </template>
 <script lang="ts" setup>
 <script lang="ts" setup>
   import { ref, unref } from 'vue';
   import { ref, unref } from 'vue';
-  import { Upload, Tooltip } from 'ant-design-vue';
+  import { Upload, Tooltip, Button } from 'ant-design-vue';
   import { BasicModal, useModalInner } from '/@/components/Modal';
   import { BasicModal, useModalInner } from '/@/components/Modal';
   import { DeviceRecord } from '/@/api/device/model/deviceModel';
   import { DeviceRecord } from '/@/api/device/model/deviceModel';
   import { useMessage } from '/@/hooks/web/useMessage';
   import { useMessage } from '/@/hooks/web/useMessage';
@@ -178,24 +178,22 @@
     }
     }
   };
   };
 
 
-  // const downloadFile = (data: string, fileName: string, type: string, ext: string) => {
-  //   const blob = new Blob([data], { type: type });
-  //   const objectURL = URL.createObjectURL(blob);
-  //   const element = document.createElement('a');
-  //   element.href = objectURL;
-  //   element.download = `${fileName}.${ext}`;
-  //   element.style.display = 'none';
-  //   document.body.appendChild(element);
-  //   element.click();
-  //   element.remove();
-  //   URL.revokeObjectURL(objectURL);
-  // };
+  const downloadFile = (data: Blob, fileName: string, ext: string) => {
+    const objectURL = URL.createObjectURL(data);
+    const element = document.createElement('a');
+    element.href = objectURL;
+    element.download = `${fileName}.${ext}`;
+    element.style.display = 'none';
+    document.body.appendChild(element);
+    element.click();
+    element.remove();
+    URL.revokeObjectURL(objectURL);
+  };
 
 
   // 模板下载
   // 模板下载
-  const handleTemplateDownload = () => {
-    const res = excelExport();
-    // eslint-disable-next-line no-console
-    console.log(res, 'res');
+  const handleTemplateDownload = async () => {
+    const res = await excelExport();
+    downloadFile(res, '物模型属性导入模板', 'xls');
   };
   };
 
 
   const handleCancel = () => {
   const handleCancel = () => {