1.限制 订单详情页面的商品列表最多显示3个

2.添加 接口调用失败提示

src/views/myOrder/detail/logisticsDetail.vue

@@ -32,7 +32,8 @@
       </div>
     </div>
     <!--  物流追踪信息  -->
-    <div id="stepLine" :class="stepList.length>2?'logistics-step-line':'logistics-step-line_show'" v-if="stepList&&stepList.length > 0">
+    <div id="stepLine" :class="stepList.length>2?'logistics-step-line':'logistics-step-line_show'"
+         v-if="stepList&&stepList.length > 0">
       <logistics-step>
         <step-item v-for="(item, index) in stepList" :stepInfo=item :key="index"/>
       </logistics-step>
@@ -138,10 +139,14 @@ export default {
             this.getGpsPoint()
           }
         } else {
-          console.log('运单信息', '请求无数据')
+          if (rt.code === 500) {
+            this.$toast(rt.msg)
+          }
+          // console.log('运单信息', '请求无数据')
         }
       }).catch(err => {
         console.log('运单信息', err)
+        this.$toast('运单信息获取失败')
       })
     },
     /* 物流追踪 */
@@ -174,9 +179,14 @@ export default {
             })
           })
           this.stepList = tempStep
+        } else {
+          if (res.code === 500) {
+            this.$toast(res.msg)
+          }
         }
       }).catch(err => {
         console.log('物流跟踪', err)
+        this.$toast('物流跟踪信息获取失败')
       })
     },
     /* GPS 定位信息 */
@@ -192,9 +202,14 @@ export default {
         if (res.code === 200 && res.data.code === '00000' &&
           res.data.entity && res.data.entity.gisMapInfoList) {
           this.mapPointList = res.data.entity.gisMapInfoList
+        } else {
+          if (res.code === 500) {
+            this.$toast(res.msg)
+          }
         }
       }).catch(err => {
         console.log('GPS信息', err)
+        this.$toast('GIS信息获取失败')
       })
     }
   }

src/views/myOrder/detail/orderDetail.vue

@@ -304,11 +304,17 @@ export default {
               this.storageModel.jm = true
             }
           })
+          // 最多显示3条数据
+          this.detailData.goodsInfos = this.detailData.goodsInfos.slice(0, 3)
         } else {
           console.log('订单详情', '请求失败')
+          if (res.code === 500) {
+            this.$toast(res.msg)
+          }
         }
       }).catch(err => {
         console.log('订单详情', err)
+        this.$toast('订单详情获取失败')
       })
     },
     /* 物流追踪 */
@@ -330,9 +336,14 @@ export default {
           res.data.entity && res.data.entity.logisticsTrackingInfoList) {
           this.trackData = res.data.entity.logisticsTrackingInfoList
           this.calcOrderStep(this.trackData.currentOrderStatusCode)
+        } else {
+          if (res.code === 500) {
+            this.$toast(res.msg)
+          }
         }
       }).catch(err => {
         console.log('物流跟踪', err)
+        this.$toast('物流追踪信息获取失败')
       })
     },
     /* 获取发票列表 */
@@ -369,9 +380,13 @@ export default {
           this.invoiceData = res.data.entity
         } else {
           console.log('发票明细', '请求失败')
+          if (res.code === 500) {
+            this.$toast(res.msg)
+          }
         }
       }).catch(err => {
         console.log('发票明细', err)
+        this.$toast('发票明细获取失败')
       })
     }
   }