290 lines
6.9 KiB
Vue
290 lines
6.9 KiB
Vue
|
<template>
|
|||
|
|
<view class="submitres-page">
|
|||
|
|
<!-- 状态栏占位 -->
|
|||
|
|
<!-- 顶部导航栏 -->
|
|||
|
|
<custom-navbar
|
|||
|
|
title=""
|
|||
|
|
backgroundColor="transparent"
|
|||
|
|
:show-back="true"
|
|||
|
|
></custom-navbar>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<!-- 入驻成功 -->
|
|||
|
|
<view class="success-page" v-if="applyState == 1">
|
|||
|
|
<!-- 内容区域 -->
|
|||
|
|
<view class="content">
|
|||
|
|
<!-- 成功图标 -->
|
|||
|
|
<view class="success-icon">
|
|||
|
|
<image src="/static/images/submit-success.png" mode="aspectFit" class="icon-image"></image>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<!-- 成功标题 -->
|
|||
|
|
<text class="success-title">已提交成功</text>
|
|||
|
|
|
|||
|
|
<!-- 成功提示 -->
|
|||
|
|
<text class="success-tip">您的入驻申请已提交成功3-7个工作日为您反馈审核结果审核通过您即可正常使用</text>
|
|||
|
|
|
|||
|
|
<!-- 返回按钮 -->
|
|||
|
|
<view class="btn-back" @click="goBack">
|
|||
|
|
<text class="btn-text">返回</text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<!-- 入驻失败 -->
|
|||
|
|
<view class="fail-page" v-if="applyState == 3">
|
|||
|
|
<!-- 内容区域 -->
|
|||
|
|
<view class="content">
|
|||
|
|
<!-- 成功图标 -->
|
|||
|
|
<view class="fail-icon">
|
|||
|
|
<image src="/static/images/submit-fail.png" mode="aspectFit" class="icon-image"></image>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<!-- 成功标题 -->
|
|||
|
|
<text class="success-title">申请驳回</text>
|
|||
|
|
|
|||
|
|
<!-- 成功提示 -->
|
|||
|
|
<text class="success-tip">
|
|||
|
|
您的入驻申请被驳回
|
|||
|
|
驳回原因:{{backMag}}
|
|||
|
|
</text>
|
|||
|
|
|
|||
|
|
<!-- 按钮 -->
|
|||
|
|
<view class="btn-back" @click="goRuzhu">
|
|||
|
|
<text class="btn-text">重新申请</text>
|
|||
|
|
</view>
|
|||
|
|
<view class="fail-back-btn" @click="goBack">
|
|||
|
|
<text class="btn-text">返回</text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import request from '../../utils/request';
|
|||
|
|
export default {
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
statusBarHeight: 0,
|
|||
|
|
applyState: 1, //1：申请中 2：审核通过 3：审核失败
|
|||
|
|
backMag: '', // 驳回原因
|
|||
|
|
identity: null, // 添加 identity 到 data 中
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onLoad(options) {
|
|||
|
|
console.log('页面加载，options:', options);
|
|||
|
|
|
|||
|
|
const systemInfo = uni.getSystemInfoSync()
|
|||
|
|
this.statusBarHeight = systemInfo.statusBarHeight;
|
|||
|
|
|
|||
|
|
if (options.applyState) {
|
|||
|
|
this.applyState = Number(options.applyState); // 转为数字
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
console.log('applyState:', this.applyState, '类型:', typeof this.applyState);
|
|||
|
|
|
|||
|
|
// 优化身份获取逻辑
|
|||
|
|
const app = getApp();
|
|||
|
|
|
|||
|
|
if (options.identity) {
|
|||
|
|
this.identity = Number(options.identity);
|
|||
|
|
console.log('从options获取identity:', this.identity);
|
|||
|
|
}
|
|||
|
|
else if (app.globalData && app.globalData.artisanType) {
|
|||
|
|
this.identity = app.globalData.artisanType;
|
|||
|
|
console.log('从globalData获取identity:', this.identity);
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
try {
|
|||
|
|
const localIdentity = uni.getStorageSync('artisanType');
|
|||
|
|
if (localIdentity) {
|
|||
|
|
this.identity = localIdentity;
|
|||
|
|
console.log('从localStorage获取identity:', this.identity);
|
|||
|
|
}
|
|||
|
|
} catch (e) {
|
|||
|
|
console.log('获取本地存储失败:', e);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 申请被驳回时获取驳回原因
|
|||
|
|
if (this.applyState == 3) {
|
|||
|
|
this.getUserInfo();
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
// 返回上一页
|
|||
|
|
goBack() {
|
|||
|
|
uni.navigateBack()
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
getUserInfo() {
|
|||
|
|
console.log('开始执行getUserInfo方法');
|
|||
|
|
console.log('this.applyState:', this.applyState);
|
|||
|
|
console.log('this.identity:', this.identity);
|
|||
|
|
|
|||
|
|
// 只有在申请被驳回的情况下才调用接口
|
|||
|
|
if (this.applyState !== 3) {
|
|||
|
|
console.log('applyState不是3，跳过');
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 检查identity是否存在
|
|||
|
|
if (!this.identity) {
|
|||
|
|
console.error('identity未定义，无法获取驳回信息');
|
|||
|
|
this.backMag = '无法获取用户信息，请重新登录';
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 重新确定 type 值
|
|||
|
|
let type;
|
|||
|
|
if (this.identity == 1) {
|
|||
|
|
type = 2; // 手艺人
|
|||
|
|
} else if (this.identity == 2) {
|
|||
|
|
type = 3; // 商家
|
|||
|
|
} else {
|
|||
|
|
console.error('未知的用户类型identity:', this.identity);
|
|||
|
|
this.backMag = '用户类型错误，请联系客服';
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
console.log('请求参数 type:', type);
|
|||
|
|
|
|||
|
|
request.post('/user/getuser', {type}).then(result => {
|
|||
|
|
console.log('接口返回数据:', result);
|
|||
|
|
if (result.data && result.data.back_text) {
|
|||
|
|
this.backMag = result.data.back_text;
|
|||
|
|
console.log('设置backMag为:', this.backMag);
|
|||
|
|
} else {
|
|||
|
|
this.backMag = '未知原因，请联系客服';
|
|||
|
|
console.log('接口返回无back_text字段');
|
|||
|
|
}
|
|||
|
|
}).catch(err => {
|
|||
|
|
console.error('获取用户信息失败:', err);
|
|||
|
|
this.backMag = '获取驳回原因失败，请联系客服';
|
|||
|
|
}).finally(() => {
|
|||
|
|
console.log('getUserInfo执行完成');
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
goRuzhu() {
|
|||
|
|
uni.redirectTo({
|
|||
|
|
url: '/pages/ruzhu/ruzhu'
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style>
|
|||
|
|
.status-bar {
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.nav-back {
|
|||
|
|
position: fixed;
|
|||
|
|
left: 32rpx;
|
|||
|
|
top: 0;
|
|||
|
|
height: 88rpx;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
z-index: 100;
|
|||
|
|
/* #ifdef H5 */
|
|||
|
|
top: 0;
|
|||
|
|
/* #endif */
|
|||
|
|
/* #ifdef APP-PLUS || MP-WEIXIN */
|
|||
|
|
top: var(--status-bar-height);
|
|||
|
|
/* #endif */
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.back-icon {
|
|||
|
|
font-size: 36rpx;
|
|||
|
|
color: #333333;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.content {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
align-items: center;
|
|||
|
|
padding-top: 178rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.success-icon {
|
|||
|
|
margin-bottom: 80rpx;
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
.fail-icon {
|
|||
|
|
margin-bottom: 80rpx;
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.success-icon .icon-image {
|
|||
|
|
width: 392rpx;
|
|||
|
|
height: 392rpx;
|
|||
|
|
border-radius: 196rpx;
|
|||
|
|
box-shadow: 0 8rpx 60rpx 0 rgba(252, 67, 124, 0.30);
|
|||
|
|
}
|
|||
|
|
.fail-icon .icon-image {
|
|||
|
|
width: 392rpx;
|
|||
|
|
height: 392rpx;
|
|||
|
|
border-radius: 196rpx 156rpx 196rpx 196rpx;
|
|||
|
|
box-shadow: 0 8rpx 60rpx 0 rgba(255, 0, 0, 0.30);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.success-title {
|
|||
|
|
font-size: 40rpx;
|
|||
|
|
color: #3D3D3D;
|
|||
|
|
font-weight: 500;
|
|||
|
|
margin-bottom: 24rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.success-tip {
|
|||
|
|
font-size: 32rpx;
|
|||
|
|
color: #3D3D3D;
|
|||
|
|
text-align: center;
|
|||
|
|
padding: 0 48rpx;
|
|||
|
|
margin-bottom: 24rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.btn-back {
|
|||
|
|
width: 630rpx;
|
|||
|
|
height: 96rpx;
|
|||
|
|
background: #E8101E;
|
|||
|
|
border-radius: 48rpx;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.btn-text {
|
|||
|
|
font-size: 40rpx;
|
|||
|
|
color: #FFFFFF;
|
|||
|
|
font-weight: 350;
|
|||
|
|
}
|
|||
|
|
.fail-back-btn {
|
|||
|
|
width: 630rpx;
|
|||
|
|
height: 96rpx;
|
|||
|
|
background: #FFFFFF;
|
|||
|
|
border-radius: 48rpx;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
border: 1rpx solid #E8101E;
|
|||
|
|
margin-top: 32rpx;
|
|||
|
|
}
|
|||
|
|
.fail-back-btn .btn-text {
|
|||
|
|
color: #E8101E;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.submitres-page /deep/ .back-btn {
|
|||
|
|
background: transparent !important;
|
|||
|
|
background-color: transparent !important;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 平台适配 */
|
|||
|
|
/* #ifdef MP-WEIXIN */
|
|||
|
|
.nav-back {
|
|||
|
|
top: calc(var(--status-bar-height) + constant(safe-area-inset-top));
|
|||
|
|
top: calc(var(--status-bar-height) + env(safe-area-inset-top));
|
|||
|
|
}
|
|||
|
|
/* #endif */
|
|||
|
|
</style>
|