diff --git a/pages/shop/service-skills.vue b/pages/shop/service-skills.vue
index 8b49c83..1c8ed7a 100644
--- a/pages/shop/service-skills.vue
+++ b/pages/shop/service-skills.vue
@@ -45,6 +45,20 @@
 					</view>
 				</view>
 			</view>
+
+            <view class="box-cont" style="padding: 0;">
+                <view class="form-item-two" @click="editable ? openExperiencePicker() : null">
+                    <text class="label required">专业经验：</text>
+                    <view class="picker-content">
+                        <text :class="displayMajor ? 'picker-value' : 'placeholder'">
+                            {{ displayExperienceText || '请选择' }}
+                        </text>
+                        <image v-if="editable"
+                            src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/dccc4513-377c-4bfa-9fd2-a5cfdb9798f3"
+                            class="arrow-right" mode="aspectFit"></image>
+                    </view>
+                </view>
+            </view>
 		</view>
 
 		<!-- 底部按钮 -->
@@ -84,737 +98,850 @@
 </template>
 
 <script>
-	import request from '../../utils/request';
-
-	export default {
-		data() {
-			return {
-				sjInformation: {},
-				serviceList: [], // 服务技能列表
-				selectedSkills: [], // 已选中的技能ID（待审核的）
-				originalSkills: [], // 原始选中的技能ID（当前生效的）
-				editable: false, // 是否可编辑
-				buttonType: 'change', // 按钮类型: change-去变更信息, edit-取消/提交, view-查看我的变更
-				showAuditTip: false, // 是否显示审核中提示
-				auditStatus: null, // 审核状态
-				applyId: null, // 申请ID
-				isLoading: true, // 添加加载状态
-				showPendingSkills: false, // 是否显示待审核的技能
-				currentSkills: [], // 当前生效的技能ID
-				navTitle: '服务技能', // 导航栏标题
-				buttonAreaHeight: 120, // 按钮区域高度，用于计算底部padding
-				backText: '', // 驳回原因
-				identity: '', // 用户身份
-				lastApplyTime: null, //记录最后申请时间
-			}
-		},
-		computed: {
-			selectedSkillsText() {
-				const selectedTitles = this.serviceList
-					.filter(item => item.checked)
-					.map(item => item.title);
-				return selectedTitles.join('、');
-			},
-			hasChanges() {
-				// 检查是否有变更
-				const current = [...this.selectedSkills].sort().join(',');
-				const original = [...this.originalSkills].sort().join(',');
-				return current !== original;
-			},
-			// 控制驳回提示是否显示
-			shouldShowRejectReason() {
-				// 只有在审核驳回状态、不显示待审核技能、且技能未变更时才显示驳回提示
-				return this.auditStatus === 3 &&
-					!this.showPendingSkills &&
-					!this.skillsChanged &&
-					this.backText;
-				!this.hasPendingApply();
-			},
-			// 检查是否有待处理的申请（基于时间）
-			hasPendingApply() {
-				if (!this.lastApplyTime) return false;
-				// 如果最后申请时间在驳回时间之后，说明有新的申请
-				return true;
-			}
-		},
-		async onLoad() {
-			this.sjInformation = await request.post('/sj/user/getUser');
-			await this.initPage();
-		},
-		onReady() {
-			// 获取按钮区域高度，用于设置页面内容padding
-			this.getButtonAreaHeight();
-		},
-		methods: {
-			// 初始化页面
-			async initPage() {
-				this.isLoading = true;
-				try {
-					// 先加载服务技能列表
-					await this.loadServiceSkills();
-					// 然后加载申请详情
-					await this.loadApplyDetails();
-				} catch (error) {
-					console.error('初始化页面失败:', error);
-				} finally {
-					this.isLoading = false;
-				}
-			},
-
-			// 清理驳回技能存储的逻辑
-			async cleanupRejectedSkillsIfNeeded() {
-				try {
-					const rejectedSkills = uni.getStorageSync('rejectedSkills');
-					const lastApplyTime = uni.getStorageSync('lastApplyTime');
-
-					if (rejectedSkills && rejectedSkills.length > 0) {
-						// 获取当前生效技能
-						const params = {
-							type: 3
-						};
-						const res = this.sjInformation;
-
-						if (res.state === 1 && res.data && res.data.servers_kill) {
-							let currentSkillIds = [];
-							if (Array.isArray(res.data.servers_kill)) {
-								currentSkillIds = res.data.servers_kill.map(id => parseInt(id)).filter(id => !isNaN(
-									id));
-							} else if (typeof res.data.servers_kill === 'string') {
-								currentSkillIds = res.data.servers_kill.split(',').map(id => parseInt(id.trim()))
-									.filter(id => !isNaN(id));
-							}
-
-							const currentSorted = [...currentSkillIds].sort().join(',');
-							const rejectedSorted = [...rejectedSkills].sort().join(',');
-
-							// 如果当前生效技能与被驳回技能不一致，说明有新的申请已生效
-							if (currentSorted !== rejectedSorted) {
-								console.log('检测到技能已变更，清理驳回相关存储');
-								uni.removeStorageSync('rejectedSkills');
-								uni.removeStorageSync('lastRejectTime');
-							}
-						}
-					}
-				} catch (error) {
-					console.error('清理驳回技能存储失败:', error);
-				}
-			},
-
-			// 获取按钮区域高度
-			getButtonAreaHeight() {
-				// 使用setTimeout确保DOM已渲染
-				setTimeout(() => {
-					const query = uni.createSelectorQuery().in(this);
-					query.select('.bottom-actions').boundingClientRect(data => {
-						if (data) {
-							this.buttonAreaHeight = data.height + 20; // 增加一些边距
-						}
-					}).exec();
-				}, 100);
-			},
-
-			// 更新导航栏标题
-			updateNavTitle() {
-				if (this.editable || this.showPendingSkills) {
-					this.navTitle = '服务技能变更';
-				} else {
-					this.navTitle = '服务技能';
-				}
-			},
-
-			// 加载服务技能列表
-			async loadServiceSkills() {
-				try {
-					const res = await request.post('/sj/firstclass');
-					this.serviceList = res.data.map(item => ({
-						...item,
-						checked: false
-					}));
-					console.log('服务技能列表:', this.serviceList);
-				} catch (error) {
-					console.error('加载服务技能失败:', error);
-					uni.showToast({
-						title: '加载服务技能失败',
-						icon: 'none'
-					});
-				}
-			},
-
-			// 加载申请详情
-			async loadApplyDetails() {
-				try {
-					console.log('开始加载申请详情...');
-					const res = await request.post('/sj/userSjAuth/details', {
-						apply_type: 2 // 服务技能变更
-					});
-
-					console.log('申请详情接口返回:', res);
-
-					if (res.code === 200 && res.data) {
-						const detail = res.data;
-						this.applyId = detail.id;
-						this.auditStatus = detail.apply_state;
-						this.backText = detail.back_text || ''; // 获取驳回原因
-
-						console.log('审核状态:', this.auditStatus);
-						console.log('原始servers_kill数据:', detail.servers_kill);
-
-						// 处理服务技能数据
-						if (detail.servers_kill) {
-							let skillIds = [];
-
-							if (Array.isArray(detail.servers_kill)) {
-								skillIds = detail.servers_kill.map(id => {
-									const num = parseInt(id);
-									return isNaN(num) ? null : num;
-								}).filter(id => id !== null);
-							} else if (typeof detail.servers_kill === 'string') {
-								skillIds = detail.servers_kill.split(',').map(id => {
-									const num = parseInt(id.trim());
-									return isNaN(num) ? null : num;
-								}).filter(id => id !== null);
-							}
-
-							console.log('解析后的技能ID:', skillIds);
-
-							// 根据审核状态正确处理数据
-							if (this.auditStatus === 1) { // 审核中
-								this.selectedSkills = [...skillIds];
-								console.log('审核中，待审核技能:', this.selectedSkills);
-								// 记录申请时间
-								uni.setStorageSync('lastApplyTime', new Date().getTime());
-							} else if (this.auditStatus === 3) { // 审核驳回
-								// 检查驳回数据是否是最新的
-								await this.handleRejectedSkills(skillIds);
-							}
-
-							this.updateCheckedStatus();
-						}
-
-						// 无论审核状态如何，都加载当前生效的技能
-						await this.loadCurrentEffectiveSkills();
-
-					} else {
-						console.log('申请详情返回数据为空或code不为200:', res);
-						// 清理可能的驳回存储
-						uni.removeStorageSync('rejectedSkills');
-						uni.removeStorageSync('lastRejectTime');
-						await this.loadCurrentEffectiveSkills();
-					}
-
-				} catch (error) {
-					console.error('加载申请详情失败:', error);
-					// 出错时也尝试加载当前生效的技能
-					await this.loadCurrentEffectiveSkills();
-				}
-			},
-
-			// 处理驳回技能逻辑
-			async handleRejectedSkills(rejectedSkillIds) {
-				const storedRejectedSkills = uni.getStorageSync('rejectedSkills');
-				const lastRejectTime = uni.getStorageSync('lastRejectTime');
-
-				// 获取当前生效技能进行比较
-				const currentSkills = await this.getCurrentEffectiveSkillIds();
-
-				const rejectedSorted = [...rejectedSkillIds].sort().join(',');
-				const storedSorted = storedRejectedSkills ? [...storedRejectedSkills].sort().join(',') : '';
-				const currentSorted = [...currentSkills].sort().join(',');
-
-				// 如果驳回的技能与当前生效技能相同，说明驳回数据过时
-				if (rejectedSorted === currentSorted) {
-					console.log('驳回数据与当前生效技能相同，可能数据过时，忽略本次驳回数据');
-					this.selectedSkills = [...currentSkills];
-					// 清理驳回存储
-					uni.removeStorageSync('rejectedSkills');
-					uni.removeStorageSync('lastRejectTime');
-					this.backText = ''; // 清空驳回原因
-					return;
-				}
-
-				// 如果驳回技能与存储的驳回技能不同，更新存储
-				if (rejectedSorted !== storedSorted) {
-					console.log('发现新的驳回数据，更新存储:', rejectedSkillIds);
-					uni.setStorageSync('rejectedSkills', rejectedSkillIds);
-					uni.setStorageSync('lastRejectTime', new Date().getTime());
-				}
-
-				this.selectedSkills = [...rejectedSkillIds];
-				console.log('审核驳回，被驳回技能:', this.selectedSkills);
-			},
-
-			// 获取当前生效技能ID
-			async getCurrentEffectiveSkillIds() {
-				try {
-					const params = {
-						type: 3
-					};
-					const res = this.sjInformation;
-
-					if (res.state === 1 && res.data && res.data.servers_kill) {
-						let skillIds = [];
-						if (Array.isArray(res.data.servers_kill)) {
-							skillIds = res.data.servers_kill.map(id => parseInt(id)).filter(id => !isNaN(id));
-						} else if (typeof res.data.servers_kill === 'string') {
-							skillIds = res.data.servers_kill.split(',').map(id => parseInt(id.trim())).filter(id => !
-								isNaN(id));
-						}
-						return skillIds;
-					}
-					return [];
-				} catch (error) {
-					console.error('获取当前生效技能失败:', error);
-					return [];
-				}
-			},
-
-
-			// 加载当前生效的服务技能
-			async loadCurrentEffectiveSkills() {
-				try {
-					console.log('开始加载当前生效的服务技能...');
-					const currentSkills = await this.getCurrentEffectiveSkillIds();
-
-					this.currentSkills = [...currentSkills];
-					this.originalSkills = [...currentSkills];
-
-					console.log('当前生效的技能ID:', this.currentSkills);
-
-					// 只有在无申请状态或审核通过状态时，才用当前技能更新选中技能
-					if (this.auditStatus === null || this.auditStatus === 2) {
-						this.selectedSkills = [...currentSkills];
-					}
-					// 审核中状态保持原有的selectedSkills不变
-					// 审核驳回状态已经在handleRejectedSkills中处理
-
-					this.updateCheckedStatus();
-					this.updatePageStatus();
-
-				} catch (error) {
-					console.error('加载当前生效技能失败:', error);
-					this.currentSkills = [];
-					this.originalSkills = [];
-					if (this.auditStatus !== 1) {
-						this.selectedSkills = [];
-					}
-					this.updateCheckedStatus();
-					this.updatePageStatus();
-				}
-			},
-
-
-
-			// 检查技能是否在当前生效的技能中
-			isCurrentSkillSelected(skillId) {
-				return this.currentSkills.includes(skillId);
-			},
-
-			// 更新选中状态（用于待审核的技能）
-			updateCheckedStatus() {
-				console.log('更新选中状态，当前服务技能列表:', this.serviceList);
-				console.log('要选中的技能ID:', this.selectedSkills);
-				this.serviceList.forEach(item => {
-					item.checked = this.selectedSkills.includes(item.id);
-				});
-			},
-
-			// 根据审核状态更新页面状态
-			updatePageStatus() {
-				console.log('更新页面状态，审核状态:', this.auditStatus);
-
-				// 检查是否有变更
-				const currentSorted = [...this.currentSkills].sort().join(',');
-				const selectedSorted = [...this.selectedSkills].sort().join(',');
-				const hasChanges = currentSorted !== selectedSorted;
-
-				console.log('技能变更检查 - 当前生效:', this.currentSkills, '选中:', this.selectedSkills, '是否变更:', hasChanges);
-
-				if (this.auditStatus === 1) { // 审核中
-					this.showAuditTip = true;
-					this.buttonType = 'view';
-					this.editable = false;
-					this.showPendingSkills = false;
-				} else if (this.auditStatus === 3) { // 审核驳回
-					// 检查驳回数据是否有效
-					const rejectedSkills = uni.getStorageSync('rejectedSkills');
-					const rejectedSorted = rejectedSkills ? [...rejectedSkills].sort().join(',') : '';
-					const currentSorted = [...this.currentSkills].sort().join(',');
-
-					// 如果驳回技能与当前技能相同，说明驳回数据无效
-					if (rejectedSorted === currentSorted) {
-						console.log('驳回数据无效，按无申请状态处理');
-						this.showAuditTip = false;
-						this.buttonType = 'change';
-						this.editable = false;
-						this.showPendingSkills = false;
-						this.backText = ''; // 清空驳回原因
-					} else {
-						this.showAuditTip = false;
-						this.buttonType = 'change';
-						this.editable = false;
-						this.showPendingSkills = false;
-					}
-				} else { // 无申请或审核通过
-					this.showAuditTip = false;
-					this.buttonType = 'change';
-					this.editable = false;
-					this.showPendingSkills = false;
-				}
-
-				this.updateNavTitle();
-
-				console.log('最终页面状态:', {
-					showAuditTip: this.showAuditTip,
-					buttonType: this.buttonType,
-					editable: this.editable,
-					showPendingSkills: this.showPendingSkills,
-					currentSkills: this.currentSkills,
-					selectedSkills: this.selectedSkills,
-					backText: this.backText
-				});
-			},
-
-			// 切换技能选择状态（仅用于编辑模式）
-			toggleSkillSelect(index) {
-				if (!this.editable) return;
-
-				this.$set(this.serviceList[index], 'checked', !this.serviceList[index].checked);
-
-				// 更新选中的技能ID数组
-				this.selectedSkills = this.serviceList
-					.filter(item => item.checked)
-					.map(item => item.id);
-
-				console.log('当前选中的技能ID:', this.selectedSkills);
-			},
-
-			// 切换显示待审核的技能
-			togglePendingSkills() {
-				this.showPendingSkills = !this.showPendingSkills;
-				// 更新导航栏标题
-				this.updateNavTitle();
-			},
-
-			// 开始变更
-			startChange() {
-				this.editable = true;
-				this.buttonType = 'edit';
-				// 进入编辑模式时，显示待审核的技能
-				this.showPendingSkills = true;
-				// 更新导航栏标题
-				this.updateNavTitle();
-			},
-
-			// 取消变更
-			cancelChange() {
-				// 恢复原始选择
-				this.selectedSkills = [...this.originalSkills];
-				this.updateCheckedStatus();
-
-				this.editable = false;
-				this.buttonType = 'change';
-				this.showPendingSkills = false; // 取消后显示当前生效的技能
-				// 更新导航栏标题
-				this.updateNavTitle();
-			},
-
-			// 提交变更 - 修改为传递数组格式
-			async submitChange() {
-				if (this.selectedSkills.length === 0) {
-					uni.showToast({
-						title: '请至少选择一个服务技能',
-						icon: 'none'
-					});
-					return;
-				}
-
-				if (!this.hasChanges) {
-					uni.showToast({
-						title: '未检测到变更',
-						icon: 'none'
-					});
-					return;
-				}
-
-				try {
-					uni.showLoading({
-						title: '提交中...'
-					});
-					const params = {
-						apply_type: 2, // 服务技能变更
-						servers_kill: this.selectedSkills // 直接传递数组
-					};
-
-					console.log('提交的数据:', params);
-
-					const res = await request.post('/sj/userSjAuth/apply', params);
-
-					uni.hideLoading();
-
-					if (res.code === 200) {
-						uni.showToast({
-							title: '提交成功',
-							icon: 'none'
-							// icon: 'success'
-						});
-
-						// 清理驳回相关存储
-						uni.removeStorageSync('rejectedSkills');
-						uni.removeStorageSync('lastRejectTime');
-
-						// 记录申请时间
-						uni.setStorageSync('lastApplyTime', new Date().getTime());
-
-						// 更新页面状态为审核中
-						this.showAuditTip = true;
-						this.editable = false;
-						this.buttonType = 'view';
-						this.auditStatus = 1; // 审核中
-						this.showPendingSkills = false; // 提交后默认显示当前生效的技能
-						// 更新导航栏标题
-						this.updateNavTitle();
-
-						// 重新加载申请详情获取最新状态
-						setTimeout(() => {
-							this.loadApplyDetails();
-						}, 1000);
-					} else {
-						uni.showToast({
-							title: res.msg || '提交失败',
-							icon: 'none'
-						});
-					}
-				} catch (error) {
-					uni.hideLoading();
-					console.error('提交变更失败:', error);
-					uni.showToast({
-						title: '提交失败',
-						icon: 'none'
-					});
-				}
-			}
-		}
-	}
+    import request from '../../utils/request';
+
+    export default {
+        data() {
+            return {
+                sjInformation: {},
+                serviceList: [], // 服务技能列表
+                selectedSkills: [], // 已选中的技能ID（待审核的）
+                originalSkills: [], // 原始选中的技能ID（当前生效的）
+
+                // 新增：专业经验数据流
+                originalMajor: null, // 当前生效的经验
+                pendingMajor: null,  // 待审核的经验
+                displayMajor: null,  // 页面展示的经验
+
+                editable: false, // 是否可编辑
+                buttonType: 'change', // 按钮类型: change-去变更信息, edit-取消/提交, view-查看我的变更
+                showAuditTip: false, // 是否显示审核中提示
+                auditStatus: null, // 审核状态
+                applyId: null, // 申请ID
+                isLoading: true, // 添加加载状态
+                showPendingSkills: false, // 是否显示待审核的技能
+                currentSkills: [], // 当前生效的技能ID
+                navTitle: '服务技能', // 导航栏标题
+                buttonAreaHeight: 120, // 按钮区域高度，用于计算底部padding
+                backText: '', // 驳回原因
+                identity: '', // 用户身份
+                lastApplyTime: null, //记录最后申请时间
+            }
+        },
+        computed: {
+            selectedSkillsText() {
+                const selectedTitles = this.serviceList
+                    .filter(item => item.checked)
+                    .map(item => item.title);
+                return selectedTitles.join('、');
+            },
+            // 新增：将 major 数值转换为文字
+            displayExperienceText() {
+                return this.getExperienceText(this.displayMajor);
+            },
+            hasChanges() {
+                // 检查是否有变更 (合并技能和经验检查)
+                const currentSorted = [...this.currentSkills].sort().join(',');
+                const selectedSorted = [...this.selectedSkills].sort().join(',');
+                const skillsChanged = currentSorted !== selectedSorted;
+                const majorChanged = String(this.displayMajor || '') !== String(this.originalMajor || '');
+                return skillsChanged || majorChanged;
+            },
+            // 控制驳回提示是否显示
+            shouldShowRejectReason() {
+                // 只有在审核驳回状态、不显示待审核技能、且技能未变更时才显示驳回提示
+                return this.auditStatus === 3 &&
+                    !this.showPendingSkills &&
+                    !this.hasChanges &&
+                    this.backText;
+                // 检查是否有待处理的申请（基于时间）
+                !this.hasPendingApply();
+            },
+            // 检查是否有待处理的申请（基于时间）
+            hasPendingApply() {
+                if (!this.lastApplyTime) return false;
+                // 如果最后申请时间在驳回时间之后，说明有新的申请
+                return true;
+            }
+        },
+        async onLoad() {
+            this.sjInformation = await request.post('/sj/user/getUser');
+            await this.initPage();
+        },
+        onReady() {
+            // 获取按钮区域高度，用于设置页面内容padding
+            this.getButtonAreaHeight();
+        },
+        methods: {
+            // 初始化页面
+            async initPage() {
+                this.isLoading = true;
+                try {
+                    this.originalMajor = this.sjInformation?.data?.major || null;
+                    this.displayMajor = this.originalMajor;
+
+                    // 先加载服务技能列表
+                    await this.loadServiceSkills();
+                    // 然后加载申请详情
+                    await this.loadApplyDetails();
+                } catch (error) {
+                    console.error('初始化页面失败:', error);
+                } finally {
+                    this.isLoading = false;
+                }
+            },
+
+            // 转换专业经验为文字
+            getExperienceText(major) {
+                const experiences = ['', '实习', '1-3年', '3-5年', '5-10年', '10年以上'];
+                return experiences[major] || '';
+            },
+
+            // 打开专业经验选择器
+            openExperiencePicker() {
+                if (!this.editable) return;
+                uni.showActionSheet({
+                    itemList: ['实习', '1-3年', '3-5年', '5-10年', '10年以上'],
+                    success: (res) => {
+                        this.displayMajor = res.tapIndex + 1;
+                    }
+                });
+            },
+
+            // 清理驳回技能存储的逻辑
+            async cleanupRejectedSkillsIfNeeded() {
+                try {
+                    const rejectedSkills = uni.getStorageSync('rejectedSkills');
+                    const rejectedMajor = uni.getStorageSync('rejectedMajor');
+                    const lastApplyTime = uni.getStorageSync('lastApplyTime');
+
+                    if (rejectedSkills && rejectedSkills.length > 0) {
+                        // 获取当前生效技能
+                        const params = {
+                            type: 3
+                        };
+                        const res = this.sjInformation;
+
+                        if (res.state === 1 && res.data && res.data.servers_kill) {
+                            let currentSkillIds = [];
+                            if (Array.isArray(res.data.servers_kill)) {
+                                currentSkillIds = res.data.servers_kill.map(id => parseInt(id)).filter(id => !isNaN(
+                                    id));
+                            } else if (typeof res.data.servers_kill === 'string') {
+                                currentSkillIds = res.data.servers_kill.split(',').map(id => parseInt(id.trim()))
+                                    .filter(id => !isNaN(id));
+                            }
+
+                            const currentSorted = [...currentSkillIds].sort().join(',');
+                            const rejectedSorted = [...rejectedSkills].sort().join(',');
+                            const currentMajor = res.data.major;
+
+                            // 如果当前生效技能与被驳回技能不一致，说明有新的申请已生效
+                            if (currentSorted !== rejectedSorted || String(currentMajor) !== String(rejectedMajor)) {
+                                console.log('检测到技能已变更，清理驳回相关存储');
+                                uni.removeStorageSync('rejectedSkills');
+                                uni.removeStorageSync('rejectedMajor');
+                                uni.removeStorageSync('lastRejectTime');
+                            }
+                        }
+                    }
+                } catch (error) {
+                    console.error('清理驳回技能存储失败:', error);
+                }
+            },
+
+            // 获取按钮区域高度
+            getButtonAreaHeight() {
+                // 使用setTimeout确保DOM已渲染
+                setTimeout(() => {
+                    const query = uni.createSelectorQuery().in(this);
+                    query.select('.bottom-actions').boundingClientRect(data => {
+                        if (data) {
+                            this.buttonAreaHeight = data.height + 20; // 增加一些边距
+                        }
+                    }).exec();
+                }, 100);
+            },
+
+            // 更新导航栏标题
+            updateNavTitle() {
+                if (this.editable || this.showPendingSkills) {
+                    this.navTitle = '服务技能变更';
+                } else {
+                    this.navTitle = '服务技能';
+                }
+            },
+
+            // 加载服务技能列表
+            async loadServiceSkills() {
+                try {
+                    const res = await request.post('/sj/firstclass');
+                    this.serviceList = res.data.map(item => ({
+                        ...item,
+                        checked: false
+                    }));
+                    console.log('服务技能列表:', this.serviceList);
+                } catch (error) {
+                    console.error('加载服务技能失败:', error);
+                    uni.showToast({
+                        title: '加载服务技能失败',
+                        icon: 'none'
+                    });
+                }
+            },
+
+            // 加载申请详情
+            async loadApplyDetails() {
+                try {
+                    console.log('开始加载申请详情...');
+                    const res = await request.post('/sj/userSjAuth/details', {
+                        apply_type: 2 // 服务技能变更
+                    });
+
+                    console.log('申请详情接口返回:', res);
+
+                    if (res.code === 200 && res.data) {
+                        const detail = res.data;
+                        this.applyId = detail.id;
+                        this.auditStatus = detail.apply_state;
+                        this.backText = detail.back_text || ''; // 获取驳回原因
+
+                        console.log('审核状态:', this.auditStatus);
+                        console.log('原始servers_kill数据:', detail.servers_kill);
+
+                        // 处理服务技能数据
+                        if (detail.servers_kill) {
+                            let skillIds = [];
+
+                            if (Array.isArray(detail.servers_kill)) {
+                                skillIds = detail.servers_kill.map(id => {
+                                    const num = parseInt(id);
+                                    return isNaN(num) ? null : num;
+                                }).filter(id => id !== null);
+                            } else if (typeof detail.servers_kill === 'string') {
+                                skillIds = detail.servers_kill.split(',').map(id => {
+                                    const num = parseInt(id.trim());
+                                    return isNaN(num) ? null : num;
+                                }).filter(id => id !== null);
+                            }
+
+                            console.log('解析后的技能ID:', skillIds);
+                            
+                            this.pendingMajor = detail.major || this.originalMajor;
+
+                            // 根据审核状态正确处理数据
+                            if (this.auditStatus === 1) { // 审核中
+                                this.selectedSkills = [...skillIds];
+                                this.displayMajor = this.pendingMajor;
+                                console.log('审核中，待审核技能:', this.selectedSkills);
+                                // 记录申请时间
+                                uni.setStorageSync('lastApplyTime', new Date().getTime());
+                            } else if (this.auditStatus === 3) { // 审核驳回
+                                // 检查驳回数据是否是最新的
+                                await this.handleRejectedData(skillIds, detail.major);
+                            }
+
+                            this.updateCheckedStatus();
+                        }
+
+                        // 无论审核状态如何，都加载当前生效的技能
+                        await this.loadCurrentEffectiveSkills();
+
+                    } else {
+                        console.log('申请详情返回数据为空或code不为200:', res);
+                        // 清理可能的驳回存储
+                        uni.removeStorageSync('rejectedSkills');
+                        uni.removeStorageSync('rejectedMajor');
+                        uni.removeStorageSync('lastRejectTime');
+                        await this.loadCurrentEffectiveSkills();
+                    }
+
+                } catch (error) {
+                    console.error('加载申请详情失败:', error);
+                    // 出错时也尝试加载当前生效的技能
+                    await this.loadCurrentEffectiveSkills();
+                }
+            },
+
+            // 处理驳回技能逻辑
+            async handleRejectedData(rejectedSkillIds, rejectedMajor) {
+                const storedRejectedSkills = uni.getStorageSync('rejectedSkills');
+                const storedRejectedMajor = uni.getStorageSync('rejectedMajor');
+                const lastRejectTime = uni.getStorageSync('lastRejectTime');
+
+                // 获取当前生效技能进行比较
+                const currentSkills = await this.getCurrentEffectiveSkillIds();
+                const currentMajor = this.sjInformation?.data?.major || null;
+
+                const rejectedSorted = [...rejectedSkillIds].sort().join(',');
+                const storedSorted = storedRejectedSkills ? [...storedRejectedSkills].sort().join(',') : '';
+                const currentSorted = [...currentSkills].sort().join(',');
+
+                // 如果驳回的技能与当前生效技能相同，说明驳回数据过时
+                if (rejectedSorted === currentSorted && String(rejectedMajor||'') === String(currentMajor||'')) {
+                    console.log('驳回数据与当前生效技能相同，可能数据过时，忽略本次驳回数据');
+                    this.selectedSkills = [...currentSkills];
+                    this.displayMajor = currentMajor;
+                    // 清理驳回存储
+                    uni.removeStorageSync('rejectedSkills');
+                    uni.removeStorageSync('rejectedMajor');
+                    uni.removeStorageSync('lastRejectTime');
+                    this.backText = ''; // 清空驳回原因
+                    return;
+                }
+
+                // 如果驳回技能与存储的驳回技能不同，更新存储
+                if (rejectedSorted !== storedSorted || String(rejectedMajor) !== String(storedRejectedMajor)) {
+                    console.log('发现新的驳回数据，更新存储:', rejectedSkillIds);
+                    uni.setStorageSync('rejectedSkills', rejectedSkillIds);
+                    uni.setStorageSync('rejectedMajor', rejectedMajor);
+                    uni.setStorageSync('lastRejectTime', new Date().getTime());
+                }
+
+                this.selectedSkills = [...rejectedSkillIds];
+                this.displayMajor = rejectedMajor || currentMajor;
+                console.log('审核驳回，被驳回技能:', this.selectedSkills);
+            },
+
+            // 获取当前生效技能ID
+            async getCurrentEffectiveSkillIds() {
+                try {
+                    const params = {
+                        type: 3
+                    };
+                    const res = this.sjInformation;
+
+                    if (res.state === 1 && res.data && res.data.servers_kill) {
+                        let skillIds = [];
+                        if (Array.isArray(res.data.servers_kill)) {
+                            skillIds = res.data.servers_kill.map(id => parseInt(id)).filter(id => !isNaN(id));
+                        } else if (typeof res.data.servers_kill === 'string') {
+                            skillIds = res.data.servers_kill.split(',').map(id => parseInt(id.trim())).filter(id => !
+                                isNaN(id));
+                        }
+                        return skillIds;
+                    }
+                    return [];
+                } catch (error) {
+                    console.error('获取当前生效技能失败:', error);
+                    return [];
+                }
+            },
+
+
+            // 加载当前生效的服务技能
+            async loadCurrentEffectiveSkills() {
+                try {
+                    console.log('开始加载当前生效的服务技能...');
+                    const currentSkills = await this.getCurrentEffectiveSkillIds();
+
+                    this.currentSkills = [...currentSkills];
+                    this.originalSkills = [...currentSkills];
+                    
+                    this.originalMajor = this.sjInformation?.data?.major || null;
+
+                    console.log('当前生效的技能ID:', this.currentSkills);
+
+                    // 只有在无申请状态或审核通过状态时，才用当前技能更新选中技能
+                    if (this.auditStatus === null || this.auditStatus === 2) {
+                        this.selectedSkills = [...currentSkills];
+                        this.displayMajor = this.originalMajor;
+                    }
+                    // 审核中状态保持原有的selectedSkills不变
+                    // 审核驳回状态已经在handleRejectedSkills中处理
+
+                    this.updateCheckedStatus();
+                    this.updatePageStatus();
+
+                } catch (error) {
+                    console.error('加载当前生效技能失败:', error);
+                    this.currentSkills = [];
+                    this.originalSkills = [];
+                    if (this.auditStatus !== 1) {
+                        this.selectedSkills = [];
+                    }
+                    this.updateCheckedStatus();
+                    this.updatePageStatus();
+                }
+            },
+
+
+
+            // 检查技能是否在当前生效的技能中
+            isCurrentSkillSelected(skillId) {
+                return this.currentSkills.includes(skillId);
+            },
+
+            // 更新选中状态（用于待审核的技能）
+            updateCheckedStatus() {
+                console.log('更新选中状态，当前服务技能列表:', this.serviceList);
+                console.log('要选中的技能ID:', this.selectedSkills);
+                this.serviceList.forEach(item => {
+                    item.checked = this.selectedSkills.includes(item.id);
+                });
+            },
+
+            // 根据审核状态更新页面状态
+            updatePageStatus() {
+                console.log('更新页面状态，审核状态:', this.auditStatus);
+
+                // 检查是否有变更
+                const currentSorted = [...this.currentSkills].sort().join(',');
+                const selectedSorted = [...this.selectedSkills].sort().join(',');
+                const hasChanges = currentSorted !== selectedSorted;
+
+                console.log('技能变更检查 - 当前生效:', this.currentSkills, '选中:', this.selectedSkills, '是否变更:', hasChanges);
+
+                if (this.auditStatus === 1) { // 审核中
+                    this.showAuditTip = true;
+                    this.buttonType = 'view';
+                    this.editable = false;
+                    this.showPendingSkills = false;
+                } else if (this.auditStatus === 3) { // 审核驳回
+                    // 检查驳回数据是否无效
+                    const rejectedSkills = uni.getStorageSync('rejectedSkills');
+                    const rejectedMajor = uni.getStorageSync('rejectedMajor');
+                    const rejectedSorted = rejectedSkills ? [...rejectedSkills].sort().join(',') : '';
+                    const currentSorted = [...this.currentSkills].sort().join(',');
+
+                    // 如果驳回技能与当前技能相同，说明驳回数据无效
+                    if (rejectedSorted === currentSorted && String(rejectedMajor||'') === String(this.originalMajor||'')) {
+                        console.log('驳回数据无效，按无申请状态处理');
+                        this.showAuditTip = false;
+                        this.buttonType = 'change';
+                        this.editable = false;
+                        this.showPendingSkills = false;
+                        this.backText = ''; // 清空驳回原因
+                    } else {
+                        this.showAuditTip = false;
+                        this.buttonType = 'change';
+                        this.editable = false;
+                        this.showPendingSkills = false;
+                    }
+                } else { // 无申请或审核通过
+                    this.showAuditTip = false;
+                    this.buttonType = 'change';
+                    this.editable = false;
+                    this.showPendingSkills = false;
+                }
+
+                this.updateNavTitle();
+
+                console.log('最终页面状态:', {
+                    showAuditTip: this.showAuditTip,
+                    buttonType: this.buttonType,
+                    editable: this.editable,
+                    showPendingSkills: this.showPendingSkills,
+                    currentSkills: this.currentSkills,
+                    selectedSkills: this.selectedSkills,
+                    backText: this.backText
+                });
+            },
+
+            // 切换技能选择状态（仅用于编辑模式）
+            toggleSkillSelect(index) {
+                if (!this.editable) return;
+
+                this.$set(this.serviceList[index], 'checked', !this.serviceList[index].checked);
+
+                // 更新选中的技能ID数组
+                this.selectedSkills = this.serviceList
+                    .filter(item => item.checked)
+                    .map(item => item.id);
+
+                console.log('当前选中的技能ID:', this.selectedSkills);
+            },
+
+            // 切换显示待审核的技能
+            togglePendingSkills() {
+                this.showPendingSkills = !this.showPendingSkills;
+                if (this.showPendingSkills) {
+                    this.displayMajor = this.pendingMajor;
+                } else {
+                    this.displayMajor = this.originalMajor;
+                }
+                // 更新导航栏标题
+                this.updateNavTitle();
+            },
+
+            // 开始变更
+            startChange() {
+                this.editable = true;
+                this.buttonType = 'edit';
+                // 进入编辑模式时，显示待审核的技能
+                this.showPendingSkills = true;
+                this.displayMajor = this.pendingMajor || this.originalMajor;
+                // 更新导航栏标题
+                this.updateNavTitle();
+            },
+
+            // 取消变更
+            cancelChange() {
+                // 恢复原始选择
+                this.selectedSkills = [...this.originalSkills];
+                this.displayMajor = this.originalMajor;
+                this.updateCheckedStatus();
+
+                this.editable = false;
+                this.buttonType = 'change';
+                this.showPendingSkills = false; // 取消后显示当前生效的技能
+                // 更新导航栏标题
+                this.updateNavTitle();
+            },
+
+            // 提交变更 - 修改为传递数组格式
+            async submitChange() {
+                if (this.selectedSkills.length === 0) {
+                    uni.showToast({
+                        title: '请至少选择一个服务技能',
+                        icon: 'none'
+                    });
+                    return;
+                }
+                if (!this.displayMajor) {
+                    uni.showToast({ title: '请选择专业经验', icon: 'none' });
+                    return;
+                }
+
+                if (!this.hasChanges) {
+                    uni.showToast({
+                        title: '未检测到变更',
+                        icon: 'none'
+                    });
+                    return;
+                }
+
+                try {
+                    uni.showLoading({
+                        title: '提交中...'
+                    });
+                    const params = {
+                        apply_type: 2, // 服务技能变更
+                        servers_kill: this.selectedSkills, // 直接传递数组
+                        major: this.displayMajor
+                    };
+
+                    console.log('提交的数据:', params);
+
+                    const res = await request.post('/sj/userSjAuth/apply', params);
+
+                    uni.hideLoading();
+
+                    if (res.code === 200) {
+                        uni.showToast({
+                            title: '提交成功',
+                            icon: 'none'
+                            // icon: 'success'
+                        });
+
+                        // 清理驳回相关存储
+                        uni.removeStorageSync('rejectedSkills');
+                        uni.removeStorageSync('rejectedMajor');
+                        uni.removeStorageSync('lastRejectTime');
+
+                        // 记录申请时间
+                        uni.setStorageSync('lastApplyTime', new Date().getTime());
+                        this.pendingMajor = this.displayMajor;
+
+                        // 更新页面状态为审核中
+                        this.showAuditTip = true;
+                        this.editable = false;
+                        this.buttonType = 'view';
+                        this.auditStatus = 1; // 审核中
+                        this.showPendingSkills = false; // 提交后默认显示当前生效的技能
+                        // 更新导航栏标题
+                        this.updateNavTitle();
+
+                        // 重新加载申请详情获取最新状态
+                        setTimeout(() => {
+                            this.loadApplyDetails();
+                        }, 1000);
+                    } else {
+                        uni.showToast({
+                            title: res.msg || '提交失败',
+                            icon: 'none'
+                        });
+                    }
+                } catch (error) {
+                    uni.hideLoading();
+                    console.error('提交变更失败:', error);
+                    uni.showToast({
+                        title: '提交失败',
+                        icon: 'none'
+                    });
+                }
+            }
+        }
+    }
 </script>
 
 <style scoped>
-	.service-skills-page {
-		background-color: #f5f5f5;
-		min-height: 100vh;
-		box-sizing: border-box;
-		display: flex;
-		flex-direction: column;
-	}
+    .service-skills-page {
+        background-color: #f5f5f5;
+        min-height: 100vh;
+        box-sizing: border-box;
+        display: flex;
+        flex-direction: column;
+    }
 
-	/* 页面内容区域 */
-	.page-content {
-		flex: 1;
-		overflow-y: auto;
-		padding: 20rpx 0;
-		box-sizing: border-box;
-	}
+    /* 页面内容区域 */
+    .page-content {
+        flex: 1;
+        overflow-y: auto;
+        padding: 20rpx 0;
+        box-sizing: border-box;
+    }
 
-	/* 审核中提示 */
-	.audit-tip {
-		margin: 20rpx 24rpx 20rpx 24rpx;
-		border-radius: 12rpx;
-	}
+    /* 审核中提示 */
+    .audit-tip {
+        margin: 20rpx 24rpx 20rpx 24rpx;
+        border-radius: 12rpx;
+    }
 
-	.audit-text {
-		font-weight: 400;
-		font-size: 32rpx;
-		color: #333333;
-		text-align: center;
-		display: block;
-	}
+    .audit-text {
+        font-weight: 400;
+        font-size: 32rpx;
+        color: #333333;
+        text-align: center;
+        display: block;
+    }
 
-	/* 驳回原因样式 */
-	.reject-reason {
-		background: transparent;
-		padding: 24rpx;
-	}
+    /* 驳回原因样式 */
+    .reject-reason {
+        background: transparent;
+        padding: 24rpx;
+    }
 
-	.reject-title {
-		font-family: PingFangSC, PingFang SC;
-		font-weight: 500;
-		font-size: 32rpx;
-		color: #333333;
-		line-height: 45rpx;
-		text-align: center;
-		font-style: normal;
-	}
+    .reject-title {
+        font-family: PingFangSC, PingFang SC;
+        font-weight: 500;
+        font-size: 32rpx;
+        color: #333333;
+        line-height: 45rpx;
+        text-align: center;
+        font-style: normal;
+    }
 
-	.reject-detail {
-		font-family: PingFangSC, PingFang SC;
-		font-weight: 400;
-		font-size: 28rpx;
-		color: #999999;
-		line-height: 40rpx;
-		text-align: center;
-		font-style: normal;
-		margin-top: 12rpx;
+    .reject-detail {
+        font-family: PingFangSC, PingFang SC;
+        font-weight: 400;
+        font-size: 28rpx;
+        color: #999999;
+        line-height: 40rpx;
+        text-align: center;
+        font-style: normal;
+        margin-top: 12rpx;
 
-	}
+    }
 
-	.skills-header {
-		display: flex;
-		align-items: center;
-		margin-bottom: 20rpx;
-	}
+    .skills-header {
+        display: flex;
+        align-items: center;
+        margin-bottom: 20rpx;
+    }
 
-	.title-bar {
-		width: 6rpx;
-		height: 30rpx;
-		background-color: #E8101E;
-		margin-right: 10rpx;
-		border-radius: 5rpx;
-	}
+    .title-bar {
+        width: 6rpx;
+        height: 30rpx;
+        background-color: #E8101E;
+        margin-right: 10rpx;
+        border-radius: 5rpx;
+    }
 
-	.skills-title {
-		font-family: PingFangSC, PingFang SC;
-		font-weight: 500;
-		font-size: 32rpx;
-		color: #1D2129;
-		line-height: 48rpx;
-		text-align: left;
-		font-style: normal;
-	}
+    .skills-title {
+        font-family: PingFangSC, PingFang SC;
+        font-weight: 500;
+        font-size: 32rpx;
+        color: #1D2129;
+        line-height: 48rpx;
+        text-align: left;
+        font-style: normal;
+    }
 
-	.skills-subtitle {
-		margin-left: 20rpx;
-		margin-bottom: 20rpx;
-		font-family: PingFangSC, PingFang SC;
-		font-weight: 400;
-		font-size: 28rpx;
-		color: #333333;
-		line-height: 40rpx;
-		text-align: left;
-		font-style: normal;
-	}
+    .skills-subtitle {
+        margin-left: 20rpx;
+        margin-bottom: 20rpx;
+        font-family: PingFangSC, PingFang SC;
+        font-weight: 400;
+        font-size: 28rpx;
+        color: #333333;
+        line-height: 40rpx;
+        text-align: left;
+        font-style: normal;
+    }
 
-	.box-cont {
-		background: #ffffff;
-		border-radius: 20rpx;
-		margin: 0 24rpx 24rpx 24rpx;
-		box-shadow: none;
-	}
+    .box-cont {
+        background: #ffffff;
+        border-radius: 20rpx;
+        margin: 0 24rpx 24rpx 24rpx;
+        box-shadow: none;
+    }
 
-	.skills-container {
-		padding: 32rpx;
-	}
+    .skills-container {
+        padding: 32rpx;
+    }
 
-	.skills-list {
-		display: flex;
-		flex-wrap: wrap;
-		margin: 0 -16rpx;
-	}
+    .skills-list {
+        display: flex;
+        flex-wrap: wrap;
+        margin: 0 -16rpx;
+    }
 
-	.skill-item {
-		width: 100%;
-		display: flex;
-		align-items: center;
-		padding: 20rpx 16rpx;
-		box-sizing: border-box;
-	}
+    .skill-item {
+        width: 100%;
+        display: flex;
+        align-items: center;
+        padding: 20rpx 16rpx;
+        box-sizing: border-box;
+    }
 
-	.checkbox-wrapper {
-		margin-right: 20rpx;
-	}
+    .checkbox-wrapper {
+        margin-right: 20rpx;
+    }
 
-	.checkbox {
-		width: 40rpx;
-		height: 40rpx;
-		border: 2rpx solid #DDDDDD;
-		border-radius: 8rpx;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-	}
+    .checkbox {
+        width: 40rpx;
+        height: 40rpx;
+        border: 2rpx solid #DDDDDD;
+        border-radius: 8rpx;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
 
-	.checkbox.checked {
-		background-color: #E8101E;
-		border-color: #E8101E;
-	}
+    .checkbox.checked {
+        background-color: #E8101E;
+        border-color: #E8101E;
+    }
 
-	.check-icon {
-		width: 42rpx;
-		height: 42rpx;
-	}
+    .check-icon {
+        width: 42rpx;
+        height: 42rpx;
+    }
 
-	.skill-name {
-		font-size: 28rpx;
-		color: #333333;
-	}
+    .skill-name {
+        font-size: 28rpx;
+        color: #333333;
+    }
 
-	.bottom-actions {
-		position: fixed;
-		bottom: 0;
-		left: 0;
-		right: 0;
-		padding: 0rpx 24rpx 40rpx 24rpx;
-		background: #ffffff;
-		z-index: 100;
-	}
+    /* 迁移的专业经验表单样式 */
+    .form-item-two {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding: 24rpx 24rpx;
+    }
 
-	/* 单个按钮样式 */
-	.action-btn {
-		height: 88rpx;
-		border-radius: 43rpx;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		font-size: 32rpx;
-		font-weight: 400;
-		margin-top: 20rpx;
-	}
+    .form-item-two > text.label {
+        flex-shrink: 0;
+        font-size: 28rpx;
+        color: #333333;
+        font-weight: 500;
+    }
 
-	.change-info-btn {
-		background: linear-gradient(180deg, #f52540 0%, #e8101e 100%);
-	}
+    .required::before {
+        content: '*';
+        color: #FF0000;
+        margin-right: 4rpx;
+    }
 
-	.view-change-btn {
-		background: linear-gradient(180deg, #f52540 0%, #e8101e 100%);
-	}
+    .picker-content {
+        flex: 1;
+        display: flex;
+        align-items: center;
+        justify-content: flex-end;
+        gap: 16rpx;
+    }
 
-	/* 双按钮行样式 */
-	.action-buttons-row {
-		display: flex;
-		justify-content: space-between;
-		margin: 0 30rpx;
-	}
+    .picker-value,
+    .placeholder {
+        font-size: 28rpx;
+        text-align: right;
+    }
 
-	.action-buttons-row .action-btn {
-		width: 270rpx;
-	}
+    .picker-value {
+        color: #333333;
+    }
 
-	.cancel-btn {
-		background: #E5E5E5;
-		border-radius: 43rpx;
-		padding: 0 15rpx;
-	}
+    .placeholder {
+        color: #999999;
+    }
 
-	.submit-btn {
-		background: linear-gradient(180deg, #F52540 0%, #E8101E 100%, #E8101E 100%);
-		border-radius: 43rpx;
-		padding: 0 15rpx;
-	}
+    .arrow-right {
+        width: 9rpx;
+        height: 16rpx;
+        flex-shrink: 0;
+    }
 
-	.btn-text {
-		font-family: PingFangSC, PingFang SC;
-		font-weight: 400;
-		font-size: 36rpx;
-		color: #FFFFFF;
-		line-height: 50rpx;
-		text-align: left;
-		font-style: normal;
-	}
+    .bottom-actions {
+        position: fixed;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        padding: 0rpx 24rpx 40rpx 24rpx;
+        background: #ffffff;
+        z-index: 100;
+    }
 
-	.cancel-text {
-		color: #666666;
-	}
+    /* 单个按钮样式 */
+    .action-btn {
+        height: 88rpx;
+        border-radius: 43rpx;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 32rpx;
+        font-weight: 400;
+        margin-top: 20rpx;
+    }
 
-	/* 响应式适配 */
-	/* @media (max-width: 375px) {
+    .change-info-btn {
+        background: linear-gradient(180deg, #f52540 0%, #e8101e 100%);
+    }
+
+    .view-change-btn {
+        background: linear-gradient(180deg, #f52540 0%, #e8101e 100%);
+    }
+
+    /* 双按钮行样式 */
+    .action-buttons-row {
+        display: flex;
+        justify-content: space-between;
+        margin: 0 30rpx;
+    }
+
+    .action-buttons-row .action-btn {
+        width: 270rpx;
+    }
+
+    .cancel-btn {
+        background: #E5E5E5;
+        border-radius: 43rpx;
+        padding: 0 15rpx;
+    }
+
+    .submit-btn {
+        background: linear-gradient(180deg, #F52540 0%, #E8101E 100%, #E8101E 100%);
+        border-radius: 43rpx;
+        padding: 0 15rpx;
+    }
+
+    .btn-text {
+        font-family: PingFangSC, PingFang SC;
+        font-weight: 400;
+        font-size: 36rpx;
+        color: #FFFFFF;
+        line-height: 50rpx;
+        text-align: left;
+        font-style: normal;
+    }
+
+    .cancel-text {
+        color: #666666;
+    }
+
+    /* 响应式适配 */
+    /* @media (max-width: 375px) {
   .skill-item {
     width: 100%;
   }
diff --git a/pages/shop/sj-info-change.vue b/pages/shop/sj-info-change.vue
index 4a88b7c..9f5dac9 100644
--- a/pages/shop/sj-info-change.vue
+++ b/pages/shop/sj-info-change.vue
@@ -1,1731 +1,1682 @@
 <template>
-	<view class="store-info-page">
-		<!-- 顶部导航栏 -->
-		<custom-navbar :title="navTitle" :showBack="true"></custom-navbar>
-		<!-- 变更提示 -->
-		<view class="change-tip" v-if="editable">
-			<text>请变更您需要变更的信息</text>
-		</view>
+    <view class="store-info-page">
+        <!-- 顶部导航栏 -->
+        <custom-navbar :title="navTitle" :showBack="true"></custom-navbar>
+        <!-- 变更提示 -->
+        <view class="change-tip" v-if="editable">
+            <text>请变更您需要变更的信息</text>
+        </view>
 
-		<!-- 页面内容容器 -->
-		<view class="page-content" :style="{ paddingBottom: buttonAreaHeight + 'px' }">
-			<!-- 门店信息标题 -->
-			<view class="section-title">
-				<view class="title-bar"></view>
-				<text>门店信息</text>
-			</view>
+        <!-- 页面内容容器 -->
+        <view class="page-content" :style="{ paddingBottom: buttonAreaHeight + 'px' }">
+            <!-- 门店信息标题 -->
+            <view class="section-title">
+                <view class="title-bar"></view>
+                <text>门店信息</text>
+            </view>
 
-			<!-- 店铺logo -->
-			<view class="form-item box-cont">
-				<view class="label-wrapper">
-					<text class="label required">店铺logo</text>
-					<image class="label-icon"
-						src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/25bd7f38-1a3e-4282-84ea-190d7f820108"
-						mode="aspectFit" @click="showTipPopup('store_logo')"></image>
-				</view>
-				<view class="upload-box" @click="chooseImage('head_photo')">
-					<image v-if="displayData.head_photo" :src="displayData.head_photo" mode="aspectFill"
-						class="logo-image"></image>
-					<view class="upload-placeholder" v-else>
-						<image src="/static/images/upload-img.png" mode="aspectFit" class="upload-icon"></image>
-					</view>
-				</view>
-			</view>
+            <!-- 店铺logo -->
+            <view class="form-item box-cont">
+                <view class="label-wrapper">
+                    <text class="label required">店铺logo</text>
+                    <image class="label-icon"
+                        src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/25bd7f38-1a3e-4282-84ea-190d7f820108"
+                        mode="aspectFit" @click="showTipPopup('store_logo')"></image>
+                </view>
+                <view class="upload-box" @click="chooseImage('head_photo')">
+                    <image v-if="displayData.head_photo" :src="displayData.head_photo" mode="aspectFill"
+                        class="logo-image"></image>
+                    <view class="upload-placeholder" v-else>
+                        <image src="/static/images/upload-img.png" mode="aspectFit" class="upload-icon"></image>
+                    </view>
+                </view>
+            </view>
 
-			<!-- 店铺名称 -->
-			<view class="form-item-one box-cont">
-				<view class="label-wrapper">
-					<text class="label required">店铺名称</text>
-					<image class="label-icon"
-						src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/25bd7f38-1a3e-4282-84ea-190d7f820108"
-						mode="aspectFit" @click="showTipPopup('store_name')"></image>
-				</view>
-				<input type="text" v-model="displayData.name" placeholder="请输入营业执照的店铺名称" :disabled="!editable"
-					placeholder-class="placeholder" class="input" />
-			</view>
+            <!-- 店铺名称 -->
+            <view class="form-item-one box-cont">
+                <view class="label-wrapper">
+                    <text class="label required">店铺名称</text>
+                    <image class="label-icon"
+                        src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/25bd7f38-1a3e-4282-84ea-190d7f820108"
+                        mode="aspectFit" @click="showTipPopup('store_name')"></image>
+                </view>
+                <input type="text" v-model="displayData.name" placeholder="请输入营业执照的店铺名称" :disabled="!editable"
+                    placeholder-class="placeholder" class="input" />
+            </view>
 
-			<!-- 门店所在地 -->
-			<view class="form-item-two box-cont" @click="editable ? showLocationPopup() : null">
-				<text class="label required">门店所在地：</text>
-				<view class="picker-content">
-					<text :class="displayData.dependency ? 'picker-value' : 'placeholder'">
-						{{displayData.dependency || '请选择'}}
-					</text>
-					<image v-if="editable"
-						src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/dccc4513-377c-4bfa-9fd2-a5cfdb9798f3"
-						class="arrow-right" mode="aspectFit"></image>
-				</view>
-			</view>
+            <!-- 门店所在地 -->
+            <view class="form-item-two box-cont" @click="editable ? showLocationPopup() : null">
+                <text class="label required">门店所在地：</text>
+                <view class="picker-content">
+                    <text :class="displayData.dependency ? 'picker-value' : 'placeholder'">
+                        {{displayData.dependency || '请选择'}}
+                    </text>
+                    <image v-if="editable"
+                        src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/dccc4513-377c-4bfa-9fd2-a5cfdb9798f3"
+                        class="arrow-right" mode="aspectFit"></image>
+                </view>
+            </view>
 
-			<!-- 门店详细地址 -->
-			<view class="form-item-two box-cont" @click="getAddressInfo">
-				<text class="label required">门店详细地址：</text>
-				<view class="picker-content">
-					<text :class="displayData.address ? 'picker-value' : 'placeholder'">
-						{{displayData.address || '请选择'}}
-					</text>
-					<image v-if="editable"
-						src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/dccc4513-377c-4bfa-9fd2-a5cfdb9798f3"
-						class="arrow-right" mode="aspectFit"></image>
-				</view>
-			</view>
+            <!-- 门店详细地址 -->
+            <view class="form-item-two box-cont" @click="getAddressInfo">
+                <text class="label required">门店详细地址：</text>
+                <view class="picker-content">
+                    <text :class="displayData.address ? 'picker-value' : 'placeholder'">
+                        {{displayData.address || '请选择'}}
+                    </text>
+                    <image v-if="editable"
+                        src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/dccc4513-377c-4bfa-9fd2-a5cfdb9798f3"
+                        class="arrow-right" mode="aspectFit"></image>
+                </view>
+            </view>
+        </view>
 
-			<!-- 其他信息标题 -->
-			<view class="section-title">
-				<view class="title-bar"></view>
-				<text>其他信息</text>
-			</view>
+        <!-- 底部按钮区域 -->
+        <view class="bottom-actions" ref="buttonArea">
+            <!-- 驳回原因提示 -->
+            <view class="reject-reason" v-if="shouldShowRejectReason && auditStatus === 3 && backText">
+                <view class="reject-title">您的提交已驳回</view>
+                <view class="reject-detail">驳回原因：{{ backText }}</view>
+            </view>
+            <!-- 审核中提示 -->
+            <view class="audit-tip" v-if="showAuditTip">
+                <text class="audit-text">您的提交变更正在审核中...</text>
+            </view>
 
-			<!-- 专业经验 -->
-			<view class="form-item-two box-cont" @click="editable ? openExperiencePicker() : null">
-				<text class="label required">专业经验：</text>
-				<view class="picker-content">
-					<text :class="displayData.major ? 'picker-value' : 'placeholder'">
-						{{displayData.experienceText || '请选择'}}
-					</text>
-					<image v-if="editable"
-						src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/dccc4513-377c-4bfa-9fd2-a5cfdb9798f3"
-						class="arrow-right" mode="aspectFit"></image>
-				</view>
-			</view>
-		</view>
+            <!-- 变更信息按钮 -->
+            <view class="action-btn change-info-btn" v-if="buttonType === 'change'" @click="startChange">
+                <text class="btn-text">变更信息</text>
+            </view>
 
-		<!-- 底部按钮区域 -->
-		<view class="bottom-actions" ref="buttonArea">
-			<!-- 驳回原因提示 -->
-			<view class="reject-reason" v-if="shouldShowRejectReason && auditStatus === 3 && backText">
-				<view class="reject-title">您的提交已驳回</view>
-				<view class="reject-detail">驳回原因：{{ backText }}</view>
-			</view>
-			<!-- 审核中提示 -->
-			<view class="audit-tip" v-if="showAuditTip">
-				<text class="audit-text">您的提交变更正在审核中...</text>
-			</view>
+            <!-- 取消和提交按钮 -->
+            <view class="action-buttons-row" v-if="buttonType === 'edit'">
+                <view class="action-btn cancel-btn" @click="cancelChange">
+                    <text class="btn-text cancel-text">取消</text>
+                </view>
+                <view class="action-btn submit-btn" @click="submitChange">
+                    <text class="btn-text">提交</text>
+                </view>
+            </view>
 
-			<!-- 变更信息按钮 -->
-			<view class="action-btn change-info-btn" v-if="buttonType === 'change'" @click="startChange">
-				<text class="btn-text">变更信息</text>
-			</view>
+            <!-- 查看我的变更/返回按钮 -->
+            <view class="action-btn view-change-btn" v-if="buttonType === 'view'" @click="togglePendingData">
+                <text class="btn-text">{{ showPendingData ? '返回' : '查看我的变更' }}</text>
+            </view>
 
-			<!-- 取消和提交按钮 -->
-			<view class="action-buttons-row" v-if="buttonType === 'edit'">
-				<view class="action-btn cancel-btn" @click="cancelChange">
-					<text class="btn-text cancel-text">取消</text>
-				</view>
-				<view class="action-btn submit-btn" @click="submitChange">
-					<text class="btn-text">提交</text>
-				</view>
-			</view>
+            <!-- 重新提交按钮 -->
+            <view class="action-btn resubmit-btn" v-if="buttonType === 'reject'" @click="startChange">
+                <text class="btn-text">重新提交</text>
+            </view>
+        </view>
 
-			<!-- 查看我的变更/返回按钮 -->
-			<view class="action-btn view-change-btn" v-if="buttonType === 'view'" @click="togglePendingData">
-				<text class="btn-text">{{ showPendingData ? '返回' : '查看我的变更' }}</text>
-			</view>
+        <!-- 所在地选择弹出框 -->
+        <view class="popup" :class="{ show: showLocationPopupFlag }">
+            <view class="popup-mask" @click="hideLocationPopup"></view>
+            <view class="popup-content">
+                <view class="popup-header">
+                    <text class="popup-title">选择所在地</text>
+                    <text class="popup-close" @click="hideLocationPopup">×</text>
+                </view>
+                <view class="region-body">
+                    <picker-view @change="bindChangeLocation" class="picker-scroll" :indicator-style="indicatorStyle"
+                        :value="locationValue">
+                        <picker-view-column>
+                            <view class="picker-item" v-for="(item,index) in ChinaCitys" :key="index">
+                                {{item.province}}
+                            </view>
+                        </picker-view-column>
+                        <picker-view-column>
+                            <view class="picker-item" v-for="(item,index) in locatinCitys" :key="index">
+                                {{item.city}}
+                            </view>
+                        </picker-view-column>
+                        <picker-view-column>
+                            <view class="picker-item" v-for="(item,index) in locationAreas" :key="index">
+                                {{item.area}}
+                            </view>
+                        </picker-view-column>
+                    </picker-view>
+                </view>
+                <view class="popup-footer">
+                    <view class="popup-btn cancel" @click="hideLocationPopup">
+                        <text class="btn-text">取消</text>
+                    </view>
+                    <view class="popup-btn confirm" @click="confirmLocationSelect">
+                        <text class="btn-text">确定</text>
+                    </view>
+                </view>
+            </view>
+        </view>
 
-			<!-- 重新提交按钮 -->
-			<view class="action-btn resubmit-btn" v-if="buttonType === 'reject'" @click="startChange">
-				<text class="btn-text">重新提交</text>
-			</view>
-		</view>
+        <!-- 提示信息弹窗 -->
+        <view class="tip-popup" :class="{ show: showTipPopupFlag }">
+            <view class="tip-popup-mask" @click="hideTipPopup"></view>
+            <view class="tip-popup-content">
+                <image class="tip-popup-bg"
+                    src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/ab410a5d-5819-47f2-a0fc-3fd6b90d6770"
+                    mode="aspectFit"></image>
+                <view class="tip-popup-body">
+                    <view class="tip-title">{{ tipTitle }}</view>
+                    <view class="tip-image-container">
+                        <image class="tip-image" :class="currentTipType" :src="tipImage" mode="widthFix"></image>
+                    </view>
+                    <view class="tip-buttons">
+                        <view class="tip-btn cancel" @click="hideTipPopup">
+                            <text class="btn-text">取消</text>
+                        </view>
+                        <view class="tip-btn confirm" @click="hideTipPopup">
+                            <text class="btn-text">我已了解</text>
+                        </view>
+                    </view>
+                </view>
+            </view>
+        </view>
 
-		<!-- 所在地选择弹出框 -->
-		<view class="popup" :class="{ show: showLocationPopupFlag }">
-			<view class="popup-mask" @click="hideLocationPopup"></view>
-			<view class="popup-content">
-				<view class="popup-header">
-					<text class="popup-title">选择所在地</text>
-					<text class="popup-close" @click="hideLocationPopup">×</text>
-				</view>
-				<view class="region-body">
-					<picker-view @change="bindChangeLocation" class="picker-scroll" :indicator-style="indicatorStyle"
-						:value="locationValue">
-						<picker-view-column>
-							<view class="picker-item" v-for="(item,index) in ChinaCitys" :key="index">
-								{{item.province}}
-							</view>
-						</picker-view-column>
-						<picker-view-column>
-							<view class="picker-item" v-for="(item,index) in locatinCitys" :key="index">
-								{{item.city}}
-							</view>
-						</picker-view-column>
-						<picker-view-column>
-							<view class="picker-item" v-for="(item,index) in locationAreas" :key="index">
-								{{item.area}}
-							</view>
-						</picker-view-column>
-					</picker-view>
-				</view>
-				<view class="popup-footer">
-					<view class="popup-btn cancel" @click="hideLocationPopup">
-						<text class="btn-text">取消</text>
-					</view>
-					<view class="popup-btn confirm" @click="confirmLocationSelect">
-						<text class="btn-text">确定</text>
-					</view>
-				</view>
-			</view>
-		</view>
-
-		<!-- 提示信息弹窗 -->
-		<view class="tip-popup" :class="{ show: showTipPopupFlag }">
-			<view class="tip-popup-mask" @click="hideTipPopup"></view>
-			<view class="tip-popup-content">
-				<image class="tip-popup-bg"
-					src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/ab410a5d-5819-47f2-a0fc-3fd6b90d6770"
-					mode="aspectFit"></image>
-				<view class="tip-popup-body">
-					<view class="tip-title">{{ tipTitle }}</view>
-					<view class="tip-image-container">
-						<image class="tip-image" :class="currentTipType" :src="tipImage" mode="widthFix"></image>
-					</view>
-					<view class="tip-buttons">
-						<view class="tip-btn cancel" @click="hideTipPopup">
-							<text class="btn-text">取消</text>
-						</view>
-						<view class="tip-btn confirm" @click="hideTipPopup">
-							<text class="btn-text">我已了解</text>
-						</view>
-					</view>
-				</view>
-			</view>
-		</view>
-
-		<!-- 存储权限提示 -->
-		<view class="permission" :class="{ transform: isShowStoragePer }">
-			<view class="per-tit">美融融plus 对储存空间/照片权限申请说明</view>
-			<view class="per-cont">便于您使用该功能上传您的照片/图片/视频以及用于更换头像、发布商品等场景中读取相册和文件内容。</view>
-		</view>
-		<!-- 相机权限提示 -->
-		<view class="permission" :class="{ transform: isShowCameraPer }">
-			<view class="per-tit">美融融plus 对相机拍摄权限申请说明</view>
-			<view class="per-cont">便于您使用该功能上传您的照片/图片/视频以及用于更换头像、发布商品等场景中所需内容。</view>
-		</view>
-		<!-- 定位权限提示 -->
-		<view class="permission" :class="{ transform: isShowLocationPer }">
-			<view class="per-tit">美融融plus 对精确定位权限申请说明</view>
-			<view class="per-cont">便于您使用该功能获取您附近的手艺人以及店铺下的服务内容。</view>
-		</view>
-	</view>
+        <!-- 存储权限提示 -->
+        <view class="permission" :class="{ transform: isShowStoragePer }">
+            <view class="per-tit">美融融plus 对储存空间/照片权限申请说明</view>
+            <view class="per-cont">便于您使用该功能上传您的照片/图片/视频以及用于更换头像、发布商品等场景中读取相册和文件内容。</view>
+        </view>
+        <!-- 相机权限提示 -->
+        <view class="permission" :class="{ transform: isShowCameraPer }">
+            <view class="per-tit">美融融plus 对相机拍摄权限申请说明</view>
+            <view class="per-cont">便于您使用该功能上传您的照片/图片/视频以及用于更换头像、发布商品等场景中所需内容。</view>
+        </view>
+        <!-- 定位权限提示 -->
+        <view class="permission" :class="{ transform: isShowLocationPer }">
+            <view class="per-tit">美融融plus 对精确定位权限申请说明</view>
+            <view class="per-cont">便于您使用该功能获取您附近的手艺人以及店铺下的服务内容。</view>
+        </view>
+    </view>
 </template>
 
 <script>
-	import request from '../../utils/request';
-	import ChinaCitys from '../../static/data/ChinaCitys.json';
-	import {
-		debounce
-	} from '@/utils/debounce.js';
-	import uploadImage from '../../utils/uploadImage';
-	import permissionUtils from '../../utils/per'; // 新增
-	import locationService from '../../utils/locationService'; // 新增
-
-	export default {
-		data() {
-			return {
-				// 页面状态
-				editable: false,
-				buttonType: 'change',
-				showAuditTip: false,
-				auditStatus: null,
-				applyId: null,
-				showPendingData: false,
-				navTitle: '门店信息变更',
-				buttonAreaHeight: 120,
-				backText: '',
-				hasResubmitted: false,
-
-				// 数据管理
-				originalData: {},
-				pendingData: {},
-				displayData: {},
-
-				// 门店信息字段
-				ChinaCitys: ChinaCitys,
-				locatinCitys: [],
-				locationAreas: [],
-				locationValue: [0, 0, 0],
-				showLocationPopupFlag: false,
-				showTipPopupFlag: false,
-				tipTitle: '',
-				tipImage: '',
-				currentTipType: '',
-				userId: null,
-				identity: 3,
-				applyType: 3,
-
-				// 选择器数据
-				hours: Array.from({
-					length: 24
-				}, (_, i) => i < 10 ? `0${i}` : `${i}`),
-				minutes: Array.from({
-					length: 60
-				}, (_, i) => i < 10 ? `0${i}` : `${i}`),
-				indicatorStyle: 'height: 68rpx;',
-
-				// 地址相关
-				fromAddressPage: false,
-				addressListener: null,
-				dependency_code: '',
-				dependency_province: '',
-				dependency_city: '',
-				longitude: '',
-				latitude: '',
-
-				// 权限控制变量
-				isShowStoragePer: false,
-				isShowCameraPer: false,
-				isShowLocationPer: false,
-			}
-		},
-		computed: {
-			shouldShowRejectReason() {
-				if (this.auditStatus !== 3) return false;
-				if (!this.backText) return false;
-				if (this.showPendingData) return false;
-				return true;
-			}
-		},
-		onLoad() {
-			uni.$on('address-selected-for-sj', (addressData) => {
-				this.handleAddressSelected(addressData);
-			});
-
-			console.log('页面开始加载...');
-			this.identity = getApp().globalData.artisanType;
-			console.log('当前身份类型:', this.identity);
-
-			this.getUserInfo();
-			this.loadApplyDetails();
-
-			this.locatinCitys = this.ChinaCitys[0].citys;
-			this.locationAreas = this.locatinCitys[0]?.areas || [];
-		},
-		onUnload() {
-			uni.$off('address-selected-for-sj');
-		},
-		onReady() {
-			this.getButtonAreaHeight();
-		},
-		onShow() {
-			console.log('页面显示，检查地址数据');
-			this.checkAddressData();
-
-			if (!this.editable) {
-				this.loadApplyDetails();
-			} else {
-				console.log('编辑模式下，跳过自动刷新，保持当前编辑状态');
-			}
-
-			if (this.auditStatus !== 3) {
-				this.backText = '';
-				this.hasResubmitted = false;
-			}
-		},
-		onHide() {
-			this.fromAddressPage = false;
-		},
-		methods: {
-			// 检查地址数据（原有）
-			checkAddressData() {
-				try {
-					const sjAddress = uni.getStorageSync('sj_selected_address');
-					if (sjAddress) {
-						this.handleAddressSelected(sjAddress);
-						uni.removeStorageSync('sj_selected_address');
-						return;
-					}
-				} catch (e) {}
-
-				if (getApp().globalData && getApp().globalData.selectedAddress) {
-					this.handleAddressSelected(getApp().globalData.selectedAddress);
-					delete getApp().globalData.selectedAddress;
-				}
-
-				try {
-					const storedAddress = uni.getStorageSync('selectedAddress');
-					if (storedAddress) {
-						this.handleAddressSelected(storedAddress);
-						uni.removeStorageSync('selectedAddress');
-					}
-				} catch (e) {}
-			},
-
-			// 获取用户信息（原有，未变）
-			getUserInfo() {
-				console.log('开始获取用户信息...');
-				const type = 3;
-
-				request.post('/user/getuser', {
-					type
-				}).then(result => {
-					console.log('接口返回完整数据:', result);
-
-					if (result.state === 1 && result.data) {
-						const userData = result.data;
-						console.log('用户数据详情:', userData);
-
-						this.userId = userData.id;
-
-						this.originalData = {
-							head_photo: userData.head_photo || '',
-							name: userData.name || '',
-							dependency: userData.dependency || '',
-							address: userData.address || '',
-							major: userData.major || '',
-							dependency_code: userData.dependency_code || '',
-							dependency_province: userData.dependency_province || '',
-							dependency_city: userData.dependency_city || '',
-							longitude: userData.longitude || '',
-							latitude: userData.latitude || '',
-							experienceText: this.getExperienceText(userData.major)
-						};
-
-						this.dependency_code = userData.dependency_code || '';
-						this.dependency_province = userData.dependency_province || '';
-						this.dependency_city = userData.dependency_city || '';
-						this.longitude = userData.longitude || '';
-						this.latitude = userData.latitude || '';
-
-						this.pendingData = {
-							...this.originalData
-						};
-						this.displayData = {
-							...this.originalData
-						};
-
-						console.log('数据初始化完成');
-					} else {
-						console.warn('接口返回state不是1或data为空');
-					}
-				}).catch(error => {
-					console.error('获取用户信息失败:', error);
-				});
-			},
-
-			// 智能判断申请状态（原有）
-			intelligentStatusCheck(detail) {
-				if (detail.apply_state === 2) {
-					console.log('智能判断：申请已审核通过');
-					return {
-						isValid: true,
-						status: 2,
-						backText: ''
-					};
-				}
-				if (detail.apply_time) {
-					const applyDate = new Date(detail.apply_time);
-					const now = new Date();
-					const daysDiff = (now - applyDate) / (1000 * 60 * 60 * 24);
-					if (daysDiff > 7 && this.originalData.name !== detail.name) {
-						console.log('智能判断：申请记录已过期，忽略历史记录');
-						return {
-							isValid: false,
-							status: null,
-							backText: ''
-						};
-					}
-				}
-				return {
-					isValid: true,
-					status: detail.apply_state,
-					backText: detail.back_text || ''
-				};
-			},
-
-			// 加载申请详情（原有）
-			async loadApplyDetails() {
-				try {
-					console.log('开始加载申请详情...');
-					const res = await request.post('/sj/userSjAuth/details', {
-						apply_type: this.applyType
-					});
-
-					console.log('申请详情接口返回:', res);
-
-					if (res.code === 200 && res.data) {
-						const detail = res.data;
-						const statusCheck = this.intelligentStatusCheck(detail);
-
-						if (!statusCheck.isValid) {
-							this.auditStatus = null;
-							this.backText = '';
-							this.applyId = null;
-						} else {
-							this.applyId = detail.id;
-							this.auditStatus = statusCheck.status;
-							this.backText = statusCheck.backText;
-
-							console.log('审核状态:', this.auditStatus);
-							console.log('驳回原因:', this.backText);
-
-							if (this.auditStatus === 2) {
-								console.log('审核通过，强制清除驳回相关状态');
-								this.backText = '';
-								this.hasResubmitted = false;
-							}
-
-							if (this.auditStatus === 1 || this.auditStatus === 3) {
-								this.pendingData = {
-									head_photo: detail.head_photo || this.originalData.head_photo,
-									name: detail.name || this.originalData.name,
-									dependency: detail.dependency || this.originalData.dependency,
-									address: detail.address || this.originalData.address,
-									major: detail.major || this.originalData.major,
-									dependency_code: detail.dependency_code || this.originalData.dependency_code,
-									dependency_province: detail.dependency_province || this.originalData
-										.dependency_province,
-									dependency_city: detail.dependency_city || this.originalData.dependency_city,
-									longitude: detail.longitude || this.originalData.longitude,
-									latitude: detail.latitude || this.originalData.latitude,
-									experienceText: this.getExperienceText(detail.major || this.originalData.major)
-								};
-							}
-
-							if (this.auditStatus === 2) {
-								this.originalData = {
-									...this.pendingData
-								};
-							}
-						}
-
-						this.updatePageStatus();
-
-					} else {
-						console.log('申请详情返回数据为空或code不为200:', res);
-						this.backText = '';
-						this.updatePageStatus();
-					}
-				} catch (error) {
-					console.error('加载申请详情失败:', error);
-					this.backText = '';
-					this.updatePageStatus();
-				}
-			},
-
-			// 更新页面状态（原有）
-			updatePageStatus() {
-				console.log('更新页面状态，审核状态:', this.auditStatus);
-
-				if (this.auditStatus !== 3) {
-					this.backText = '';
-				}
-
-				if (this.hasResubmitted && this.auditStatus === 3) {
-					console.log('检测到已重新提交，强制设置为审核中状态');
-					this.auditStatus = 1;
-					this.backText = '';
-				}
-
-				if (this.auditStatus === 1) {
-					this.showAuditTip = true;
-					this.buttonType = 'view';
-					this.editable = false;
-					this.showPendingData = false;
-					this.displayData = {
-						...this.originalData
-					};
-				} else if (this.auditStatus === 3) {
-					this.showAuditTip = false;
-					this.buttonType = 'reject';
-					this.editable = false;
-					this.showPendingData = false;
-					this.displayData = {
-						...this.originalData
-					};
-				} else {
-					this.showAuditTip = false;
-					this.buttonType = 'change';
-					this.editable = false;
-					this.showPendingData = false;
-					this.displayData = {
-						...this.originalData
-					};
-				}
-
-				this.updateNavTitle();
-			},
-
-			updateNavTitle() {
-				if (this.editable || this.showPendingData) {
-					this.navTitle = '门店信息变更';
-				} else {
-					this.navTitle = '门店信息';
-				}
-			},
-
-			getExperienceText(major) {
-				const experiences = ['', '实习', '1-3年', '3-5年', '5-10年', '10年以上'];
-				return experiences[major] || '';
-			},
-
-			startChange() {
-				this.editable = true;
-				this.buttonType = 'edit';
-				this.displayData = {
-					...this.pendingData
-				};
-				this.updateNavTitle();
-			},
-
-			cancelChange() {
-				this.editable = false;
-				this.buttonType = 'change';
-				this.displayData = {
-					...this.originalData
-				};
-				this.updateNavTitle();
-			},
-
-			togglePendingData() {
-				this.showPendingData = !this.showPendingData;
-				if (this.showPendingData) {
-					this.displayData = {
-						...this.pendingData
-					};
-				} else {
-					this.displayData = {
-						...this.originalData
-					};
-				}
-				this.updateNavTitle();
-			},
-
-			async submitChange() {
-				console.log('开始提交变更...');
-				console.log('提交前的displayData:', this.displayData);
-
-				if (!this.validateForm()) {
-					return;
-				}
-
-				try {
-					uni.showLoading({
-						title: '提交中...'
-					});
-
-					this.pendingData = {
-						...this.displayData
-					};
-
-					const submitData = {
-						apply_type: this.applyType,
-						head_photo: this.displayData.head_photo,
-						name: this.displayData.name,
-						dependency: this.displayData.dependency,
-						address: this.displayData.address,
-						longitude: this.displayData.longitude,
-						latitude: this.displayData.latitude,
-						dependency_code: this.displayData.dependency_code,
-						dependency_province: this.displayData.dependency_province,
-						dependency_city: this.displayData.dependency_city,
-						major: this.displayData.major
-					};
-
-					console.log('提交的数据:', submitData);
-
-					const res = await request.post('/sj/userSjAuth/apply', submitData);
-
-					uni.hideLoading();
-
-					if (res.code === 200) {
-						uni.showToast({
-							title: '提交成功',
-							icon: 'none'
-						});
-
-						this.backText = '';
-						this.auditStatus = 1;
-						this.hasResubmitted = true;
-
-						this.pendingData = {
-							...this.displayData
-						};
-
-						this.editable = false;
-						this.buttonType = 'view';
-						this.showAuditTip = true;
-						this.showPendingData = false;
-
-						setTimeout(() => {
-							this.loadApplyDetails();
-						}, 1500);
-
-					} else {
-						uni.showToast({
-							title: res.msg || '提交失败',
-							icon: 'none'
-						});
-					}
-				} catch (error) {
-					uni.hideLoading();
-					console.error('提交失败:', error);
-					uni.showToast({
-						title: '网络错误，请重试',
-						icon: 'none'
-					});
-				}
-			},
-
-			validateForm() {
-				if (!this.displayData.head_photo) {
-					uni.showToast({
-						title: '请上传店铺logo',
-						icon: 'none'
-					});
-					return false;
-				}
-				if (!this.displayData.name) {
-					uni.showToast({
-						title: '请输入店铺名称',
-						icon: 'none'
-					});
-					return false;
-				}
-				if (!this.displayData.dependency) {
-					uni.showToast({
-						title: '请选择门店所在地',
-						icon: 'none'
-					});
-					return false;
-				}
-				if (!this.displayData.address) {
-					uni.showToast({
-						title: '请选择门店详细地址',
-						icon: 'none'
-					});
-					return false;
-				}
-				if (!this.displayData.major) {
-					uni.showToast({
-						title: '请选择专业经验',
-						icon: 'none'
-					});
-					return false;
-				}
-				return true;
-			},
-
-			getButtonAreaHeight() {
-				setTimeout(() => {
-					const query = uni.createSelectorQuery().in(this);
-					query.select('.bottom-actions').boundingClientRect(data => {
-						if (data) this.buttonAreaHeight = data.height + 20;
-					}).exec();
-				}, 100);
-			},
-
-			showTipPopup(field) {
-				const tipConfig = {
-					'store_logo': {
-						title: '如何查看店铺logo',
-						image: 'https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/98ad5649-db6d-4453-a308-c592fe155ed9'
-					},
-					'store_name': {
-						title: '如何查看店铺名称',
-						image: 'https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/4a2dc8c2-98d4-4465-ae31-b2ea2d13aa23'
-					}
-				};
-				if (tipConfig[field]) {
-					this.currentTipType = field;
-					this.tipTitle = tipConfig[field].title;
-					this.tipImage = tipConfig[field].image;
-					this.showTipPopupFlag = true;
-				}
-			},
-
-			hideTipPopup() {
-				this.showTipPopupFlag = false;
-			},
-
-			// 修改后的 chooseImage（加入权限检查）
-			async chooseImage(type) {
-				if (!this.editable) return;
-
-				const systemInfo = uni.getSystemInfoSync();
-				const isIOS = systemInfo.platform === 'ios';
-
-				// 弹出操作菜单
-				const res = await new Promise((resolve, reject) => {
-					uni.showActionSheet({
-						itemList: ['拍照', '从相册选择'],
-						success: resolve,
-						fail: reject
-					});
-				}).catch(() => ({
-					tapIndex: -1
-				}));
-
-				if (res.tapIndex === -1) return; // 用户取消
-
-				// 处理拍照
-				if (res.tapIndex === 0) {
-					if (isIOS) {
-						this._openCamera(type, ['camera']);
-					} else {
-						this.isShowCameraPer = true;
-						const {
-							granted
-						} = await permissionUtils.checkPermission('camera', '需要相机权限以拍照');
-						if (granted) {
-							this.isShowCameraPer = false;
-							this._openCamera(type, ['camera']);
-							return;
-						}
-						this.isShowCameraPer = false;
-						const confirm = await this.showPermissionDialog('相机权限申请', '我们需要访问您的相机权限，以便您拍照上传店铺logo');
-						if (!confirm) return;
-						const result = await permissionUtils.requestPermission('camera', '需要相机权限以拍照');
-						if (result) {
-							this._openCamera(type, ['camera']);
-						} else {
-							locationService.openAppSettings();
-						}
-					}
-				}
-				// 处理从相册选择
-				else if (res.tapIndex === 1) {
-					if (isIOS) {
-						this._openCamera(type, ['album']);
-					} else {
-						this.isShowStoragePer = true;
-						const {
-							granted
-						} = await permissionUtils.checkPermission('photo_library', '需要存储权限以选择照片');
-						if (granted) {
-							this.isShowStoragePer = false;
-							this._openCamera(type, ['album']);
-							return;
-						}
-						this.isShowStoragePer = false;
-						const confirm = await this.showPermissionDialog('存储权限申请', '我们需要访问您的相册权限，以便您上传店铺logo');
-						if (!confirm) return;
-						const result = await permissionUtils.requestPermission('photo_library', '需要存储权限以选择照片');
-						if (result) {
-							this._openCamera(type, ['album']);
-						} else {
-							locationService.openAppSettings();
-						}
-					}
-				}
-			},
-
-			// 实际打开相机/相册
-			async _openCamera(type, sourceType) {
-				try {
-					const chooseResult = await new Promise((resolve, reject) => {
-						uni.chooseImage({
-							count: 1,
-							sizeType: ['compressed'],
-							sourceType: sourceType,
-							success: resolve,
-							fail: reject
-						});
-					});
-
-					if (!chooseResult.tempFilePaths || chooseResult.tempFilePaths.length === 0) return;
-
-					const tempFilePath = chooseResult.tempFilePaths[0];
-					const file = {
-						path: tempFilePath,
-						size: 0
-					};
-
-					const result = await this.directUpload(file, this.userId, this.identity + 1);
-
-					if (result) {
-						this.displayData.head_photo = result;
-						console.log('图片上传成功，head_photo 更新为:', result);
-					}
-				} catch (err) {
-					console.log('上传图片错误:', err);
-					if (!err.errMsg || !err.errMsg.includes('cancel')) {
-						uni.showToast({
-							title: '上传失败',
-							icon: 'none'
-						});
-					}
-				}
-			},
-
-			// 显示权限说明弹窗
-			showPermissionDialog(title, content) {
-				return new Promise((resolve) => {
-					uni.showModal({
-						title,
-						content,
-						confirmText: '去开启',
-						success(res) {
-							resolve(res.confirm);
-						}
-					});
-				});
-			},
-
-			async openCamera(type) {
-				try {
-					const chooseResult = await new Promise((resolve, reject) => {
-						uni.chooseImage({
-							count: 1,
-							sizeType: ['compressed'],
-							sourceType: ['album', 'camera'],
-							success: resolve,
-							fail: reject
-						});
-					});
-
-					if (!chooseResult.tempFilePaths || chooseResult.tempFilePaths.length === 0) return;
-
-					const tempFilePath = chooseResult.tempFilePaths[0];
-					const file = {
-						path: tempFilePath,
-						size: 0
-					};
-
-					const result = await this.directUpload(file, this.userId, this.identity + 1);
-
-					if (result) {
-						this.displayData.head_photo = result;
-						console.log('图片上传成功，head_photo 更新为:', result);
-					}
-				} catch (err) {
-					console.log('上传图片错误:', err);
-					if (!err.errMsg || !err.errMsg.includes('cancel')) {
-						uni.showToast({
-							title: '上传失败',
-							icon: 'none'
-						});
-					}
-				}
-			},
-
-			// 直接上传方法（原有）
-			async directUpload(file, userId, type) {
-				try {
-					let date = new Date().getTime();
-					let artisan = type == 1 ? 'yh' : type == 2 ? 'syr' : type == 3 ? 'sj' : '';
-
-					let fileExtension = 'jpg';
-					if (file.path.includes('.')) {
-						let parts = file.path.split('.');
-						let ext = parts[parts.length - 1].toLowerCase();
-						if (ext && ext.length <= 4) {
-							fileExtension = ext;
-						}
-					}
-
-					let name = `${userId}_${artisan}_${date}.${fileExtension}`;
-					console.log('安全文件名:', name);
-
-					const ossConfig = await request.post('/user/getalioss', {
-						type,
-						kind: 1
-					});
-
-					return await new Promise((resolve, reject) => {
-						uni.uploadFile({
-							url: ossConfig.host,
-							filePath: file.path,
-							name: 'file',
-							formData: {
-								key: ossConfig.dir + name,
-								policy: ossConfig.policy,
-								OSSAccessKeyId: ossConfig.ossAccessKeyId,
-								success_action_status: '200',
-								signature: ossConfig.signature
-							},
-							success: (res) => {
-								if (res.statusCode === 200) {
-									const fileUrl = `${ossConfig.host}/${ossConfig.dir}${name}`;
-									resolve(fileUrl);
-								} else {
-									reject(new Error('上传失败'));
-								}
-							},
-							fail: reject
-						});
-					});
-				} catch (error) {
-					console.error('直接上传失败:', error);
-					throw error;
-				}
-			},
-
-			// 所在地选择相关方法（原有，略）
-			showLocationPopup() {
-				if (!this.editable) return;
-				this.showLocationPopupFlag = true;
-			},
-			hideLocationPopup() {
-				this.showLocationPopupFlag = false;
-			},
-			bindChangeLocation(e) {
-				this.locationValue = e.detail.value;
-				let index1 = e.detail.value[0] || 0;
-				let index2 = e.detail.value[1] || 0;
-				this.locatinCitys = this.ChinaCitys[index1].citys;
-				this.locationAreas = this.locatinCitys[index2]?.areas || [];
-			},
-			confirmLocationSelect() {
-				let valueArr = this.locationValue;
-				let index1 = valueArr[0] || 0;
-				let index2 = valueArr[1] || 0;
-				let index3 = valueArr[2] || 0;
-				let province = this.ChinaCitys[index1].province;
-				let city = this.locatinCitys[index2].city;
-				let area = this.locationAreas[index3].area;
-				this.displayData.dependency = province + '-' + city + '-' + area;
-				this.displayData.address = '';
-				this.displayData.longitude = '';
-				this.displayData.latitude = '';
-
-				if (this.ChinaCitys[index1] && this.ChinaCitys[index1].code) {
-					let provinceCode = this.ChinaCitys[index1].code.toString();
-					this.displayData.dependency_province = provinceCode.substring(0, 6);
-				}
-				if (this.locatinCitys[index2] && this.locatinCitys[index2].code) {
-					let cityCode = this.locatinCitys[index2].code.toString();
-					this.displayData.dependency_city = cityCode.substring(0, 6);
-				}
-				if (this.locationAreas[index3] && this.locationAreas[index3].code) {
-					let areaCode = this.locationAreas[index3].code.toString();
-					this.displayData.dependency_code = areaCode.substring(0, 6);
-				}
-
-				this.hideLocationPopup();
-			},
-
-			buildRegionTextForSearch() {
-				const dependency = String(this.displayData.dependency || '').trim();
-				if (!dependency) return '';
-
-				const parts = dependency.split('-');
-				const province = parts[0] || '';
-				const city = parts[1] || '';
-				const district = parts[2] || '';
-
-				let regionText = '';
-				if (province) regionText += province;
-				if (city && city !== province) regionText += city;
-				if (district) regionText += district;
-
-				return regionText;
-			},
-
-			getAddressValueForSearch() {
-				const rawAddress = String(this.displayData.address || '').trim();
-				if (!rawAddress) return '';
-
-				const dependencyText = String(this.displayData.dependency || '').trim();
-				const regionText = this.buildRegionTextForSearch();
-
-				let detail = rawAddress;
-
-				// 兼容“完整地址被存进address字段”的情况，进入搜索页时只传详细地址
-				if (regionText && detail.indexOf(regionText) === 0) {
-					detail = detail.slice(regionText.length).trim();
-				} else if (dependencyText && detail.indexOf(dependencyText) === 0) {
-					detail = detail.slice(dependencyText.length).trim();
-				}
-
-				detail = detail.replace(/^[\s,-]+/, '').trim();
-
-				return detail || rawAddress;
-			},
-
-			async getAddressInfo() {
-				if (!this.editable) return;
-
-				const systemInfo = uni.getSystemInfoSync();
-				const isIOS = systemInfo.platform === 'ios';
-
-				const hasDependency = !!String(this.displayData.dependency || '').trim();
-				const hasAddress = !!String(this.getAddressValueForSearch() || '').trim();
-				const hasLocation = !!(this.displayData.longitude && this.displayData.latitude);
-				const hasExistingAddressData = hasDependency || hasAddress || hasLocation;
-
-				// iOS不走你这套权限工具的二次弹窗逻辑，直接进搜索页
-				// 如果当前没有任何地址信息，则让搜索页自己只尝试一次定位
-				if (isIOS) {
-					this._navigateToAddress({
-						canInitCurrentLocation: !hasExistingAddressData
-					});
-					return;
-				}
-
-				// 已有所在地/详细地址/经纬度时，直接带现有值进入，不再额外申请定位
-				if (hasExistingAddressData) {
-					this._navigateToAddress({
-						canInitCurrentLocation: false
-					});
-					return;
-				}
-
-				// 只有完全空白进入时，才申请一次定位权限
-				this.isShowLocationPer = true;
-
-				let granted = false;
-
-				try {
-					const checkRes = await permissionUtils.checkPermission('location', '需要定位权限以获取您的位置');
-					granted = typeof checkRes === 'boolean' ? checkRes : !!(checkRes && checkRes.granted);
-
-					if (!granted) {
-						const requestRes = await permissionUtils.requestPermission('location', '需要定位权限以获取您的位置');
-						granted = typeof requestRes === 'boolean' ? requestRes : !!(requestRes && requestRes.granted);
-					}
-				} catch (error) {
-					console.log('定位权限申请流程异常:', error);
-					granted = false;
-				}
-
-				this.isShowLocationPer = false;
-
-				// 不管用户同不同意，都进入搜索地址页
-				// 同意：按当前位置初始化
-				// 不同意/没给权限：进入页面但不自动精确定位
-				this._navigateToAddress({
-					canInitCurrentLocation: granted
-				});
-			},
-
-			_navigateToAddress({
-				canInitCurrentLocation = false
-			} = {}) {
-				let params = 'source=sj_info';
-
-				const dependency = String(this.displayData.dependency || '').trim();
-				const dependencyCode = String(this.displayData.dependency_code || '').trim();
-				const address = this.getAddressValueForSearch();
-				const longitude = this.displayData.longitude;
-				const latitude = this.displayData.latitude;
-
-				const hasDependency = !!dependency;
-				const hasAddress = !!address;
-				const hasLocation = !!(longitude && latitude);
-
-				if (hasDependency) {
-					params += `&dependency=${encodeURIComponent(dependency)}`;
-					if (dependencyCode) {
-						params += `&dependency_code=${dependencyCode}`;
-					}
-				}
-
-				// 关键修复：把详细地址带过去，搜索页才能回填
-				if (hasAddress) {
-					params += `&address=${encodeURIComponent(address)}`;
-				}
-
-				if (hasLocation) {
-					params += `&longitude=${longitude}&latitude=${latitude}`;
-				}
-
-				// 当前门店信息页没有任何已知地址数据时，再决定搜索页是否初始化当前位置
-				if (!hasDependency && !hasAddress && !hasLocation) {
-					if (canInitCurrentLocation) {
-						params += '&init_current_location=1&silent_locate=1';
-					} else {
-						params += '&skip_auto_locate=1';
-					}
-				}
-
-				this.fromAddressPage = true;
-
-				uni.navigateTo({
-					url: `/pages/address/search?${params}`,
-					success: () => console.log('成功跳转到地址选择页面'),
-					fail: (err) => console.error('跳转地址选择页面失败:', err)
-				});
-			},
-
-			handleAddressSelected(addressData) {
-				if (!addressData) return;
-
-				// 详细地址只取 address，不再优先取 name
-				let detailAddress = '';
-				if (addressData.address) {
-					detailAddress = String(addressData.address).trim();
-				} else if (addressData.name) {
-					// 兜底：老数据里如果只有name，就尝试去掉前面的省市区
-					detailAddress = String(addressData.name).trim();
-
-					const regionParts = [];
-					if (addressData.pname) regionParts.push(addressData.pname);
-					if (addressData.cityname && addressData.cityname !== addressData.pname) regionParts.push(addressData
-						.cityname);
-					if (addressData.adname) regionParts.push(addressData.adname);
-
-					const regionText = regionParts.join('');
-					const regionTextWithDash = regionParts.join('-');
-
-					if (regionText && detailAddress.indexOf(regionText) === 0) {
-						detailAddress = detailAddress.slice(regionText.length).trim();
-					} else if (regionTextWithDash && detailAddress.indexOf(regionTextWithDash) === 0) {
-						detailAddress = detailAddress.slice(regionTextWithDash.length).trim();
-					}
-
-					detailAddress = detailAddress.replace(/^[\s,-]+/, '').trim();
-				}
-
-				this.displayData.address = detailAddress;
-				this.pendingData.address = detailAddress;
-
-				if (addressData.location) {
-					const [longitude, latitude] = addressData.location.split(',');
-					this.displayData.longitude = longitude || '';
-					this.displayData.latitude = latitude || '';
-					this.pendingData.longitude = longitude || '';
-					this.pendingData.latitude = latitude || '';
-				}
-
-				if (addressData.pname || addressData.cityname || addressData.adname) {
-					const locationParts = [];
-					if (addressData.pname) locationParts.push(addressData.pname);
-					if (addressData.cityname) locationParts.push(addressData.cityname);
-					if (addressData.adname) locationParts.push(addressData.adname);
-
-					const dependency = locationParts.join('-');
-					this.displayData.dependency = dependency;
-					this.pendingData.dependency = dependency;
-				}
-
-				if (addressData.provinceCode || addressData.cityCode || addressData.districtCode) {
-					this.displayData.dependency_province = addressData.provinceCode || '';
-					this.displayData.dependency_city = addressData.cityCode || '';
-					this.displayData.dependency_code = addressData.districtCode || '';
-
-					this.pendingData.dependency_province = addressData.provinceCode || '';
-					this.pendingData.dependency_city = addressData.cityCode || '';
-					this.pendingData.dependency_code = addressData.districtCode || '';
-				}
-
-				console.log('地址更新完成:', {
-					address: this.displayData.address,
-					dependency: this.displayData.dependency,
-					longitude: this.displayData.longitude,
-					latitude: this.displayData.latitude
-				});
-
-				this.$forceUpdate();
-			},
-
-			openExperiencePicker() {
-				if (!this.editable) return;
-				uni.showActionSheet({
-					itemList: ['实习', '1-3年', '3-5年', '5-10年', '10年以上'],
-					success: (res) => {
-						const experiences = ['实习', '1-3年', '3-5年', '5-10年', '10年以上'];
-						this.displayData.major = res.tapIndex + 1;
-						this.displayData.experienceText = experiences[res.tapIndex];
-						console.log('选择专业经验:', this.displayData.major, this.displayData.experienceText);
-					}
-				});
-			}
-		}
-	}
+    import request from '../../utils/request';
+    import ChinaCitys from '../../static/data/ChinaCitys.json';
+    import {
+        debounce
+    } from '@/utils/debounce.js';
+    import uploadImage from '../../utils/uploadImage';
+    import permissionUtils from '../../utils/per'; // 新增
+    import locationService from '../../utils/locationService'; // 新增
+
+    export default {
+        data() {
+            return {
+                // 页面状态
+                editable: false,
+                buttonType: 'change',
+                showAuditTip: false,
+                auditStatus: null,
+                applyId: null,
+                showPendingData: false,
+                navTitle: '门店信息变更',
+                buttonAreaHeight: 120,
+                backText: '',
+                hasResubmitted: false,
+
+                // 数据管理
+                originalData: {},
+                pendingData: {},
+                displayData: {},
+
+                // 门店信息字段
+                ChinaCitys: ChinaCitys,
+                locatinCitys: [],
+                locationAreas: [],
+                locationValue: [0, 0, 0],
+                showLocationPopupFlag: false,
+                showTipPopupFlag: false,
+                tipTitle: '',
+                tipImage: '',
+                currentTipType: '',
+                userId: null,
+                identity: 3,
+                applyType: 3,
+
+                // 选择器数据
+                hours: Array.from({
+                    length: 24
+                }, (_, i) => i < 10 ? `0${i}` : `${i}`),
+                minutes: Array.from({
+                    length: 60
+                }, (_, i) => i < 10 ? `0${i}` : `${i}`),
+                indicatorStyle: 'height: 68rpx;',
+
+                // 地址相关
+                fromAddressPage: false,
+                addressListener: null,
+                dependency_code: '',
+                dependency_province: '',
+                dependency_city: '',
+                longitude: '',
+                latitude: '',
+
+                // 权限控制变量
+                isShowStoragePer: false,
+                isShowCameraPer: false,
+                isShowLocationPer: false,
+            }
+        },
+        computed: {
+            shouldShowRejectReason() {
+                if (this.auditStatus !== 3) return false;
+                if (!this.backText) return false;
+                if (this.showPendingData) return false;
+                return true;
+            }
+        },
+        onLoad() {
+            uni.$on('address-selected-for-sj', (addressData) => {
+                this.handleAddressSelected(addressData);
+            });
+
+            console.log('页面开始加载...');
+            this.identity = getApp().globalData.artisanType;
+            console.log('当前身份类型:', this.identity);
+
+            this.getUserInfo();
+            this.loadApplyDetails();
+
+            this.locatinCitys = this.ChinaCitys[0].citys;
+            this.locationAreas = this.locatinCitys[0]?.areas || [];
+        },
+        onUnload() {
+            uni.$off('address-selected-for-sj');
+        },
+        onReady() {
+            this.getButtonAreaHeight();
+        },
+        onShow() {
+            console.log('页面显示，检查地址数据');
+            this.checkAddressData();
+
+            if (!this.editable) {
+                this.loadApplyDetails();
+            } else {
+                console.log('编辑模式下，跳过自动刷新，保持当前编辑状态');
+            }
+
+            if (this.auditStatus !== 3) {
+                this.backText = '';
+                this.hasResubmitted = false;
+            }
+        },
+        onHide() {
+            this.fromAddressPage = false;
+        },
+        methods: {
+            // 检查地址数据（原有）
+            checkAddressData() {
+                try {
+                    const sjAddress = uni.getStorageSync('sj_selected_address');
+                    if (sjAddress) {
+                        this.handleAddressSelected(sjAddress);
+                        uni.removeStorageSync('sj_selected_address');
+                        return;
+                    }
+                } catch (e) {}
+
+                if (getApp().globalData && getApp().globalData.selectedAddress) {
+                    this.handleAddressSelected(getApp().globalData.selectedAddress);
+                    delete getApp().globalData.selectedAddress;
+                }
+
+                try {
+                    const storedAddress = uni.getStorageSync('selectedAddress');
+                    if (storedAddress) {
+                        this.handleAddressSelected(storedAddress);
+                        uni.removeStorageSync('selectedAddress');
+                    }
+                } catch (e) {}
+            },
+
+            // 获取用户信息（原有，未变）
+            getUserInfo() {
+                console.log('开始获取用户信息...');
+                const type = 3;
+
+                request.post('/user/getuser', {
+                    type
+                }).then(result => {
+                    console.log('接口返回完整数据:', result);
+
+                    if (result.state === 1 && result.data) {
+                        const userData = result.data;
+                        console.log('用户数据详情:', userData);
+
+                        this.userId = userData.id;
+
+                        this.originalData = {
+                            head_photo: userData.head_photo || '',
+                            name: userData.name || '',
+                            dependency: userData.dependency || '',
+                            address: userData.address || '',
+                            dependency_code: userData.dependency_code || '',
+                            dependency_province: userData.dependency_province || '',
+                            dependency_city: userData.dependency_city || '',
+                            longitude: userData.longitude || '',
+                            latitude: userData.latitude || ''
+                        };
+
+                        this.dependency_code = userData.dependency_code || '';
+                        this.dependency_province = userData.dependency_province || '';
+                        this.dependency_city = userData.dependency_city || '';
+                        this.longitude = userData.longitude || '';
+                        this.latitude = userData.latitude || '';
+
+                        this.pendingData = {
+                            ...this.originalData
+                        };
+                        this.displayData = {
+                            ...this.originalData
+                        };
+
+                        console.log('数据初始化完成');
+                    } else {
+                        console.warn('接口返回state不是1或data为空');
+                    }
+                }).catch(error => {
+                    console.error('获取用户信息失败:', error);
+                });
+            },
+
+            // 智能判断申请状态（原有）
+            intelligentStatusCheck(detail) {
+                if (detail.apply_state === 2) {
+                    console.log('智能判断：申请已审核通过');
+                    return {
+                        isValid: true,
+                        status: 2,
+                        backText: ''
+                    };
+                }
+                if (detail.apply_time) {
+                    const applyDate = new Date(detail.apply_time);
+                    const now = new Date();
+                    const daysDiff = (now - applyDate) / (1000 * 60 * 60 * 24);
+                    if (daysDiff > 7 && this.originalData.name !== detail.name) {
+                        console.log('智能判断：申请记录已过期，忽略历史记录');
+                        return {
+                            isValid: false,
+                            status: null,
+                            backText: ''
+                        };
+                    }
+                }
+                return {
+                    isValid: true,
+                    status: detail.apply_state,
+                    backText: detail.back_text || ''
+                };
+            },
+
+            // 加载申请详情（原有）
+            async loadApplyDetails() {
+                try {
+                    console.log('开始加载申请详情...');
+                    const res = await request.post('/sj/userSjAuth/details', {
+                        apply_type: this.applyType
+                    });
+
+                    console.log('申请详情接口返回:', res);
+
+                    if (res.code === 200 && res.data) {
+                        const detail = res.data;
+                        const statusCheck = this.intelligentStatusCheck(detail);
+
+                        if (!statusCheck.isValid) {
+                            this.auditStatus = null;
+                            this.backText = '';
+                            this.applyId = null;
+                        } else {
+                            this.applyId = detail.id;
+                            this.auditStatus = statusCheck.status;
+                            this.backText = statusCheck.backText;
+
+                            console.log('审核状态:', this.auditStatus);
+                            console.log('驳回原因:', this.backText);
+
+                            if (this.auditStatus === 2) {
+                                console.log('审核通过，强制清除驳回相关状态');
+                                this.backText = '';
+                                this.hasResubmitted = false;
+                            }
+
+                            if (this.auditStatus === 1 || this.auditStatus === 3) {
+                                this.pendingData = {
+                                    head_photo: detail.head_photo || this.originalData.head_photo,
+                                    name: detail.name || this.originalData.name,
+                                    dependency: detail.dependency || this.originalData.dependency,
+                                    address: detail.address || this.originalData.address,
+                                    dependency_code: detail.dependency_code || this.originalData.dependency_code,
+                                    dependency_province: detail.dependency_province || this.originalData
+                                        .dependency_province,
+                                    dependency_city: detail.dependency_city || this.originalData.dependency_city,
+                                    longitude: detail.longitude || this.originalData.longitude,
+                                    latitude: detail.latitude || this.originalData.latitude
+                                };
+                            }
+
+                            if (this.auditStatus === 2) {
+                                this.originalData = {
+                                    ...this.pendingData
+                                };
+                            }
+                        }
+
+                        this.updatePageStatus();
+
+                    } else {
+                        console.log('申请详情返回数据为空或code不为200:', res);
+                        this.backText = '';
+                        this.updatePageStatus();
+                    }
+                } catch (error) {
+                    console.error('加载申请详情失败:', error);
+                    this.backText = '';
+                    this.updatePageStatus();
+                }
+            },
+
+            // 更新页面状态（原有）
+            updatePageStatus() {
+                console.log('更新页面状态，审核状态:', this.auditStatus);
+
+                if (this.auditStatus !== 3) {
+                    this.backText = '';
+                }
+
+                if (this.hasResubmitted && this.auditStatus === 3) {
+                    console.log('检测到已重新提交，强制设置为审核中状态');
+                    this.auditStatus = 1;
+                    this.backText = '';
+                }
+
+                if (this.auditStatus === 1) {
+                    this.showAuditTip = true;
+                    this.buttonType = 'view';
+                    this.editable = false;
+                    this.showPendingData = false;
+                    this.displayData = {
+                        ...this.originalData
+                    };
+                } else if (this.auditStatus === 3) {
+                    this.showAuditTip = false;
+                    this.buttonType = 'reject';
+                    this.editable = false;
+                    this.showPendingData = false;
+                    this.displayData = {
+                        ...this.originalData
+                    };
+                } else {
+                    this.showAuditTip = false;
+                    this.buttonType = 'change';
+                    this.editable = false;
+                    this.showPendingData = false;
+                    this.displayData = {
+                        ...this.originalData
+                    };
+                }
+
+                this.updateNavTitle();
+            },
+
+            updateNavTitle() {
+                if (this.editable || this.showPendingData) {
+                    this.navTitle = '门店信息变更';
+                } else {
+                    this.navTitle = '门店信息';
+                }
+            },
+
+            startChange() {
+                this.editable = true;
+                this.buttonType = 'edit';
+                this.displayData = {
+                    ...this.pendingData
+                };
+                this.updateNavTitle();
+            },
+
+            cancelChange() {
+                this.editable = false;
+                this.buttonType = 'change';
+                this.displayData = {
+                    ...this.originalData
+                };
+                this.updateNavTitle();
+            },
+
+            togglePendingData() {
+                this.showPendingData = !this.showPendingData;
+                if (this.showPendingData) {
+                    this.displayData = {
+                        ...this.pendingData
+                    };
+                } else {
+                    this.displayData = {
+                        ...this.originalData
+                    };
+                }
+                this.updateNavTitle();
+            },
+
+            async submitChange() {
+                console.log('开始提交变更...');
+                console.log('提交前的displayData:', this.displayData);
+
+                if (!this.validateForm()) {
+                    return;
+                }
+
+                try {
+                    uni.showLoading({
+                        title: '提交中...'
+                    });
+
+                    this.pendingData = {
+                        ...this.displayData
+                    };
+
+                    const submitData = {
+                        apply_type: this.applyType,
+                        head_photo: this.displayData.head_photo,
+                        name: this.displayData.name,
+                        dependency: this.displayData.dependency,
+                        address: this.displayData.address,
+                        longitude: this.displayData.longitude,
+                        latitude: this.displayData.latitude,
+                        dependency_code: this.displayData.dependency_code,
+                        dependency_province: this.displayData.dependency_province,
+                        dependency_city: this.displayData.dependency_city
+                    };
+
+                    console.log('提交的数据:', submitData);
+
+                    const res = await request.post('/sj/userSjAuth/apply', submitData);
+
+                    uni.hideLoading();
+
+                    if (res.code === 200) {
+                        uni.showToast({
+                            title: '提交成功',
+                            icon: 'none'
+                        });
+
+                        this.backText = '';
+                        this.auditStatus = 1;
+                        this.hasResubmitted = true;
+
+                        this.pendingData = {
+                            ...this.displayData
+                        };
+
+                        this.editable = false;
+                        this.buttonType = 'view';
+                        this.showAuditTip = true;
+                        this.showPendingData = false;
+
+                        setTimeout(() => {
+                            this.loadApplyDetails();
+                        }, 1500);
+
+                    } else {
+                        uni.showToast({
+                            title: res.msg || '提交失败',
+                            icon: 'none'
+                        });
+                    }
+                } catch (error) {
+                    uni.hideLoading();
+                    console.error('提交失败:', error);
+                    uni.showToast({
+                        title: '网络错误，请重试',
+                        icon: 'none'
+                    });
+                }
+            },
+
+            validateForm() {
+                if (!this.displayData.head_photo) {
+                    uni.showToast({
+                        title: '请上传店铺logo',
+                        icon: 'none'
+                    });
+                    return false;
+                }
+                if (!this.displayData.name) {
+                    uni.showToast({
+                        title: '请输入店铺名称',
+                        icon: 'none'
+                    });
+                    return false;
+                }
+                if (!this.displayData.dependency) {
+                    uni.showToast({
+                        title: '请选择门店所在地',
+                        icon: 'none'
+                    });
+                    return false;
+                }
+                if (!this.displayData.address) {
+                    uni.showToast({
+                        title: '请选择门店详细地址',
+                        icon: 'none'
+                    });
+                    return false;
+                }
+                return true;
+            },
+
+            getButtonAreaHeight() {
+                setTimeout(() => {
+                    const query = uni.createSelectorQuery().in(this);
+                    query.select('.bottom-actions').boundingClientRect(data => {
+                        if (data) this.buttonAreaHeight = data.height + 20;
+                    }).exec();
+                }, 100);
+            },
+
+            showTipPopup(field) {
+                const tipConfig = {
+                    'store_logo': {
+                        title: '如何查看店铺logo',
+                        image: 'https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/98ad5649-db6d-4453-a308-c592fe155ed9'
+                    },
+                    'store_name': {
+                        title: '如何查看店铺名称',
+                        image: 'https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/4a2dc8c2-98d4-4465-ae31-b2ea2d13aa23'
+                    }
+                };
+                if (tipConfig[field]) {
+                    this.currentTipType = field;
+                    this.tipTitle = tipConfig[field].title;
+                    this.tipImage = tipConfig[field].image;
+                    this.showTipPopupFlag = true;
+                }
+            },
+
+            hideTipPopup() {
+                this.showTipPopupFlag = false;
+            },
+
+            // 修改后的 chooseImage（加入权限检查）
+            async chooseImage(type) {
+                if (!this.editable) return;
+
+                const systemInfo = uni.getSystemInfoSync();
+                const isIOS = systemInfo.platform === 'ios';
+
+                // 弹出操作菜单
+                const res = await new Promise((resolve, reject) => {
+                    uni.showActionSheet({
+                        itemList: ['拍照', '从相册选择'],
+                        success: resolve,
+                        fail: reject
+                    });
+                }).catch(() => ({
+                    tapIndex: -1
+                }));
+
+                if (res.tapIndex === -1) return; // 用户取消
+
+                // 处理拍照
+                if (res.tapIndex === 0) {
+                    if (isIOS) {
+                        this._openCamera(type, ['camera']);
+                    } else {
+                        this.isShowCameraPer = true;
+                        const {
+                            granted
+                        } = await permissionUtils.checkPermission('camera', '需要相机权限以拍照');
+                        if (granted) {
+                            this.isShowCameraPer = false;
+                            this._openCamera(type, ['camera']);
+                            return;
+                        }
+                        this.isShowCameraPer = false;
+                        const confirm = await this.showPermissionDialog('相机权限申请', '我们需要访问您的相机权限，以便您拍照上传店铺logo');
+                        if (!confirm) return;
+                        const result = await permissionUtils.requestPermission('camera', '需要相机权限以拍照');
+                        if (result) {
+                            this._openCamera(type, ['camera']);
+                        } else {
+                            locationService.openAppSettings();
+                        }
+                    }
+                }
+                // 处理从相册选择
+                else if (res.tapIndex === 1) {
+                    if (isIOS) {
+                        this._openCamera(type, ['album']);
+                    } else {
+                        this.isShowStoragePer = true;
+                        const {
+                            granted
+                        } = await permissionUtils.checkPermission('photo_library', '需要存储权限以选择照片');
+                        if (granted) {
+                            this.isShowStoragePer = false;
+                            this._openCamera(type, ['album']);
+                            return;
+                        }
+                        this.isShowStoragePer = false;
+                        const confirm = await this.showPermissionDialog('存储权限申请', '我们需要访问您的相册权限，以便您上传店铺logo');
+                        if (!confirm) return;
+                        const result = await permissionUtils.requestPermission('photo_library', '需要存储权限以选择照片');
+                        if (result) {
+                            this._openCamera(type, ['album']);
+                        } else {
+                            locationService.openAppSettings();
+                        }
+                    }
+                }
+            },
+
+            // 实际打开相机/相册
+            async _openCamera(type, sourceType) {
+                try {
+                    const chooseResult = await new Promise((resolve, reject) => {
+                        uni.chooseImage({
+                            count: 1,
+                            sizeType: ['compressed'],
+                            sourceType: sourceType,
+                            success: resolve,
+                            fail: reject
+                        });
+                    });
+
+                    if (!chooseResult.tempFilePaths || chooseResult.tempFilePaths.length === 0) return;
+
+                    const tempFilePath = chooseResult.tempFilePaths[0];
+                    const file = {
+                        path: tempFilePath,
+                        size: 0
+                    };
+
+                    const result = await this.directUpload(file, this.userId, this.identity + 1);
+
+                    if (result) {
+                        this.displayData.head_photo = result;
+                        console.log('图片上传成功，head_photo 更新为:', result);
+                    }
+                } catch (err) {
+                    console.log('上传图片错误:', err);
+                    if (!err.errMsg || !err.errMsg.includes('cancel')) {
+                        uni.showToast({
+                            title: '上传失败',
+                            icon: 'none'
+                        });
+                    }
+                }
+            },
+
+            // 显示权限说明弹窗
+            showPermissionDialog(title, content) {
+                return new Promise((resolve) => {
+                    uni.showModal({
+                        title,
+                        content,
+                        confirmText: '去开启',
+                        success(res) {
+                            resolve(res.confirm);
+                        }
+                    });
+                });
+            },
+
+            async openCamera(type) {
+                try {
+                    const chooseResult = await new Promise((resolve, reject) => {
+                        uni.chooseImage({
+                            count: 1,
+                            sizeType: ['compressed'],
+                            sourceType: ['album', 'camera'],
+                            success: resolve,
+                            fail: reject
+                        });
+                    });
+
+                    if (!chooseResult.tempFilePaths || chooseResult.tempFilePaths.length === 0) return;
+
+                    const tempFilePath = chooseResult.tempFilePaths[0];
+                    const file = {
+                        path: tempFilePath,
+                        size: 0
+                    };
+
+                    const result = await this.directUpload(file, this.userId, this.identity + 1);
+
+                    if (result) {
+                        this.displayData.head_photo = result;
+                        console.log('图片上传成功，head_photo 更新为:', result);
+                    }
+                } catch (err) {
+                    console.log('上传图片错误:', err);
+                    if (!err.errMsg || !err.errMsg.includes('cancel')) {
+                        uni.showToast({
+                            title: '上传失败',
+                            icon: 'none'
+                        });
+                    }
+                }
+            },
+
+            // 直接上传方法（原有）
+            async directUpload(file, userId, type) {
+                try {
+                    let date = new Date().getTime();
+                    let artisan = type == 1 ? 'yh' : type == 2 ? 'syr' : type == 3 ? 'sj' : '';
+
+                    let fileExtension = 'jpg';
+                    if (file.path.includes('.')) {
+                        let parts = file.path.split('.');
+                        let ext = parts[parts.length - 1].toLowerCase();
+                        if (ext && ext.length <= 4) {
+                            fileExtension = ext;
+                        }
+                    }
+
+                    let name = `${userId}_${artisan}_${date}.${fileExtension}`;
+                    console.log('安全文件名:', name);
+
+                    const ossConfig = await request.post('/user/getalioss', {
+                        type,
+                        kind: 1
+                    });
+
+                    return await new Promise((resolve, reject) => {
+                        uni.uploadFile({
+                            url: ossConfig.host,
+                            filePath: file.path,
+                            name: 'file',
+                            formData: {
+                                key: ossConfig.dir + name,
+                                policy: ossConfig.policy,
+                                OSSAccessKeyId: ossConfig.ossAccessKeyId,
+                                success_action_status: '200',
+                                signature: ossConfig.signature
+                            },
+                            success: (res) => {
+                                if (res.statusCode === 200) {
+                                    const fileUrl = `${ossConfig.host}/${ossConfig.dir}${name}`;
+                                    resolve(fileUrl);
+                                } else {
+                                    reject(new Error('上传失败'));
+                                }
+                            },
+                            fail: reject
+                        });
+                    });
+                } catch (error) {
+                    console.error('直接上传失败:', error);
+                    throw error;
+                }
+            },
+
+            // 所在地选择相关方法（原有，略）
+            showLocationPopup() {
+                if (!this.editable) return;
+                this.showLocationPopupFlag = true;
+            },
+            hideLocationPopup() {
+                this.showLocationPopupFlag = false;
+            },
+            bindChangeLocation(e) {
+                this.locationValue = e.detail.value;
+                let index1 = e.detail.value[0] || 0;
+                let index2 = e.detail.value[1] || 0;
+                this.locatinCitys = this.ChinaCitys[index1].citys;
+                this.locationAreas = this.locatinCitys[index2]?.areas || [];
+            },
+            confirmLocationSelect() {
+                let valueArr = this.locationValue;
+                let index1 = valueArr[0] || 0;
+                let index2 = valueArr[1] || 0;
+                let index3 = valueArr[2] || 0;
+                let province = this.ChinaCitys[index1].province;
+                let city = this.locatinCitys[index2].city;
+                let area = this.locationAreas[index3].area;
+                this.displayData.dependency = province + '-' + city + '-' + area;
+                this.displayData.address = '';
+                this.displayData.longitude = '';
+                this.displayData.latitude = '';
+
+                if (this.ChinaCitys[index1] && this.ChinaCitys[index1].code) {
+                    let provinceCode = this.ChinaCitys[index1].code.toString();
+                    this.displayData.dependency_province = provinceCode.substring(0, 6);
+                }
+                if (this.locatinCitys[index2] && this.locatinCitys[index2].code) {
+                    let cityCode = this.locatinCitys[index2].code.toString();
+                    this.displayData.dependency_city = cityCode.substring(0, 6);
+                }
+                if (this.locationAreas[index3] && this.locationAreas[index3].code) {
+                    let areaCode = this.locationAreas[index3].code.toString();
+                    this.displayData.dependency_code = areaCode.substring(0, 6);
+                }
+
+                this.hideLocationPopup();
+            },
+
+            buildRegionTextForSearch() {
+                const dependency = String(this.displayData.dependency || '').trim();
+                if (!dependency) return '';
+
+                const parts = dependency.split('-');
+                const province = parts[0] || '';
+                const city = parts[1] || '';
+                const district = parts[2] || '';
+
+                let regionText = '';
+                if (province) regionText += province;
+                if (city && city !== province) regionText += city;
+                if (district) regionText += district;
+
+                return regionText;
+            },
+
+            getAddressValueForSearch() {
+                const rawAddress = String(this.displayData.address || '').trim();
+                if (!rawAddress) return '';
+
+                const dependencyText = String(this.displayData.dependency || '').trim();
+                const regionText = this.buildRegionTextForSearch();
+
+                let detail = rawAddress;
+
+                // 兼容“完整地址被存进address字段”的情况，进入搜索页时只传详细地址
+                if (regionText && detail.indexOf(regionText) === 0) {
+                    detail = detail.slice(regionText.length).trim();
+                } else if (dependencyText && detail.indexOf(dependencyText) === 0) {
+                    detail = detail.slice(dependencyText.length).trim();
+                }
+
+                detail = detail.replace(/^[\s,-]+/, '').trim();
+
+                return detail || rawAddress;
+            },
+
+            async getAddressInfo() {
+                if (!this.editable) return;
+
+                const systemInfo = uni.getSystemInfoSync();
+                const isIOS = systemInfo.platform === 'ios';
+
+                const hasDependency = !!String(this.displayData.dependency || '').trim();
+                const hasAddress = !!String(this.getAddressValueForSearch() || '').trim();
+                const hasLocation = !!(this.displayData.longitude && this.displayData.latitude);
+                const hasExistingAddressData = hasDependency || hasAddress || hasLocation;
+
+                // iOS不走你这套权限工具的二次弹窗逻辑，直接进搜索页
+                // 如果当前没有任何地址信息，则让搜索页自己只尝试一次定位
+                if (isIOS) {
+                    this._navigateToAddress({
+                        canInitCurrentLocation: !hasExistingAddressData
+                    });
+                    return;
+                }
+
+                // 已有所在地/详细地址/经纬度时，直接带现有值进入，不再额外申请定位
+                if (hasExistingAddressData) {
+                    this._navigateToAddress({
+                        canInitCurrentLocation: false
+                    });
+                    return;
+                }
+
+                // 只有完全空白进入时，才申请一次定位权限
+                this.isShowLocationPer = true;
+
+                let granted = false;
+
+                try {
+                    const checkRes = await permissionUtils.checkPermission('location', '需要定位权限以获取您的位置');
+                    granted = typeof checkRes === 'boolean' ? checkRes : !!(checkRes && checkRes.granted);
+
+                    if (!granted) {
+                        const requestRes = await permissionUtils.requestPermission('location', '需要定位权限以获取您的位置');
+                        granted = typeof requestRes === 'boolean' ? requestRes : !!(requestRes && requestRes.granted);
+                    }
+                } catch (error) {
+                    console.log('定位权限申请流程异常:', error);
+                    granted = false;
+                }
+
+                this.isShowLocationPer = false;
+
+                // 不管用户同不同意，都进入搜索地址页
+                // 同意：按当前位置初始化
+                // 不同意/没给权限：进入页面但不自动精确定位
+                this._navigateToAddress({
+                    canInitCurrentLocation: granted
+                });
+            },
+
+            _navigateToAddress({
+                canInitCurrentLocation = false
+            } = {}) {
+                let params = 'source=sj_info';
+
+                const dependency = String(this.displayData.dependency || '').trim();
+                const dependencyCode = String(this.displayData.dependency_code || '').trim();
+                const address = this.getAddressValueForSearch();
+                const longitude = this.displayData.longitude;
+                const latitude = this.displayData.latitude;
+
+                const hasDependency = !!dependency;
+                const hasAddress = !!address;
+                const hasLocation = !!(longitude && latitude);
+
+                if (hasDependency) {
+                    params += `&dependency=${encodeURIComponent(dependency)}`;
+                    if (dependencyCode) {
+                        params += `&dependency_code=${dependencyCode}`;
+                    }
+                }
+
+                // 关键修复：把详细地址带过去，搜索页才能回填
+                if (hasAddress) {
+                    params += `&address=${encodeURIComponent(address)}`;
+                }
+
+                if (hasLocation) {
+                    params += `&longitude=${longitude}&latitude=${latitude}`;
+                }
+
+                // 当前门店信息页没有任何已知地址数据时，再决定搜索页是否初始化当前位置
+                if (!hasDependency && !hasAddress && !hasLocation) {
+                    if (canInitCurrentLocation) {
+                        params += '&init_current_location=1&silent_locate=1';
+                    } else {
+                        params += '&skip_auto_locate=1';
+                    }
+                }
+
+                this.fromAddressPage = true;
+
+                uni.navigateTo({
+                    url: `/pages/address/search?${params}`,
+                    success: () => console.log('成功跳转到地址选择页面'),
+                    fail: (err) => console.error('跳转地址选择页面失败:', err)
+                });
+            },
+
+            handleAddressSelected(addressData) {
+                if (!addressData) return;
+
+                // 详细地址只取 address，不再优先取 name
+                let detailAddress = '';
+                if (addressData.address) {
+                    detailAddress = String(addressData.address).trim();
+                } else if (addressData.name) {
+                    // 兜底：老数据里如果只有name，就尝试去掉前面的省市区
+                    detailAddress = String(addressData.name).trim();
+
+                    const regionParts = [];
+                    if (addressData.pname) regionParts.push(addressData.pname);
+                    if (addressData.cityname && addressData.cityname !== addressData.pname) regionParts.push(addressData
+                        .cityname);
+                    if (addressData.adname) regionParts.push(addressData.adname);
+
+                    const regionText = regionParts.join('');
+                    const regionTextWithDash = regionParts.join('-');
+
+                    if (regionText && detailAddress.indexOf(regionText) === 0) {
+                        detailAddress = detailAddress.slice(regionText.length).trim();
+                    } else if (regionTextWithDash && detailAddress.indexOf(regionTextWithDash) === 0) {
+                        detailAddress = detailAddress.slice(regionTextWithDash.length).trim();
+                    }
+
+                    detailAddress = detailAddress.replace(/^[\s,-]+/, '').trim();
+                }
+
+                this.displayData.address = detailAddress;
+                this.pendingData.address = detailAddress;
+
+                if (addressData.location) {
+                    const [longitude, latitude] = addressData.location.split(',');
+                    this.displayData.longitude = longitude || '';
+                    this.displayData.latitude = latitude || '';
+                    this.pendingData.longitude = longitude || '';
+                    this.pendingData.latitude = latitude || '';
+                }
+
+                if (addressData.pname || addressData.cityname || addressData.adname) {
+                    const locationParts = [];
+                    if (addressData.pname) locationParts.push(addressData.pname);
+                    if (addressData.cityname) locationParts.push(addressData.cityname);
+                    if (addressData.adname) locationParts.push(addressData.adname);
+
+                    const dependency = locationParts.join('-');
+                    this.displayData.dependency = dependency;
+                    this.pendingData.dependency = dependency;
+                }
+
+                if (addressData.provinceCode || addressData.cityCode || addressData.districtCode) {
+                    this.displayData.dependency_province = addressData.provinceCode || '';
+                    this.displayData.dependency_city = addressData.cityCode || '';
+                    this.displayData.dependency_code = addressData.districtCode || '';
+
+                    this.pendingData.dependency_province = addressData.provinceCode || '';
+                    this.pendingData.dependency_city = addressData.cityCode || '';
+                    this.pendingData.dependency_code = addressData.districtCode || '';
+                }
+
+                console.log('地址更新完成:', {
+                    address: this.displayData.address,
+                    dependency: this.displayData.dependency,
+                    longitude: this.displayData.longitude,
+                    latitude: this.displayData.latitude
+                });
+
+                this.$forceUpdate();
+            }
+        }
+    }
 </script>
 
 <style scoped lang="less">
-	.store-info-page {
-		padding-bottom: 20rpx;
-	}
-
-	.page-content {
-		flex: 1;
-		overflow-y: auto;
-		box-sizing: border-box;
-		padding: 20rpx 20rpx;
-	}
-
-	.change-tip {
-		background: #FAE7EC;
-		padding: 20rpx;
-		text-align: center;
-	}
-
-	.change-tip text {
-		font-size: 28rpx;
-		color: #D4131F;
-	}
-
-	.audit-tip {
-		margin: 20rpx 24rpx 20rpx 24rpx;
-		border-radius: 12rpx;
-	}
-
-	.audit-text {
-		font-weight: 400;
-		font-size: 32rpx;
-		color: #333333;
-		text-align: center;
-		display: block;
-	}
-
-	.reject-reason {
-		background: transparent;
-		padding: 24rpx;
-	}
-
-	.reject-title {
-		font-family: PingFangSC, PingFang SC;
-		font-weight: 500;
-		font-size: 32rpx;
-		color: #333333;
-		line-height: 45rpx;
-		text-align: center;
-		font-style: normal;
-	}
-
-	.reject-detail {
-		font-family: PingFangSC, PingFang SC;
-		font-weight: 400;
-		font-size: 28rpx;
-		color: #999999;
-		line-height: 40rpx;
-		text-align: center;
-		font-style: normal;
-		margin-top: 12rpx;
-	}
-
-	.section-title {
-		display: flex;
-		align-items: center;
-		margin-bottom: 30rpx;
-	}
-
-	.title-bar {
-		width: 6rpx;
-		height: 30rpx;
-		background-color: #E8101E;
-		margin-right: 7rpx;
-		border-radius: 5rpx;
-	}
-
-	.section-title text {
-		font-size: 36rpx;
-		color: #1D2129;
-		font-weight: 400;
-	}
-
-	.box-cont {
-		background: #ffffff;
-		border-radius: 20rpx;
-		margin-bottom: 24rpx;
-		margin-left: 8rpx;
-		margin-right: 8rpx;
-		box-shadow: none;
-	}
-
-	.form-item {
-		padding: 24rpx;
-	}
-
-	.label {
-		display: block;
-		font-size: 28rpx;
-		color: #333333;
-		font-weight: 500;
-	}
-
-	.required::before {
-		content: '*';
-		color: #FF0000;
-		margin-right: 4rpx;
-	}
-
-	.upload-box {
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		height: 160rpx;
-		border-radius: 20rpx;
-	}
-
-	.upload-placeholder {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-	}
-
-	.upload-icon {
-		width: 120rpx;
-		height: 120rpx;
-	}
-
-	.logo-image {
-		width: 120rpx;
-		height: 120rpx;
-		border-radius: 20rpx;
-	}
-
-	.form-item-one {
-		display: flex;
-		align-items: center;
-		padding: 24rpx;
-	}
-
-	.label-wrapper {
-		display: inline-flex;
-		align-items: center;
-		transform: translateY(4rpx);
-	}
-
-	.label {
-		font-size: 28rpx;
-		color: #333333;
-		font-weight: 500;
-		line-height: 1;
-	}
-
-	.label-icon {
-		width: 26rpx;
-		height: 26rpx;
-		margin-left: 8rpx;
-		align-items: center;
-	}
-
-	.form-item-two {
-		display: flex;
-		align-items: flex-start;
-		justify-content: space-between;
-		padding: 24rpx;
-
-		.label {
-			transform: translateY(4rpx);
-		}
-
-	}
-
-	/* 左侧标签：固定宽度，不换行 */
-	.form-item-two>text.label {
-		flex-shrink: 0;
-		font-size: 28rpx;
-		color: #333333;
-		font-weight: 500;
-	}
-
-	.input {
-		flex: 1;
-		font-size: 28rpx;
-		color: #333333;
-		text-align: right;
-	}
-
-	.placeholder {
-		color: #999999;
-	}
-
-	.picker-content {
-		flex: 1;
-		display: flex;
-		align-items: center;
-		/* justify-content: center; */
-		gap: 16rpx;
-		word-break: break-all;
-	}
-
-	.picker-value,
-	.placeholder {
-		flex: 1;
-		/* 占据剩余宽度 */
-		text-align: right;
-		/* 文字右对齐 */
-		font-size: 28rpx;
-		word-break: break-all;
-		white-space: normal;
-		line-height: 1.4;
-	}
-
-	.arrow-right {
-		width: 14rpx;
-		height: 26rpx;
-		flex-shrink: 0;
-		/* margin-left: 16rpx; */
-	}
-
-	.bottom-actions {
-		position: fixed;
-		bottom: 0;
-		left: 0;
-		right: 0;
-		padding: 0rpx 24rpx 40rpx 24rpx;
-		background: #ffffff;
-		z-index: 100;
-	}
-
-	.action-btn {
-		height: 88rpx;
-		border-radius: 43rpx;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		font-size: 32rpx;
-		font-weight: 400;
-		margin-top: 20rpx;
-	}
-
-	.change-info-btn,
-	.view-change-btn,
-	.resubmit-btn {
-		background: linear-gradient(180deg, #f52540 0%, #e8101e 100%);
-	}
-
-	.action-buttons-row {
-		display: flex;
-		justify-content: space-between;
-		margin: 0 30rpx;
-	}
-
-	.action-buttons-row .action-btn {
-		width: 270rpx;
-	}
-
-	.cancel-btn {
-		background: #E5E5E5;
-		border-radius: 43rpx;
-		padding: 0 15rpx;
-	}
-
-	.submit-btn {
-		background: linear-gradient(180deg, #F52540 0%, #E8101E 100%, #E8101E 100%);
-		border-radius: 43rpx;
-		padding: 0 15rpx;
-	}
-
-	.btn-text {
-		font-family: PingFangSC, PingFang SC;
-		font-weight: 400;
-		font-size: 36rpx;
-		color: #FFFFFF;
-		line-height: 50rpx;
-		text-align: left;
-		font-style: normal;
-	}
-
-	.cancel-text {
-		color: #666666;
-	}
-
-	.popup {
-		position: fixed;
-		left: 0;
-		right: 0;
-		bottom: 0;
-		z-index: 999;
-		visibility: hidden;
-		opacity: 0;
-		transition: all 0.3s ease;
-	}
-
-	.popup.show {
-		visibility: visible;
-		opacity: 1;
-	}
-
-	.popup-mask {
-		position: fixed;
-		top: 0;
-		left: 0;
-		right: 0;
-		bottom: 0;
-		background-color: rgba(0, 0, 0, 0.5);
-	}
-
-	.popup-content {
-		position: relative;
-		background-color: #FFFFFF;
-		border-radius: 24rpx 24rpx 0 0;
-		padding: 32rpx;
-		transform: translateY(100%);
-		transition: transform 0.3s ease;
-	}
-
-	.popup.show .popup-content {
-		transform: translateY(0);
-	}
-
-	.popup-header {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		margin-bottom: 20rpx;
-	}
-
-	.popup-title {
-		font-size: 32rpx;
-		color: #333333;
-		font-weight: 500;
-	}
-
-	.popup-close {
-		font-size: 40rpx;
-		color: #999999;
-		padding: 16rpx;
-	}
-
-	.region-body {
-		height: 400rpx;
-	}
-
-	.picker-scroll {
-		height: 400rpx;
-	}
-
-	.picker-item {
-		height: 68rpx;
-		line-height: 68rpx;
-		text-align: center;
-	}
-
-	.popup-footer {
-		display: flex;
-		margin-top: 32rpx;
-	}
-
-	.popup-btn {
-		flex: 1;
-		height: 88rpx;
-		border-radius: 44rpx;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		margin: 0 16rpx;
-	}
-
-	.popup-btn.cancel {
-		background-color: #F5F5F5;
-	}
-
-	.popup-btn.confirm {
-		background: linear-gradient(180deg, #f52540 0%, #e8101e 100%);
-	}
-
-	.popup-btn .btn-text {
-		font-size: 32rpx;
-		font-weight: 500;
-	}
-
-	.popup-btn.cancel .btn-text {
-		color: #666666;
-	}
-
-	.popup-btn.confirm .btn-text {
-		color: #FFFFFF;
-	}
-
-	.tip-popup {
-		position: fixed;
-		top: 0;
-		left: 0;
-		right: 0;
-		bottom: 0;
-		z-index: 1000;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		visibility: hidden;
-		opacity: 0;
-		transition: all 0.3s ease;
-	}
-
-	.tip-popup.show {
-		visibility: visible;
-		opacity: 1;
-	}
-
-	.tip-popup-mask {
-		position: absolute;
-		top: 0;
-		left: 0;
-		right: 0;
-		bottom: 0;
-		background-color: rgba(0, 0, 0, 0.5);
-	}
-
-	.tip-popup-content {
-		position: relative;
-		width: 620rpx;
-		height: 810rpx;
-	}
-
-	.tip-popup-bg {
-		width: 620rpx;
-		height: 810rpx;
-		position: absolute;
-		top: 0;
-		left: 0;
-	}
-
-	.tip-popup-body {
-		position: relative;
-		flex-direction: column;
-		padding: 80rpx 20rpx 40rpx 20rpx;
-		box-sizing: border-box;
-	}
-
-	.tip-title {
-		font-size: 36rpx;
-		font-weight: bold;
-		color: #333;
-		text-align: center;
-		margin-top: 107rpx;
-		margin-bottom: 37rpx;
-	}
-
-	.tip-image-container {
-		align-items: center;
-		justify-content: center;
-		margin-bottom: 50rpx;
-	}
-
-	.tip-image.store_logo {
-		width: 582rpx;
-		height: 327rpx;
-		margin-right: 0;
-		margin-left: -15rpx;
-	}
-
-	.tip-image.store_name {
-		width: 627rpx;
-		height: 327rpx;
-		margin-left: 13rpx;
-	}
-
-	.tip-buttons {
-		display: flex;
-		justify-content: space-between;
-		padding: 0 28rpx;
-	}
-
-	.tip-btn {
-		width: 250rpx;
-		height: 80rpx;
-		border-radius: 40rpx;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		font-size: 32rpx;
-		font-weight: 500;
-	}
-
-	.tip-btn.cancel {
-		border: #E8101E 2rpx solid;
-		background-color: transparent;
-		color: #e8101e;
-	}
-
-	.tip-btn.confirm {
-		background: linear-gradient(180deg, #f52540 0%, #e8101e 100%);
-		color: #FFFFFF;
-	}
-
-	.tip-btn .btn-text {
-		color: inherit;
-	}
-
-	.permission.transform {
-		top: calc(var(--status-bar-height) + 88rpx + 20rpx);
-		opacity: 1;
-		visibility: visible;
-	}
+    .store-info-page {
+        padding-bottom: 20rpx;
+    }
+
+    .page-content {
+        flex: 1;
+        overflow-y: auto;
+        box-sizing: border-box;
+        padding: 20rpx 20rpx;
+    }
+
+    .change-tip {
+        background: #FAE7EC;
+        padding: 20rpx;
+        text-align: center;
+    }
+
+    .change-tip text {
+        font-size: 28rpx;
+        color: #D4131F;
+    }
+
+    .audit-tip {
+        margin: 20rpx 24rpx 20rpx 24rpx;
+        border-radius: 12rpx;
+    }
+
+    .audit-text {
+        font-weight: 400;
+        font-size: 32rpx;
+        color: #333333;
+        text-align: center;
+        display: block;
+    }
+
+    .reject-reason {
+        background: transparent;
+        padding: 24rpx;
+    }
+
+    .reject-title {
+        font-family: PingFangSC, PingFang SC;
+        font-weight: 500;
+        font-size: 32rpx;
+        color: #333333;
+        line-height: 45rpx;
+        text-align: center;
+        font-style: normal;
+    }
+
+    .reject-detail {
+        font-family: PingFangSC, PingFang SC;
+        font-weight: 400;
+        font-size: 28rpx;
+        color: #999999;
+        line-height: 40rpx;
+        text-align: center;
+        font-style: normal;
+        margin-top: 12rpx;
+    }
+
+    .section-title {
+        display: flex;
+        align-items: center;
+        margin-bottom: 30rpx;
+    }
+
+    .title-bar {
+        width: 6rpx;
+        height: 30rpx;
+        background-color: #E8101E;
+        margin-right: 7rpx;
+        border-radius: 5rpx;
+    }
+
+    .section-title text {
+        font-size: 36rpx;
+        color: #1D2129;
+        font-weight: 400;
+    }
+
+    .box-cont {
+        background: #ffffff;
+        border-radius: 20rpx;
+        margin-bottom: 24rpx;
+        margin-left: 8rpx;
+        margin-right: 8rpx;
+        box-shadow: none;
+    }
+
+    .form-item {
+        padding: 24rpx;
+    }
+
+    .label {
+        display: block;
+        font-size: 28rpx;
+        color: #333333;
+        font-weight: 500;
+    }
+
+    .required::before {
+        content: '*';
+        color: #FF0000;
+        margin-right: 4rpx;
+    }
+
+    .upload-box {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        height: 160rpx;
+        border-radius: 20rpx;
+    }
+
+    .upload-placeholder {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+    }
+
+    .upload-icon {
+        width: 120rpx;
+        height: 120rpx;
+    }
+
+    .logo-image {
+        width: 120rpx;
+        height: 120rpx;
+        border-radius: 20rpx;
+    }
+
+    .form-item-one {
+        display: flex;
+        align-items: center;
+        padding: 24rpx;
+    }
+
+    .label-wrapper {
+        display: inline-flex;
+        align-items: center;
+        transform: translateY(4rpx);
+    }
+
+    .label {
+        font-size: 28rpx;
+        color: #333333;
+        font-weight: 500;
+        line-height: 1;
+    }
+
+    .label-icon {
+        width: 26rpx;
+        height: 26rpx;
+        margin-left: 8rpx;
+        align-items: center;
+    }
+
+    .form-item-two {
+        display: flex;
+        align-items: flex-start;
+        justify-content: space-between;
+        padding: 24rpx;
+
+        .label {
+            transform: translateY(4rpx);
+        }
+
+    }
+
+    /* 左侧标签：固定宽度，不换行 */
+    .form-item-two>text.label {
+        flex-shrink: 0;
+        font-size: 28rpx;
+        color: #333333;
+        font-weight: 500;
+    }
+
+    .input {
+        flex: 1;
+        font-size: 28rpx;
+        color: #333333;
+        text-align: right;
+    }
+
+    .placeholder {
+        color: #999999;
+    }
+
+    .picker-content {
+        flex: 1;
+        display: flex;
+        align-items: center;
+        /* justify-content: center; */
+        gap: 16rpx;
+        word-break: break-all;
+    }
+
+    .picker-value,
+    .placeholder {
+        flex: 1;
+        /* 占据剩余宽度 */
+        text-align: right;
+        /* 文字右对齐 */
+        font-size: 28rpx;
+        word-break: break-all;
+        white-space: normal;
+        line-height: 1.4;
+    }
+
+    .arrow-right {
+        width: 14rpx;
+        height: 26rpx;
+        flex-shrink: 0;
+        /* margin-left: 16rpx; */
+    }
+
+    .bottom-actions {
+        position: fixed;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        padding: 0rpx 24rpx 40rpx 24rpx;
+        background: #ffffff;
+        z-index: 100;
+    }
+
+    .action-btn {
+        height: 88rpx;
+        border-radius: 43rpx;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 32rpx;
+        font-weight: 400;
+        margin-top: 20rpx;
+    }
+
+    .change-info-btn,
+    .view-change-btn,
+    .resubmit-btn {
+        background: linear-gradient(180deg, #f52540 0%, #e8101e 100%);
+    }
+
+    .action-buttons-row {
+        display: flex;
+        justify-content: space-between;
+        margin: 0 30rpx;
+    }
+
+    .action-buttons-row .action-btn {
+        width: 270rpx;
+    }
+
+    .cancel-btn {
+        background: #E5E5E5;
+        border-radius: 43rpx;
+        padding: 0 15rpx;
+    }
+
+    .submit-btn {
+        background: linear-gradient(180deg, #F52540 0%, #E8101E 100%, #E8101E 100%);
+        border-radius: 43rpx;
+        padding: 0 15rpx;
+    }
+
+    .btn-text {
+        font-family: PingFangSC, PingFang SC;
+        font-weight: 400;
+        font-size: 36rpx;
+        color: #FFFFFF;
+        line-height: 50rpx;
+        text-align: left;
+        font-style: normal;
+    }
+
+    .cancel-text {
+        color: #666666;
+    }
+
+    .popup {
+        position: fixed;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        z-index: 999;
+        visibility: hidden;
+        opacity: 0;
+        transition: all 0.3s ease;
+    }
+
+    .popup.show {
+        visibility: visible;
+        opacity: 1;
+    }
+
+    .popup-mask {
+        position: fixed;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        background-color: rgba(0, 0, 0, 0.5);
+    }
+
+    .popup-content {
+        position: relative;
+        background-color: #FFFFFF;
+        border-radius: 24rpx 24rpx 0 0;
+        padding: 32rpx;
+        transform: translateY(100%);
+        transition: transform 0.3s ease;
+    }
+
+    .popup.show .popup-content {
+        transform: translateY(0);
+    }
+
+    .popup-header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        margin-bottom: 20rpx;
+    }
+
+    .popup-title {
+        font-size: 32rpx;
+        color: #333333;
+        font-weight: 500;
+    }
+
+    .popup-close {
+        font-size: 40rpx;
+        color: #999999;
+        padding: 16rpx;
+    }
+
+    .region-body {
+        height: 400rpx;
+    }
+
+    .picker-scroll {
+        height: 400rpx;
+    }
+
+    .picker-item {
+        height: 68rpx;
+        line-height: 68rpx;
+        text-align: center;
+    }
+
+    .popup-footer {
+        display: flex;
+        margin-top: 32rpx;
+    }
+
+    .popup-btn {
+        flex: 1;
+        height: 88rpx;
+        border-radius: 44rpx;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin: 0 16rpx;
+    }
+
+    .popup-btn.cancel {
+        background-color: #F5F5F5;
+    }
+
+    .popup-btn.confirm {
+        background: linear-gradient(180deg, #f52540 0%, #e8101e 100%);
+    }
+
+    .popup-btn .btn-text {
+        font-size: 32rpx;
+        font-weight: 500;
+    }
+
+    .popup-btn.cancel .btn-text {
+        color: #666666;
+    }
+
+    .popup-btn.confirm .btn-text {
+        color: #FFFFFF;
+    }
+
+    .tip-popup {
+        position: fixed;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        z-index: 1000;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        visibility: hidden;
+        opacity: 0;
+        transition: all 0.3s ease;
+    }
+
+    .tip-popup.show {
+        visibility: visible;
+        opacity: 1;
+    }
+
+    .tip-popup-mask {
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        background-color: rgba(0, 0, 0, 0.5);
+    }
+
+    .tip-popup-content {
+        position: relative;
+        width: 620rpx;
+        height: 810rpx;
+    }
+
+    .tip-popup-bg {
+        width: 620rpx;
+        height: 810rpx;
+        position: absolute;
+        top: 0;
+        left: 0;
+    }
+
+    .tip-popup-body {
+        position: relative;
+        flex-direction: column;
+        padding: 80rpx 20rpx 40rpx 20rpx;
+        box-sizing: border-box;
+    }
+
+    .tip-title {
+        font-size: 36rpx;
+        font-weight: bold;
+        color: #333;
+        text-align: center;
+        margin-top: 107rpx;
+        margin-bottom: 37rpx;
+    }
+
+    .tip-image-container {
+        align-items: center;
+        justify-content: center;
+        margin-bottom: 50rpx;
+    }
+
+    .tip-image.store_logo {
+        width: 582rpx;
+        height: 327rpx;
+        margin-right: 0;
+        margin-left: -15rpx;
+    }
+
+    .tip-image.store_name {
+        width: 627rpx;
+        height: 327rpx;
+        margin-left: 13rpx;
+    }
+
+    .tip-buttons {
+        display: flex;
+        justify-content: space-between;
+        padding: 0 28rpx;
+    }
+
+    .tip-btn {
+        width: 250rpx;
+        height: 80rpx;
+        border-radius: 40rpx;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 32rpx;
+        font-weight: 500;
+    }
+
+    .tip-btn.cancel {
+        border: #E8101E 2rpx solid;
+        background-color: transparent;
+        color: #e8101e;
+    }
+
+    .tip-btn.confirm {
+        background: linear-gradient(180deg, #f52540 0%, #e8101e 100%);
+        color: #FFFFFF;
+    }
+
+    .tip-btn .btn-text {
+        color: inherit;
+    }
+
+    .permission.transform {
+        top: calc(var(--status-bar-height) + 88rpx + 20rpx);
+        opacity: 1;
+        visibility: visible;
+    }
 </style>
\ No newline at end of file