<template>
    <el-dialog title="关闭" append-to-body :modelValue="showClose" @close="closeDialog">
        <el-form :model="closeForm" :rules="closeRules" label-width="100px">
            <el-form-item label="备注" prop="memo">
                <el-input type="textarea" placeholder="请输入备注" v-model="closeForm.memo"></el-input>
            </el-form-item>
        </el-form>
        <template #footer>
            <span class="dialog-footer">
                <el-button @click="closeDialog">取 消</el-button>
                <el-button type="primary" @click="closeDialog">保 存</el-button>
            </span>
        </template>
    </el-dialog>
</template>

<script>
export default {
    props: {
        showClose: {
            type: Boolean,
            default: false
        },
    },
    data() {
        return {
            closeForm: {},
            closeRules: {
                memo:[{required:true,message:'请输入备注',trigger:'blur'}],
            }
        }
    },
    mounted() {

    },
    methods: {
        // 关闭弹窗
        closeDialog() {
            this.$emit('closeDialog');
        },
    }
}
</script>

<style></style>