修改排序 添加图片显示

src/pages/teaching/index.vue

@@ -11,8 +11,8 @@
           <div class="tea-mian">
             <div class="list-box">
               <teaching-list v-show="teachingListIndex == 0" :data="this.allList[55]" :type="1"></teaching-list>
-              <teaching-list v-show="teachingListIndex == 1" :data="this.allList[56]"></teaching-list>
-              <teaching-list v-show="teachingListIndex == 2" :data="this.allList[57]"></teaching-list>
+              <teaching-list v-show="teachingListIndex == 1" :data="this.allList[56]" :type="1"></teaching-list>
+              <teaching-list v-show="teachingListIndex == 2" :data="this.allList[57]" :type="1"></teaching-list>
             </div>
             <img src="https://zws-imgs-pub.ezijing.com/static/build/learn-mba/resources/m2-r-img.b002ecd2.png" alt="" />
           </div>
@@ -41,7 +41,7 @@ export default {
         imgUrl: 'https://zws-imgs-pub.ezijing.com/static/public/03036d9b2460f3b182c929e4b3af0eb2.png'
       },
       activeIndex: 0,
-      teachingListIndex: 0,
+      teachingListIndex: 1,
       requestParam: {
         page: 1,
         per_page: 100,
@@ -61,18 +61,19 @@ export default {
   },
   methods: {
     changeIndex(index) {
-      this.teachingListIndex = index
+      // 由于没有 0，所以直接 +1
+      this.teachingListIndex = index + 1
     },
     getData() {
       const requestType = [
         {
           type: 56,
-          name: '中方师资',
+          name: '美方师资',
           image: 'https://zws-imgs-pub.ezijing.com/static/build/learn-mba/resources/m2-r-img.b002ecd2.png'
         },
         {
           type: 57,
-          name: '美方师资',
+          name: '中方师资',
           image: 'https://zws-imgs-pub.ezijing.com/static/build/learn-mba/resources/m2-r-img.b002ecd2.png'
         }
       ]
@@ -86,6 +87,7 @@ export default {
         .getNews(this.requestParam)
         .then(json => {
           this.newsData.push({
+            typeId: item.type,
             type: 'list',
             id: index,
             title: item.name,
@@ -93,6 +95,12 @@ export default {
             image: item.image
           })
           this.teachingListSetData(item.type, json)
+          // 针对 如果是多个 则进行数组排序
+          if (this.newsData.length === 2) {
+            this.newsData.sort((_, __) => {
+              return _.typeId - __.typeId
+            })
+          }
         })
         .catch(e => {
           this.$message.error(e.message)