From 7398f3c604f1e235adab6b2e9b7ada9aaf77b23c Mon Sep 17 00:00:00 2001
From: danshihao <danshihao@syxysoft.com>
Date: Thu, 10 Oct 2024 16:35:57 +0800
Subject: [PATCH] =?UTF-8?q?[update=20=E8=B5=84=E6=96=99=E4=B8=AD=E5=BF=83]?=
 =?UTF-8?q?=20=E5=B7=A6=E4=BE=A7=E6=8A=98=E5=8F=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/less/common.less                   | 30 +++++++++++++++++++
 .../profileCenter/ProfileCenterList.vue       | 22 ++++++++++----
 2 files changed, 46 insertions(+), 6 deletions(-)

diff --git a/src/assets/less/common.less b/src/assets/less/common.less
index 21af682..17b838c 100644
--- a/src/assets/less/common.less
+++ b/src/assets/less/common.less
@@ -1028,4 +1028,34 @@
 :global(.tooltip-style .ant-tooltip-inner) {
   max-height: 40vh;
   overflow: auto;
+}
+
+// 列表左侧树结构可折叠样式
+.page-left-box {
+  position: relative;
+}
+.page-left-box-hide {
+  width: 0 !important;
+  min-width: 0 !important;
+  padding: 0 !important;
+  border: none !important;
+}
+.control-left-tree-expand {
+  width: 12px;
+  height: 24px;
+  border-radius: 0 12px 12px 0;
+  background-color: @primary-color;
+  color: white;
+  position: absolute;
+  z-index: 3;
+  left: 100%;
+  top: calc(50% - 52px);
+
+  .anticon {
+    position: absolute;
+    top: 50%;
+    left: -2px;
+    transform: translateY(-50%);
+    cursor: pointer;
+  }
 }
\ No newline at end of file
diff --git a/src/views/standardRegulationLibrary/profileCenter/ProfileCenterList.vue b/src/views/standardRegulationLibrary/profileCenter/ProfileCenterList.vue
index 43c3009..18034d6 100644
--- a/src/views/standardRegulationLibrary/profileCenter/ProfileCenterList.vue
+++ b/src/views/standardRegulationLibrary/profileCenter/ProfileCenterList.vue
@@ -1,11 +1,12 @@
 <template>
   <a-card :bordered="false" class="page-left-right-layout">
     <!--    树部分-->
-    <div class="page-left-box">
-      <a-input-search v-model="treeInput" class="tree-search"
-                      :placeholder="$t('standardRegulationLibrary.foreignStandard.treeSearchPlaceholder')"
-                      @search="handleTreeSearch" />
-      <div class="page-tree-box page-tree-box-has-search">
+    <div class="page-left-box" :class="{'page-left-box-hide': isLeftExpand}">
+      <template v-if="!isLeftExpand">
+        <a-input-search v-model="treeInput" class="tree-search"
+                        :placeholder="$t('standardRegulationLibrary.foreignStandard.treeSearchPlaceholder')"
+                        @search="handleTreeSearch" />
+        <div class="page-tree-box page-tree-box-has-search">
         <a-spin :spinning="treeLoading">
           <a-tree :show-line="true" :show-icon="true" :tree-data="treeData" :selected-keys="selectedTreeKeys">
             <template #title="record">
@@ -60,6 +61,10 @@
           </a-tree>
         </a-spin>
       </div>
+      </template>
+      <div class="control-left-tree-expand" @click="expandLeft">
+        <a-icon :type="isLeftExpand ? 'right' : 'left'" />
+      </div>
     </div>
     <!--    表格部分-->
     <div class="page-right-box">
@@ -229,7 +234,8 @@ export default {
         deleteBatch: '/laws/dataCenter/lawsDataCenterFile/deleteBatch'
       },
       selectedTreeKeys: [], // 选中的树节点key
-      treeLoading: false
+      treeLoading: false,
+      isLeftExpand: false // 是否左侧收齐
     }
   },
   computed: {
@@ -239,6 +245,10 @@ export default {
     this.initTreeData()
   },
   methods: {
+    // 左侧树收起展开
+    expandLeft () {
+      this.isLeftExpand = !this.isLeftExpand
+    },
     /**
      * 获取树数据
      */