退出
Showing
2 changed files
with
89 additions
and
5 deletions
| ... | @@ -101,8 +101,7 @@ function goApply() { | ... | @@ -101,8 +101,7 @@ function goApply() { |
| 101 | function getStatusClass(status) { | 101 | function getStatusClass(status) { |
| 102 | return { | 102 | return { |
| 103 | 'status-1': status == 0, | 103 | 'status-1': status == 0, |
| 104 | 'status-2': status == 9, | 104 | 'status-2': status != 0, |
| 105 | 'status-3': status == 3 | ||
| 106 | } | 105 | } |
| 107 | } | 106 | } |
| 108 | 107 | ... | ... |
| ... | @@ -34,6 +34,11 @@ | ... | @@ -34,6 +34,11 @@ |
| 34 | </view> --> | 34 | </view> --> |
| 35 | 35 | ||
| 36 | <view class="page-content" style="padding: 0rpx 30rpx 30rpx;"> | 36 | <view class="page-content" style="padding: 0rpx 30rpx 30rpx;"> |
| 37 | <!-- 退出按钮 - 悬浮右侧 --> | ||
| 38 | <view class="logout-btn-top" @click="handleLogout"> | ||
| 39 | <text class="logout-icon">⏻</text> | ||
| 40 | <!-- <text class="logout-text">退出账号</text> --> | ||
| 41 | </view> | ||
| 37 | <!-- 步骤1:完善信息 --> | 42 | <!-- 步骤1:完善信息 --> |
| 38 | <view class="wBox" v-if="activeStep == 1"> | 43 | <view class="wBox" v-if="activeStep == 1"> |
| 39 | <uni-forms ref="baseForm" :modelValue="form" label-width="70"> | 44 | <uni-forms ref="baseForm" :modelValue="form" label-width="70"> |
| ... | @@ -72,9 +77,9 @@ | ... | @@ -72,9 +77,9 @@ |
| 72 | <text v-if="authenticationStatus == 4" class="text-warning">即将过期</text> | 77 | <text v-if="authenticationStatus == 4" class="text-warning">即将过期</text> |
| 73 | <text v-if="authenticationStatus == 5" class="text-danger">已过期</text> | 78 | <text v-if="authenticationStatus == 5" class="text-danger">已过期</text> |
| 74 | </view> | 79 | </view> |
| 75 | <!-- <view class="btn-row"> | 80 | <!-- <view class="logout-btn" @click="handleLogout"> |
| 76 | <button type="primary" :disabled="btn" @click="goPay">去缴费</button> | 81 | <text class="logout-icon">⏻</text> |
| 77 | <button v-if="form.deptType != 2" type="default" @click="goAuditDetail">审核详情</button> | 82 | <text class="logout-text">退出</text> |
| 78 | </view> --> | 83 | </view> --> |
| 79 | </view> | 84 | </view> |
| 80 | 85 | ||
| ... | @@ -1199,6 +1204,24 @@ | ... | @@ -1199,6 +1204,24 @@ |
| 1199 | }) | 1204 | }) |
| 1200 | } | 1205 | } |
| 1201 | 1206 | ||
| 1207 | // 退出登录 | ||
| 1208 | function handleLogout() { | ||
| 1209 | uni.showModal({ | ||
| 1210 | title: '提示', | ||
| 1211 | content: '确定要退出当前账号吗?', | ||
| 1212 | success: (res) => { | ||
| 1213 | if (res.confirm) { | ||
| 1214 | // 清除登录信息 | ||
| 1215 | uni.clearStorageSync(); | ||
| 1216 | // 跳转到登录页 | ||
| 1217 | uni.reLaunch({ | ||
| 1218 | url: '/login/login' | ||
| 1219 | }); | ||
| 1220 | } | ||
| 1221 | } | ||
| 1222 | }); | ||
| 1223 | } | ||
| 1224 | |||
| 1202 | // 监听步骤变化,加载审核详情 | 1225 | // 监听步骤变化,加载审核详情 |
| 1203 | watch(activeStep, (newVal) => { | 1226 | watch(activeStep, (newVal) => { |
| 1204 | console.log('activeStep changed:', newVal) | 1227 | console.log('activeStep changed:', newVal) |
| ... | @@ -1355,6 +1378,49 @@ | ... | @@ -1355,6 +1378,49 @@ |
| 1355 | border-radius: 15rpx; | 1378 | border-radius: 15rpx; |
| 1356 | } | 1379 | } |
| 1357 | 1380 | ||
| 1381 | .logout-btn-top { | ||
| 1382 | position: fixed; | ||
| 1383 | top: 0rpx; | ||
| 1384 | right: 0rpx; | ||
| 1385 | display: flex; | ||
| 1386 | align-items: center; | ||
| 1387 | gap: 8rpx; | ||
| 1388 | padding: 20rpx 20rpx; | ||
| 1389 | background: #AD181F; | ||
| 1390 | border-radius: 30rpx; | ||
| 1391 | z-index: 100; | ||
| 1392 | box-shadow: -4rpx 4rpx 16rpx rgba(173, 24, 31, 0.3); | ||
| 1393 | transition: all 0.3s ease; | ||
| 1394 | transform: scale(0.8); | ||
| 1395 | |||
| 1396 | .logout-icon { | ||
| 1397 | font-size: 32rpx; | ||
| 1398 | color: #fff; | ||
| 1399 | } | ||
| 1400 | |||
| 1401 | .logout-text { | ||
| 1402 | font-size: 24rpx; | ||
| 1403 | color: #fff; | ||
| 1404 | font-weight: 500; | ||
| 1405 | } | ||
| 1406 | |||
| 1407 | &:active { | ||
| 1408 | transform: scale(0.95); | ||
| 1409 | box-shadow: -2rpx 2rpx 8rpx rgba(173, 24, 31, 0.3); | ||
| 1410 | } | ||
| 1411 | } | ||
| 1412 | |||
| 1413 | .logout-icon { | ||
| 1414 | font-size: 28rpx; | ||
| 1415 | color: #e64329; | ||
| 1416 | } | ||
| 1417 | |||
| 1418 | .logout-text { | ||
| 1419 | font-size: 24rpx; | ||
| 1420 | color: #e64329; | ||
| 1421 | } | ||
| 1422 | |||
| 1423 | |||
| 1358 | .status-box { | 1424 | .status-box { |
| 1359 | display: flex; | 1425 | display: flex; |
| 1360 | align-items: center; | 1426 | align-items: center; |
| ... | @@ -1376,6 +1442,25 @@ | ... | @@ -1376,6 +1442,25 @@ |
| 1376 | width: 100px; | 1442 | width: 100px; |
| 1377 | } | 1443 | } |
| 1378 | 1444 | ||
| 1445 | .logout-btn { | ||
| 1446 | display: flex; | ||
| 1447 | align-items: center; | ||
| 1448 | gap: 6rpx; | ||
| 1449 | padding: 8rpx 20rpx; | ||
| 1450 | background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%); | ||
| 1451 | border-radius: 30rpx; | ||
| 1452 | |||
| 1453 | .logout-icon { | ||
| 1454 | font-size: 28rpx; | ||
| 1455 | color: #e64329; | ||
| 1456 | } | ||
| 1457 | |||
| 1458 | .logout-text { | ||
| 1459 | font-size: 22rpx; | ||
| 1460 | color: #e64329; | ||
| 1461 | } | ||
| 1462 | } | ||
| 1463 | |||
| 1379 | .btn-row { | 1464 | .btn-row { |
| 1380 | display: flex; | 1465 | display: flex; |
| 1381 | gap: 10rpx; | 1466 | gap: 10rpx; | ... | ... |
-
Please register or sign in to post a comment