修改需求

src/components/layout/header.vue

@@ -99,7 +99,7 @@ export default {
         {
           title: '办事大厅',
           path: '/hall',
-          children: { path: ['/textBook/detail', '/textBook/chapter'] },
+          children: { path: ['/textBook/detail', '/textBook/chapter', '/train/form'] },
           itemChi: [
             {
               title: '我是考生',
@@ -118,7 +118,7 @@ export default {
         {
           title: '教·学服务',
           path: '/service',
-          children: { path: ['/train/detail', '/train/form'] },
+          children: { path: ['/train/detail'] },
           itemChi: [
             {
               title: '教材中心',

src/pages/train/form.vue

 <template>
   <div>
     <!-- <breadcrumb class="content-max-width crumb" :data="crumbData"/> -->
+    <div class="title-form">师资培训报名信息填写</div>
     <div class="form-box">
       <el-form ref="form" :model="form" label-width="80px" class="forms">
         <el-form-item label="院校名称" label-width="110px">
@@ -9,19 +10,19 @@
         <el-form-item label="院校地址" label-width="110px">
           <el-input v-model="form.i5"></el-input>
         </el-form-item>
-        <el-form-item label="姓名" label-width="110px">
+        <el-form-item label="姓名" id="name" label-width="110px">
           <el-input v-model="form.i1"></el-input>
         </el-form-item>
-        <el-form-item label="性别" label-width="110px">
+        <el-form-item label="性别" id="sex" label-width="110px">
           <el-select v-model="form.i2" placeholder="请选择" class="width100">
             <el-option label="男" value="男"></el-option>
             <el-option label="女" value="女"></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="民族" label-width="110px">
+        <el-form-item label="民族" id="mz" label-width="110px">
           <el-input v-model="form.i3"></el-input>
         </el-form-item>
-        <el-form-item label="所在院系及职务" label-width="110px">
+        <el-form-item label="院系及职务" label-width="110px">
           <el-input v-model="form.i4"></el-input>
         </el-form-item>
         <el-form-item label="手机号码" label-width="110px">
@@ -30,10 +31,10 @@
         <el-form-item label="身份证号" label-width="110px">
           <el-input v-model="form.i6"></el-input>
         </el-form-item>
-        <el-form-item label="邮箱" label-width="110px">
+        <el-form-item label="邮箱" id="mail" label-width="110px">
           <el-input v-model="form.i7"></el-input>
         </el-form-item>
-        <el-form-item label="单/合住" label-width="110px">
+        <el-form-item label="单/合住" id="zs" label-width="110px">
           <el-select v-model="form.i8" placeholder="请选择" class="width100">
             <el-option label="单住" value="单住"></el-option>
             <el-option label="合住" value="合住"></el-option>
@@ -50,10 +51,10 @@
         <el-form-item label="开户行" label-width="110px">
           <el-input v-model="form.i10"></el-input>
         </el-form-item>
-        <el-form-item label="账号" label-width="110px">
+        <el-form-item label="账号" id="account" label-width="110px">
           <el-input v-model="form.i11"></el-input>
         </el-form-item>
-        <el-form-item label="税号" label-width="110px">
+        <el-form-item label="税号" id="sh" label-width="110px">
           <el-input v-model="form.i12"></el-input>
         </el-form-item>
         <el-form-item label="邮寄地址" label-width="110px">
@@ -132,7 +133,7 @@ export default {
         i1: '姓名',
         i2: '性别',
         i3: '民族',
-        i4: '所在院系及职务',
+        i4: '院系及职务',
         i5: '手机号码',
         i6: '身份证号',
         i7: '邮箱',
@@ -147,6 +148,15 @@ export default {
       }
     }
   },
+  mounted() {
+    $('#name label').html('姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名')
+    $('#sex label').html('性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别')
+    $('#mz label').html('民&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;族')
+    $('#mail label').html('邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱')
+    $('#zs label').html('单&nbsp;/合住')
+    $('#account label').html('账&nbsp;&nbsp;&nbsp;号')
+    $('#sh label').html('税&nbsp;&nbsp;&nbsp;号')
+  },
   methods: {
     onSubmit() {
       let flag = true
@@ -184,6 +194,16 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
+.div-form{
+  display: flex;
+}
+.title-form{
+  text-align: center;
+  font-size: 26px;
+  // line-height: 30px;
+  margin-top: 30px;
+  color: #222;
+}
 .line{
   position: absolute;
   top: 0;