变更归档查询页面修改

src/views/docs/query/index.vue

@@ -217,7 +217,7 @@ const downloadFile = (file:any) => {
                 <Tag v-if="p.supplement" class="border-amber-200 bg-amber-100 px-1 py-0 text-[10px] text-amber-700">补充</Tag>
               </button>
             </template>
-            <template v-else>
+            <div v-else class="scroll-left">
               <div v-for="u in tree" :key="u.unit">
                 <button @click="openUnits[u.unit] = !openUnits[u.unit]"
                   class="flex w-full items-center gap-1.5 rounded-lg px-2 py-1.5 text-left text-xs font-medium hover:bg-slate-50 bg-transparent">
@@ -246,7 +246,7 @@ const downloadFile = (file:any) => {
                   </div>
                 </template>
               </div>
-            </template>
+            </div>
           </div>
           <!-- 右：归档包详情 -->
           <div v-if="sel" class="rounded-lg border col-span-2">
@@ -281,7 +281,7 @@ const downloadFile = (file:any) => {
                 <NButton v-if="!sel.revoked" size="small" class="text-xs" @click="applySupplement">发起归档补充申请</NButton>
               </div>
             </div>
-            <div class="divide-y">
+            <div class="divide-y scroll-right">
               <div v-for="f in selFolders" :key="f.dir">
                 <button @click="openFolders[f.dir] = !openFolders[f.dir]"
                   class="flex w-full items-center gap-2 px-3 py-2 text-left text-xs font-medium hover:bg-slate-50 bg-transparent">
@@ -325,11 +325,11 @@ const downloadFile = (file:any) => {
 </style>
 <style scoped lang="scss">
 .scroll-left {
-  height: calc(100vh - 260px);
+  height: calc(100vh - 365px);
   overflow-y: auto;
 }
 .scroll-right {
-    height: calc(100vh - 280px);
+    height: calc(100vh - 460px);
     overflow-y: auto;
 }
 </style>