增加师资报名第三期入口

src/pages/train/components/item.vue

@@ -10,7 +10,7 @@
         <!-- <p class="ind">ISBN：基础数据维护及档案管理</p> -->
         <p>计划人数：{{data.count}}</p>
       </div>
-      <router-link :to="`/train/detail?id=69`" v-if="data.activeIndex === 1">
+      <router-link :to="`/train/detail?id=${data.id}`" v-if="data.activeIndex === 1">
         <div class="detail-btn">在线报名</div>
       </router-link>
       <div class="detail-btn" v-if="data.activeIndex === 2">敬请期待</div>

src/pages/train/detail.vue

@@ -3,16 +3,16 @@
     <breadcrumb class="content-max-width crumb" :data="crumbData"/>
     <div class="train-detail-box content-max-width">
       <div class="content-left">
-        <div class="title">{{ data.title }}</div>
+        <div class="title">{{ details.title }}</div>
         <div class="item-box">
-          <img :src="data.cover_pc_url" alt="">
+          <img :src="details.imgUri" alt="">
           <div class="right-content">
             <!-- <div class="title">《金融产品数字化营销职业技能等级认证教材》（初级）</div> -->
             <div class="des-box">
               <p>活动类型：师资培训</p>
               <p>培训形式：线下培训</p>
-              <p>培训地点：河南郑州</p>
-              <p>培训时间：6月22日-6月26日</p>
+              <p>培训地点：{{details.addr}}</p>
+              <p>培训时间：{{details.time}}</p>
             </div>
             <router-link to="/train/form">
               <div class="detail-btn">立即报名</div>
@@ -81,11 +81,32 @@ export default {
           name: '师资培训'
         }
       ],
-      data: {}
+      data: {
+        2: {
+          imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg',
+          title: '2021年第2期“1+X金融产品数字化营销职业技能等级证书(中级)”师资培训班',
+          time: '6月22日-6月26日',
+          count: 100,
+          addr: '河南郑州'
+        },
+        3: {
+          imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg',
+          title: '2021年第3期“1+X金融产品数字化营销职业技能等级证书(中级)”师资培训班',
+          time: '7月5日-7月9日',
+          count: 100,
+          addr: '河南郑州'
+        }
+      }
+    }    
+  },
+  computed: {
+    details() {
+      const id = this.$route.query.id
+      return this.data[id]
     }
   },
   mounted() {
-    this.getData()
+    // this.getData()
   },
   methods: {
     getData() {

src/pages/train/form.vue

@@ -33,7 +33,7 @@
         <el-form-item label="住宿方式" id="zs" prop="live_status">
           <el-radio-group v-model="form.live_status">
             <el-radio label="1">单住</el-radio>
-            <el-radio label="2">单住</el-radio>
+            <el-radio label="2">合住</el-radio>
             <el-radio label="0">无</el-radio>
           </el-radio-group>
         </el-form-item>

src/pages/train/index.vue

@@ -61,21 +61,32 @@ export default {
           title: '2021年第2期“1+X金融产品数字化营销职业技能等级证书(中级)”师资培训班',
           time: '6月22日-6月26日',
           count: 100,
-          activeIndex: 1
+          activeIndex: 1,
+          id: '2'
         },
         {
           imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg',
           title: '2021年第3期“1+X金融产品数字化营销职业技能等级证书(中级)”师资培训班',
+          time: '7月5日-7月9日',
+          count: 100,
+          activeIndex: 1,
+          id: '3'
+        },
+        {
+          imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg',
+          title: '2021年第4期“1+X金融产品数字化营销职业技能等级证书(中级)”师资培训班',
           time: '待定',
           count: '待定',
-          activeIndex: 2
+          activeIndex: 2,
+          id: '4'
         },
         {
           imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg',
           title: '2021年第1期“1+X金融产品数字化营销职业技能等级证书(中级)”师资培训班',
           time: '4月23日-4月25日',
           count: 100,
-          activeIndex: 3
+          activeIndex: 3,
+          id: '1'
         }
       ],
       value3: '',