<template>
<!-- 优惠券弹窗 -->
     <div  v-if="FromData">
        <Modal v-model="modals" scrollable  footer-hide closable :title="FromData.title" width="700" @on-cancel="cancel" :class="userEdit?'userEdit':''">
            <template>
                <div class="radio acea-row row-middle" v-if="FromData.action === '/marketing/coupon/save.html'">
                    <div class="name ivu-form-item-content">优惠券类型</div>
                    <Radio-group v-model="type" @on-change="couponsType">
                        <Radio :label=0>通用券</Radio>
                        <Radio :label=1>品类券</Radio>
                        <Radio :label=2>商品券</Radio>
                    </Radio-group>
                </div>
            </template>
            <form-create :option="config" :rule="Array.from(FromData.rules)" @on-submit="onSubmit" class="formBox" ref="fc" handleIcon="false"></form-create>
        </Modal>
     </div>
</template>

<script>
    import formCreate from '@form-create/iview'
    import request from '@/plugins/request';
    import { mapState } from 'vuex';
    export default {
        name: 'edit',
        components: {
            formCreate: formCreate.$form()
        },
        computed: {
            ...mapState('admin/userLevel', [
                'taskId',
                'levelId'
            ])
        },
        props: {
            FromData: {
                type: Object,
                default: null
            },
			userEdit:{
			    type:Number,
				 default: 0
			},
        },
        data () {
            return {
                modals: false,
                type: 0,
                config: {
                    global: {
                        upload: {
                            props: {
                                onSuccess (res, file) {
                                    if (res.status === 200) {
                                        file.url = res.data.src;
                                    } else {
                                        this.Message.error(res.msg);
                                    }
                                }
                            }
                        }
                    }
                },
								isDisable:false
            }
        },
        methods: {
            couponsType () {
                this.$parent.addType(this.type);
            },
            // 提交表单 group
            onSubmit (formData) {
							  setTimeout(()=>{
							      this.isDisable=false
							  },1000)
							  if(this.isDisable) return
								this.isDisable=true
                let datas = {};
                datas = formData;
                request({
                    url: this.FromData.action,
                    method: this.FromData.method,
                    data: datas
                }).then(res => {
                    this.$parent.getList();
                    this.$Message.success(res.msg);
                    this.modals = false;
                    setTimeout(() => {
                        this.$emit('submitFail');
                    }, 1000);
                }).catch(res => {
                    this.$Message.error(res.msg);
                });
            },
            // 关闭按钮
            cancel () {
                this.type = 0;
                // this.$emit('onCancel')
            }
        }
    }
</script>

<style scoped lang="stylus">
    .v-transfer-dom >>> .ivu-modal-content-drag{
        z-index: 2!important;
    }
    .radio{
        margin-bottom:14px;
    }
    .radio >>> .name{
        width: 125px;
        text-align: right;
        padding-right: 12px;
    }
	// .userEdit /deep/.vertical-center-modal .ivu-modal{
	// 	top:20%;
	// }
</style>
