修改师资培训报名相关文字和报名表单

src/components/tabs/screenTabs.vue

 <template>
   <div class="tabs-box">
-    <div class="name">{{ data.name }}</div>
+    <div class="name">{{ data.title }}</div>
     <ul>
       <template v-for="(item, index) in data.options">
         <li
@@ -18,18 +18,23 @@ export default {
     data: {
       type: Object,
       default: {}
+    },
+    activeIndex: {
+      type: Number,
+      default: 0
     }
   },
   components: {
   },
   data() {
     return {
-      tabsIndex: 0
+      tabsIndex: this.activeIndex
     }
   },
   methods: {
     tabs(n) {
       this.tabsIndex = n
+      this.$emit('update:activeIndex', n)
     }
   }
 }

src/pages/train/components/item.vue

 <template>
   <div class="item-box">
-    <img :src="data.cover_pc_url" alt="">
+    <img :src="data.imgUri" alt="">
     <div class="right-content">
       <div class="title">{{ data.title }}</div>
       <!-- v-html="data.additional" -->
       <div class="des-box">
         <!-- <p class="ind">计划时间：3.24-3.26</p> -->
-        <p>计划时间：4月23日-4月25日</p>
+        <p>计划时间：{{data.time}}</p>
         <!-- <p class="ind">ISBN：基础数据维护及档案管理</p> -->
-        <p>计划人数：100</p>
+        <p>计划人数：{{data.count}}</p>
       </div>
-      <router-link :to="`/train/detail?id=${data.id}`">
+      <router-link :to="`/train/detail?id=69`" v-if="data.activeIndex === 1">
         <div class="detail-btn">在线报名</div>
       </router-link>
+      <div class="detail-btn" v-if="data.activeIndex === 2">敬请期待</div>
+      <div class="detail-btn finished" v-if="data.activeIndex === 3">圆满结束</div>
     </div>
     <!-- <div class="right-time">
       <div class="week">{{ setDate('w') }}</div>
@@ -91,6 +93,9 @@ export default {
       border-radius: 4px;
       margin-top: 16px;
     }
+    .finished{
+      background:#a9a3a9;
+    }
   }
 }
 .right-time{

src/pages/train/components/payPop.vue

@@ -8,7 +8,7 @@
       </div>
       <div class="tips-cen mar-t-20">
         <div class="name">费&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;用：</div>
-        <div class="money">1780<span>元</span></div>
+        <div class="money">2960<span>元</span></div>
       </div>
       <div class="tips-top">
         <div class="name">支付方式：</div>

src/pages/train/detail.vue

@@ -11,8 +11,8 @@
             <div class="des-box">
               <p>活动类型：师资培训</p>
               <p>培训形式：线下培训</p>
-              <p>培训地点：汇丰大厦浙江金苑培训中心（浙江金融职业学院培训中心）</p>
-              <p>培训时间：4月23日-4月25日</p>
+              <p>培训地点：河南郑州金苑培训中心（浙江金融职业学院培训中心）</p>
+              <p>培训时间：6月15日-6月19日</p>
             </div>
             <router-link to="/train/form">
               <div class="detail-btn">立即报名</div>

src/pages/train/index.vue

 <template>
   <div class="content-max-width">
     <!-- <breadcrumb class="content-max-width crumb" :data="crumbData"/> -->
-    <!-- <btn-tabs class="btn-tabs-box" @tabsChange="tabsChange" :data="btnTabsData"></btn-tabs> -->
-    <template v-if="!tabsIndex">
+    <template>
       <div class="new-tits">师资培训报名</div>
-      <screen-tabs class="screen-tabs-box" :data="screenTabsData"></screen-tabs>
+      <screen-tabs class="screen-tabs-box" :activeIndex.sync="tabsIndex" :data="screenTabsData" @tabChange="HandleTabChange"></screen-tabs>
       <div class="train-mian">
         <ul>
-          <template v-for="(item, index) in list">
-            <li :key="index">
+          <template v-for="(item, index) in tabsContentList">
+            <li :key="index" v-if="tabsIndex === 0 || tabsIndex === item.activeIndex">
               <item :data="item"></item>
             </li>
           </template>
@@ -28,7 +27,7 @@
         </el-pagination>
       </div>
     </template>
-    <template v-else>
+    <template v-if="false">
       <search />
       <noData/>
     </template>
@@ -55,7 +54,30 @@ export default {
     return {
       articleClassify: this.$store.state.classify,
       list: [],
-      tabsIndex: 0,
+      tabsIndex: 1,
+      tabsContentList: [
+        {
+          imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg',
+          title: '2021年第2期“1+X金融产品数字化营销职业技能等级证书(中级)”师资培训班',
+          time: '6月15日-6月19日',
+          count: 100,
+          activeIndex: 1
+        },
+        {
+          imgUri: 'http://vocational-store.oss-cn-beijing.aliyuncs.com/files/20210225/9e74559a240db3b39b824418353ec3a3.jpg',
+          title: '2021年第3期“1+X金融产品数字化营销职业技能等级证书(中级)”师资培训班',
+          time: '待定',
+          count: '待定',
+          activeIndex: 2
+        },
+        {
+          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
+        }
+      ],
       value3: '',
       btnTabsData: {
         options: ['会议报名', '核心专家']
@@ -80,8 +102,9 @@ export default {
     this.newsList()
   },
   methods: {
-    tabsChange(i) {
-      this.tabsIndex = i
+    HandleTabChange(index) {
+      console.log(index)
+      this.tabsIndex = index
     },
     newsList() {
       const loading = this.$loading({