e3bced87 by lttnew

退出

1 parent f05cc2b8
......@@ -101,8 +101,7 @@ function goApply() {
function getStatusClass(status) {
return {
'status-1': status == 0,
'status-2': status == 9,
'status-3': status == 3
'status-2': status != 0,
}
}
......
......@@ -34,6 +34,11 @@
</view> -->
<view class="page-content" style="padding: 0rpx 30rpx 30rpx;">
<!-- 退出按钮 - 悬浮右侧 -->
<view class="logout-btn-top" @click="handleLogout">
<text class="logout-icon"></text>
<!-- <text class="logout-text">退出账号</text> -->
</view>
<!-- 步骤1:完善信息 -->
<view class="wBox" v-if="activeStep == 1">
<uni-forms ref="baseForm" :modelValue="form" label-width="70">
......@@ -72,9 +77,9 @@
<text v-if="authenticationStatus == 4" class="text-warning">即将过期</text>
<text v-if="authenticationStatus == 5" class="text-danger">已过期</text>
</view>
<!-- <view class="btn-row">
<button type="primary" :disabled="btn" @click="goPay">去缴费</button>
<button v-if="form.deptType != 2" type="default" @click="goAuditDetail">审核详情</button>
<!-- <view class="logout-btn" @click="handleLogout">
<text class="logout-icon"></text>
<text class="logout-text">退出</text>
</view> -->
</view>
......@@ -1199,6 +1204,24 @@
})
}
// 退出登录
function handleLogout() {
uni.showModal({
title: '提示',
content: '确定要退出当前账号吗?',
success: (res) => {
if (res.confirm) {
// 清除登录信息
uni.clearStorageSync();
// 跳转到登录页
uni.reLaunch({
url: '/login/login'
});
}
}
});
}
// 监听步骤变化,加载审核详情
watch(activeStep, (newVal) => {
console.log('activeStep changed:', newVal)
......@@ -1355,6 +1378,49 @@
border-radius: 15rpx;
}
.logout-btn-top {
position: fixed;
top: 0rpx;
right: 0rpx;
display: flex;
align-items: center;
gap: 8rpx;
padding: 20rpx 20rpx;
background: #AD181F;
border-radius: 30rpx;
z-index: 100;
box-shadow: -4rpx 4rpx 16rpx rgba(173, 24, 31, 0.3);
transition: all 0.3s ease;
transform: scale(0.8);
.logout-icon {
font-size: 32rpx;
color: #fff;
}
.logout-text {
font-size: 24rpx;
color: #fff;
font-weight: 500;
}
&:active {
transform: scale(0.95);
box-shadow: -2rpx 2rpx 8rpx rgba(173, 24, 31, 0.3);
}
}
.logout-icon {
font-size: 28rpx;
color: #e64329;
}
.logout-text {
font-size: 24rpx;
color: #e64329;
}
.status-box {
display: flex;
align-items: center;
......@@ -1376,6 +1442,25 @@
width: 100px;
}
.logout-btn {
display: flex;
align-items: center;
gap: 6rpx;
padding: 8rpx 20rpx;
background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);
border-radius: 30rpx;
.logout-icon {
font-size: 28rpx;
color: #e64329;
}
.logout-text {
font-size: 22rpx;
color: #e64329;
}
}
.btn-row {
display: flex;
gap: 10rpx;
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!