updata

src/pages/my/buyCourses.vue

@@ -2,28 +2,26 @@
   <div>
     <div class="order-list">
       <ul>
-        <li>
-          <div class="order-info">
-            <img src="../../assets/images/tx.png" alt="">
-            <div class="txt">
-              课程标题道路旅客运输企业课
-              程标题道路旅客运输企业
+        <template v-for="(item, index) in order">
+          <li :key="index">
+            <div class="order-info">
+              <img :src="item.product_image" alt="">
+              <div class="txt">{{item.product_name}}</div>
             </div>
-          </div>
-          <div class="deti">
-            <div class="tit">课程状态：</div>
-            <div class="val">已付款/未付款</div>
-          </div>
-          <div class="deti">
-            <div class="tit">共计：</div>
-            <div class="val">$199.00</div>
-          </div>
-          <div class="deti">
-            <div class="val col">
-              继续购买
+            <div class="deti">
+              <div class="tit">课程状态：</div>
+              <div class="val">{{item.status === 1 ? '已付款' : '未付款' }}</div>
             </div>
-          </div>
-        </li>
+            <div class="deti">
+              <div class="tit">共计：</div>
+              <div class="val">{{item.total_fee}}</div>
+            </div>
+            <div class="deti">
+              <div class="val col" v-if="item.status === 1">购买成功</div>
+              <div class="val col" v-else>继续购买</div>
+            </div>
+          </li>
+        </template>
       </ul>
     </div>
   </div>
@@ -31,13 +29,20 @@
 <script>
 import * as api from '@/api/pay.js'
 export default {
+  data() {
+    return {
+      order: []
+    }
+  },
   mounted() {
     this.getMyOrder()
   },
   methods: {
     getMyOrder() {
       api.getMyOrder().then(res => {
-        console.log(res)
+        if (res.code === 0) {
+          this.order = res.data.orders
+        }
       })
     }
   }
@@ -65,7 +70,7 @@ export default {
   }
   .deti{
     display: flex;
-    margin-bottom: .4rem;
+    margin-top: .4rem;
     .tit{
       font-size: .26rem;
       color: #222;