<!--
|
* @Date: 2019-09-02 09:01:22
|
* @LastEditors: 小明丶
|
* @LastEditTime: 2019-09-04 10:50:04
|
* @Description:
|
-->
|
|
<template>
|
<div class="gjzj-result-page">
|
<x-header :title="isHeyd ? '开通智享花' : '开通购机直降'" :left-options="{backText:'',preventGoBack:true}"
|
@on-click-back="pageGoBack"></x-header>
|
<div class="status-icon">
|
<i v-if="openStatus === 1"
|
class="iconfont scene_Staging-shenhezhong1"></i>
|
<i v-if="openStatus === 2"
|
class="iconfont scene_Staging-danxuan"></i>
|
<i v-if="openStatus === 3"
|
class="iconfont scene_Staging-shibai1"></i>
|
</div>
|
<div class="tips">
|
<p v-if="openStatus === 1">您的资料已提交成功，请耐心等待审核。</p>
|
<p v-if="openStatus === 2">您已通过审核。</p>
|
<p v-if="openStatus === 3">产品被停用，请联系管理员</p>
|
</div>
|
<f-button @on-click="handleBack">{{ buttonText }}</f-button>
|
</div>
|
</template>
|
|
<script>
|
export default {
|
name: 'add-account',
|
data() {
|
return {
|
// 0-待开通,1-开通中,2-已开通,3-开通失败
|
openStatus: 0, // 开通状态
|
buttonText: '返回', // 底部按钮文字
|
};
|
},
|
computed:{
|
isHeyd(){
|
let icon = this.$route.query.icon;
|
if(icon ==='scene_Staging-zxh'){
|
return true
|
}else{
|
return false
|
}
|
}
|
},
|
methods: {
|
pageGoBack(){
|
this.$router.push({
|
path: '/main/productManagement'
|
});
|
},
|
handleBack () {
|
// 如果是在开通中的话，那么底部有重新提交按钮
|
// 点击重新提交，那么用户可以重新填写资料
|
if (this.openStatus === 1) {
|
this.$router.push({
|
path: `/gjzj/open?icon=${this.$route.query.icon}`
|
});
|
} else {
|
this.$router.push({
|
path: '/main/productManagement'
|
});
|
}
|
|
},
|
},
|
created() {
|
this.openStatus = Number(this.$route.query.openStatus);
|
this.buttonText = this.openStatus === 1 ? '重新提交' : '返回';
|
}
|
};
|
</script>
|
|
<style lang="less" scoped>
|
.gjzj-result-page {
|
height: 100%;
|
padding-top: 54px;
|
background-color: #f1f1f1;
|
.status-icon {
|
padding-top: 20px;
|
text-align: center;
|
}
|
.iconfont {
|
font-size: 64px;
|
color: #BFA073;
|
}
|
.scene_Staging-shibai1 {
|
color: #F76260;
|
}
|
.tips {
|
color: #999;
|
font-size: 14px;
|
line-height: 1.6;
|
text-align: center;
|
}
|
}
|
</style>
|
