From f2f5c5e0509ee814dff9c84e977b9446de972341 Mon Sep 17 00:00:00 2001
From: zhouyanli <593579392@qq.com>
Date: Tue, 12 May 2026 14:28:40 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AF=B9=E6=8E=A5=E8=AE=BE=E7=BD=AE=E6=8E=A5?=
 =?UTF-8?q?=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pageSubPack/activity-list/live-add.vue    |  24 +-
 .../pageSubPack/api/api.js                    |   4 -
 .../pageSubPack/api/apiSub.js                 |   2 +-
 .../pageSubPack/my/changePhone.vue            | 458 ++++++++----------
 .../pageSubPack/my/changePwd.vue              | 135 ++----
 .../pageSubPack/my/settingIndex.vue           |  33 +-
 .../service-list/contactProperty.vue          |  67 +--
 7 files changed, 344 insertions(+), 379 deletions(-)

diff --git a/property-uniapp-project/pageSubPack/activity-list/live-add.vue b/property-uniapp-project/pageSubPack/activity-list/live-add.vue
index e122c1c..9cd995f 100644
--- a/property-uniapp-project/pageSubPack/activity-list/live-add.vue
+++ b/property-uniapp-project/pageSubPack/activity-list/live-add.vue
@@ -21,8 +21,9 @@
         <view class="upload-area">
           <!-- 已上传图片 -->
           <view class="uploaded-img" v-for="(img, index) in imgList" :key="index">
-            <image :src="img" mode="aspectFill"></image>
-            <text class="del-img" @click="deleteImg(index)">×</text>
+            <image :src="img" mode="aspectFill" class="upload-img"></image>
+			<image src="http://47.104.199.163:9090/images/imgs/delete.png" class="upload-delete" @click="deleteImage(index)"></image>
+            <!-- <text class="del-img" @click="deleteImg(index)">×</text> -->
           </view>
           <!-- 上传按钮（最多3张） -->
           <view class="upload-btn" @click="chooseImg" v-if="imgList.length < 3">
@@ -55,7 +56,7 @@
 <script setup>
 import { ref } from 'vue';
 import { onLoad } from '@dcloudio/uni-app';
-import { addActivityLive, signinActivityLive, uploadImage } from '../api/api.js';
+import { addActivityLive, signinActivityLive, uploadFile } from '../api/api.js';
 
 // 活动ID
 const activityId = ref('');
@@ -98,7 +99,7 @@ const chooseImg = () => {
 };
 
 // 删除图片
- const deleteImg = (index) => {
+ const deleteImage = (index) => {
    imgList.value.splice(index, 1);
  };
 
@@ -147,9 +148,9 @@ const reLocate = () => {
 // 上传所有图片
 const uploadAllImages = async () => {
   if (imgList.value.length === 0) return [];
-  const uploadPromises = imgList.value.map(img => uploadImage(img));
+  const uploadPromises = imgList.value.map(img => uploadFile(img));
   const results = await Promise.all(uploadPromises);
-  return results.map(res => res.data?.url || res.data);
+  return results.map(res => res.url);
 };
 
 // 提交实况
@@ -258,11 +259,20 @@ const submitStatus = async () => {
   height: 80px;
   position: relative;
 }
-.uploaded-img image {
+.uploaded-img .upload-img{
   width: 100%;
   height: 100%;
   border-radius: 4px;
 }
+.uploaded-img .upload-delete{
+  position: absolute;
+  top: -5px;
+  right: -5px;
+  width: 32rpx;
+  height: 32rpx;
+  border-radius: 3rpx;
+  padding: 2px;
+}
 .del-img {
   position: absolute;
   top: -5px;
diff --git a/property-uniapp-project/pageSubPack/api/api.js b/property-uniapp-project/pageSubPack/api/api.js
index 6bbee38..91240b4 100644
--- a/property-uniapp-project/pageSubPack/api/api.js
+++ b/property-uniapp-project/pageSubPack/api/api.js
@@ -131,10 +131,6 @@ export const addVisitorData = (data) =>{
 	return post("/api/visitor", data)
 }
 
-// 通用文件上传
-export const uploadImage = (data) => {
-	return upload('/api/resident/file/uploadImage',data);
-}
 // 上传单张图片
 export const uploadFile = (filePath) => {
 	return upload(filePath,'/api/resident/file/uploadImage');
diff --git a/property-uniapp-project/pageSubPack/api/apiSub.js b/property-uniapp-project/pageSubPack/api/apiSub.js
index 24395e4..f2ec23c 100644
--- a/property-uniapp-project/pageSubPack/api/apiSub.js
+++ b/property-uniapp-project/pageSubPack/api/apiSub.js
@@ -121,5 +121,5 @@ export const getComplainDetail = (data) => {
 }
 // 联系物业
 export const getManagePhoneData = (data) => {
-	return get('/banner/getManagePhone',data)
+	return get('/api/manage/banner/getManagePhone',data)
 }
\ No newline at end of file
diff --git a/property-uniapp-project/pageSubPack/my/changePhone.vue b/property-uniapp-project/pageSubPack/my/changePhone.vue
index 7bd6f1b..6348204 100644
--- a/property-uniapp-project/pageSubPack/my/changePhone.vue
+++ b/property-uniapp-project/pageSubPack/my/changePhone.vue
@@ -1,296 +1,256 @@
 <template>
-	<view class="contentStyle" style="">
+	<view class="contentStyle">
 		<view class="status-bar"></view>
-		<uni-nav-bar title="更改手机号码" left-icon="left" @clickLeft="goBack" backgroundColor="transparent" :border="false">
+		<uni-nav-bar 
+			title="更改手机号码" 
+			left-icon="left" 
+			@click-left="goBack" 
+			background-color="transparent" 
+			:border="false"
+		>
 		</uni-nav-bar>
 
-
 		<scroll-view class="page" scroll-y>
-
 			<!-- 表单区域 -->
 			<view class="form-container">
 				<!-- 手机号输入框（带+86前缀） -->
 				<view class="input-group phone-input">
 					<image class="iconStyle" src="http://47.104.199.163:9090/images/propertyImgs/phoneIcon.png"></image>
-					<input class="input-item" type="number" v-model="phone" placeholder="请输入手机号码"
-						placeholder-class="input-placeholder" maxlength="11" />
+					<input 
+						class="input-item" 
+						type="number" 
+						v-model="phone" 
+						placeholder="请输入手机号码"
+						placeholder-class="input-placeholder" 
+						maxlength="11" 
+					/>
 				</view>
 
 				<!-- 验证码输入框（带获取验证码按钮） -->
 				<view class="input-group code-input" style="padding: 0 0 0 20rpx;">
-					<image class="iconStyle" src="http://47.104.199.163:9090/images/propertyImgs/codeIcon.png">️</image>
-
-					<input class="input-item code-item" type="number" v-model="code" placeholder="请输入验证码"
-						placeholder-class="input-placeholder" maxlength="6" />
-					<button class="code-btn" :disabled="countdown > 0" @click="getCode">
+					<image class="iconStyle" src="http://47.104.199.163:9090/images/propertyImgs/codeIcon.png"></image>
+					<input 
+						class="input-item code-item" 
+						type="number" 
+						v-model="code" 
+						placeholder="请输入验证码"
+						placeholder-class="input-placeholder" 
+						maxlength="6" 
+					/>
+					<button 
+						class="code-btn" 
+						:disabled="countdown > 0" 
+						@click="getCode"
+					>
 						{{ countdown > 0 ? `${countdown}s后重发` : '获取验证码' }}
 					</button>
 				</view>
-
 			</view>
-
-
 		</scroll-view>
+		
 		<view class="bottom-btn">
 			<button class="submit-btn" @click="onSubmit">确定</button>
 		</view>
 	</view>
-
-
-
 </template>
 
-<script>
-	export default {
-		onReady: function(e) {},
-		components: {
-
-		},
-
-		computed: {
-
-
-		},
-		created() {
-
-		},
-		onShow() {
-
-		},
-		onUnload() {
-			// 页面卸载时清除定时器
-			if (this.timer) clearInterval(this.timer)
-		},
-		mounted() {},
-		data() {
-			return {
-				/* 设定状态栏默认高度 */
-				statusBarHeight: 20,
-				phone: '',
-				code: '',
-				countdown: 0,
-				timer: null,
-
-
-			}
-		},
-
-
-		methods: {
-
-			// 获取验证码
-			getCode() {
-				// 1. 手机号校验
-				const phoneReg = /^1[3-9]\d{9}$/
-				if (!this.phone) {
-					uni.showToast({
-						title: '请输入手机号',
-						icon: 'none'
-					})
-					return
-				}
-				if (!phoneReg.test(this.phone)) {
-					uni.showToast({
-						title: '手机号格式不正确',
-						icon: 'none'
-					})
-					return
-				}
-
-				// 2. 模拟发送验证码（替换为实际接口）
-				uni.showLoading({
-					title: '发送中...'
-				})
-				setTimeout(() => {
-					uni.hideLoading()
-					uni.showToast({
-						title: '验证码已发送',
-						icon: 'none'
-					})
-
-					// 3. 开启60秒倒计时
-					this.countdown = 60
-					this.timer = setInterval(() => {
-						if (this.countdown <= 1) {
-							clearInterval(this.timer)
-							this.countdown = 0
-							return
-						}
-						this.countdown--
-					}, 1000)
-				}, 800)
-			},
-
-			// 提交修改
-			onSubmit() {
-				// 1. 基础校验
-				const phoneReg = /^1[3-9]\d{9}$/
-				if (!this.phone) {
-					uni.showToast({
-						title: '请输入手机号',
-						icon: 'none'
-					})
-					return
-				}
-				if (!phoneReg.test(this.phone)) {
-					uni.showToast({
-						title: '手机号格式不正确',
-						icon: 'none'
-					})
-					return
-				}
-				if (!this.code) {
-					uni.showToast({
-						title: '请输入验证码',
-						icon: 'none'
-					})
-					return
-				}
-				uni.showLoading({
-					title: '更换中...',
-					mask: true
-				});
-				setTimeout(() => {
-					uni.showToast({
-						title: '更换成功',
-						icon: 'success'
-					});
-				}, 1000);
-				setTimeout(() => {
-					// 提交成功后跳转列表页
-					uni.hideLoading();
-					this.goBack();
-				}, 2500);
-
-
-
-
-			},
-			goBack() {
-				uni.redirectTo({
-					url: '/pageSubPack/my/settingIndex',
-					success: res => {},
-					fail: () => {},
-					complete: () => {}
-				});
-			},
-
-		},
+<script setup>
+import { ref, onUnmounted } from 'vue'
+import { getAuthSendSmsCode, getUserChangePhone } from '../api/apiSub.js'
 
+// 响应式数据
+const statusBarHeight = ref(20)
+const phone = ref('')
+const code = ref('')
+const countdown = ref(0)
+let timer = null // 定时器无需响应式，用普通变量
 
+// 获取验证码
+const getCode = () => {
+	const phoneReg = /^1[3-9]\d{9}$/
+	if (!phone.value) {
+		uni.showToast({ title: '请输入手机号', icon: 'none' })
+		return
 	}
+	if (!phoneReg.test(phone.value)) {
+		uni.showToast({ title: '手机号格式不正确', icon: 'none' })
+		return
+	}
+
+	uni.showLoading({ title: '发送中...' })
+	getAuthSendSmsCode({ phone: phone.value, scene: 'register' }).then(res => {
+		uni.hideLoading()
+		if (res.code === 200) {
+			uni.showToast({ title: '验证码已发送', icon: 'none' })
+
+			// 60秒倒计时
+			countdown.value = 60
+			timer = setInterval(() => {
+				if (countdown.value <= 1) {
+					clearInterval(timer)
+					countdown.value = 0
+					return
+				}
+				countdown.value--
+			}, 1000)
+		} else {
+			uni.showToast({ title: res.msg || '发送失败', icon: 'none' })
+		}
+	}).catch(() => {
+		uni.hideLoading()
+		uni.showToast({ title: '发送失败', icon: 'none' })
+	})
+}
+
+// 提交修改
+const onSubmit = () => {
+	const phoneReg = /^1[3-9]\d{9}$/
+	if (!phone.value) {
+		uni.showToast({ title: '请输入手机号', icon: 'none' })
+		return
+	}
+	if (!phoneReg.test(phone.value)) {
+		uni.showToast({ title: '手机号格式不正确', icon: 'none' })
+		return
+	}
+	if (!code.value) {
+		uni.showToast({ title: '请输入验证码', icon: 'none' })
+		return
+	}
+	
+	uni.showLoading({ title: '更换中...', mask: true })
+	getUserChangePhone({ newPhone: phone.value, smsCode: code.value,scene:'change_phone' }).then(res => {
+		uni.hideLoading()
+		if (res.code === 200) {
+			uni.showToast({ title: '更换成功', icon: 'success' })
+			setTimeout(() => goBack(), 1500)
+		} else {
+			uni.showToast({ title: res.msg || '更换失败', icon: 'none' })
+		}
+	}).catch(() => {
+		uni.hideLoading()
+		uni.showToast({ title: '更换失败', icon: 'none' })
+	})
+}
+
+// 返回
+const goBack = () => {
+	uni.redirectTo({
+		url: '/pageSubPack/my/settingIndex'
+	})
+}
+
+// 页面卸载清除定时器
+onUnmounted(() => {
+	if (timer) clearInterval(timer)
+})
 </script>
+
 <style lang="scss">
-	page {
-		background: #f9f9f9;
-	}
+page {
+	background: #f9f9f9;
+}
 </style>
 
 <style scoped>
-	.contentStyle {
-		display: flex;
-		flex-direction: column;
-		height: 100vh;
-		/* 关键：占满屏幕高度 */
-		background-color: #f9f9f9;
-	}
+.contentStyle {
+	display: flex;
+	flex-direction: column;
+	height: 100vh;
+	background-color: #f9f9f9;
+}
 
-	.page {
-		flex: 1;
-		overflow-y: auto;
-		padding: 0px 40rpx;
-		box-sizing: border-box;
-		/* background-color: #fff; */
-	}
+.page {
+	flex: 1;
+	overflow-y: auto;
+	padding: 0px 40rpx;
+	box-sizing: border-box;
+}
 
-	/* 底部按钮 */
-	.bottom-btn {
-		padding: 20rpx 30rpx 40rpx;
-	}
+/* 底部按钮 */
+.bottom-btn {
+	padding: 20rpx 30rpx 40rpx;
+}
 
-	/* 表单容器 */
-	.form-container {
-		/* padding: 60rpx 30rpx; */
-	}
+/* 表单容器 */
+.form-container {}
 
-	/* 输入框组（手机号+验证码行） */
-	.input-group {
-		display: flex;
-		align-items: center;
-		height: 88rpx;
-		/* border: 1rpx solid #dcdcdc; */
-		border-radius: 8rpx;
-		margin-bottom: 30rpx;
-		padding: 0 20rpx;
-		box-sizing: border-box;
-		background-color: #fff;
-	}
+/* 输入框组（手机号+验证码行） */
+.input-group {
+	display: flex;
+	align-items: center;
+	height: 88rpx;
+	border-radius: 8rpx;
+	margin-bottom: 30rpx;
+	padding: 0 20rpx;
+	box-sizing: border-box;
+	background-color: #fff;
+}
 
-	.iconStyle {
-		width:50rpx;
-		height: 50rpx;
-	}
+.iconStyle {
+	width: 50rpx;
+	height: 50rpx;
+}
 
-	.phone-input .input-item {
-		flex: 1;
-		height: 100%;
-		line-height: 88rpx;
-		border: none;
-		padding-left: 20rpx;
-	}
+.phone-input .input-item {
+	flex: 1;
+	height: 100%;
+	line-height: 88rpx;
+	border: none;
+	padding-left: 20rpx;
+}
 
-	/* 验证码输入框 */
-	.code-input .code-item {
-		flex: 1;
-		height: 100%;
-		line-height: 88rpx;
-		border: none;
-		font-size: 30rpx;
-	}
+/* 验证码输入框 */
+.code-input .code-item {
+	flex: 1;
+	height: 100%;
+	line-height: 88rpx;
+	border: none;
+	font-size: 30rpx;
+}
 
-	.code-btn {
-		font-size: 24rpx;
-		color: #fff;
-		background: #2F77FD;
-		border: none;
-		padding: 0;
-		line-height: 88rpx;
-		width: 100px;
-	}
+.code-btn {
+	font-size: 24rpx;
+	color: #fff;
+	background: #2F77FD;
+	border: none;
+	padding: 0;
+	line-height: 88rpx;
+	width: 100px;
+}
 
-	.code-btn[disabled] {
-		color: #999;
-	}
+.code-btn[disabled] {
+	color: #999;
+}
 
-	/* 通用输入框样式 */
-	.input-item {
-		font-size: 30rpx;
-		color: #333;
-		background-color: #fff;
-		padding-left: 20rpx;
-	}
+/* 通用输入框样式 */
+.input-item {
+	font-size: 30rpx;
+	color: #333;
+	background-color: #fff;
+	padding-left: 20rpx;
+}
 
-	.input-placeholder {
-		color: #999;
-		font-size: 30rpx;
-	}
+.input-placeholder {
+	color: #999;
+	font-size: 30rpx;
+}
 
-	/* 确定按钮 */
-	.submit-btn {
-		width: 100%;
-		height: 88rpx;
-		line-height: 88rpx;
-		background-color: #1677ff;
-		color: #fff;
-		font-size: 32rpx;
-		border-radius: 8rpx;
-		border: none;
-		margin-top: 20rpx;
-	}
+/* 确定按钮 */
+.submit-btn {
+	width: 100%;
+	height: 88rpx;
+	line-height: 88rpx;
+	background-color: #1677ff;
+	color: #fff;
+	font-size: 32rpx;
+	border-radius: 8rpx;
+	border: none;
+	margin-top: 20rpx;
+}
 
-
-	.status-bar {
-		width: 100vw;
-		height: 46px;
-	}
+.status-bar {
+	width: 100vw;
+	height: 46px;
+}
 </style>
\ No newline at end of file
diff --git a/property-uniapp-project/pageSubPack/my/changePwd.vue b/property-uniapp-project/pageSubPack/my/changePwd.vue
index 974bda5..91c2e93 100644
--- a/property-uniapp-project/pageSubPack/my/changePwd.vue
+++ b/property-uniapp-project/pageSubPack/my/changePwd.vue
@@ -34,98 +34,57 @@
 
 </template>
 
-<script>
-	export default {
-		onReady: function(e) {},
-		components: {
-
-		},
-
-		computed: {
-
-
-		},
-		created() {
-
-		},
-		onShow() {
-
-		},
-		onLoad() {
-
-		},
-		mounted() {},
-		data() {
-			return {
-				/* 设定状态栏默认高度 */
-				statusBarHeight: 20,
-				oldPwd: '',
-				newPwd: '',
-				confirmPwd: '',
+<script setup>
+import { ref } from 'vue'
+import { authChangePassword } from '../api/apiSub.js'
 
+	
+	const statusBarHeight = ref(20);
+	const oldPwd = ref('');
+	const newPwd = ref('');
+	const confirmPwd = ref('')
+	
+	
+	// 方法
+	const onSubmit = () => {
+		if (!oldPwd.value) {
+			uni.showToast({ title: '请输入原密码', icon: 'none' })
+			return
+		}
+		if (!newPwd.value) {
+			uni.showToast({ title: '请输入新密码', icon: 'none' })
+			return
+		}
+		if (newPwd.value !== confirmPwd.value) {
+			uni.showToast({ title: '两次密码不一致', icon: 'none' })
+			return
+		}
 
+		uni.showLoading({ title: '修改中...', mask: true })
+		authChangePassword({
+			oldPassword: oldPwd.value,
+			newPassword: newPwd.value,
+			confirmPassword: confirmPwd.value
+		}).then(res => {
+			uni.hideLoading()
+			if (res.code === 200) {
+				uni.showToast({ title: '修改成功', icon: 'success' })
+				setTimeout(() => goBack(), 1500)
+			} else {
+				uni.showToast({ title: res.msg || '修改失败', icon: 'none' })
 			}
-		},
-
-
-		methods: {
-
-			// 提交修改
-			onSubmit() {
-				// 1. 基础校验
-				if (!this.oldPwd) {
-					uni.showToast({
-						title: '请输入原密码',
-						icon: 'none'
-					})
-					return
-				}
-				if (!this.newPwd) {
-					uni.showToast({
-						title: '请输入新密码',
-						icon: 'none'
-					})
-					return
-				}
-				if (this.newPwd !== this.confirmPwd) {
-					uni.showToast({
-						title: '两次密码不一致',
-						icon: 'none'
-					})
-					return
-				}
-
-				uni.showLoading({
-					title: '修改中...',
-					mask: true
-				});
-				setTimeout(() => {
-					uni.showToast({
-						title: '修改成功',
-						icon: 'success'
-					});
-				}, 1000);
-				setTimeout(() => {
-					// 提交成功后跳转列表页
-					uni.hideLoading();
-					this.goBack();
-				}, 2500);
-
-
-			},
-			goBack() {
-				uni.redirectTo({
-					url: '/pageSubPack/my/settingIndex',
-					success: res => {},
-					fail: () => {},
-					complete: () => {}
-				});
-			},
-
-		},
-
-
+		}).catch((err) => {
+			uni.hideLoading()
+			uni.showToast({ title: err.msg || '修改失败', icon: 'none' })
+		})
 	}
+	
+	const goBack = () =>{
+		uni.redirectTo({
+			url: '/pageSubPack/my/settingIndex',
+		});
+	}
+
 </script>
 <style lang="scss">
 	page {
diff --git a/property-uniapp-project/pageSubPack/my/settingIndex.vue b/property-uniapp-project/pageSubPack/my/settingIndex.vue
index 745afbf..301b2aa 100644
--- a/property-uniapp-project/pageSubPack/my/settingIndex.vue
+++ b/property-uniapp-project/pageSubPack/my/settingIndex.vue
@@ -39,7 +39,7 @@
 		onPullDownRefresh
 	} from '@dcloudio/uni-app'
 	import {
-		authLogout
+		authLogout, getUserProfile, getUserNotify, changeUserNotify
 	} from '/pageSubPack/api/apiSub.js'
 
 	// 
@@ -47,7 +47,8 @@
 	const cacheSize = ref(0)
 	const settingList = ref([{
 			title: '更改手机号码',
-			type: 'arrow'
+			type: 'text',
+			value: ''
 		},
 		{
 			title: '修改密码',
@@ -144,7 +145,19 @@
 	}
 
 	const onSwitchChange = (item, e) => {
-		item.checked = e.detail.value
+		const checked = e.detail.value
+		const notifyEnabled = checked ? '1' : '0'
+		changeUserNotify({ notifyEnabled }).then(res => {
+			if (res.code === 200) {
+				item.checked = checked
+			} else {
+				uni.showToast({ title: res.msg || '更新失败', icon: 'none' })
+				item.checked = !checked
+			}
+		}).catch(() => {
+			uni.showToast({ title: '更新失败', icon: 'none' })
+			item.checked = !checked
+		})
 	}
 
 	const goBack = () => {
@@ -152,6 +165,20 @@
 			url: '/pages/myIndex/myIndex'
 		});
 	}
+
+	onMounted(() => {
+		getUserProfile().then(res => {
+			if (res.code === 200 && res.data) {
+				const phone = res.data.phone || ''
+				settingList.value[0].value = phone
+			}
+		})
+		getUserNotify().then(res => {
+			if (res.code === 200 && res.data) {
+				settingList.value[2].checked = res.data.notifyEnabled === '1'
+			}
+		})
+	})
 </script>
 
 <style lang="scss">
diff --git a/property-uniapp-project/pageSubPack/service-list/contactProperty.vue b/property-uniapp-project/pageSubPack/service-list/contactProperty.vue
index e753947..db8d609 100644
--- a/property-uniapp-project/pageSubPack/service-list/contactProperty.vue
+++ b/property-uniapp-project/pageSubPack/service-list/contactProperty.vue
@@ -28,7 +28,7 @@
 					</view>
 				</view>
 				<!-- 值班电话 -->
-				<view class="phone-item" v-for="phoneItems,phoneIndex in item.phoneList" :key="phoneIndex">
+				<view class="phone-item" v-for="phoneItems,phoneIndex in item.phoneList" :key="phoneIndex" @click="callPhone(phoneItems.phoneNum)">
 					<text class="phone-label">值班电话：</text>
 					<text class="phone-num">{{phoneItems.phoneNum}}</text>
 					<!-- <text class="phone-icon"></text> -->
@@ -44,40 +44,53 @@
 </template>
 
 <script setup>
-import { ref } from 'vue';
-import {getManagePhoneData} from '../api/apiSub.js'
+import { ref, onMounted } from 'vue';
+import { getManagePhoneData } from '../api/apiSub.js'
 
 	const statusBarHeight = ref(20)
-	const dataList = ref([
-		{
-			src: 'http://47.104.199.163:9090/images/propertyImgs/community1.png',
-			propertyName: '北境碧桂园小区物业中心',
-			propertyAddress: 'A栋3单元1801',
-			phoneList: [{
-					phoneNum: '080-12312312312',
-			
-				},
-				{
-					phoneNum: '080-12312312312',
-			
-				}
-			],
-		}
-	])
+	const dataList = ref([])
 		
 	// ====方法=====
 	function callPhone(phone) {
 		uni.makePhoneCall({
-			phoneNumber: phone.replace(/-/g, "")
+			phoneNumber: phone.replace(/-/g, ""),
+			fail: (err) => {
+				console.log('用户取消拨号', err)
+			}
 	});
 }
-function goBack() {
-	uni.switchTab({
-		url: '/pages/serviceIndex/serviceIndex',
-			
-	});
-}
-	
+	function goBack() {
+		uni.switchTab({
+			url: '/pages/serviceIndex/serviceIndex',
+		});
+	}
+
+	onMounted(() => {
+		const villageId = uni.getStorageSync('currentVillageId')
+		if (!villageId) {
+			uni.showToast({ title: '请先选择小区', icon: 'none' })
+			return
+		}
+		uni.showLoading({ title: '加载中...' })
+		getManagePhoneData({ villageId }).then(res => {
+			uni.hideLoading()
+			if (res.code === 200 && res.data) {
+				const d = res.data
+				dataList.value = [{
+					src: d.villageImageUrl || 'http://47.104.199.163:9090/images/propertyImgs/community1.png',
+					propertyName: d.villageName || '',
+					propertyAddress: d.address || '',
+					phoneList: d.managePhone ? [{ phoneNum: d.managePhone }] : []
+				}]
+			} else {
+				uni.showToast({ title: res.msg || '获取失败', icon: 'none' })
+			}
+		}).catch(() => {
+			uni.hideLoading()
+			uni.showToast({ title: '获取失败', icon: 'none' })
+		})
+	})
+
 </script>
 <style lang="scss">
 	page {