update

src/modules/register/components/importPeople.vue

 <template>
-  <el-dialog v-bind="$attrs" v-on="$listeners" center>
+  <el-dialog v-bind="$attrs" v-on="$listeners">
     <el-form :model="form" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
       <el-form-item label="活动名称" prop="activity_id">
         <el-select @change="change" v-model="form.activity_id" placeholder="请选择">
-          <el-option v-for="(item, index) in activityOption" :label="item.name" :value="item.id" :key="index"></el-option>
+          <el-option
+            v-for="(item, index) in activityOption"
+            :label="item.name"
+            :value="item.id"
+            :key="index"
+          ></el-option>
         </el-select>
       </el-form-item>
       <el-form-item label="步骤名称" prop="activity_detail_id">
@@ -29,13 +34,7 @@
       <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
     </el-upload>
     <div style="text-align: center">
-      <a
-        :href="file"
-        download="试题模板.xlsx"
-        style="color: #c01c40"
-      >
-        <i class="el-icon-download"></i>试题模板.xlsx</a
-      >
+      <a :href="file" download="试题模板.xlsx" style="color: #c01c40"> <i class="el-icon-download"></i>试题模板.xlsx</a>
       <!-- <a href="https://webapp-pub.oss-cn-beijing.aliyuncs.com/qbs/question.xlsx" :download="试题模版"></a> -->
     </div>
     <div style="text-align: center; margin-top: 15px">
@@ -56,12 +55,8 @@ export default {
         activity_detail_id: ''
       },
       rules: {
-        activity_id: [
-          { required: true, message: '请选择', trigger: 'change' }
-        ],
-        activity_detail_id: [
-          { required: true, message: '请选择', trigger: 'change' }
-        ]
+        activity_id: [{ required: true, message: '请选择', trigger: 'change' }],
+        activity_detail_id: [{ required: true, message: '请选择', trigger: 'change' }]
       },
       file: '',
       activityOption: [],
@@ -98,7 +93,11 @@ export default {
       }
     },
     fetchFileUpload(data) {
-      importPeople({ file: data.file, activity_id: this.form.activity_id, activity_detail_id: this.form.activity_detail_id }).then(res => {
+      importPeople({
+        file: data.file,
+        activity_id: this.form.activity_id,
+        activity_detail_id: this.form.activity_detail_id
+      }).then(res => {
         if (res.code === 0) {
           this.$message.success('导入数据成功')
           history.go(0)

src/modules/register/components/setTabelHeade.vue

 <template>
   <div>
-    <el-dialog v-bind="$attrs" v-on="$listeners" title="表头设置" :close-on-click-modal="false">
+    <el-dialog width="30%" v-bind="$attrs" v-on="$listeners" title="表头设置" :close-on-click-modal="false">
       <p class="tips">上下拖动表头名称可调整表头顺序</p>
       <ul class="column-options-list">
         <li>