<template>
    <div>
        <el-card>
            <el-row>
                <el-col >
                    <span>发送方式</span>
                    <el-radio-group v-model="info" @change="infoChange">
                        <el-radio :label="3">立即发送</el-radio>
                        <el-radio :label="6">定时发送</el-radio>
                    </el-radio-group>
                </el-col>
                <el-col v-show="flag">
                    <span>定时发送时间</span>
                    <el-date-picker
                    v-model="deliveryTime"
                    type="datetime"
                    placeholder="选择日期时间">
                    </el-date-picker>
                </el-col>
                <el-col >
                    <span>接收号码</span>
                    <el-input
                    type="textarea"
                    :rows="2"
                    size="small"
                    placeholder="请输入接收号码"
                    v-model="receivingNumber">
                    </el-input>
                </el-col>
                <el-col >
                    <span>短信内容</span>
                    <el-input
                    type="textarea"
                    :rows="2"
                    placeholder="请输入短信内容"
                    v-model="SMScontent">
                    </el-input>
                </el-col>
                <el-col>
                    <el-button>新增短信</el-button>
                </el-col>
            </el-row>
        </el-card>
    </div>
</template>
<script>
export default {
    data() {
        return {
            info:3,
            flag:false,
            deliveryTime:'',//定时发送时间
            receivingNumber:'',//接收的号码
            SMScontent:'',//短信内容
        }
    },
    methods: {
        infoChange(value){
            if(value==6){
                this.flag=true
            }else{
                this.flag=false
            }
        },
    },
}
</script>
<style lang="scss" scoped>
.el-card{
    padding-left: 50px;
    .el-col{
        padding: 10px 0;
        span{
            font-size: 14px;
            vertical-align:top;
        }
    }
}
.el-textarea{
    width: 50%;
}
</style>