feat(设备导入): 添加模板下载功能并优化错误处理

frontend/src/components/device/ImportModal.jsx

@@ -171,6 +171,38 @@ const ImportModal = ({ visible, deviceFields, onImport, onCancel }) => {
     return '';
   };
 
+  const handleDownloadTemplate = async () => {
+    try {
+      const token = localStorage.getItem('token');
+      const response = await axios.get('/api/devices/import-template', {
+        responseType: 'blob',
+        headers: token ? { Authorization: `Bearer ${token}` } : {},
+      });
+      const blob = new Blob([response.data], { type: 'text/csv; charset=gbk' });
+      const url = window.URL.createObjectURL(blob);
+      const link = document.createElement('a');
+      link.href = url;
+      link.download = '设备导入模板.csv';
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+      window.URL.revokeObjectURL(url);
+    } catch (error) {
+      console.error('下载模板失败:', error);
+      if (error.response?.data) {
+        const text = await error.response.data.text();
+        try {
+          const json = JSON.parse(text);
+          message.error(json.message || '下载模板失败');
+        } catch {
+          message.error('下载模板失败');
+        }
+      } else {
+        message.error('下载模板失败');
+      }
+    }
+  };
+
   const renderUploadStep = () => (
     <div>
       <p style={{ color: '#666', marginBottom: '8px' }}>请上传CSV格式的设备数据文件</p>
@@ -222,8 +254,8 @@ const ImportModal = ({ visible, deviceFields, onImport, onCancel }) => {
       </div>
 
       <div style={{ marginBottom: '20px' }}>
-        <a href="/api/devices/import-template" download="设备导入模板.csv">
         <Button
+          onClick={handleDownloadTemplate}
           icon={<DownloadOutlined />}
           style={{
             height: '36px',
@@ -233,7 +265,6 @@ const ImportModal = ({ visible, deviceFields, onImport, onCancel }) => {
         >
           下载导入模板
         </Button>
-        </a>
         <span style={{ color: '#999', fontSize: '12px', marginLeft: '10px' }}>
           包含示例数据的CSV模板文件（根据当前字段配置生成）
         </span>