fix: 修改运单编号

src/utils/shop/index.js

@@ -60,7 +60,7 @@ export const updateExpress = (params) => {
 export const updateExpressNo = (params) => {
   return fetch({
     headers,
-    url: getBaseUrl(`store/orders/admin/${params.id}/updateExpressNo`),
+    url: getBaseUrl(`store/orders/admin/${params.orderId}/updateExpressNo`),
     method: 'post',
     data: params,
     description: '更新物流单号',

src/views/goods/order-detail.vue

@@ -30,7 +30,7 @@
                   <p>物流公司：{{orderDetailData.expressName}}</p>
                   <p>快递单号：{{orderDetailData.expressNo}}</p>
                   <el-button type="text" @click="copyTxt">复制</el-button>
-                  <el-button type="text" @click="changeExpressNo">修改物流单号</el-button>
+                  <el-button type="text" @click="updateOrderNo">修改物流单号</el-button>
                   <input type="text" id="copyInput" class="hidden-input" />
                 </div>
                 <div v-if="storeType == 2">
@@ -117,12 +117,34 @@
           @closeSendSet="closeSendSet">
       </send-set-dialog>
     </div>
+    <el-dialog
+      class="tui-dialog"
+      title="修改物流单号"
+      :visible="showOrderNoFlag"
+      @close="showOrderNoFlag = false"
+      width="600px"
+    >
+      <el-form ref="orderDetailData" :model="orderDetailData" :rules="rulesExpress" label-width="120px">
+        <el-form-item label="快递公司" prop="expressName">
+          <el-input v-model="orderDetailData.expressName"></el-input>
+        </el-form-item>
+        <el-form-item label="快递单号" prop="expressNo">
+          <el-input v-model="orderDetailData.expressNo"></el-input>
+        </el-form-item>
+        <el-form-item label="备注" prop="remark">
+          <el-input v-model="orderDetailData.remark"></el-input>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button size="small" type="primary" @click="confirmExpressNo">完成</el-button>
+      </span>
+    </el-dialog>
   </div>
 </template>
 <script>
   // import { openLoading, closeLoading } from "../../utils/utils";
   import BreadCrumb from "@/components/breadcrumb.vue";
-  import { queryOrderDetail } from '@/utils/shop';
+  import { queryOrderDetail, updateExpressNo } from '@/utils/shop';
   import SendSetDialog from "@/components/shop/send-set-dialog";
   export default {
     components: {
@@ -160,10 +182,19 @@
           brokerName:'',//药代名称
           // showStatus: null,//订单展示状态,1已完成,2已发货,3待发货,4待支付,5交易关闭
         },
+        rulesExpress: {
+          expressName: [
+            { required: true, message: '请输入快递公司', trigger: "blur"},
+          ],
+          expressNo: [
+            { required: true, message: '请输入快递单号', trigger: "blur"},
+          ]
+        },
         tableData: [],
         sendGoodsDialog: false,
         dialogTitle: '',
         sendSetForm: {},
+        showOrderNoFlag: false,
       }
     },
     created() {
@@ -212,6 +243,26 @@
           }
         })
       },
+      // 修改物流单号
+      updateOrderNo(){
+        this.showOrderNoFlag = true;
+      },
+      confirmExpressNo() {
+        updateExpressNo({
+          orderId: this.orderId,
+          expressName: this.orderDetailData.expressName,
+          expressNo: this.orderDetailData.expressNo,
+          remark: this.orderDetailData.remark
+        }).then(res => {
+          if (res.code == '000000') {
+            this.$message.success('操作成功');
+            this.showOrderNoFlag = false;
+            this.searchList();
+          } else {
+            this.$message.success(`操作失败:${res.message}，请重试`);
+          }
+        });
+      },
       copyTxt() {
         let txt = document.getElementById("copyInput");
         txt.value = this.orderDetailData.expressNo;

src/views/goods/order-manage.vue

@@ -297,7 +297,7 @@
       title="修改物流单号"
       :visible="showOrderNoFlag"
       @close="showOrderNoFlag = false"
-      width="385px"
+      width="600px"
     >
       <el-form ref="expressForm" :rules="rulesExpress" :model="expressForm" label-width="120px">
         <el-form-item label="快递公司" prop="company">
@@ -557,6 +557,9 @@
         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}`
       },
       cancelView() {
         this.viewLogisticsDialog = false;