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

@@ -4,9 +4,28 @@
       <OrganizationIdTree
         class="w-1/6 xl:w-1/5"
         @select="handleSelect"
+        :style="[{ width: !isFold ? '0rem' : '20rem' }]"
+        :class="[!isFold ? 'w-1/4 xl:w-1/1' : 'w-1/4 xl:w-1/5']"
         ref="organizationIdTreeRef"
       />
-      <BasicTable @register="registerTable" class="w-5/6 xl:w-4/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
+        @register="registerTable"
+        class="w-5/6 xl:w-4/5"
+        :class="[!isFold ? 'w-423 xl:w-423' : 'w-5/6 xl:w-4/5']"
+      >
         <template #toolbar>
           <Authority value="api:yt:device:post">
             <a-button type="primary" @click="handleCreate" v-if="authBtn(role)">
@@ -155,7 +174,7 @@
   </div>
 </template>
 <script lang="ts">
-  import { defineComponent, reactive, unref, nextTick } from 'vue';
+  import { defineComponent, reactive, unref, nextTick, ref } from 'vue';
   import { DeviceState, DeviceTypeEnum } from '/@/api/device/model/deviceModel';
   import { BasicTable, useTable, TableAction, TableImg } from '/@/components/Table';
   import { columns, searchFormSchema } from './config/device.data';
@@ -182,7 +201,11 @@
   import { authBtn } from '/@/enums/roleEnum';
   import { useBatchDelete } from '/@/hooks/web/useBatchDelete';
   import { useCopyToClipboard } from '/@/hooks/web/useCopyToClipboard';
-  import { QuestionCircleOutlined } from '@ant-design/icons-vue';
+  import {
+    QuestionCircleOutlined,
+    MenuFoldOutlined,
+    MenuUnfoldOutlined,
+  } from '@ant-design/icons-vue';
   import { Authority } from '/@/components/Authority';
 
   export default defineComponent({
@@ -201,8 +224,12 @@
       QuestionCircleOutlined,
       Popover,
       Authority,
+      MenuFoldOutlined,
+      MenuUnfoldOutlined,
     },
     setup(_) {
+      const isFold = ref(true);
+
       const { createMessage } = useMessage();
       const go = useGo();
       const searchInfo = reactive<Recordable>({});
@@ -314,6 +341,13 @@
           createMessage.success('复制成功~');
         }
       };
+      const changeWidth = (e) => {
+        if (e) {
+          isFold.value = false;
+        } else {
+          isFold.value = true;
+        }
+      };
 
       return {
         registerTable,
@@ -338,6 +372,8 @@
         hasBatchDelete,
         handleDeleteOrBatchDelete,
         handleReload,
+        changeWidth,
+        isFold,
       };
     },
   });