客服电话换接口获取

pages/contact/contact.vue

@@ -26,71 +26,85 @@
 <script>
 import permissionUtils from "@/utils/per";
 import locationService from "@/utils/locationService";
-	export default {
-		data() {
-			return {
-				isShowPer: false,   // 控制电话权限说明视图显示
-				phone: '19950079687'
+import request from "@/utils/request";
+
+export default {
+	data() {
+		return {
+			isShowPer: false,   // 控制电话权限说明视图显示
+			phone: '19950079687' // 默认号码，接口失败时使用
+		}
+	},
+	onLoad(options) {
+		// 调用接口获取客服电话
+		this.getCustomerService();
+	},
+	methods: {
+		// 获取客服电话
+		async getCustomerService() {
+			try {
+				const res = await request.post('/sj/poster/getCustomerService');
+				if (res.code === 200 && res.data && res.data.phone) {
+					this.phone = res.data.phone;
+				}
+			} catch (error) {
+				console.error('获取客服电话失败', error);
 			}
 		},
-		onLoad(options) {
-			this.phone = options.phone || '19950079687'
-		},
-		methods: {
-			// 拨打电话
-			async callPhone() {
-				const systemInfo = uni.getSystemInfoSync();
-				if (systemInfo.platform === "ios") {
-					uni.makePhoneCall({ phoneNumber: this.phone });
-				} else {
-					let permission = "android.permission.CALL_PHONE";
-					this.isShowPer = true;
+		// 拨打电话
+		async callPhone() {
+			const systemInfo = uni.getSystemInfoSync();
+			if (systemInfo.platform === "ios") {
+				uni.makePhoneCall({ phoneNumber: this.phone });
+			} else {
+				let permission = "android.permission.CALL_PHONE";
+				this.isShowPer = true;
 
-					// 1. 检查权限
-					const { granted } = await permissionUtils.checkPermission(
+				// 1. 检查权限
+				const { granted } = await permissionUtils.checkPermission(
 					"phone",
 					"需要拨打电话权限，方便您联系客服"
-					);
-					if (granted) {
+				);
+				if (granted) {
 					this.isShowPer = false;
 					uni.makePhoneCall({ phoneNumber: this.phone });
 					return;
-					}
+				}
 
-					this.isShowPer = false;
-					// 2. 显示权限说明弹窗
-					const confirm = await this.showPermissionDialog(
+				this.isShowPer = false;
+				// 2. 显示权限说明弹窗
+				const confirm = await this.showPermissionDialog(
 					"拨打电话权限申请",
 					"我们需要拨打电话权限，方便您联系客服"
-					);
-					if (!confirm) return;
+				);
+				if (!confirm) return;
 
-					// 3. 请求权限
-					const result = await permissionUtils.requestPermission(
+				// 3. 请求权限
+				const result = await permissionUtils.requestPermission(
 					"phone",
 					"需要拨打电话权限，方便您联系客服"
-					);
-					if (result) {
+				);
+				if (result) {
 					uni.makePhoneCall({ phoneNumber: this.phone });
-					} else {
+				} else {
 					locationService.openAppSettings();
-					}
 				}
-				},
-			showPermissionDialog(title, content) {
+			}
+		},
+		showPermissionDialog(title, content) {
 			return new Promise((resolve) => {
 				uni.showModal({
-				title,
-				content,
-				confirmText: "去开启",
-				success(res) {
-					resolve(res.confirm);
-				}
+					title,
+					content,
+					confirmText: "去开启",
+					success(res) {
+						resolve(res.confirm);
+					}
 				});
 			});
-			}
 		}
 	}
+}
 </script>
 
 <style>