fix：移除之前写的组织列表显示和隐藏

@@ -9,20 +9,8 @@
         :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
+        style="flex: auto"
         @register="registerTable"
         :searchInfo="searchInfo"
         class="w-3/4 xl:w-4/5"
@@ -106,7 +94,7 @@
   import { useResetOrganizationTree, OrganizationIdTree } from '/@/views/common/organizationIdTree';
   import { deleteAlarmConfig, queryAlarmConfig } from '/@/api/alarm/config/alarmConfig';
   import { searchFormSchema, columns } from './config.data';
-  import { Modal, Tooltip } from 'ant-design-vue';
+  import { Modal } from 'ant-design-vue';
   import { JsonPreview } from '/@/components/CodeEditor';
   import { findDictItemByCode } from '/@/api/system/dict';
   import { alarmContactGetPage } from '/@/api/device/deviceConfigApi';
@@ -115,7 +103,6 @@
   import { putAlarmConfigStatus } from '/@/api/alarm/config/alarmConfig';
   import { useMessage } from '/@/hooks/web/useMessage';
   import { Authority } from '/@/components/Authority';
-  import { MenuFoldOutlined, MenuUnfoldOutlined } from '@ant-design/icons-vue';
 
   export default defineComponent({
     components: {
@@ -126,9 +113,6 @@
       ContactDrawer,
       Switch,
       Authority,
-      MenuFoldOutlined,
-      MenuUnfoldOutlined,
-      Tooltip,
     },
     setup() {
       const isFold = ref(true);

@@ -9,20 +9,8 @@
         @select="handleSelect"
         ref="organizationIdTreeRef"
       />
-      <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
+        style="flex: auto"
         @register="registerTable"
         :searchInfo="searchInfo"
         class="w-3/4 xl:w-4/5"
@@ -82,8 +70,6 @@
   import { getAlarmContact, deleteAlarmContact } from '/@/api/alarm/contact/alarmContact';
   import { searchFormSchema, columns } from './config.data';
   import { Authority } from '/@/components/Authority';
-  import { MenuFoldOutlined, MenuUnfoldOutlined } from '@ant-design/icons-vue';
-  import { Tooltip } from 'ant-design-vue';
 
   export default defineComponent({
     components: {
@@ -93,9 +79,6 @@
       TableAction,
       ContactDrawer,
       Authority,
-      MenuFoldOutlined,
-      MenuUnfoldOutlined,
-      Tooltip,
     },
     setup() {
       const isFold = ref(true);

@@ -9,20 +9,8 @@
         :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
+        style="flex: auto"
         :clickToRowSelect="false"
         @register="registerTable"
         :searchInfo="searchInfo"
@@ -104,8 +92,6 @@
   import { useModal } from '/@/components/Modal';
   import { Authority } from '/@/components/Authority';
   import { useBatchDelete } from '/@/hooks/web/useBatchDelete';
-  import { MenuFoldOutlined, MenuUnfoldOutlined } from '@ant-design/icons-vue';
-  import { Tooltip } from 'ant-design-vue';
 
   export default defineComponent({
     components: {
@@ -117,9 +103,6 @@
       VideoPreviewModal,
       TableImg,
       Authority,
-      MenuFoldOutlined,
-      MenuUnfoldOutlined,
-      Tooltip,
     },
     setup() {
       const isFold = ref(true);

 <template>
-  <div class="bg-white m-4 mr-0 overflow-hidden">
+  <div :style="foldIconStyle">
+    <Tooltip v-if="isFold">
+      <template #title>隐藏组织</template>
+      <MenuFoldOutlined @click="changeWidth(true)" />
+    </Tooltip>
+    <Tooltip v-else>
+      <template #title>打开组织</template>
+      <MenuUnfoldOutlined @click="changeWidth(false)" />
+    </Tooltip>
+  </div>
+  <div v-show="isFold" class="bg-white m-4 mr-0 overflow-hidden">
     <BasicTree
-      v-if="treeData.length > 0"
       title="组织列表"
       toolbar
       search
@@ -15,13 +24,39 @@
   </div>
 </template>
 <script lang="ts" setup name="OrganizationIdTree">
-  import { onMounted, ref } from 'vue';
+  import { onMounted, ref, unref } from 'vue';
   import { BasicTree, TreeItem } from '/@/components/Tree';
   import { getOrganizationList } from '/@/api/system/system';
+  import { MenuFoldOutlined, MenuUnfoldOutlined } from '@ant-design/icons-vue';
+  import { computed } from '@vue/reactivity';
   const emit = defineEmits(['select']);
   const treeData = ref<TreeItem[]>([]);
   const selectedKeys = ref<string[]>();
   const treeExpandData = ref([]);
+
+  const isFold = ref(false);
+
+  const changeWidth = (e) => {
+    if (e) {
+      isFold.value = false;
+    } else {
+      isFold.value = true;
+    }
+  };
+
+  const foldIconStyle = computed(() => {
+    return unref(isFold)
+      ? {
+          padding: '22px 0 0 16px',
+          position: 'absolute',
+          left: '85px',
+          lineHeight: '24px',
+        }
+      : {
+          padding: '22px 0 0 16px',
+        };
+  });
+
   //获取所有父级id
   function findForAllId(data = [], arr = []) {
     for (const item of data) {

@@ -9,20 +9,8 @@
         :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
+        style="flex: auto"
         :clickToRowSelect="false"
         @register="registerTable"
         :searchInfo="searchInfo"
@@ -99,8 +87,6 @@
   import { useBatchDelete } from '/@/hooks/web/useBatchDelete';
   import { getAppEnvConfig, isDevMode } from '/@/utils/env';
   import { Authority } from '/@/components/Authority';
-  import { MenuFoldOutlined, MenuUnfoldOutlined } from '@ant-design/icons-vue';
-  import { Tooltip } from 'ant-design-vue';
 
   export default defineComponent({
     components: {
@@ -110,9 +96,6 @@
       TableAction,
       ContactDrawer,
       Authority,
-      MenuFoldOutlined,
-      MenuUnfoldOutlined,
-      Tooltip,
     },
     setup() {
       const isFold = ref(true);

@@ -8,20 +8,8 @@
         :class="[!isFold ? 'w-1/4 xl:w-1/1' : 'w-1/4 xl:w-1/5']"
         ref="organizationIdTreeRef"
       />
-      <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
+        style="flex: auto"
         @register="registerTable"
         class="w-5/6 xl:w-4/5"
         :class="[!isFold ? 'w-423 xl:w-423' : 'w-5/6 xl:w-4/5']"
@@ -201,11 +189,7 @@
   import { authBtn } from '/@/enums/roleEnum';
   import { useBatchDelete } from '/@/hooks/web/useBatchDelete';
   import { useCopyToClipboard } from '/@/hooks/web/useCopyToClipboard';
-  import {
-    QuestionCircleOutlined,
-    MenuFoldOutlined,
-    MenuUnfoldOutlined,
-  } from '@ant-design/icons-vue';
+  import { QuestionCircleOutlined } from '@ant-design/icons-vue';
   import { Authority } from '/@/components/Authority';
 
   export default defineComponent({
@@ -224,8 +208,6 @@
       QuestionCircleOutlined,
       Popover,
       Authority,
-      MenuFoldOutlined,
-      MenuUnfoldOutlined,
     },
     setup(_) {
       const isFold = ref(true);

@@ -9,20 +9,8 @@
         :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
+        style="flex: auto"
         :clickToRowSelect="false"
         @register="registerTable"
         class="w-3/4 xl:w-4/5"
@@ -113,8 +101,6 @@
   import { useGo } from '/@/hooks/web/usePage';
   import { useBatchDelete } from '/@/hooks/web/useBatchDelete';
   import { Authority } from '/@/components/Authority';
-  import { MenuFoldOutlined, MenuUnfoldOutlined } from '@ant-design/icons-vue';
-  import { Tooltip } from 'ant-design-vue';
 
   export default defineComponent({
     name: 'AccountManagement',
@@ -126,9 +112,6 @@
       TableAction,
       Tag,
       Authority,
-      MenuFoldOutlined,
-      MenuUnfoldOutlined,
-      Tooltip,
     },
     setup() {
       const isFold = ref(true);