标识结清加二次弹窗确认

src/views/receivable/documentary/documentaryRecord.vue

@@ -135,7 +135,7 @@
           <el-date-picker v-model="countForm.receivePaymentDate" type="date" value-format="YYYY-MM-DD" />
         </el-form-item>
         <el-form-item prop="attachmentIds" label="收款凭证" class="upload-btn">
-          <el-upload style="margin: 0 10px 10px 0" :auto-upload="false" multiple  v-if="!countForm.h"
+          <el-upload style="margin: 0 10px 10px 0" :auto-upload="false" multiple v-if="!countForm.h"
             :show-file-list="false" accept=".png, .jpg, .jpeg" @change="uploadImage" drag>
             <el-button size="large" icon="Plus" />
           </el-upload>
@@ -207,9 +207,9 @@ const reset = () => {
   initList()
 }
 const invoiceId = route.query.invoiceId
-  if(invoiceId){
-    form.value.recordId = invoiceId
-  }
+if (invoiceId) {
+  form.value.recordId = invoiceId
+}
 let countShow = ref(false)
 let countForm = ref({})
 let countRules = ref({
@@ -266,7 +266,18 @@ const calSub = async (minuend: number = 0, subtrahend: number) => {
 }
 // 标识结清
 const handleSettlement = (row: any) => {
-  api.financeApi.updateSettlementStatus(row.id).then((res: any) => {
+  ElMessageBox.confirm(
+    '确定结清吗',
+    '结清',
+    {
+      confirmButtonText: '确定',
+      type: 'warning',
+      center: true,
+      confirmButtonClass: 'el-button--primary',
+    }
+  )
+    .then(() => {
+      api.financeApi.updateSettlementStatus(row.id).then((res: any) => {
     if (res.code == 200) {
       ElMessage({
         message: res.msg,
@@ -274,9 +285,12 @@ const handleSettlement = (row: any) => {
       })
       initList()
     } else {
-
     }
   })
+    })
+    .catch(() => {
+    })
+
 }
 // 删除
 const handleDelete = (row) => {
@@ -493,6 +507,7 @@ onMounted(() => {
   color: var(--el-color-primary);
   cursor: pointer;
 }
+
 .imageDiv {
   position: relative;
   width: 80px;
@@ -532,6 +547,7 @@ onMounted(() => {
     }
   }
 }
+
 :deep(.el-upload-dragger) {
   padding: unset;
   border: unset;