<template>
    <div class="formDel">
        <div class="del-title">删除原因：</div>
        <a-textarea :rows="4" placeholder="请输入删除原因..." v-model:value="delReason" allowClear />
        <div class="btn-box">
            <a-button type="primary" style="margin-right:10px" @click="confirm">确定</a-button>
            <a-button type="plain" @click="cancel">取消</a-button>
        </div>
    </div>
</template>

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

let delReason=ref('')
let emit=defineEmits(['confirmClick','cancelClick'])

function confirm(){
    emit('confirmClick',delReason.value);
}
function cancel(){
    delReason.value=''
    emit('cancelClick');
}

</script>

<style lang="less" scoped>
.formDel{
    position: relative;
    width: 100%;
    height: 100%;
    padding: 15px;
    box-sizing:border-box;
    .del-title{
        margin-bottom: 10px;
    }
    .btn-box{
        width: 100%;
        padding: 10px 0px;
        box-sizing: border-box;
        display: flex;
        justify-content: flex-end;
    }
}
:deep(.zxm-input-affix-wrapper) {
    background-color: #ffffff00;
    border: 1px solid #3ad8ff77 !important;
}
</style>