Hooke / jgdl

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
8ee6f649 1 parent d339e101

fix 修改地址选择问题, 层级显示问题修复

Inline Side-by-side
Showing 2 changed files with 14 additions and 12 deletions
...@@ -4,10 +4,9 @@ ...@@ -4,10 +4,9 @@
4 <nut-popup 4 <nut-popup
5 :visible="visible" 5 :visible="visible"
6 position="bottom" 6 position="bottom"
7 - :style="{ height: '85%' }" 7 + :style="{ height: '100%' }"
8 close-icon-position="top-right" 8 close-icon-position="top-right"
9 @close="closeModal" 9 @close="closeModal"
10 - :z-index="9999"
11 > 10 >
12 <view class="address-modal"> 11 <view class="address-modal">
13 <view class="address-modal-header"> 12 <view class="address-modal-header">
...@@ -18,14 +17,6 @@ ...@@ -18,14 +17,6 @@
18 <!-- 省市县选择 --> 17 <!-- 省市县选择 -->
19 <view class="address-section"> 18 <view class="address-section">
20 <text class="address-section-title">选择省市县</text> 19 <text class="address-section-title">选择省市县</text>
21 - <nut-cascader
22 - v-model="selectedAreaCodes"
23 - v-model:visible="showAreaPicker"
24 - :options="areaData"
25 - @change="onAreaChange"
26 - @path-change="onAreaPathChange"
27 - title="请选择省市县"
28 - />
29 <view 20 <view
30 class="area-selector" 21 class="area-selector"
31 @click="showAreaPicker = true" 22 @click="showAreaPicker = true"
...@@ -62,6 +53,16 @@ ...@@ -62,6 +53,16 @@
62 </view> 53 </view>
63 </view> 54 </view>
64 </nut-popup> 55 </nut-popup>
56 +
57 + <!-- 省市县级联选择器 - 放在popup外面避免层级冲突 -->
58 + <nut-cascader
59 + v-model="selectedAreaCodes"
60 + v-model:visible="showAreaPicker"
61 + :options="areaData"
62 + @change="onAreaChange"
63 + @path-change="onAreaPathChange"
64 + title="请选择省市县"
65 + />
65 </view> 66 </view>
66 </template> 67 </template>
67 68
...@@ -344,6 +345,7 @@ const findNodeByCode = (nodes, code) => { ...@@ -344,6 +345,7 @@ const findNodeByCode = (nodes, code) => {
344 .address-modal-content { 345 .address-modal-content {
345 flex: 1; 346 flex: 1;
346 padding: 32rpx; 347 padding: 32rpx;
348 + padding-bottom: 120rpx; // 为底部固定按钮预留空间
347 overflow-y: auto; 349 overflow-y: auto;
348 350
349 .address-section { 351 .address-section {
......
1 <!-- 1 <!--
2 * @Date: 2022-09-19 14:11:06 2 * @Date: 2022-09-19 14:11:06
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2025-08-12 17:05:50 4 + * @LastEditTime: 2025-08-12 17:13:50
5 * @FilePath: /jgdl/src/pages/collectionSettings/index.vue 5 * @FilePath: /jgdl/src/pages/collectionSettings/index.vue
6 * @Description: 收款设置 6 * @Description: 收款设置
7 --> 7 -->
...@@ -109,7 +109,7 @@ ...@@ -109,7 +109,7 @@
109 </nut-popup> 109 </nut-popup>
110 110
111 <!-- 身份信息弹窗 --> 111 <!-- 身份信息弹窗 -->
112 - <nut-popup v-model:visible="showIdentityModal" position="bottom" :style="{ width: '100%', height: '85%' }" 112 + <nut-popup v-model:visible="showIdentityModal" position="bottom" :style="{ width: '100%', height: '100%' }"
113 :close-on-click-overlay="false" closeable close-icon-position="top-right" @close="closeIdentityModal"> 113 :close-on-click-overlay="false" closeable close-icon-position="top-right" @close="closeIdentityModal">
114 <view class="modal-content"> 114 <view class="modal-content">
115 <view class="modal-header"> 115 <view class="modal-header">
......