修改bug 72120

src/mixins/page.js

@@ -15,7 +15,11 @@ export default {
       // 重新渲染表格状态
       refreshTable: true,
       tableData: [],
-      total: 0
+      total: 0,
+      // 未发布列表集合
+      unPublishTableData: [],
+      // 已发版列表集合
+      publishTableData: []
     }
   },
   mounted() {
@@ -24,6 +28,8 @@ export default {
   beforeRouteLeave(to, from, next) {
     console.log('beforeRouteLeave')
     this.tableData = []
+    this.unPublishTableData = []
+    this.publishTableData = []
     next()
   },
   methods: {
@@ -68,7 +74,14 @@ export default {
         }
       })
         .then(res => {
+          this.publishTableData = []
+          this.unPublishTableData = []
           this.tableData = res.records ? res.records : res.rows
+          this.tableData.forEach(item => {
+            if (item.flag && item.flag !== '') {
+              item.flag === '1' ? this.publishTableData.push(item) : this.unPublishTableData.push(item)
+            }
+          })
           Object.freeze(this.tableData)
           this.total = res.total
           this.loading = false

src/views/learningCenter/children/purchased.vue

@@ -43,13 +43,30 @@
       </div>
 
       <div v-if="tableData.length > 0" v-loading="loading">
+        <!--  已发布列表      -->
         <classesItem
-          v-for="(i, key) in tableData"
+          v-for="(i, key) in publishTableData"
           :key="key"
           type="1"
           :item="i"
           @refresh="loadData()"
         />
+        <div v-if="unPublishTableData.length > 0">
+          <!--   分隔线     -->
+          <div class="purchasedSeparation"></div>
+          <!--     未发布标题   -->
+          <div class="purchaseContainer">
+            <spam class="purchaseTitle">未发布课程</spam>
+          </div>
+          <!--   未发布列表     -->
+          <classesItem
+            v-for="(i, key) in unPublishTableData"
+            :key="key"
+            type="1"
+            :item="i"
+            @refresh="loadData()"
+          />
+        </div>
         <div v-show="total > 0" class="pagination-list">
           <pagination
             :total="total"
@@ -155,6 +172,23 @@ export default {
     transform: rotate(45deg) scaleY(1);
     transform-origin: center
   }
+  .purchaseContainer{
+    margin-bottom: 32px;
+    .purchaseTitle{
+      font-size: 20px;
+      font-family: Source Han Sans CN, Source Han Sans CN-700;
+      font-weight: 700;
+      color: #292929;
+      line-height: 23px;
+    }
+  }
+  .purchasedSeparation{
+    margin-bottom: 32px;
+    width: 100%;
+    height: 0px;
+    border: 2px dashed #005dbd;
+  }
+
   .no-data{
     ::v-deep .el-image{
       width: 162px;