111

public/version.json

@@ -1,3 +1,3 @@
 {
-  "value": "20231121170513"
+  "value": "20231121173052"
 }

src/config/data.js

@@ -27,7 +27,7 @@ export default {
             date2:'2023/11/16',
             isWarn: false,
             three3d: '物件_289',
-            pdf: 'https://bladex-chongqing-info.oss-cn-hangzhou.aliyuncs.com//upload/20231121/f756b022583d759cedf617de50ff783f.pdf',
+            pdf: 'https://bladex-chongqing-info.oss-cn-hangzhou.aliyuncs.com//upload/20231121/69490fbb485c71d265c82aa75fffa614.pdf',
         },
         {
             name:'上部结构工程/斜拉桥换索/斜拉桥换索拉索SNA-4',

src/styles/home.scss

@@ -130,6 +130,23 @@
                         }
                     }
                 }
+                .hc-screen-icon-btn {
+                    position: absolute;
+                    right: 10px;
+                    width: 24px;
+                    height: 24px;
+                    cursor: pointer;
+                    bottom: 10px;
+                    color: #007dff;
+                    transition: color .2s;
+                    i {
+                        display: block;
+                        font-size: 24px;
+                    }
+                    &:hover {
+                        color: #01366e;
+                    }
+                }
             }
             .bottom {
                 position: relative;

src/views/index.vue

@@ -14,7 +14,7 @@
             </div>
         </header>
         <main class="hc-main relative">
-            <div class="main-left w-[66%]">
+            <div class="main-left w-[66%]" :class="isFullScreen?'w-full':''">
                 <div class="content flex-1">
                     <div class="hc-border-1" />
                     <div class="hc-border-2" />
@@ -36,6 +36,10 @@
                             </div>
                         </div>
                     </div>
+                    <div class="hc-screen-icon-btn" @click="fullScreenClick">
+                        <i class="i-solar-full-screen-square-linear" v-if="!isFullScreen"/>
+                        <i class="i-solar-quit-full-screen-square-linear" v-else/>
+                    </div>
                 </div>
                 <div class="bottom h-[320px]">
                     <div class="hc-border-1" />
@@ -48,7 +52,7 @@
                     </div>
                 </div>
             </div>
-            <div class="main-right w-[34%]">
+            <div class="main-right w-[34%]" :style="isFullScreen?'display: none;':'display: block;'">
                 <div class="hc-border-1" />
                 <div class="hc-border-2" />
                 <div class="content h-full">
@@ -121,6 +125,12 @@ const viewColumn = (row) => {
     if (isNullES(row.pdf)) return;
     window.open(row.pdf, '_blank')
 }
+
+//全屏
+const isFullScreen = ref(false)
+const fullScreenClick = () => {
+    isFullScreen.value = !isFullScreen.value
+}
 </script>
 
 <style lang="scss">