[update] 修改UAT问题：外来标准和企标增加左侧树收起展开功能

src/views/enterpriseStandardLibrary/standard/EnterpriseStandardList.vue

@@ -1,6 +1,7 @@
 <template>
   <a-card :bordered="false" class="page-left-right-layout">
-    <div class="page-left-box">
+    <div class="page-left-box" :style="isLeftExpand ? {width: '0px', padding: '0px', borderRight: 'none'} : {}">
+      <template v-if="!isLeftExpand">
         <a-input-search v-model="treeInput"
                         class="tree-search"
                         :placeholder="$t('pleaseEnterTreeSystem')"
@@ -51,6 +52,10 @@
             </a-tree>
           </a-spin>
         </div>
+      </template>
+      <div class="control-standard-left-expand" @click="expandLeft">
+        <a-icon :type="isLeftExpand ? 'right' : 'left'" />
+      </div>
     </div>
     <div class="page-right-box">
       <div class="table-page-search-wrapper">
@@ -265,7 +270,8 @@ export default {
       defaultSearchParams: { // 默认查询条件
         standard_state: `${EnterpriseStandardStatus.CURRENTLY_EFFECTIVE.value}`
       },
-      disabledMixinsCreate: true
+      disabledMixinsCreate: true,
+      isLeftExpand: false // 是否左侧收齐
     }
   },
   computed: {
@@ -305,6 +311,10 @@ export default {
     this.initTreeData()
   },
   methods: {
+    // 左侧树收起展开
+    expandLeft () {
+      this.isLeftExpand = !this.isLeftExpand
+    },
     // 获取左侧树数据
     initTreeData (params, isPackUpExpand = true) {
       this.treeLoading = true
@@ -845,4 +855,27 @@ export default {
 .icon-star {
   color: rgba(243, 129, 65, 0.50);
 }
+
+.page-left-box {
+  position: relative;
+}
+.control-standard-left-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;
+  }
+}
 </style>

src/views/standardRegulationLibrary/foreignStandard/ForeignStandardList.vue

@@ -1,7 +1,8 @@
 <template>
   <a-card :bordered="false" class="page-left-right-layout">
     <!--    树部分-->
-    <div class="page-left-box">
+    <div class="page-left-box" :style="isLeftExpand ? {width: '0px', padding: '0px', borderRight: 'none'} : {}">
+      <template v-if="!isLeftExpand">
         <a-input-search v-model="treeInput" class="tree-search"
                         :placeholder="$t('standardRegulationLibrary.foreignStandard.treeSearchPlaceholder')"
                         @search="handleTreeSearch" />
@@ -55,6 +56,10 @@
             </a-tree>
           </a-spin>
         </div>
+      </template>
+      <div class="control-standard-left-expand" @click="expandLeft">
+        <a-icon :type="isLeftExpand ? 'right' : 'left'" />
+      </div>
     </div>
     <!--    表格部分-->
     <div class="page-right-box">
@@ -313,7 +318,8 @@ export default {
       treeLoading: false,
       isCollection: false,
       expandedKeys: [], // 展开的节点
-      needFilterTableBtn: true
+      needFilterTableBtn: true,
+      isLeftExpand: false // 是否左侧收齐
     }
   },
   computed: {
@@ -326,6 +332,10 @@ export default {
     this.initTreeData()
   },
   methods: {
+    // 左侧树收起展开
+    expandLeft () {
+      this.isLeftExpand = !this.isLeftExpand
+    },
     /**
      * 获取树数据
      */
@@ -828,4 +838,27 @@ export default {
 .icon-star {
   color: rgba(243, 129, 65, 0.50);
 }
+
+.page-left-box {
+  position: relative;
+}
+.control-standard-left-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;
+  }
+}
 </style>