修改

src/models/select-warehouse-dialog/select-warehouse-dialog.vue

@@ -1,55 +1,57 @@
 <template>
-    <up-popup :show="show" mode="right" @close="close">
-        <view class="w-680 p-rtv" style="height: 100vh">
-            <z-paging ref="paging" v-model="list" bgColor="#fff" :fixed="false" @query="query" safe-area-inset-bottom>
-                <template #top>
-                    <up-navbar :fixed="false" border>
-                        <template #left>
-                            <view class="f-s-34 c-#333 f-w-500">{{ title }}</view>
-                        </template>
-                    </up-navbar>
-                </template>
-                <template>
-                    <view>
-                        <template v-for="item in list" :key="item?.id">
-                            <view @click="expandeds[item?.id] = !expandeds[item?.id]" class="pd-24 d-flex bg-#f7f7f7 btn-row-box a-c">
-                                <view>
-                                    <up-checkbox :label="item?.warehouseName" iconSize="36rpx" v-model:checked="aloneCheckeds[item.id]" labelSize="28rpx" name="agree" usedAlone> </up-checkbox>
+    <root-portal>
+        <up-popup :show="show" mode="right" @close="close">
+            <view class="w-680 p-rtv" style="height: 100vh">
+                <z-paging ref="paging" v-model="list" bgColor="#fff" :fixed="false" @query="query" safe-area-inset-bottom>
+                    <template #top>
+                        <up-navbar :fixed="false" border>
+                            <template #left>
+                                <view class="f-s-34 c-#333 f-w-500">{{ title }}</view>
+                            </template>
+                        </up-navbar>
+                    </template>
+                    <template>
+                        <view>
+                            <template v-for="item in list" :key="item?.id">
+                                <view @click="expandeds[item?.id] = !expandeds[item?.id]" class="pd-24 d-flex bg-#f7f7f7 btn-row-box a-c">
+                                    <view>
+                                        <up-checkbox :label="item?.warehouseName" iconSize="36rpx" v-model:checked="aloneCheckeds[item.id]" labelSize="28rpx" name="agree" usedAlone> </up-checkbox>
+                                    </view>
+                                    <view class="flex1 ov-hd j-ed d-flex">
+                                        <up-icon size="30rpx" color="#333" name="arrow-down"></up-icon>
+                                    </view>
                                 </view>
-                                <view class="flex1 ov-hd j-ed d-flex">
-                                    <up-icon size="30rpx" color="#333" name="arrow-down"></up-icon>
-                                </view>
-                            </view>
-                            <view v-show="expandeds[item?.id]" class="pd4-12-24-12-60">
-                                <SelectShelvesInput :warehouseId="item.id" :warehouseName="item.warehouseName" :expandeds="expandeds" @changeIdNameMap="changeIdNameMap">
-                                    <template #default="{ list }">
-                                        <template v-for="(sitem, index) in list" :key="sitem?.id">
-                                            <view class="pd2-6-12">
-                                                <up-checkbox :label="sitem?.shelvesName" iconSize="36rpx" v-model:checked="aloneCheckeds[item.id + '-' + sitem.id]" labelSize="28rpx" name="agree" usedAlone></up-checkbox>
-                                            </view>
+                                <view v-show="expandeds[item?.id]" class="pd4-12-24-12-60">
+                                    <SelectShelvesInput :warehouseId="item.id" :warehouseName="item.warehouseName" :expandeds="expandeds" @changeIdNameMap="changeIdNameMap">
+                                        <template #default="{ list }">
+                                            <template v-for="(sitem, index) in list" :key="sitem?.id">
+                                                <view class="pd2-6-12">
+                                                    <up-checkbox :label="sitem?.shelvesName" iconSize="36rpx" v-model:checked="aloneCheckeds[item.id + '-' + sitem.id]" labelSize="28rpx" name="agree" usedAlone></up-checkbox>
+                                                </view>
+                                            </template>
                                         </template>
-                                    </template>
-                                </SelectShelvesInput>
-                            </view>
-                        </template>
-                    </view>
-                </template>
-                <!-- 空数据处理 -->
-                <template #empty>
-                    <ut-empty class="mg-at" size="28rpx" color="#999" padding="10rpx">
-                        <view>暂未设置细分库房，如由需要， </view>
-                        <view>可前往<span class="c-primary">仓储-库房管理</span>里进行设置 </view>
-                    </ut-empty>
-                </template>
-                <template #bottom>
-                    <view class="pd-24 bg-#fff d-flex">
-                        <up-button @click="close" class="mr-30" color="#F2F2F2" style="color: #333">取消</up-button>
-                        <up-button @click="confirmSelection" type="primary">确认选择</up-button>
-                    </view>
-                </template>
-            </z-paging>
-        </view>
-    </up-popup>
+                                    </SelectShelvesInput>
+                                </view>
+                            </template>
+                        </view>
+                    </template>
+                    <!-- 空数据处理 -->
+                    <template #empty>
+                        <ut-empty class="mg-at" size="28rpx" color="#999" padding="10rpx">
+                            <view>暂未设置细分库房，如由需要， </view>
+                            <view>可前往<span class="c-primary">仓储-库房管理</span>里进行设置 </view>
+                        </ut-empty>
+                    </template>
+                    <template #bottom>
+                        <view class="pd-24 bg-#fff d-flex">
+                            <up-button @click="close" class="mr-30" color="#F2F2F2" style="color: #333">取消</up-button>
+                            <up-button @click="confirmSelection" type="primary">确认选择</up-button>
+                        </view>
+                    </template>
+                </z-paging>
+            </view>
+        </up-popup>
+    </root-portal>
 </template>
 <script setup lang="ts">
 import { useClientRequest } from '@/utils/request';
@@ -102,7 +104,7 @@ const query = async (pageNum: number, pageSize: number) => {
     paging.value?.complete(rows);
 };
 // 根据id获取名称的对象
-const idNameMap = reactive<{ [key: string]: { warehouseName?: string, shelvesName?: string, warehouseId?: string, shelfId?: string } }>({});
+const idNameMap = reactive<{ [key: string]: { warehouseName?: string; shelvesName?: string; warehouseId?: string; shelfId?: string } }>({});
 const confirmSelection = () => {
     console.log(aloneCheckeds);
     console.log(idNameMap);
@@ -125,29 +127,33 @@ const confirmSelection = () => {
     emit('confirm', values);
     close();
 };
-const changeIdNameMap = (map: { [key: string]: { shelvesName: string, warehouseName: string } }) => {
+const changeIdNameMap = (map: { [key: string]: { shelvesName: string; warehouseName: string } }) => {
     Object.assign(idNameMap, map);
 };
 const close = () => {
     emit('update:show', false);
 };
-watch(() => props.modelValue, (val) => {
-    // 初始化选中状态
-    Object.keys(aloneCheckeds).forEach((key) => {
-        delete aloneCheckeds[key];
-    });
-    val.forEach((item: any) => {
-        // warehouseId-shelfId warehouseName or warehouseId shelvesName
-        expandeds[item.warehouseId] = true;
-        aloneCheckeds[item.warehouseId + (item.shelfId ? '-' + item.shelfId : '')] = true;
-        idNameMap[item.warehouseId + (item.shelfId ? '-' + item.shelfId : '')] = {
-            warehouseName: item.warehouseName,
-            shelvesName: item.shelvesName,
-            warehouseId: item.warehouseId,
-            shelfId: item.shelfId,
-        };
-    });
-}, { immediate: true });
+watch(
+    () => props.modelValue,
+    (val) => {
+        // 初始化选中状态
+        Object.keys(aloneCheckeds).forEach((key) => {
+            delete aloneCheckeds[key];
+        });
+        val.forEach((item: any) => {
+            // warehouseId-shelfId warehouseName or warehouseId shelvesName
+            expandeds[item.warehouseId] = true;
+            aloneCheckeds[item.warehouseId + (item.shelfId ? '-' + item.shelfId : '')] = true;
+            idNameMap[item.warehouseId + (item.shelfId ? '-' + item.shelfId : '')] = {
+                warehouseName: item.warehouseName,
+                shelvesName: item.shelvesName,
+                warehouseId: item.warehouseId,
+                shelfId: item.shelfId,
+            };
+        });
+    },
+    { immediate: true },
+);
 </script>
 <style scoped lang="scss">
 .btn-row-box {