新主题，先不要发版

src/styles/page/using/query.scss

@@ -242,6 +242,74 @@
                         height: 320px;
                     }
                 }
+                &.gui .hc-card-item-main {
+                    .el-carousel.hc-file-cabinet {
+                        height: 100%;
+                        .el-carousel__container {
+                            height: 100%;
+                        }
+                    }
+                    .hc-file-cabinet-gui {
+                        position: relative;
+                        height: 100%;
+                        display: flex;
+                        padding: 24px;
+                        flex-direction: row;
+                        flex-wrap: wrap;
+                        align-items: center;
+                        align-content: flex-start;
+                        justify-content: flex-start;
+                        .gui-item {
+                            position: relative;
+                            height: 100%;
+                            width: 25%;
+                            display: flex;
+                            align-items: center;
+                            justify-content: center;
+                            .gui-view {
+                                position: relative;
+                                cursor: pointer;
+                                transition: transform .2s;
+                                img {
+                                    width: 100%;
+                                }
+                                .num {
+                                    position: absolute;
+                                    left: 50%;
+                                    top: 13.5%;
+                                    color: white;
+                                    font-weight: bold;
+                                    font-size: 14px;
+                                }
+                                &:hover {
+                                    transform: scale(1.3);
+                                }
+                            }
+                        }
+                        &.hidden {
+                            visibility: hidden;
+                        }
+                    }
+                    //视频
+                    .hc-gui-video {
+                        position: absolute;
+                        height: 100%;
+                        width: 100%;
+                        top: 0;
+                        left: -8%;
+                        z-index: -1;
+                        opacity: 0;
+                        video {
+                            width: 100%;
+                            height: 100%;
+                        }
+                        &.animate__zoomIn {
+                            z-index: 2;
+                            opacity: 1;
+                            animation-duration: 1s;
+                        }
+                    }
+                }
             }
         }
     }
@@ -395,67 +463,9 @@
     }
 }
 
-.hc-file-cabinet-gui {
-    position: relative;
-    height: 100%;
-    display: flex;
-    padding: 24px;
-    flex-direction: row;
-    flex-wrap: wrap;
-    align-items: center;
-    align-content: flex-start;
-    justify-content: flex-start;
-    .gui-item {
-        position: relative;
-        height: 100%;
-        width: 25%;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        .gui-view {
-            position: relative;
-            cursor: pointer;
-            transition: transform .2s;
-            img {
-                width: 100%;
-            }
-            .num {
-                position: absolute;
-                left: 50%;
-                top: 13.5%;
-                color: white;
-                font-weight: bold;
-                font-size: 14px;
-            }
-            &:hover {
-                transform: scale(1.3);
-            }
-        }
-    }
-    &.hidden {
-        visibility: hidden;
-    }
-}
 
-//视频
-.hc-gui-video {
-    position: absolute;
-    height: 100%;
-    width: 100%;
-    top: 0;
-    left: -8%;
-    z-index: -1;
-    opacity: 0;
-    video {
-        width: 100%;
-        height: 100%;
-    }
-    &.animate__zoomIn {
-        z-index: 2;
-        opacity: 1;
-        animation-duration: 1s;
-    }
-}
+
+
 
 .hc-gui-info-drawer {
     position: relative;
@@ -676,9 +686,4 @@
     cursor: pointer;
 }
 
-.el-carousel.hc-file-cabinet {
-    height: 100%;
-    .el-carousel__container {
-        height: 100%;
-    }
-}
+

src/views/using/query.vue

@@ -128,43 +128,39 @@
                                 </hc-card-item>
                             </div>
                         </div>
-                    </hc-tab-card>
-                </hc-body>
-            </div>
-        </div>
-
-        <HcCard style="display:none;">
-            <!-- 档案柜 -->
-            <div v-if="tabKey === 'tab2'" class="hc-gather-card-box gui" :class="isMac ? 'is-mac' : ''">
-                <HcCardItem v-loading="tableLoading" ui="hc-card-item-main">
-                    <el-carousel v-if="guiItemData.length > 0" class="hc-file-cabinet" :autoplay="false" :loop="false" indicator-position="none">
-                        <el-carousel-item v-for="item in guiItemData">
-                            <div class="hc-file-cabinet-gui" :class="isVideoShow ? 'hidden' : ''">
-                                <div v-for="items in item.children" class="gui-item">
-                                    <el-popover
-                                        effect="dark" placement="top" :title="`${items.name}柜`" :width="200"
-                                        :hide-after="0" :offset="-10" :content="items.content"
-                                    >
-                                        <template #reference>
-                                            <div class="gui-view" @click="guiItemClick(items)">
-                                                <img :src="imageViewGui" alt="">
-                                                <span class="num">{{ items.name }}</span>
+                        <div v-if="tabKey === 'tab2'" class="hc-gather-card-table gui" :class="isMac ? 'is-mac' : ''">
+                            <div v-loading="tableLoading" class="hc-card-item-main">
+                                <el-carousel v-if="guiItemData.length > 0" class="hc-file-cabinet" :autoplay="false" :loop="false" indicator-position="none">
+                                    <el-carousel-item v-for="(item, index) in guiItemData" :key="index">
+                                        <div class="hc-file-cabinet-gui" :class="isVideoShow ? 'hidden' : ''">
+                                            <div v-for="(items, indexs) in item.children" :key="indexs" class="gui-item">
+                                                <el-popover
+                                                    effect="dark" placement="top" :title="`${items.name}柜`" :width="200"
+                                                    :hide-after="0" :offset="-10" :content="items.content"
+                                                >
+                                                    <template #reference>
+                                                        <div class="gui-view" @click="guiItemClick(items)">
+                                                            <img :src="imageViewGui" alt="">
+                                                            <span class="num">{{ items.name }}</span>
+                                                        </div>
+                                                    </template>
+                                                </el-popover>
                                             </div>
-                                        </template>
-                                    </el-popover>
+                                        </div>
+                                    </el-carousel-item>
+                                </el-carousel>
+                                <HcNoData v-else />
+                                <div class="hc-gui-video" :class="[isVideoShow ? 'animate__zoomIn' : '']">
+                                    <video ref="videoRef" muted>
+                                        <source src="/gui.mp4" type="video/mp4">
+                                    </video>
                                 </div>
                             </div>
-                        </el-carousel-item>
-                    </el-carousel>
-                    <HcNoData v-else />
-                    <div class="hc-gui-video" :class="[isVideoShow ? 'animate__zoomIn' : '']">
-                        <video ref="videoRef" muted>
-                            <source src="/gui.mp4" type="video/mp4">
-                        </video>
-                    </div>
-                </HcCardItem>
+                        </div>
+                    </hc-tab-card>
+                </hc-body>
             </div>
-        </HcCard>
+        </div>
 
         <!-- 预加载视频 -->
         <video class="hc-preloaded-video" muted autoplay>
@@ -453,7 +449,7 @@
 </template>
 
 <script setup>
-import { nextTick, onMounted, ref, watch } from 'vue'
+import { onMounted, ref, watch } from 'vue'
 import { useAppStore } from '~src/store'
 import MetaTable from '../transfer/components/meta-table.vue'
 import HcMediaMic from './components/media-mic/index.vue'
@@ -949,12 +945,12 @@ const InpageChange = ({ current, size }) => {
 //表头
 const tableRef = ref(null)
 const tableColumn = ref([
-    { key:'fileNumber', name: '档号', width: 100 },
+    { key:'fileNumber', name: '档号', width: 160 },
     { key:'name', name: '题名' },
-    { key:'secretLevelValue', name: '密级', width: 120, align: 'center' },
-    { key:'storageTimeValue', name: '保管期限', width: 120, align: 'center' },
-    { key:'pageN', name: '页数', width: 120, align: 'center' },
-    { key:'unit', name: '立卷单位', width: 140 },
+    { key:'secretLevelValue', name: '密级', width: 90, align: 'center' },
+    { key:'storageTimeValue', name: '保管期限', width: 100, align: 'center' },
+    { key:'pageN', name: '页数', width: 90, align: 'center' },
+    { key:'unit', name: '立卷单位', width: 160 },
     { key:'action', name: '操作', width: 100, align: 'center', fixed: 'right' },
 ])
 const tableData = ref([