style: 修改批量导入组件样式

src/components/batch-import/BatchImport.vue

@@ -37,7 +37,7 @@
           </div>
         </el-upload>
         <div style="margin-top: 72px; display: flex; justify-content: flex-end">
-          <el-button @click="handleDownloadTemplate">{{ templateName }}</el-button>
+          <el-button @click="handleDownloadTemplate">下载模板</el-button>
           <el-button type="primary" @click="handleImport" :disabled="isImportDisable">导入</el-button>
         </div>
       </div>
@@ -55,7 +55,13 @@
       </div>
       <el-table :data="errDetail" style="width: 100%" height="190">
         <el-table-column prop="rowNum" label="行数" width="100" fixed align="center" />
-        <el-table-column prop="failReason" label="失败原因" show-overflow-tooltip />
+        <el-table-column
+          prop="failReason"
+          label="失败原因"
+          show-overflow-tooltip
+          class-name="error-reason"
+          label-class-name="error-reason-label"
+        />
       </el-table>
       <template #footer>
         <el-button type="primary" @click="handleErrConfirm"> 确定 </el-button>
@@ -308,4 +314,14 @@
       margin: 0 20px 20px 0;
     }
   }
+
+  :deep(.el-table) {
+    .error-reason {
+      color: #ff4d4f;
+    }
+
+    .error-reason-label {
+      color: #000;
+    }
+  }
 </style>