生成标签和重新生成标签loading

src/views/wms/purchasereceiptManage/supplierdeliver/supplierdeliverRequestMain/index.vue

@@ -21,15 +21,11 @@
     :allSchemas="SupplierdeliverRequestMain.allSchemas"
     :detailAllSchemas="SupplierdeliverRequestDetail.allSchemas"
   >
-  <template #rightBtn_right>
-      <el-tooltip
-        effect="dark"
-        content="查询条件"
-        placement="top-start"
-      >
-      <el-button @click="foldUpClick ">
-            <Icon :icon="visibleSearch ? 'ep:arrow-up' : 'ep:arrow-down'" />
-          </el-button>
+    <template #rightBtn_right>
+      <el-tooltip effect="dark" content="查询条件" placement="top-start">
+        <el-button @click="foldUpClick">
+          <Icon :icon="visibleSearch ? 'ep:arrow-up' : 'ep:arrow-down'" />
+        </el-button>
       </el-tooltip>
     </template>
   </TableHead>
@@ -405,16 +401,16 @@ const searchTableSuccessLabel = (formField, searchField, val, formRef, type, row
 }
 // 为了折叠
 const visibleSearch = ref(false)
-const foldUpClick = ()=>{
+const foldUpClick = () => {
   visibleSearch.value = !visibleSearch.value
   tableObject.loading = true
   let timer = setTimeout(() => {
     tableObject.loading = false
-    if(timer){
+    if (timer) {
       clearTimeout(timer)
       timer = null
     }
-  }, 500);
+  }, 500)
 }
 
 const { tableObject, tableMethods } = useTable({
@@ -612,14 +608,19 @@ const buttonTableClick = async (val, row) => {
     handleDelete(row.masterId)
   } else if (val == 'ssbq') {
     // 生成标签
-    detatableData.params = {
-      masterId: row.masterId
+    try {
+      tableObject.loading = true
+      detatableData.params = {
+        masterId: row.masterId
+      }
+      genLabelId.value = row.masterId
+      // await getDetailList()
+      await getGenerateLabelList(row)
+      count.value++
+      formLabelRef.value.open('create', row, null, 'createLabel') //创建标签页面 createLabel 标题
+    } finally {
+      tableObject.loading = false
     }
-    genLabelId.value = row.masterId
-    // await getDetailList()
-    await getGenerateLabelList(row)
-    count.value++
-    formLabelRef.value.open('create', row, null, 'createLabel') //创建标签页面 createLabel 标题
   } else if (val == 'ressbq') {
     console.log('重新生成标签')
     // ElMessageBox.confirm(`<div style="color:red">
@@ -627,32 +628,42 @@ const buttonTableClick = async (val, row) => {
     //   </div>`,'提示',{
     //   dangerouslyUseHTMLString: true,
     // })
-    ElMessageBox.confirm(`<div>
+    tableObject.loading = true
+    ElMessageBox.confirm(
+      `<div>
     <strong style="color:red;font-size:18px">重新生成标签后必须撕毁原标签，打印并粘贴新标签，如标签错误将拒绝收货！！</strong>
     <br>
     <span>重新生成标签会删除上次生成的标签，是否确认继续？</span>
-    </div>`, '提示', {
-      confirmButtonText: t('ts.确 认'),
-      cancelButtonText: t('ts.取 消'),
-      dangerouslyUseHTMLString: true
-    })
-      .then(() => {
-        SupplierdeliverRequestMainApi.deleteOldLabels(row.masterId).then(async (res) => {
-          if (res) {
-            // 生成标签
-            detatableData.params = {
-              masterId: row.masterId
+    </div>`,
+      '提示',
+      {
+        confirmButtonText: t('ts.确 认'),
+        cancelButtonText: t('ts.取 消'),
+        dangerouslyUseHTMLString: true
+      }
+    )
+      .then(async () => {
+        try {
+          await SupplierdeliverRequestMainApi.deleteOldLabels(row.masterId).then(async (res) => {
+            if (res) {
+              // 生成标签
+              detatableData.params = {
+                masterId: row.masterId
+              }
+              genLabelId.value = row.masterId
+              // await getDetailList()
+              count.value++
+              await getGenerateLabelList(row)
+              formLabelRef.value.open('create', row, null, 'createLabel') //创建标签页面 createLabel 标题
             }
-            genLabelId.value = row.masterId
-            // await getDetailList()
-            count.value++
-            await getGenerateLabelList(row)
-            formLabelRef.value.open('create', row, null, 'createLabel') //创建标签页面 createLabel 标题
-          }
-        })
+          })
+        } finally {
+          tableObject.loading = false
+        }
       })
       .catch(() => {
         console.info('操作取消')
+        tableObject.loading = false
       })
   } else if (val == 'point') {
     // 标签打印
@@ -679,7 +690,7 @@ const getGenerateLabelList = async (row) => {
     detatableData1.value = res
     detatableData1.value.forEach((item) => {
       // console.log(3333, item?.boxPackaging[0])
-      item.boxPackaging =item.boxPackaging ? item.boxPackaging:[]
+      item.boxPackaging = item.boxPackaging ? item.boxPackaging : []
       item.packUnitInitOptions = item.boxPackaging
       item.secondPackUnitInitOptions = item.palletPackaging || []
       let obj = item?.boxPackaging[0]
@@ -713,7 +724,11 @@ const footButtonClick = async (val) => {
       return
     }
     let isNext1 = detatableData1.value.some((item) => {
-      return item.secondPackQty && item.packQty && parseFloat(item.packQty) > parseFloat(item.secondPackQty)
+      return (
+        item.secondPackQty &&
+        item.packQty &&
+        parseFloat(item.packQty) > parseFloat(item.secondPackQty)
+      )
     })
     if (isNext1) {
       message.warning('托的包装数量要大于箱的包装数量,请修改')
@@ -762,7 +777,6 @@ const formSelectChangeLabel = (field, val, row) => {
   }
 }
 
-
 // 获取部门 用于详情 部门回显
 const { wsCache } = useCache()
 /** 详情操作 */