新增 绑定订单编号

src/apis/fetch.js

@@ -240,4 +240,7 @@ export default {
   getAccidentList(data) {
     return $http("/voyage/detail/accidentList", data);
   },
+  bindCode(data) {
+    return $http("/voyage/detail/bindCode", data);
+  },
 };

src/main.js

@@ -26,7 +26,6 @@ app.component("Uploader", Uploader);
 // }
 
 router.beforeEach(async (to, from, next) => {
-  console.log(to, from);
   let { token } = to.query;
   localStorage.setItem("token", token);
   if (token && to.matched.length) {

src/views/voyage/voyageDetail.vue

@@ -36,6 +36,74 @@
   </div>
   <div class="line-container-p24">
     <div v-auth="'VOYAGEINFO'">
+      <div class="line">
+        <div class="info-line">
+          <div class="info-line-title">航次编号</div>
+          <el-input
+            class="info-line-text"
+            v-model="voyage.wuchanVoyageInfo.hhdVoyageCode"
+            disabled
+          ></el-input>
+        </div>
+
+        <div class="info-line">
+          <div class="info-line-title">销售状态</div>
+          <el-input
+            class="info-line-text"
+            v-model="voyage.wuchanVoyageInfo.saleStatus"
+            disabled
+          ></el-input>
+        </div>
+        <div class="info-line">
+          <el-button size="small" type="primary" @click="showBindCode">
+            绑定订单
+          </el-button>
+          <el-dialog title="绑定自有订单" v-model="bindCodeVisable">
+            <div class="line">
+              <div class="info-line">
+                <div class="info-line-title">SCP业务单据号</div>
+                <el-input
+                  class="info-line-text"
+                  v-model="bindForm.wuchanOrderCode"
+                ></el-input>
+              </div>
+            </div>
+            <div class="line">
+              <div class="info-line">
+                <div class="info-line-title">销售状态</div>
+                <div>
+                  <el-select
+                    style="width: 240px"
+                    v-model="bindForm.saleStatus"
+                    placeholder="销售状态"
+                  >
+                    <el-option label="采购" value="采购" />
+                    <el-option label="销售" value="销售" />
+                    <el-option label="调拨" value="调拨" />
+                    <el-option label="其他" value="其他" />
+                  </el-select>
+                </div>
+              </div>
+            </div>
+            <div class="df aic jcfe mr30 mt30">
+              <el-button class="mr20" type="primary" @click="cancelBindCode">
+                取消
+              </el-button>
+              <el-button type="primary" @click="bindCode">确定</el-button>
+            </div>
+          </el-dialog>
+        </div>
+      </div>
+      <div class="line">
+        <div class="info-line">
+          <div class="info-line-title">SCP业务单据号</div>
+          <el-input
+            class="info-line-text"
+            v-model="voyage.wuchanVoyageInfo.wuchanOrderCode"
+            disabled
+          ></el-input>
+        </div>
+      </div>
       <div class="line">
         <div class="info-line">
           <div class="info-line-title">航次名称</div>
@@ -1212,7 +1280,9 @@ import { subTimeStr } from "utils/utils";
 
 const route = useRoute();
 let map = ref({});
-let voyage = ref({});
+let voyage = ref({
+  wuchanVoyageInfo: {},
+});
 let medias = ref([]);
 let coordinates = ref([]);
 let previewSrcList = ref([]);
@@ -1926,6 +1996,58 @@ function deleteAccident(id) {
     });
 }
 
+let bindCodeVisable = ref(false);
+
+function showBindCode() {
+  bindCodeVisable.value = true;
+  bindForm.value = {
+    saleStatus: voyage.value.wuchanVoyageInfo.saleStatus,
+    token: route.query.token,
+    voyageId: voyage.value.id,
+    wuchanOrderCode: voyage.value.wuchanVoyageInfo.wuchanOrderCode,
+  };
+}
+
+function cancelBindCode() {
+  bindCodeVisable.value = false;
+  bindForm.value = {};
+}
+
+async function bindCode(e) {
+  if (!bindForm.value.wuchanOrderCode) {
+    ElMessage({
+      type: "error",
+      message: "请输入SCP业务单据号!",
+    });
+    return;
+  }
+  if (!bindForm.value.saleStatus) {
+    ElMessage({
+      type: "error",
+      message: "请选择销售状态!",
+    });
+    return;
+  }
+  let res = await api.bindCode(bindForm.value);
+  if (res.data.errcode == 0) {
+    voyage.value.wuchanVoyageInfo.wuchanOrderCode =
+      bindForm.value.wuchanOrderCode;
+    voyage.value.wuchanVoyageInfo.saleStatus = bindForm.value.saleStatus;
+    ElMessage({
+      type: "success",
+      message: "提交成功!",
+    });
+  } else {
+    ElMessage({
+      type: "error",
+      message: res.data.errmsg,
+    });
+  }
+  cancelBindCode();
+}
+
+let bindForm = ref({});
+
 onMounted(() => {
   getVoyageDetail(true);
 });