<template>
    <el-dialog title="押金退还审核" :visible.sync="dialogVisible" width="400px" class="dialog-info">
        <div class="info-wrp">
            <div class="header">
                <i class="el-icon-warning"></i>
                <p>确定要退还押金吗？</p>
            </div>
            <div class="dialog-form">
                <el-radio-group v-model="radioLabel" size="medium" class="radio-group">
                    <el-radio label="3">立即退还</el-radio>
                    <el-radio label="4">延期退还</el-radio>
                    <el-radio label="5">拒绝退还</el-radio>
                </el-radio-group>
                <div class="form-item">
                    <span>延期天数：</span>
                    <el-radio-group v-model="dayLabel" size="medium" class="radio-group">
                        <el-radio label="7">7天</el-radio>
                        <el-radio label="14">14天</el-radio>
                        <el-radio label="30">30天</el-radio>
                    </el-radio-group>
                </div>
                <div class="form-item">
                    <span>延期理由：</span>
                    <el-input
                            type="textarea"
                            :rows="3"
                            placeholder="请输入延期理由"
                            v-model="textarea"
                            style="width: 200px;">
                    </el-input>
                </div>
            </div>

            <span slot="footer" class="dialog-footer">
                <el-button @click="dialogVisible = false">取 消</el-button>
                <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
            </span>
        </div>
    </el-dialog>
</template>

<script>
    export default {
        name: "deposit-delay",
        data() {
            return {
                dialogVisible: false,
                radioLabel: '4',
                dayLabel: '7',
                textarea: ''
            }
        },
        methods: {
            open(id) {
                this.dialogVisible = true
                api.depositResult({ id: this.id }).then(res => {
                    console.log(res)
                }).catch(error => {
                    console.log(error)
                })
            }
        }
    }
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
    .dialog-info {
        text-align: center;
        .header {
            i {
                font-size: 50px;
            }
        }
        .dialog-form {
            .radio-group {
                padding: 10px 0;
            }
            .form-item {
                padding-bottom: 10px;
            }
        }
    }
</style>