<template>
    <div class="upload-pay-pic pt-60px w-1200px">
        <upload-pay-pic-box ref="uppb"></upload-pay-pic-box>
        <div class="text-size-30px mb-20px">线下汇款</div>


        <div class="mb-20px text-size-20px leading-relaxed">
                您的订单号是：<span class="text-[#FF0000]">{{number}}</span>，订单金额<span class="text-[#FF0000]">￥{{sum}}元</span><br>
            汇款时请备注您的账户名或订单号，汇款完成请联系客服，我们确认后会马上给您开通。
        </div>

        <div class="info border-1px border-[#DEDEDE] !bg-[#ffffff] pt-48px pb-48px pl-48px pr-48px">
            <div>
                <div> 1.请汇款至以下银行账户：</div>
                <div class="h-24px"></div>
                账户名：xxxxxxx有限公司<br>
                账   号：0000 0000 0000 000<br>
                开户行：中国银行XXX支行<br>
            </div>
            <hr class="mt-48px mb-48px">
            <div>
                <div>1.完成后请联系客服：</div>
                <div class="h-24px"></div>
                客服电话：400-0000-000<br>
            </div>

            <div class="pt-80px">
                <el-button @click="$refs.uppb.show({number:number,sum:sum,data:data,payPicUrl:data.payPicUrl})" class="!bg-[#F05941] !border-[#F05941]" type="primary">上传汇款凭证</el-button>
                <el-button  class="!bg-[#02A388] !border-[#02A388]" type="primary">在线客服</el-button>
            </div>

        </div>

    </div>
</template>

<script>
    export default {
        name: "upload-pay-pic",
        components: {},
        data(){
            return {
                show:false,
                number:'',
                sum:'',
                data:''
            }
        },
        async created() {
            if(this.$route.query.type === 'vip'){
                let resp = await this.$http.post(this.$api.mzUser.vipSmOrder,this.$qs.stringify(this.$route.query));
                if(resp.data.status === 200){
                    let vipSmOrder = resp.data.data.vipSmOrder;
                    this.number = vipSmOrder.number;
                    this.sum = vipSmOrder.sum;
                    this.data = vipSmOrder;
                }
            }


            if(this.$route.query.type === 'product'){
                let resp = await this.$http.post(this.$api.mzUser.prodcutOrder,this.$qs.stringify(this.$route.query));
                if(resp.data.status === 200){
                    let productOrder = resp.data.data.productOrder;
                    this.number = productOrder.number;
                    this.sum = productOrder.sum;
                    this.data = productOrder;
                }
            }
        }
    }
</script>

<style scoped>

</style>