添加search

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{

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: {