新增 操作锁

src/components/ShipInfo.vue

@@ -212,7 +212,9 @@
         class="p30 mb30 df jcfe"
         style="background: #fff"
       >
-        <el-button @click="submit" type="primary">添加船舶</el-button>
+        <el-button :loading="isSubmitLoading" @click="submit" type="primary">
+          {{ isSubmitLoading ? "正在添加" : "添加船舶" }}
+        </el-button>
       </div>
     </div>
   </div>
@@ -431,7 +433,7 @@ function cancelAdd() {
   currentIndex.value = _.cloneDeep(cacheIndex);
   shipInfoDisabled.value = true;
 }
-
+let isSubmitLoading = ref(false);
 async function submit() {
   if (!props.shipInfos[currentIndex.value].shipname) {
     ElMessage({
@@ -440,10 +442,12 @@ async function submit() {
     });
     return;
   }
+  isSubmitLoading.value = true;
   let res = await api.addShip({
     ...props.shipInfos[currentIndex.value],
     shipOwnerId: props.shipOwnerId,
   });
+  isSubmitLoading.value = false;
   store.commit("removeAlive", "shipOwnerList");
   router.replace("/shipOwnerManage/shipOwnerList");
 }

src/views/shipOwnerManage/shipOwnerDetail.vue

@@ -95,8 +95,9 @@
         v-if="!shipOwnerDetail.id"
         type="primary"
         @click="addShipOwner()"
+        :loading="isAddShipOwnerLoading"
       >
-        确定
+        {{ isAddShipOwnerLoading ? "正在提交" : "确定" }}
       </el-button>
       <el-button
         v-if="shipOwnerDetail.code && shipOwnerDetail.shipInfo.length == 0"
@@ -243,10 +244,13 @@ let initShipInfo = {
   ],
 };
 let shipInfoRef = ref(null);
+let isAddShipOwnerLoading = ref(false);
 async function addShipOwner() {
   if (!checkShipOwner()) return;
+  isAddShipOwnerLoading.value = true;
   let postData = shipOwnerDetail.value;
   let { data } = await api.addShipOwner(postData);
+  isAddShipOwnerLoading.value = false;
   if (data.status == 0) {
     ElMessageBox.confirm("添加船东成功,是否添加新船舶?", "添加成功", {
       confirmButtonText: "是",