From bdc40e89259dc5e2de035e54e3476d7ed5626357 Mon Sep 17 00:00:00 2001
From: liupeng <511646242@qq.com>
Date: Tue, 20 May 2025 17:27:04 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E6=B7=BB=E5=8A=A0close?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ModelMain.less | 11 +++++++++++
 src/views/ModelMain.vue  | 24 +++++++++++++++++++++---
 2 files changed, 32 insertions(+), 3 deletions(-)

diff --git a/src/views/ModelMain.less b/src/views/ModelMain.less
index d69e24d..c7ea483 100644
--- a/src/views/ModelMain.less
+++ b/src/views/ModelMain.less
@@ -116,6 +116,17 @@
           line-height: 35px;
           padding:0 0 0 10px;
           font-size: 14px;
+          position: relative;
+          .close{
+            position: absolute;
+            right:0;
+            display: inline-flex;
+            padding:10px;
+            cursor:pointer;
+            &:hover{
+              color:var(--el-color-primary)
+            }
+          }
         }
       }
       .section-tabs.el-tabs--card{
diff --git a/src/views/ModelMain.vue b/src/views/ModelMain.vue
index 9c46b6a..8f92237 100644
--- a/src/views/ModelMain.vue
+++ b/src/views/ModelMain.vue
@@ -34,7 +34,9 @@
             <SplitArea v-show="!hideLeft" class="section-left" :class="{'hidden-split':hideLeft}"
                        :size="hideLeft ? 0 : sectionLeftSize">
               <div class="section-item-wrap">
-                <div class="title">{{ sectionLeftTitle }}</div>
+                <div class="title">
+                  {{ sectionLeftTitle }} <span class="close" @click="closeMe('hideLeft')"><component :is="renderIcon('element Close')"></component></span>
+                </div>
               </div>
             </SplitArea>
             <SplitArea class="section-center" :class="{'hidden-split':hideRight}" :size="calcCenterSize">
@@ -85,14 +87,18 @@
             </SplitArea>
             <SplitArea v-show="!hideRight" class="section-right" :size="hideRight ? 0 : sectionRightSize">
               <div class="section-item-wrap">
-                <div class="title">{{ sectionRightTitle }}</div>
+                <div class="title">
+                  {{ sectionRightTitle }}<span class="close" @click="closeMe('hideReft')"><component :is="renderIcon('element Close')"></component></span>
+                </div>
               </div>
             </SplitArea>
           </Split>
         </SplitArea>
         <SplitArea v-show="!hideBottom" :class="['section-bottom']" :size="hideBottom ? 0 : bottomSize" :min-size="0">
           <div class="section-item-wrap">
-            <div class="title">{{ sectionBottomTitle }}</div>
+            <div class="title">
+              {{ sectionBottomTitle }}<span class="close" @click="closeMe('hideBottom')"><component :is="renderIcon('element Close')"></component></span>
+            </div>
           </div>
         </SplitArea>
       </Split>
@@ -219,6 +225,18 @@ export default {
         this.hideBottom = false
         this.sectionBottomTitle = name
       }
+    },
+    closeMe(btn){
+      if(btn==='hideLeft'){
+        this.hideLeft = true
+        this.sectionLeftTitle = ''
+      }else if(btn==='hideRight'){
+        this.hideRight = true
+        this.sectionRightTitle = ''
+      }else if(btn==='hideBottom'){
+        this.hideBottom = true
+        this.sectionBottomTitle = ''
+      }
     }
   }
 }

From 0692e80a3317a644bbd5e2a1a9a142a94cacffea Mon Sep 17 00:00:00 2001
From: liupeng <511646242@qq.com>
Date: Tue, 20 May 2025 17:44:49 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E6=B7=BB=E5=8A=A0search?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ModelMain.less | 12 ++++++++++++
 src/views/ModelMain.vue  | 39 +++++++++++++++++++++++++++++++++++----
 2 files changed, 47 insertions(+), 4 deletions(-)

diff --git a/src/views/ModelMain.less b/src/views/ModelMain.less
index c7ea483..8c45a22 100644
--- a/src/views/ModelMain.less
+++ b/src/views/ModelMain.less
@@ -117,6 +117,11 @@
           padding:0 0 0 10px;
           font-size: 14px;
           position: relative;
+          display: flex;
+          &>.el-input{
+            flex:1;
+            margin:4px 30px 4px 10px;
+          }
           .close{
             position: absolute;
             right:0;
@@ -129,6 +134,13 @@
           }
         }
       }
+      .section-bottom{
+        .section-item-wrap{
+          &>.title >.el-input{
+            flex:none;
+          }
+        }
+      }
       .section-tabs.el-tabs--card{
         height: 100%;
         &>.el-tabs__header{
diff --git a/src/views/ModelMain.vue b/src/views/ModelMain.vue
index 8f92237..c88f98f 100644
--- a/src/views/ModelMain.vue
+++ b/src/views/ModelMain.vue
@@ -35,7 +35,17 @@
                        :size="hideLeft ? 0 : sectionLeftSize">
               <div class="section-item-wrap">
                 <div class="title">
-                  {{ sectionLeftTitle }} <span class="close" @click="closeMe('hideLeft')"><component :is="renderIcon('element Close')"></component></span>
+                  {{ sectionLeftTitle }}
+                  <el-input
+                      v-model="sectionLeftSearch"
+                      style="width: 240px"
+                      placeholder="Search"
+                  >
+                    <template #prefix>
+                      <component :is="renderIcon('element Search')"></component>
+                    </template>
+                  </el-input>
+                  <span class="close" @click="closeMe('hideLeft')"><component :is="renderIcon('element Close')"></component></span>
                 </div>
               </div>
             </SplitArea>
@@ -88,7 +98,17 @@
             <SplitArea v-show="!hideRight" class="section-right" :size="hideRight ? 0 : sectionRightSize">
               <div class="section-item-wrap">
                 <div class="title">
-                  {{ sectionRightTitle }}<span class="close" @click="closeMe('hideReft')"><component :is="renderIcon('element Close')"></component></span>
+                  {{ sectionRightTitle }}
+                  <el-input
+                      v-model="sectionLeftSearch"
+                      style="width: 240px"
+                      placeholder="Search"
+                  >
+                    <template #prefix>
+                      <component :is="renderIcon('element Search')"></component>
+                    </template>
+                  </el-input>
+                  <span class="close" @click="closeMe('hideReft')"><component :is="renderIcon('element Close')"></component></span>
                 </div>
               </div>
             </SplitArea>
@@ -97,7 +117,17 @@
         <SplitArea v-show="!hideBottom" :class="['section-bottom']" :size="hideBottom ? 0 : bottomSize" :min-size="0">
           <div class="section-item-wrap">
             <div class="title">
-              {{ sectionBottomTitle }}<span class="close" @click="closeMe('hideBottom')"><component :is="renderIcon('element Close')"></component></span>
+              {{ sectionBottomTitle }}
+              <el-input
+                  v-model="sectionLeftSearch"
+                  style="width: 240px"
+                  placeholder="Search"
+              >
+                <template #prefix>
+                  <component :is="renderIcon('element Search')"></component>
+                </template>
+              </el-input>
+              <span class="close" @click="closeMe('hideBottom')"><component :is="renderIcon('element Close')"></component></span>
             </div>
           </div>
         </SplitArea>
@@ -144,7 +174,8 @@ export default {
       sectionRightSize: 20,
       sectionLeftTitle: '模型',
       sectionRightTitle: '属性',
-      sectionBottomTitle: '任务'
+      sectionBottomTitle: '任务',
+      sectionLeftSearch:''
     }
   },
   computed: {