chore(会员中心): 增加账号操作。注销及退出登录

pages_tool/member/index.vue

@@ -19,9 +19,15 @@
 				<ns-copyright v-show="isShowCopyRight" />
 
 				<view class="foot">
-					<view class="item" @click="tourl('/pages_tool/agreement/contenr?type=0')">{{ isEnEnv ? 'Privacy Policy' : '隐私协议'}}</view>
-					<view class="item" @click="tourl('/pages_tool/agreement/contenr?type=1')">{{ isEnEnv ? 'Registration Agreement' : '注册协议'}}</view>
-				</view>
+				<view class="item" @click="tourl('/pages_tool/agreement/contenr?type=0')">{{ $lang('privacyPolicy')}}</view>
+				<view class="item" @click="tourl('/pages_tool/agreement/contenr?type=1')">{{ $lang('registrationAgreement')}}</view>
+			</view>
+			
+			<!-- 退出登录和账号注销按钮 -->
+			<view class="action-buttons">
+				<view class="action-btn logout-btn" @click="logout">{{ $lang('logout')}}</view>
+				<view class="action-btn cancel-btn" @click="cancellation">{{ $lang('cancellation')}}</view>
+			</view>
 			</view>
 
 			<template
@@ -80,6 +86,52 @@ export default {
 
 		tourl(url) {
 			this.$util.redirectTo(url);
+		},
+		
+		// 退出登录
+		logout() {
+			uni.showModal({
+				title: '提示',
+				content: '确定要退出登录吗',
+				success: (res) => {
+					if (res.confirm) {
+						this.$store.commit('setToken', '');
+						this.$store.commit('setMemberInfo', '');
+						this.$store.dispatch('emptyCart');
+						uni.removeStorageSync('authInfo');
+						this.$util.redirectTo('/pages/member/index');
+					}
+				}
+			});
+		},
+		
+		// 账号注销
+		cancellation() {
+			uni.showModal({
+				title: '风险提示',
+				content: '确定要注销当前账号吗？',
+				confirmColor: '#000000',
+				success: res => {
+					if (res.confirm) {
+						this.$api.sendRequest({
+							url: '/membercancel/api/membercancel/apply',
+							success: rres => {
+								if (rres.code >= 0) {
+									this.$store.commit('setToken', '');
+									this.$store.commit('setMemberInfo', '');
+									this.$store.dispatch('emptyCart');
+									uni.removeStorageSync('authInfo');
+									this.$util.redirectTo('/pages/member/index');
+								} else {
+									this.$util.showToast({
+										title: rres.message
+									});
+								}
+							}
+						});
+					}
+				}
+			});
 		}
 
 	}
@@ -101,6 +153,35 @@ export default {
 		color: #F4391c
 	}
 }
+
+.action-buttons {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	margin: 20rpx 30rpx 40rpx;
+	gap: 20rpx;
+}
+
+.action-btn {
+	width: 100%;
+	height: 80rpx;
+	line-height: 80rpx;
+	text-align: center;
+	border-radius: 40rpx;
+	font-size: 32rpx;
+	font-weight: 500;
+}
+
+.logout-btn {
+	background-color: #fff;
+	color: #333;
+	border: 1rpx solid #ddd;
+}
+
+.cancel-btn {
+	background-color: #F4391c;
+	color: #fff;
+}
 </style>
 
 <style scoped>