fix：pc端 修改组态管理左侧组织显示隐藏

@@ -5,12 +5,29 @@
         class="w-1/4 xl:w-1/5"
         class="w-1/4 xl:w-1/5"
         @select="handleSelect"
         @select="handleSelect"
         ref="organizationIdTreeRef"
         ref="organizationIdTreeRef"
+        style="position: relative"
+        :style="[{ width: !isFold ? '0rem' : '20rem' }]"
+        :class="[!isFold ? 'w-1/4 xl:w-1/1' : 'w-1/4 xl:w-1/5']"
       />
       />
+      <div
+        style="position: absolute; top: 1.48rem; left: 6.5rem; cursor: pointer"
+        :style="[{ left: !isFold ? '0.5rem' : '6.5rem' }, { top: !isFold ? '0.8rem' : '1.48rem' }]"
+      >
+        <Tooltip v-if="isFold">
+          <template #title>隐藏组织</template>
+          <MenuFoldOutlined @click="changeWidth(true)" />
+        </Tooltip>
+        <Tooltip v-else>
+          <template #title>打开组织</template>
+          <MenuUnfoldOutlined @click="changeWidth(false)" />
+        </Tooltip>
+      </div>
       <BasicTable
       <BasicTable
         :clickToRowSelect="false"
         :clickToRowSelect="false"
         @register="registerTable"
         @register="registerTable"
         :searchInfo="searchInfo"
         :searchInfo="searchInfo"
         class="w-3/4 xl:w-4/5"
         class="w-3/4 xl:w-4/5"
+        :class="[!isFold ? 'w-3/4 xl:w-7/7' : 'w-3/4 xl:w-4/5']"
       >
       >
         <template #toolbar>
         <template #toolbar>
           <Authority value="api:yt:admin:addConfiguration">
           <Authority value="api:yt:admin:addConfiguration">
@@ -68,7 +85,7 @@
 </template>
 </template>
 
 
 <script lang="ts">
 <script lang="ts">
-  import { defineComponent, reactive, nextTick } from 'vue';
+  import { defineComponent, reactive, nextTick, ref } from 'vue';
   import { BasicTable, useTable, TableAction } from '/@/components/Table';
   import { BasicTable, useTable, TableAction } from '/@/components/Table';
   import { PageWrapper } from '/@/components/Page';
   import { PageWrapper } from '/@/components/Page';
   import { useDrawer } from '/@/components/Drawer';
   import { useDrawer } from '/@/components/Drawer';
@@ -80,9 +97,10 @@
     deleteConfigurationCenter,
     deleteConfigurationCenter,
   } from '/@/api/configuration/center/configurationCenter';
   } from '/@/api/configuration/center/configurationCenter';
   import { useBatchDelete } from '/@/hooks/web/useBatchDelete';
   import { useBatchDelete } from '/@/hooks/web/useBatchDelete';
-
   import { getAppEnvConfig, isDevMode } from '/@/utils/env';
   import { getAppEnvConfig, isDevMode } from '/@/utils/env';
   import { Authority } from '/@/components/Authority';
   import { Authority } from '/@/components/Authority';
+  import { MenuFoldOutlined, MenuUnfoldOutlined } from '@ant-design/icons-vue';
+  import { Tooltip } from 'ant-design-vue';
 
 
   export default defineComponent({
   export default defineComponent({
     components: {
     components: {
@@ -92,8 +110,12 @@
       TableAction,
       TableAction,
       ContactDrawer,
       ContactDrawer,
       Authority,
       Authority,
+      MenuFoldOutlined,
+      MenuUnfoldOutlined,
+      Tooltip,
     },
     },
     setup() {
     setup() {
+      const isFold = ref(true);
       const { VITE_GLOB_CONFIGURATION } = getAppEnvConfig();
       const { VITE_GLOB_CONFIGURATION } = getAppEnvConfig();
       const isDev = isDevMode();
       const isDev = isDevMode();
       const searchInfo = reactive<Recordable>({});
       const searchInfo = reactive<Recordable>({});
@@ -169,6 +191,13 @@
           `${VITE_GLOB_CONFIGURATION}/${isDev ? '?dev=1&' : '?'}configurationId=${record!.id}`
           `${VITE_GLOB_CONFIGURATION}/${isDev ? '?dev=1&' : '?'}configurationId=${record!.id}`
         );
         );
       };
       };
+      const changeWidth = (e) => {
+        if (e) {
+          isFold.value = false;
+        } else {
+          isFold.value = true;
+        }
+      };
       return {
       return {
         searchInfo,
         searchInfo,
         hasBatchDelete,
         hasBatchDelete,
@@ -181,6 +210,8 @@
         registerTable,
         registerTable,
         registerDrawer,
         registerDrawer,
         organizationIdTreeRef,
         organizationIdTreeRef,
+        changeWidth,
+        isFold,
       };
       };
     },
     },
   });
   });