材料计量单批量删除

src/views/debit-pay/material/order.vue

@@ -13,6 +13,10 @@
             </div>
         </template>
         <template #extra>
+            <el-button hc-btn type="danger" :disabled="tableCheckKeys.length === 0" @click="delClick">
+                <hc-icon name="delete-bin" />
+                <span>删除</span>
+            </el-button>
             <el-button hc-btn type="primary" :disabled="approveStatus !== 0" @click="importClick">
                 <hc-icon name="upload-cloud" />
                 <span>导入</span>
@@ -138,7 +142,7 @@ import { backMeterTask } from '~api/other'
 import { useAppStore } from '~src/store'
 import { toPdfPage } from '~uti/btn-auth'
 import { HcDelMsg } from 'hc-vue3-ui'
-import { getArrValue, getObjValue, isNullES } from 'js-fast-way'
+import { arrToKey, getArrValue, getObjValue, isNullES } from 'js-fast-way'
 import HcDataModal from './components/order/dataModal.vue'
 import HcTaskModal from '~src/components/task-modal/task-modal.vue'
 import HcImportFile from './components/order/importFile.vue'
@@ -252,10 +256,12 @@ const viewFile = (item)=>{
     toPdfPage(item.filePdfUrl)
 }
 //表格选择
-const tableCheckChange = () => {
-
+const tableCheckKeys = ref([])
+const tableCheckChange = (keys) => {
+    tableCheckKeys.value = keys
 }
 
+
 //新增
 const isDataModal = ref(false)
 const addModalClick = () => {
@@ -287,7 +293,22 @@ const removeProPay = async (id) => {
         window.$message.error(msg ?? '操作失败')
     }
 }
+const delClick = () => {
+    const rows = tableCheckKeys.value
 
+    const hasApprovedItem = rows.some(row => row.approveStatus !== 0)
+    if (hasApprovedItem) {
+        // 提示用户存在已审批项，不能删除
+        window.$message.warning('选中项中存在无法删除的数据')
+        return // 终止函数执行
+    }
+    
+    const ids = arrToKey(rows, 'id')
+    HcDelMsg(async (resolve) => {
+        await removeProPay(ids)
+        resolve()
+    })
+}
 //是否上报
 const isReport = ref(false)
 const reportInfo = ref({})