fix: 联系客服,后台管理

2026-04-14 11:28:28 +08:00
parent 4ce6b8ddc1
commit 52b9027b4f
8 changed files with 296 additions and 48 deletions
--- a/components/FunctionCard.vue
+++ b/components/FunctionCard.vue
@@ -45,11 +45,13 @@
 				</view>
 				<view class="function-name">资产套餐历史</view>
 			</view>
-			<view class="function-item interactive card-interactive" @tap="$emit('enter', 'bind')" role="button" tabindex="0">
+			<view class="function-item interactive card-interactive" @tap="handleBindPhone" role="button" tabindex="0">
 				<view class="function-icon">
 					<image src="/static/bind-phone.png" mode="aspectFit" alt="绑定手机号"></image>
 				</view>
-				<view class="function-name">绑定手机号</view>
+				<view :class="['function-name', alreadyBindPhone ? 'text-primary' : '']">
+					{{ alreadyBindPhone ? '已绑定' : '绑定手机号' }}
+				</view>
 			</view>
 			<view class="function-item interactive card-interactive" v-if="isDevice" @tap="$emit('enter', 'change-phone')" role="button" tabindex="0">
 				<view class="function-icon">
@@ -94,13 +96,22 @@
 </template>

 <script setup>
-	defineProps({
+	const props = defineProps({
 		realNameStatus: { type: String, default: '' },
 		alreadyBindPhone: { type: Boolean, default: false },
 		isDevice: { type: Boolean, default: true }
 	});

-	defineEmits(['enter', 'sync']);
+	const emit = defineEmits(['enter', 'sync']);
+
+	const handleBindPhone = () => {
+		if (props.alreadyBindPhone) {
+			// 已绑定，不可点击
+			return;
+		}
+		// 未绑定，可以点击进入绑定页面
+		emit('enter', 'bind');
+	};
 </script>

 <style scoped lang="scss">
--- a/components/TrafficCard.vue
+++ b/components/TrafficCard.vue
@@ -135,18 +135,11 @@
 	};

 	// 监听 identifier 变化
-	watch(() => props.identifier, (newVal) => {
+	watch(() => props.identifier || userStore.state.identifier, (newVal) => {
 		if (newVal) {
 			loadPackageData();
 		}
 	}, { immediate: true });
-
-	// 如果没有传入 identifier，则使用 store 中的
-	watch(() => userStore.state.identifier, (newVal) => {
-		if (newVal && !props.identifier) {
-			loadPackageData();
-		}
-	}, { immediate: true });
 </script>

 <style scoped lang="scss">
--- a/components/UserInfoCard.vue
+++ b/components/UserInfoCard.vue
@@ -6,7 +6,7 @@
 			</view>
 			<view class="user-details flex-col-g8">
 				<view class="flex-row-g20">
-					<view class="title">{{ currentCardNo }}</view>
+					<view class="title">{{ currentCardNo || '-' }}</view>
 				</view>
 				<view class="caption">IMEI：{{ deviceInfo.imei || '-' }}</view>
 			</view>
--- a/pages.json
+++ b/pages.json
@@ -47,7 +47,8 @@
 		{
 			"path": "pages/bind/bind",
 			"style": {
-				"navigationBarTitleText": "绑定手机号"
+				"navigationBarTitleText": "绑定手机号",
+				"navigationStyle": "custom"
 			}
 		},
 		{
--- a/pages/bind/bind.vue
+++ b/pages/bind/bind.vue
@@ -1,29 +1,46 @@
 <template>
-	<view class="container">
-		<view class="card flex-col-g20">
-			<view class="flex-row-g20">
-				<label for="">手机号:</label>
-				<up-input placeholder="请输入绑定的手机号" border="surround" v-model="bind.phone" />
+	<view class="page">
+		<!-- 自定义导航栏 -->
+		<view v-if="!fromLogin" class="custom-navbar">
+			<view class="navbar-back" @tap="goBack">
+				<text class="back-icon">←</text>
+				<text class="back-text">返回</text>
 			</view>
+			<view class="navbar-title">绑定手机号</view>
+			<view class="navbar-placeholder"></view>
+		</view>

-			<view class="flex-row-g20">
-				<label for="">验证码:</label>
-				<up-input placeholder="验证码" v-model="bind.code">
-					<template #suffix>
-						<up-button @tap="getCode" :text="codeText" type="success" :disabled="cooldown > 0"></up-button>
-					</template>
-				</up-input>
-			</view>
+		<view class="container" :style="{ paddingTop: fromLogin ? '0' : '0' }">
+			<view class="card flex-col-g20">
+				<view class="flex-row-g20">
+					<label for="">手机号:</label>
+					<up-input placeholder="请输入绑定的手机号" border="surround" v-model="bind.phone" />
+				</view>

-			<view class="btn">
-				<up-button type="primary" @tap="bindPhone">绑定手机号</up-button>
+				<view class="flex-row-g20">
+					<label for="">验证码:</label>
+					<up-input placeholder="验证码" v-model="bind.code">
+						<template #suffix>
+							<up-button @tap="getCode" :text="codeText" type="success" :disabled="cooldown > 0"></up-button>
+						</template>
+					</up-input>
+				</view>
+
+				<view class="btn">
+					<up-button type="primary" @tap="bindPhone">绑定手机号</up-button>
+				</view>
+
+				<!-- 如果从登录页面跳转过来，显示退出按钮 -->
+				<view class="btn" v-if="fromLogin">
+					<up-button type="error" @tap="logout">退出</up-button>
+				</view>
 			</view>
 		</view>
 	</view>
 </template>

 <script setup>
-	import { ref, reactive } from 'vue';
+	import { ref, reactive, onMounted } from 'vue';
 	import { authApi } from '@/api/index.js';

 	let bind = reactive({
@@ -33,7 +50,16 @@

 	let cooldown = ref(0);
 	let codeText = ref('获取验证码');
-let timer = null;
+	let timer = null;
+	let fromLogin = ref(false);
+
+	onMounted(() => {
+		// 获取页面参数，判断是否从登录页面跳转过来
+		const pages = getCurrentPages();
+		const currentPage = pages[pages.length - 1];
+		const options = currentPage.options;
+		fromLogin.value = options.fromLogin === 'true';
+	});

 	const getCode = async () => {
 		if (!bind.phone) {
@@ -77,13 +103,88 @@ let timer = null;
 			await authApi.bindPhone(bind.phone, bind.code);
 			uni.showToast({ title: '绑定成功', icon: 'success' });
 			setTimeout(() => {
-				uni.navigateBack();
+				if (fromLogin.value) {
+					// 从登录页面过来的，绑定成功后跳转到首页
+					uni.redirectTo({ url: '/pages/index/index' });
+				} else {
+					// 从其他页面过来的，返回上一页
+					uni.navigateBack();
+				}
 			}, 1500);
 		} catch (e) {
 			console.error('绑定手机号失败', e);
 		}
 	};
+
+	const logout = () => {
+		uni.showModal({
+			title: '提示',
+			content: '确定要退出登录吗？',
+			success: (res) => {
+				if (res.confirm) {
+					uni.clearStorageSync();
+					uni.reLaunch({ url: '/pages/login/login' });
+				}
+			}
+		});
+	};
+
+	const goBack = () => {
+		uni.navigateBack();
+	};
 </script>

-<style>
+<style lang="scss" scoped>
+	.page {
+		min-height: 100vh;
+		background: var(--bg-secondary);
+	}
+
+	.custom-navbar {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		height: 88rpx;
+		background: var(--bg-primary);
+		border-bottom: 1rpx solid var(--border-light);
+		padding: 0 24rpx;
+		position: sticky;
+		top: 0;
+		z-index: 100;
+
+		.navbar-back {
+			display: flex;
+			align-items: center;
+			gap: 8rpx;
+			padding: 8rpx;
+			cursor: pointer;
+
+			.back-icon {
+				font-size: 36rpx;
+				color: var(--text-primary);
+			}
+
+			.back-text {
+				font-size: 28rpx;
+				color: var(--text-primary);
+			}
+		}
+
+		.navbar-title {
+			font-size: 32rpx;
+			font-weight: 600;
+			color: var(--text-primary);
+			position: absolute;
+			left: 50%;
+			transform: translateX(-50%);
+		}
+
+		.navbar-placeholder {
+			width: 100rpx;
+		}
+	}
+
+	.container {
+		padding: var(--space-md);
+	}
 </style>
--- a/pages/device-exchange/device-exchange.vue
+++ b/pages/device-exchange/device-exchange.vue
@@ -125,6 +125,14 @@
 			uni.showToast({ title: '请输入收件人电话', icon: 'none' });
 			return;
 		}
+
+		// 手机号格式校验
+		const phoneReg = /^1[3-9]\d{9}$/;
+		if (!phoneReg.test(form.recipient_phone)) {
+			uni.showToast({ title: '请输入正确的手机号', icon: 'none' });
+			return;
+		}
+
 		if (!form.recipient_address) {
 			uni.showToast({ title: '请输入收货地址', icon: 'none' });
 			return;
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -320,15 +320,85 @@
 		showModifyWifi.value = false;
 	};

-	const connectKF = () => uni.showToast({
-		title: '正在跳转客服',
-		icon: 'none'
-	});
+	const connectKF = () => {
+		const kfUrl = 'https://work.weixin.qq.com/kfid/kfc0fd79f27686fb65e?enc_scene=ENCfR9AVui6UfvvxySGVuvaG&scene_param=commonlink';

-	const enterBack = () => uni.showToast({
-		title: '正在跳转后台',
-		icon: 'none'
-	});
+		// #ifdef H5
+		window.location.href = kfUrl;
+		// #endif
+
+		// #ifdef MP-WEIXIN
+		// 微信小程序跳转到企业微信客服
+		wx.openCustomerServiceChat({
+			extInfo: { url: kfUrl },
+			corpId: 'ww4e3b7f9f7c8a9b0c',
+			success: () => {
+				console.log('打开客服会话成功');
+			},
+			fail: (err) => {
+				console.error('打开客服会话失败', err);
+				// 失败时使用网页跳转
+				uni.navigateTo({
+					url: `/pages/webview/webview?url=${encodeURIComponent(kfUrl)}`
+				});
+			}
+		});
+		// #endif
+
+		// #ifndef H5 || MP-WEIXIN
+		// 其他平台，复制链接
+		uni.showModal({
+			title: '联系客服',
+			content: '是否复制客服链接？',
+			confirmText: '复制',
+			success: (res) => {
+				if (res.confirm) {
+					uni.setClipboardData({
+						data: kfUrl,
+						success: () => {
+							uni.showToast({ title: '客服链接已复制', icon: 'success' });
+						}
+					});
+				}
+			}
+		});
+		// #endif
+	};
+
+	const enterBack = () => {
+		if (!deviceInfo.lan_ip || deviceInfo.lan_ip === '-') {
+			uni.showToast({
+				title: '暂无后台地址',
+				icon: 'none'
+			});
+			return;
+		}
+
+		// 跳转到设备后台管理地址
+		const url = deviceInfo.lan_ip.startsWith('http') ? deviceInfo.lan_ip : `http://${deviceInfo.lan_ip}`;
+
+		// #ifdef H5
+		window.location.href = url;
+		// #endif
+
+		// #ifndef H5
+		uni.showModal({
+			title: '后台地址',
+			content: url,
+			confirmText: '复制',
+			success: (res) => {
+				if (res.confirm) {
+					uni.setClipboardData({
+						data: url,
+						success: () => {
+							uni.showToast({ title: '地址已复制', icon: 'success' });
+						}
+					});
+				}
+			}
+		});
+		// #endif
+	};

 	const YesRestart = async () => {
 		try {
@@ -496,11 +566,62 @@
 		showSmsCode.value = false;
 	};

-	const onSync = () => {
-		uni.showToast({
-			title: '同步成功',
-			icon: 'success'
+	const onSync = async () => {
+		const identifier = userStore.state.identifier;
+		if (!identifier) {
+			uni.showToast({
+				title: '请先登录',
+				icon: 'none'
+			});
+			return;
+		}
+
+		uni.showLoading({
+			title: '同步中...',
+			mask: true
 		});
+
+		try {
+			const data = await assetApi.refresh(identifier);
+
+			uni.hideLoading();
+
+			if (data.accepted) {
+				const refreshTypeText = data.refresh_type === 'device' ? '设备' : '卡';
+				uni.showToast({
+					title: `${refreshTypeText}数据同步成功`,
+					icon: 'success',
+					duration: 2000
+				});
+
+				// 同步成功后，延迟重新加载资产信息
+				setTimeout(() => {
+					loadAssetInfo();
+				}, 2000);
+			} else {
+				uni.showToast({
+					title: '同步失败，请稍后重试',
+					icon: 'none'
+				});
+			}
+		} catch (e) {
+			uni.hideLoading();
+			console.error('同步数据失败', e);
+
+			// 如果是冷却时间错误，显示提示
+			if (e.msg && e.msg.includes('冷却')) {
+				uni.showToast({
+					title: e.msg,
+					icon: 'none',
+					duration: 2000
+				});
+			} else {
+				uni.showToast({
+					title: '同步失败',
+					icon: 'none'
+				});
+			}
+		}
 	};

 	const enterDetail = (name) => {
--- a/pages/login/login.vue
+++ b/pages/login/login.vue
@@ -98,7 +98,13 @@
 				const loginData = await authApi.wechatLogin(verifyData.asset_token, 'mock_code');
 				userStore.setToken(loginData.token);
 				uni.setStorageSync('identifier', userStore.state.identifier);
-				uni.redirectTo({ url: '/pages/index/index' });
+
+				// 判断是否需要绑定手机号
+				if (loginData.need_bind_phone) {
+					uni.redirectTo({ url: '/pages/bind/bind?fromLogin=true' });
+				} else {
+					uni.redirectTo({ url: '/pages/index/index' });
+				}
 				return;
 			}

@@ -123,9 +129,16 @@
 		try {
 			const loginData = await authApi.wechatLogin(assetToken, code);
 			userStore.setToken(loginData.token);
-
 			uni.setStorageSync('identifier', userStore.state.identifier);
-			uni.redirectTo({ url: '/pages/index/index' });
+
+			// 判断是否需要绑定手机号
+			if (loginData.need_bind_phone) {
+				// 需要绑定手机号，跳转到绑定页面
+				uni.redirectTo({ url: '/pages/bind/bind?fromLogin=true' });
+			} else {
+				// 不需要绑定，直接进入首页
+				uni.redirectTo({ url: '/pages/index/index' });
+			}
 		} catch (e) {
 			console.error('微信登录失败', e);
 			loading.value = false;