修改样式

src/pages/train/form.vue

@@ -12,7 +12,7 @@
             <el-option label="女" value="女"></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="名族" label-width="100px">
+        <el-form-item label="民族" label-width="100px">
           <el-input v-model="form.i3"></el-input>
         </el-form-item>
         <el-form-item label="职务" label-width="100px">
@@ -33,18 +33,26 @@
             <el-option label="合住" value="合住"></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="抬头" label-width="100px">
+        <el-form-item label-width="100px">
+          <div class="line">
+            发票信息填写
+          </div>
+        </el-form-item>
+        <el-form-item label="开户名" label-width="100px">
           <el-input v-model="form.i9"></el-input>
         </el-form-item>
-        <el-form-item label="税号" label-width="100px">
+        <el-form-item label="开户行" label-width="100px">
           <el-input v-model="form.i10"></el-input>
         </el-form-item>
-        <el-form-item label="地址" label-width="100px">
+        <el-form-item label="账号" label-width="100px">
           <el-input v-model="form.i11"></el-input>
         </el-form-item>
-        <el-form-item label="开户行、账号" label-width="100px">
+        <el-form-item label="税号" label-width="100px">
           <el-input v-model="form.i12"></el-input>
         </el-form-item>
+        <el-form-item label="邮寄地址" label-width="100px">
+          <el-input v-model="form.i13"></el-input>
+        </el-form-item>
         <!-- <el-form-item label="付款方式" label-width="100px">
           <el-select v-model="form.i9" placeholder="请选择" class="width100">
             <el-option label="微信" value="shanghai"></el-option>
@@ -109,21 +117,23 @@ export default {
         i9: '',
         i10: '',
         i11: '',
-        i12: ''
+        i12: '',
+        i13: ''
       },
       formName: {
         i1: '姓名',
         i2: '性别',
-        i3: '名族',
+        i3: '民族',
         i4: '职务',
         i5: '手机号码',
         i6: '身份证号',
         i7: '邮箱',
         i8: '单/合住',
-        i9: '抬头',
-        i10: '税号',
-        i11: '地址',
-        i12: '开户行、账号'
+        i9: '开户名',
+        i10: '开户行',
+        i11: '账号',
+        i12: '税号',
+        i13: '邮寄地址'
       }
     }
   },
@@ -164,6 +174,16 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
+.line{
+  position: absolute;
+  top: 0;
+  left: 50%;
+  width: 1000px;
+  transform: translate(-50%, -10px);
+  border-top: 1px dashed #ccc;
+  line-height: 20px;
+  // margin-bottom: 30px;
+}
 .content-max-width{
   width: 1112px;
   margin: 24px auto 0 auto;