获取物流信息接口

src/views/system/order/components/orderDetail.vue

 <template>
   <div class="orderDetail">
-    <el-card class="box-card">
+    <el-card>
       <el-steps :active="1" align-center>
         <el-step title="买家下单付款"></el-step>
         <el-step title="商家发货"></el-step>
         <el-step title="订单完成"></el-step>
       </el-steps>
     </el-card>
-    <el-card class="box-card" style="margin-top: 20px;">
+    <el-card style="margin-top: 20px;">
       <div class="orderList">
         <div class="orderItem">
           <div class="orderTitle">
@@ -214,17 +214,19 @@
 </template>
 
 <script>
-import {expressList, sendOrder, expressInfoNew, remarkOrder} from '@/api/module/order'
+import {sendOrder, expressInfoNew, remarkOrder} from '@/api/module/order'
 import {dateFormat} from '@/utils'
 export default {
   props: {
     orderDetail: {
       type: String
+    },
+    expressLists: {
+      type: Array
     }
   },
   data() {
     return {
-      expressLists: [],
       expressNum: '',
       remark: '',
       modifyinfoDialog: false,
@@ -242,7 +244,7 @@ export default {
     }
   },
   mounted() {
-    this.getExpressList()
+    
   },
   methods: {
     formatter(time) {
@@ -296,14 +298,6 @@ export default {
         }
       })
     },
-    // 获取物流信息
-    getExpressList() {
-      expressList().then(res => {
-        if (res.code == 1) {
-          this.expressLists = res.data.expressLists
-        }
-      })
-    },
     // 订单备注
     getRemarkOrder() {
       let params = {
@@ -340,6 +334,11 @@ export default {
     padding-bottom: 0;
   }
   
+  .orderDetail {
+    height: 660px;
+    overflow-y: auto;
+
+  }
   .text-r {
     text-align: right;
     background: #F7F8FA;

src/views/system/order/index.vue

@@ -101,9 +101,9 @@
         </el-pagination>
       </div>
     </el-card>
-    <el-dialog title="订单详情" width="85%" class="cutclass" :close-on-click-modal="false" :destroy-on-close="true" :visible.sync="detailDialog" center>
+    <el-dialog title="订单详情" width="85%" :close-on-click-modal="false" :destroy-on-close="true" :visible.sync="detailDialog" center>
       <div style="height:100%;">
-        <order-detail :order-detail="order_detail" />
+        <order-detail :order-detail="order_detail" :express-lists="expressLists"/>
       </div>
     </el-dialog>
     <!--  批量发货  -->
@@ -157,7 +157,7 @@
 </template>
 
 <script>
-  import {listOrder, exportOrder, orderInfo, deliveryOrder} from '@/api/module/order'
+  import {listOrder, exportOrder, orderInfo, deliveryOrder, expressList} from '@/api/module/order'
   import {dateFormat} from '@/utils'
   import OrderDetail from './components/orderDetail.vue'
   import XLSX from "xlsx"
@@ -183,11 +183,13 @@
         detailDialog: false,
         isDeliveryOpen: false,
         excelList: [],
-        order_detail: ''
+        order_detail: '',
+        expressLists: []
       }
     },
     mounted() {
       this.getListOrder()
+      this.getExpressList()
     },
     methods: {
       formatter(time) {
@@ -249,7 +251,7 @@
         }
         listOrder(params).then(res => {
           if (res.code == 1) {
-            this.total = res.data.count
+            this.total = res.data.count || 0
             this.tableData = res.data.data
           }
         })
@@ -347,6 +349,14 @@
 
         })
       },
+      // 获取物流信息
+      getExpressList() {
+        expressList().then(res => {
+          if (res.code == 1) {
+            this.expressLists = res.data.expressLists
+          }
+        })
+      },
       handleSizeChange(val) {
         this.pageSize = val
         this.getListOrder()