263 lines
7.2 KiB
Vue
263 lines
7.2 KiB
Vue
<template>
|
||
<view class="page" :style="themeColor">
|
||
<view class="flex benben-position-layout flex flex-wrap align-center certificationAudit_flex_0"
|
||
:style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx'}">
|
||
<view class='flex flex-wrap align-center justify-between flex-sub certificationAudit_fd0_0'>
|
||
<view class='flex flex-wrap align-center' @tap.stop="handleJumpDiy" data-type="back" data-url="1">
|
||
<text class='fu-iconfont2 certificationAudit_fd0_0_c0_c0' @tap.stop="handleJumpDiy"
|
||
data-type="back" data-url="1"></text>
|
||
</view>
|
||
<view class='flex flex-wrap align-stretch justify-center flex-sub'>
|
||
<text class='certificationAudit_fd0_0_c1_c0'>审核</text>
|
||
</view>
|
||
<view class='flex flex-wrap align-center certificationAudit_fd0_0_c2'>
|
||
</view>
|
||
</view>
|
||
|
||
</view>
|
||
<view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>
|
||
<!---审核状态flex布局开始-->
|
||
<view class="flex flex-direction flex-wrap align-center benben-flex-layout certificationAudit_flex_1">
|
||
<image class='certificationAudit_fd1_0' :src='STATIC_URL+"146.png"' v-if="stateUS=='0' || stateUS=='1'"></image>
|
||
<image class='certificationAudit_fd1_0_1' mode="aspectFill" :src='STATIC_URL+"147.png"' v-if="stateUS=='2'"></image>
|
||
<view class='flex flex-direction flex-wrap align-center' v-if="stateUS=='0'">
|
||
<view class='flex flex-wrap align-center'>
|
||
<text class='certificationAudit_fd1_1_c0_c0'>您的资质认证已提交，</text>
|
||
</view>
|
||
<view class='flex flex-wrap align-center'>
|
||
<text class='certificationAudit_fd1_1_c1_c0'>我们会在</text>
|
||
<text class='certificationAudit_fd1_1_c1_c1'>1-3</text>
|
||
<text>个工作日</text>
|
||
<text class='certificationAudit_fd1_1_c1_c3'>对您提交的资料进行审核，</text>
|
||
</view>
|
||
<view class='flex flex-wrap align-center'>
|
||
<text class='certificationAudit_fd1_1_c2_c0'>审核通过您即可正常使用APP</text>
|
||
</view>
|
||
</view>
|
||
<view class='flex flex-direction flex-wrap align-center' v-if="stateUS=='2'">
|
||
<text class='certificationAudit_fd1_2_c0'> 您的资质认证已审核失败，
|
||
</text>
|
||
<text class='certificationAudit_fd1_2_c1'>请您重新提交的资料进行审核，
|
||
</text>
|
||
<text class='certificationAudit_fd1_2_c2'>审核通过您即可正常使用APP</text>
|
||
<view class='certificationAudit_fd1_2_c2' style="margin-top: 32rpx; color: red;">驳回原因：{{reason}}</view>
|
||
<button
|
||
class='certificationAudit_fd1_3_1' @tap.stop="handleJumpDiy" data-type="redirectTo"
|
||
:data-url="`/pages/my/merchantSettlement/merchantSettlement?type=` + 1" v-if="stateUS=='2'">重新提交</button>
|
||
</view>
|
||
|
||
<view class='flex flex-direction flex-wrap align-center' v-if="stateUS=='1'">
|
||
<text class='certificationAudit_fd1_2_c0'> 您的资质认证已审核通过，
|
||
</text>
|
||
<text class='certificationAudit_fd1_2_c1'>请您下载萬家商超商家版app进行使用
|
||
</text>
|
||
<text class='certificationAudit_fd1_2_c2' v-if="appstore_list">{{appstore_list}}</text>
|
||
<!-- <text class='certificationAudit_fd1_2_c2'>审核通过您即可正常使用APP</text> -->
|
||
</view>
|
||
<!-- <button class='certificationAudit_fd1_3' @tap.stop="toLoginDiy()" v-if="stateUS=='1'">退出</button> -->
|
||
<button
|
||
class='certificationAudit_fd1_3_1' @tap.stop="handleJumpIndex" data-type="redirectTo"
|
||
:data-url="`/pages/my/merchantSettlement/merchantSettlement?type=` + 1" v-if="stateUS=='1'">返回首页</button>
|
||
</view>
|
||
|
||
<!---审核状态flex布局结束-->
|
||
|
||
|
||
</view>
|
||
</template>
|
||
<script>
|
||
export default {
|
||
components: {},
|
||
|
||
|
||
data() {
|
||
return {
|
||
"stateUS": "0",
|
||
reason: '',
|
||
appstore_list: ''
|
||
};
|
||
},
|
||
computed: {
|
||
themeColor() {
|
||
return this.$store.getters.themeColor
|
||
},
|
||
|
||
},
|
||
watch: {},
|
||
onLoad(options) {
|
||
let {stateUS} = options
|
||
if (stateUS !== undefined) this.stateUS = stateUS
|
||
this.getShopStatus();
|
||
},
|
||
methods: {
|
||
getShopStatus() {
|
||
this.$api
|
||
.post(global.apiUrls.getShopStatus)
|
||
.then(res => {
|
||
console.log(res);
|
||
res = res.data;
|
||
if (res.code == 1) {
|
||
this.reason = res.data.reason;
|
||
this.appstore_list = res.data.appstore_list;
|
||
}
|
||
uni.stopPullDownRefresh();
|
||
});
|
||
},
|
||
handleJumpIndex() {
|
||
uni.switchTab({
|
||
url: '/pages/tabBar/homePage/homePage'
|
||
})
|
||
},
|
||
toLoginDiy(){
|
||
uni.reLaunch({
|
||
url:'/pages/tabBar/passwordLogi/passwordLogi'
|
||
})
|
||
}
|
||
}
|
||
};
|
||
</script>
|
||
<style lang="scss" scoped>
|
||
.page {
|
||
width: 100vw;
|
||
overflow-x: hidden;
|
||
min-height: calc(100vh - var(--window-bottom));
|
||
background: rgba(255, 255, 255, 1);
|
||
background-size: 100% auto !important;
|
||
}
|
||
|
||
.certificationAudit_flex_0 {
|
||
border-bottom: 1px solid #eee;
|
||
background: #fff;
|
||
width: 750rpx;
|
||
height: 88rpx;
|
||
overflow: hidden;
|
||
z-index: 10;
|
||
top: 0rpx;
|
||
background-size: 100% auto !important;
|
||
}
|
||
|
||
.certificationAudit_fd0_0_c2 {
|
||
width: 32rpx;
|
||
height: 32rpx;
|
||
}
|
||
|
||
.certificationAudit_fd0_0_c1_c0 {
|
||
font-size: 36rpx;
|
||
font-weight: 500;
|
||
color: #333;
|
||
line-height: 88rpx;
|
||
}
|
||
|
||
.certificationAudit_fd0_0_c0_c0 {
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
color: #333;
|
||
line-height: 88rpx;
|
||
}
|
||
|
||
.certificationAudit_fd0_0 {
|
||
margin: 0rpx 32rpx 0rpx 32rpx;
|
||
}
|
||
|
||
.certificationAudit_flex_1 {
|
||
padding: 88rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.certificationAudit_fd1_3_1 {
|
||
background: rgba(255, 147, 0, 1);
|
||
border-radius: 44rpx 44rpx 44rpx 44rpx;
|
||
font-size: 28rpx;
|
||
color: rgba(255, 255, 255, 1);
|
||
width: 320rpx;
|
||
height: 72rpx;
|
||
line-height: 72rpx;
|
||
font-weight: 500;
|
||
margin: 98rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.certificationAudit_fd1_3 {
|
||
background: rgba(255, 147, 0, 1);
|
||
border-radius: 44rpx 44rpx 44rpx 44rpx;
|
||
font-size: 28rpx;
|
||
color: rgba(255, 255, 255, 1);
|
||
width: 320rpx;
|
||
height: 72rpx;
|
||
line-height: 72rpx;
|
||
font-weight: 500;
|
||
margin: 98rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.certificationAudit_fd1_2_c2 {
|
||
color: #333333;
|
||
font-size: 28rpx;
|
||
font-weight: 400;
|
||
line-height: 40rpx;
|
||
}
|
||
|
||
.certificationAudit_fd1_2_c1 {
|
||
color: #333333;
|
||
font-size: 28rpx;
|
||
font-weight: 400;
|
||
line-height: 40rpx;
|
||
}
|
||
|
||
.certificationAudit_fd1_2_c0 {
|
||
color: #333333;
|
||
font-size: 28rpx;
|
||
font-weight: 400;
|
||
line-height: 40rpx;
|
||
}
|
||
|
||
.certificationAudit_fd1_1_c2_c0 {
|
||
line-height: 52rpx;
|
||
font-size: 28rpx;
|
||
font-weight: 400;
|
||
color: rgba(51, 51, 51, 1);
|
||
text-align: center;
|
||
}
|
||
|
||
.certificationAudit_fd1_1_c1_c3 {
|
||
line-height: 52rpx;
|
||
font-size: 28rpx;
|
||
font-weight: 400;
|
||
color: rgba(51, 51, 51, 1);
|
||
text-align: center;
|
||
}
|
||
|
||
.certificationAudit_fd1_1_c1_c1 {
|
||
line-height: 52rpx;
|
||
font-size: 28rpx;
|
||
font-weight: 400;
|
||
color: rgba(255, 147, 0, 1);
|
||
text-align: center;
|
||
}
|
||
|
||
.certificationAudit_fd1_1_c1_c0 {
|
||
line-height: 52rpx;
|
||
font-size: 28rpx;
|
||
font-weight: 400;
|
||
color: rgba(51, 51, 51, 1);
|
||
text-align: center;
|
||
}
|
||
|
||
.certificationAudit_fd1_1_c0_c0 {
|
||
line-height: 52rpx;
|
||
font-size: 28rpx;
|
||
font-weight: 400;
|
||
color: rgba(51, 51, 51, 1);
|
||
text-align: center;
|
||
}
|
||
|
||
.certificationAudit_fd1_0_1 {
|
||
width: 250rpx;
|
||
height: 180rpx;
|
||
margin: 0rpx 0rpx 81rpx 0rpx;
|
||
}
|
||
|
||
.certificationAudit_fd1_0 {
|
||
width: 250rpx;
|
||
height: 180rpx;
|
||
margin: 0rpx 0rpx 81rpx 0rpx;
|
||
}
|
||
</style>
|