<template>
    <el-dialog
        custom-class="party-dialog"
        title="提示"
        :visible.sync="dialogVisible"
         width="468px"
        :before-close="handleClose">
        <div class="dialog-content">
            <el-form ref="form" :model="form" label-width="80px" label-position="top"  class="party-form">
                <el-form-item label="系统用户名" >
                    <el-input v-model="form.name" placeholder="请填写"></el-input>
                </el-form-item>
                <el-form-item label="所在机构" >
                    <el-input v-model="form.name"></el-input>   
                </el-form-item>
                <el-form-item label="账号有效期" >
                        <el-radio-group v-model="form.radio">
                        <el-radio :label="3">永久有效</el-radio>
                        <el-radio :label="6">设置有效期</el-radio>
                        </el-radio-group>
                        <el-date-picker
                            class="mt16"
                            v-model="form.date"
                            type="date"
                            placeholder="选择日期时间">
                        </el-date-picker>
                </el-form-item>
                <el-form-item label="账号状态" >
                            <el-radio-group v-model="form.radio">
                        <el-radio :label="3">激活</el-radio>
                        <el-radio :label="6">禁用</el-radio>
                        </el-radio-group>
                </el-form-item>
                    <el-form-item label="账号类型" >
                    <el-checkbox-group v-model="form.name">
                        <el-checkbox label="超级管理员" name="type"></el-checkbox>
                        <el-checkbox label="后台管理员" name="type"></el-checkbox>
                        <el-checkbox label="展板管理员" name="type"></el-checkbox>
                        <el-checkbox label="视频管理员" name="type"></el-checkbox>
                        <el-checkbox label="视频及展板审核" name="type"></el-checkbox>
                        <el-checkbox label="账号禁用审核员" name="type"></el-checkbox>
                    </el-checkbox-group>
                </el-form-item>
            </el-form>   
        </div>
            <div slot="footer" class="dialog-footer btn-group">
            <el-button @click="dialogVisible = false">取 消</el-button>
            <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
        </div>
    </el-dialog>
</template>
<script>
export default {
    data(){
        return {
            dialogVisible:false,
            form:{
                name:'',
                date:''
            }
        }
    },
     methods:{
        // 弹窗关闭
        handleClose(){
          this.$confirm('确认关闭？')
          .then(_ => {
            done();
          })
          .catch(_ => {});
        }
    }
}
</script>
<style lang="less" scoped>

</style>