细节优化

src/components/gmhExcel/DataSourceImport.vue

@@ -10,7 +10,6 @@
         :model="formData"
         label-position="right"
         label-width="100px"
-        size="small"
         :rules="formRules"
         :disabled="dataSourceImportDisabled"
       >
@@ -30,18 +29,34 @@
             :file-list="dataSourceFileList"
             :limit="1"
           >
-            <el-button type="primary" size="small">点击上传</el-button>
+            <el-button type="primary" size="small">点击上传📃</el-button>
           </el-upload>
         </el-form-item>
-        <el-button type="text" @click="moreSetting = !moreSetting" style="margin-left: 30px">更多设置👇</el-button>
+        <el-button
-        <el-form-item prop="templateSheetNum" label="模式：" v-if="moreSetting">
+          size="medium"
+          type="text"
+          @click="moreSetting = !moreSetting"
+          style="margin-left: 30px"
+          :disabled="false"
+          >更多设置
+          <span v-if="moreSetting">🤟</span>
+          <span v-else>👇</span>
+        </el-button>
+        <el-form-item prop="templateSheetNum" label="模式⚙️：" v-if="moreSetting">
           <el-radio-group v-model="formData.dataSourceImportModel">
             <el-radio label="0">自动识别姓名</el-radio>
             <el-radio label="1">全部导入</el-radio>
           </el-radio-group>
         </el-form-item>
-        <el-form-item prop="titleRowNum" label="表头所在行：" v-if="moreSetting">
+        <el-form-item
-          <el-input v-model="formData.titleRowNum" style="width:200px"></el-input>
+          prop="titleRowNum"
+          label="表头所在行："
+          v-if="moreSetting"
+        >
+          <el-input
+            v-model="formData.titleRowNum"
+            style="width: 200px"
+          ></el-input>
         </el-form-item>
       </el-form>
     </el-card>
@@ -66,8 +81,8 @@ export default {
     dataSourceImportDisabled: {
       type: Boolean,
       require: true,
-      default: false
+      default: false,
-    }
+    },
   },
   components: { DataSourceImportDialog },
   data() {
@@ -75,7 +90,7 @@ export default {
       // 表单数据
       formData: {
         dataSourceImportModel: "0",
-        titleRowNum: ""
+        titleRowNum: "",
       },
       // 表单校验
       formRules: {},
@@ -86,7 +101,7 @@ export default {
       // 弹窗显示
       dialogVisible: false,
       // 导入数据预览
-      dataSourcePreview: []
+      dataSourcePreview: [],
     };
   },
   computed: {},
@@ -125,8 +140,8 @@ export default {
     // step组件进行下一步
     nextStep(val) {
       this.$emit("nextStep", val);
-    }
+    },
-  }
+  },
 };
 </script> 
 

src/components/gmhExcel/TemplateImport.vue

@@ -8,7 +8,6 @@
       :model="formData"
       label-position="right"
       label-width="100px"
-      size="small"
       :rules="rules"
       :disabled="templateImportDisabled"
     >
@@ -22,7 +21,7 @@
           :on-success="uploadTemplateSuccess"
           :file-list="templateFileList"
         >
-          <el-button type="primary" size="small">点击上传</el-button>
+          <el-button type="primary" size="small">点击上传📄</el-button>
         </el-upload>
       </el-form-item>