新增 航次备注

src/apis/fetch.js

@@ -265,4 +265,9 @@ export default {
   changeSubAccountEmail(data) {
     return $http("/user/cargo/update/email", data);
   },
+
+  // 更新航次备注
+  updateCargoOwnerRemark(data) {
+    return $http("/voyage/update/cargoOwner/remark", data);
+  },
 };

src/views/voyage/voyageDetail.vue

@@ -9,7 +9,7 @@
     </div>
   </div>
 
-  <div v-loading.lock="fullscreenLoading">
+  <div>
     <div class="container-title df aic jcsb">
       <div class="df aic">
         <div class="mr30">航次信息</div>
@@ -152,6 +152,25 @@
             ></el-input>
           </div>
         </div>
+        <div class="line">
+          <div class="info-line">
+            <div class="info-line-title">航次备注</div>
+            <el-input
+              class="info-line-text mr20"
+              type="textarea"
+              :rows="3"
+              placeholder="请输入航次备注"
+              v-model="voyage.cargoOwnerRemark"
+            ></el-input>
+            <el-button
+              size="small"
+              type="primary"
+              @click="updateCargoOwnerRemark()"
+            >
+              更新航次备注
+            </el-button>
+          </div>
+        </div>
         <div id="map-container" class="map-container"></div>
         <div class="line" style="margin-top: 30px">
           <div class="info-line">
@@ -1306,7 +1325,7 @@ function showCerts() {
     certs.value.initCerts(shipAudits.value);
   });
 }
-const fullscreenLoading = ref(false);
+
 async function getVoyageDetail(isInit) {
   policyList.value = [];
   voyageBill.value = [];
@@ -1322,7 +1341,7 @@ async function getVoyageDetail(isInit) {
     voyageId: route.query.id,
     loginAccountId: localStorage.loginAccountId,
   });
-
+  loading.close();
   if (res.data.status == 0) {
     ElNotification({
       type: "success",
@@ -2042,6 +2061,33 @@ async function updateSaleStatus(e) {
 
 const cargoOwnerName = ref(localStorage.userName);
 
+async function updateCargoOwnerRemark() {
+  if (!voyage.value.cargoOwnerRemark) {
+    ElMessage({
+      type: "warning",
+      message: "请填写航次备注",
+    });
+    return;
+  }
+
+  let { data } = await api.updateCargoOwnerRemark({
+    voyageId: route.query.id,
+    cargoOwnerRemark: voyage.value.cargoOwnerRemark,
+  });
+
+  if (data.status === 0) {
+    ElNotification({
+      type: "success",
+      title: "更新成功",
+    });
+  } else {
+    ElNotification({
+      type: "error",
+      title: data.msg,
+    });
+  }
+}
+
 onMounted(() => {
   getVoyageDetail(true);
 });