gasInjection-project/src/views/vent/gas/gasInspect/components/inspectDel.vue

<template>
    <div class="inspectEdit">
        <div class="card-area">

            <a-popconfirm title="删除内容无法恢复，是否删除" ok-text="确定" cancel-text="取消" @confirm="handleDelCard"
                @cancel="handleCancelDelCard">
                <a-button type="primary" preIcon="ant-design:delete-outlined">删除巡检卡</a-button>
            </a-popconfirm>
            <a-popconfirm title="删除内容无法恢复，是否删除" ok-text="确定" cancel-text="取消" @confirm="handleDelCardInfo"
                @cancel="handleCancelDelCard">
                <a-button type="primary" preIcon="ant-design:delete-outlined">删除巡检信息</a-button>
            </a-popconfirm>

        </div>

    </div>
</template>

<script setup lang="ts">
import { ref, reactive } from 'vue'

let $emit = defineEmits(['handleDelCard', 'handleDelCardInfo', 'handleCancelDelCard'])
//删除巡检卡
let handleDelCard = () => {
    $emit('handleDelCard')
}
//删除巡检卡信息
let handleDelCardInfo = () => {
    $emit('handleDelCardInfo')
}
//取消删除巡检卡或者巡检信息
let handleCancelDelCard = () => {
    $emit('handleCancelDelCard')
}

</script>

<style lang="less" scoped>
.inspectEdit {
    padding: 10px;
    box-sizing: border-box;

    .card-area {
        width: 100%;
        margin: 10px;
        display: flex;
        justify-content: space-around;
    }
}
</style>