添加物流信息

src/utils/shop/index.js

@@ -47,6 +47,17 @@ export const queryOrderList = (params) => {
   })
 };
 
+export const expressInfo = (params) => {
+  return fetch({
+    headers,
+    url: getBaseUrl(`campaign/distribution/logistics/expressInfo`),
+    method: 'get',
+    params: params,
+    description: '查询订单列表',
+  })
+};
+
+
 export const updateExpress = (params) => {
   return fetch({
     headers,

src/views/goods/order-manage.vue

@@ -466,15 +466,36 @@
         :visible="viewLogisticsDialog"
         @close="cancelView"
         :show-close="false"
-        width="600px"
+        width="700px"
         center
       >
         <div class="view-content">
-          <i class="el-icon-truck" style="font-size: 18px"></i
-          ><span class="send-status">已发货</span>
-          <span class="view-number">{{ logisticeInfo }}</span>
-          <el-button type="text" @click="copyTxt">复制单号</el-button>
-          <el-button type="text" @click="updateOrderNo">修改物流单号</el-button>
+          <div>
+            <i class="el-icon-truck" style="font-size: 18px"></i
+            ><span class="send-status">已发货</span>
+            <span class="view-number">{{ logisticeInfo }}</span>
+          </div>
+          <div>
+            <el-button type="text" @click="copyTxt">复制单号</el-button>
+            <el-button type="text" @click="updateOrderNo"
+             v-if="showStatus == 2"
+              >修改物流单号</el-button
+            >
+          </div>
+        </div>
+        <div class="steps-logistics">
+          <el-steps direction="vertical" :active="-1">
+            <el-step
+            v-for="(item,index) in expressData"
+              :title="item.time"
+              :description="item.context"
+              :key="index"
+            >
+            <div slot="icon">
+              <div class="dot"></div>
+            </div>
+            </el-step>
+          </el-steps>
         </div>
         <input type="text" id="copyInput" class="hidden-input" />
         <span slot="footer" class="dialog-footer">
@@ -626,6 +647,7 @@ import {
   brokerListAll,
   brokerOwnerListAll,
   updateExpressNo,
+  expressInfo
 } from "@/utils/shop";
 import { toDecimal2 } from "@/utils";
 
@@ -640,7 +662,7 @@ export default {
       curmbFirst: "云鹊店铺",
       curmbSecond: "订单管理",
       activeName: "all",
-
+      showStatus:-1,
       searchForm: {
         showStatus: -1,
         storeId: 0,
@@ -682,6 +704,7 @@ export default {
           { required: true, message: "请选择退款对象", trigger: "blur" },
         ],
       },
+      expressData:[],
       showTuiDialog: false,
       tuiForm: {
         order: null,
@@ -877,13 +900,21 @@ export default {
     },
     //查看物流
     viewLogistics(row) {
-      this.viewLogisticsDialog = true;
-      this.logisticeInfo = `${row.expressName} ${row.expressNo}`;
-      this.expressForm.order = row;
-      this.expressForm.company = `${row.expressName}`;
-      this.expressForm.no = `${row.expressNo}`;
-      this.expressForm.extendMessage = `${row.remark}`;
+      console.log("row-----",row)
+      expressInfo({ expressNo: row.expressNo }).then((res) => {
+        if (res.code == "000000") {
+            this.expressData=res.data.data
+            this.logisticeInfo = `${row.expressName} ${row.expressNo}`;
+            this.expressForm.order = row;
+            this.expressForm.company = `${row.expressName}`;
+            this.expressForm.no = `${row.expressNo}`;
+            this.expressForm.extendMessage = `${row.remark}`;
+            this.showStatus=row.showStatus;
+            this.viewLogisticsDialog = true;
+        }
+      });
     },
+
     cancelView() {
       this.viewLogisticsDialog = false;
     },
@@ -965,7 +996,7 @@ export default {
       refundApply({
         orderId: this.tuiForm.order.id,
         userType: this.userType,
-        refundReason:this.tuiForm.refundReason
+        refundReason: this.tuiForm.refundReason,
       }).then((res) => {
         if (res.code == "000000") {
           this.$message.success("操作成功");
@@ -1081,6 +1112,20 @@ export default {
 </script>
 <style lang="scss">
 .order-manage-wrapper {
+  .el-step__icon{
+    border: none;
+    background: transparent;
+  }
+  .el-step__title{
+    font-size: 14px;
+  }
+  .dot{
+    border-radius: 50%;
+    height: 8px;
+    width: 8px;
+    border: 1px solid #999999;
+    background-color: #b8b8b8;
+  }
   .order-manage-content {
     background: #fff;
     padding: 10px;
@@ -1124,6 +1169,8 @@ export default {
 }
 
 .view-content {
+  display: flex;
+  justify-content: space-between;
   .send-status {
     margin-left: 5px;
   }
@@ -1142,6 +1189,10 @@ export default {
     color: #999999;
   }
 }
+.steps-logistics {
+  height: 350px;
+  overflow-y: scroll;
+}
 .hidden-input {
   height: 0;
 }