首页 图层资源可折叠修改，图斑数据默认不选中修改

src/views/sys/exception/Converge/index.vue

@@ -135,7 +135,7 @@
   };
 
   // 获取图斑面数据
-  const polygonVisibility = ref<String>('visible');
+  const polygonVisibility = ref<String>('none');
 
   const isRootLevel = ref<Boolean>(false);
   async function handlerCheckUserOrgs() {

src/views/sys/exception/mapComponent/layers/index.vue

@@ -1,7 +1,11 @@
 <template>
-    <div class="layer-list-container" >
+    <div :class="`layer-list-container ${openLayer? '': 'layer-list-container-close'}`" >
         <div class="title">
           图层资源
+          <div class="hidden-button" @click="openLayer = !openLayer">
+            <Icon v-if="openLayer" :icon="'ic:outline-unfold-less'" :size="18"/>
+            <Icon v-else :icon="'ic:outline-unfold-more'" :size="18"/>
+          </div>
         </div>
         <div class="layers-container">
           <p class="cate-name">
@@ -75,9 +79,10 @@
     import {getIntersectTif } from '@/api/tiankongdi';
     import { useMessage } from '@/hooks/web/useMessage';
     const { createConfirm, createMessage } = useMessage();
+    import Icon from '@/components/Icon/Icon.vue';
     
     const props = defineProps(["layerInfo"])
-
+    const openLayer = ref(true)
 
 
     const generateUUID = ()=>{
@@ -101,7 +106,7 @@
         { 
             id:"Data",
             name:"图斑数据",
-            checked:true,
+            checked:false,
         },
         {
             id:"Monitor",
@@ -208,13 +213,16 @@
 
 </script>
   <style type="less" scoped>
-  
+  .layer-list-container-close{
+    height: 41px !important;
+  }
   .layer-list-container {
       width: 285px;
       height: 600px;
       background: #041b36;
       position: relative;
       margin-bottom: 20px;
+      transition: 0.5s;
       &::before {
         content: '';
         height: 70%;
@@ -251,6 +259,16 @@
         font-size: 18px;
         font-weight: bold;
         color: #fff;
+        display: flex;
+        justify-content: space-between;
+      }
+      .hidden-button{
+        width: 40px;
+        height: 40px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        cursor: pointer;
       }
       .switch-button {
         float: right;