资料填报修改

src/views/data-fill/wbs.vue

@@ -86,7 +86,7 @@
             </HcDrawer>
         </HcCard>
         <div class="hc-layout-box" v-if="wbsTypeTabKey === 'tree'">
-            <div class="hc-layout-left-box" id="wbs-left-tree" :style="'width:' + leftWidth + 'px;'">
+            <div class="hc-layout-left-box" id="wbs-left-tree" :style="'width:' + leftWidth + 'px;'" v-if="true">
                 <div class="hc-project-box">
                     <div class="hc-project-icon-box">
                         <HcIcon name="stack"/>
@@ -151,6 +151,18 @@
                 <div class="horizontal-drag-line" @mousedown="onmousedown"/>
             </div>
             <div class="hc-layout-content-box">
+                <!-- <div  class="hc-layout-content-box-lefticon" v-if="isShowLefticon">  
+                      <el-icon><CaretLeft @click="isHiddenleftbox"  /></el-icon>
+                </div>
+                  <div  class="hc-layout-content-box-righticon" v-else>
+                      <el-icon><CaretRight @click="isShowleftbox" /></el-icon>
+                </div> -->
+                 <div class="hc-arrow-icon hc-layout-content-box-lefticon" v-if="isShowLefticon" @click="isHiddenleftbox">
+                    <HcIcon name="arrow-left" />
+                </div>
+                <div class="hc-arrow-icon hc-layout-content-box-righticon" v-else @click="isShowleftbox">
+                    <HcIcon name="arrow-right" />
+                </div>
                 <HcCard actionUi="text-center">
                     <template #header>
                         <HcTooltip keys="wbs_views_drawings">
@@ -237,7 +249,7 @@
                 </HcCard>
             </div>
         </div>
-
+ 
         <!--上传图纸-->
         <div class="upload-drawing">
             <el-upload :action="action" :accept="accept" :headers="getTokenHeader()" :before-upload="beforeUpload" :on-success="uploadFinish" :on-error="uploadError">
@@ -404,7 +416,7 @@
 </template>
 
 <script setup>
-import { Warning ,DocumentCopy } from '@element-plus/icons-vue'
+import { Warning ,DocumentCopy,CaretLeft,CaretRight } from '@element-plus/icons-vue'
 import {ref,watch,onMounted} from "vue";
 import {useRouter, useRoute} from 'vue-router'
 import {useAppStore} from "~src/store";
@@ -1430,8 +1442,21 @@ const divisionClick = () => {
         path: '/data-fill/division'
     })
 }
+const isShowLefticon=ref(true)
+//
+const isShowleftbox = () => {
+    let item = document.getElementById("wbs-left-tree");
+    item.style.display="block"
+    isShowLefticon.value=true
+}
 
-
+const isHiddenleftbox = () => {
+    let item = document.getElementById("wbs-left-tree");
+    item.style.display="none"
+    isShowLefticon.value=false
+    
+    
+}
 //左右拖动，改变树形结构宽度
 const leftWidth = ref(382);
 const onmousedown = () => {
@@ -1542,4 +1567,46 @@ html.theme-dark {
     height: 100%;
     width: 100%;
 }
+.hc-layout-content-box{
+    position: relative;
+}
+.hc-layout-content-box-lefticon {
+    position: absolute;
+    left: -28px;
+    top:50%;
+    z-index: 1000;
+    font-size: 50px;
+      color: var(--el-color-primary);
+      cursor:pointer;
+    // float: left;
+   
+}
+.hc-layout-content-box-righticon {
+    position: absolute;
+    left: -28px;
+    top:50%;
+    z-index: 1001;
+     font-size: 50px;
+     color: var(--el-color-primary);
+     cursor:pointer;
+    // float: left;
+   
+}
+.hc-arrow-icon {
+    width: 28px;
+    height: 28px;
+    display: flex;
+    font-size: 20px;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    transition: color 0.2s;
+    border-radius: 50%;
+  
+    box-shadow: var(--hc-shadow);
+        background:var(--el-color-primary-light-9);
+    &:hover {
+        color: var(--el-color-primary);
+    }
+}
 </style>