pms 保养工单 物料详情 删除确认

src/views/pms/iotmainworkorder/SelectedMaterialDrawer.vue

@@ -27,7 +27,7 @@
               <el-button
                 size="small"
                 type="danger"
-                @click="emit('delete', scope.row)"
+                @click="handleDelete(scope.row)"
               >{{ t('form.delete') }}</el-button>
             </template>
           </el-table-column>
@@ -53,6 +53,8 @@ import * as PmsMaterialApi from '@/api/pms/material'
 const drawerVisible = ref<boolean>(false)
 const emit = defineEmits(['update:modelValue', 'add', 'delete'])
 const { t } = useI18n() // 国际化
+const message = useMessage() // 消息弹窗
+
 defineOptions({
   name: 'SelectedMaterialDrawer'
 })
@@ -117,6 +119,19 @@ const loadMaterials = async (nodeId) => {
   }
 }
 
+/** 删除物料前的确认 */
+const handleDelete = async (row: any) => {
+  try {
+    await message.delConfirm()
+    // 用户确认后触发删除事件
+    emit('delete', row)
+    // message.success(t('common.delSuccess'))
+  } catch (error) {
+    // 用户取消操作
+    console.log('删除操作已取消')
+  }
+}
+
 // 打开抽屉
 const openDrawer = () => {
   drawerVisible.value = true