<template>
    <div class="signupPayment">
        <m-header />

        <van-cell-group>
            <van-cell title="日期：" :border="false">
                <template #default>2020-04-23</template>
            </van-cell>
            <van-cell title="考试名字：" :border="false">
                <template #default>钢琴</template>
            </van-cell>
            <van-cell title="预计考试时间：" :border="false">
                <template #default>9:00-12:00</template>
            </van-cell>
            <van-cell title="当前需等待：" :border="false">
                <template #default>12 位考生</template>
            </van-cell>
        </van-cell-group>

        <div class="btn-group">
            <van-button color="#2DC7AA" size="large" plain block round>查看引导</van-button>
            <van-button color="#2DC7AA" size="large" block round>进入教室</van-button>
        </div>
    </div>
</template>
<script>
import MHeader from '@/components/MHeader'
// import MStep from '@/components/MStep'
// import MButton from '@/components/MButton'
// import { browser } from '@/common/common'
export default {
    name: 'signupPayment',
	components: { MHeader },
    data () {
        return {
            patternPhone: /^1(3|4|5|6|7|8|9)\d{9}$/,
            patternPwd: /^[0-9A-Za-z]{6,16}$/,
            birthdayStatus: false,
            songStatus: false, // 曲目状态
            form: {
                phone: null,
                sex: 1,
                birthday: null,
                nation: null
            },
            fileList: [],
        }
    },
    mounted() {
        // 插入token
        // let params = this.$route.query
        // if(params.Authorization) {
        //     localStorage.setItem('Authorization', decodeURI(params.Authorization))
        //     localStorage.setItem('userInfo', decodeURI(params.Authorization))
        // }
    },
    methods: {
        onSubmit() {
            // console.log('submit', values)
        },
        onFailed() {
            // console.log('failed', errorInfo);
            // console.log(this.$refs['form'].scrollToField(errorInfo.errors[0].name))
            // this.$refs['form'].scrollToField(errorInfo.errors[0].name,  false)
        }
    }
}
</script>
<style lang="less" scoped>
@import url("../../assets/commonLess/variable.less");

.signupPayment {
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #F3F4F8;
    .title {
        font-size: .16rem;
        color: #999999;
        padding: .12rem .16rem;
    }
    /deep/.van-cell {
        padding: .1rem .16rem;
        font-size: .15rem;
        color: #333333;
    }
    /deep/.van-cell__title {
        color: #1A1A1A;
        width: 1.1rem;
        flex: none;
    }
    /deep/.van-cell__value {
        text-align: left;
        p {
            padding-bottom: .15rem;
            &:last-child{
                padding-bottom: 0;
            }
        }
    }

    /deep/.van-cell-group {
        padding: .1rem 0 .15rem;
        margin-top: .15rem;
        border-radius: .1rem;
        overflow: hidden;
    }

}
.btn-group {
    padding: .18rem .16rem .3rem;
    /deep/.van-button {
        margin-bottom: .12rem;
        height: .5rem;
        line-height: .48rem;
        font-size: .18rem;
    }
    /deep/.van-button--plain {
        background-color: transparent;
    }
}
</style>