liangjin
2021-04-01 ffcc13c38517386aee4f1b629b0be25a951cd2c2
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
<!--
 * @Date: 2019-08-30 14:24:41
 * @LastEditors: 小明丶
 * @LastEditTime: 2019-09-02 11:04:01
 * @Description: 
 -->
<template>
    <div class="mobile-result-page h-100-g">
        <x-header title="提交结果" :left-options="{backText:''}"></x-header>
        <div class="status-icon">
            <i class="iconfont scene_Staging-danxuan"></i>
        </div>
        <div class="result">提交成功</div>
        <div class="tips">客户订单已生成,有效期2小时,请指导客户通过以下手机号登录APP补充资料进行审核</div>
        <div class="detail">
            <p><span>品牌:</span>{{info.mblBrand}}</p>
            <p><span>型号:</span>{{info.mblModel}}</p>
            <p><span>姓名:</span>{{info.userName}}</p>
            <p><span>手机号码:</span>{{info.userMblNo}}</p>
            <p><span>手机价格:</span>{{info.mblAmt}}元</p>
            <p><span>分期金额:</span>{{info.surplusAmt}}元</p>
            <p><span>分期期数:</span>{{info.term}}</p>
            <p><span>订单时间:</span>{{$tool.date(info.crt,'YYYY-MM-DD HH:mm')}}</p>
        </div>
        <f-button type="normal" @on-click="handleBack">返回首页</f-button>
    </div>
</template>
 
<script>
    export default {
        name: 'add-account',
        data() {
            return {
                info:{}
            };
        },
        methods: {
            // 处理返回首页
            handleBack () {
                this.$router.push({
                    path:'/business-center'
                })
            },
            // 根据orderId获取详情
            init () {
 
            }
        },
        computed:{
            info(){
                let obj ={
                    ...this.$route.query
                }
                return obj;
            }
        }
    };
</script>
 
<style lang="less">
    .mobile-result-page {
        padding-top: 54px;
        background-color: #f1f1f1;
        .status-icon {
            text-align: center;
        }
        .iconfont {
            font-size: 64px;
            color: #BFA073;
        }
        .result {
            font-size: 16px;
            color: #BFA073;
            text-align: center;
        }
        .tips {
            padding: 10px 25px 25px;
            color: #999;
            font-size: 12px;
            line-height: 1.6;
            text-align: center;
        }
        .detail {
            margin: 0 25px;
            padding: 30px 0 20px 25px;
            font-size: 14px;
            line-height: 1.6;
            color: #3A3A3A;
            span {
                color: #A3A3A3;
            }
            p {
                padding-bottom: 10px;
            }
            background: #fff;
        }
    }
</style>