bug:动态rules报错

src/components/common/dataFileTree/index.vue

@@ -61,10 +61,7 @@
             </el-breadcrumb>
           </div>
           <div class="search" @click="searchFun">
-            <span>搜索</span>
-            <el-icon :size="12">
-              <Search />
-            </el-icon>
+            <el-input v-model="searchData" :suffix-icon="Search" placeholder="搜索" size="small" clearable />
           </div>
         </div>
         <div class="table">
@@ -98,6 +95,7 @@ const treeRef = ref<any>();
 const navList = ref<any>([]);
 const visible = ref(true);
 const isToggleShow = ref(true);
+const searchData = ref<any>('');
 
 watch(() => props.templateId, () => {
   reloadFun();
@@ -297,7 +295,7 @@ defineExpose({
         border-bottom: solid 1px var(--el-border-color-light);
         .menu {
           flex: 1;
-          height: 30px;
+          height: 24px;
           background-color: var(--el-bg-color-page);
           margin-right: 20px;
           border-radius: 4px;
@@ -306,18 +304,11 @@ defineExpose({
           padding: 0 10px;
         }
         .search {
-          width: 200px;
-          height: 30px;
-          background-color: var(--el-bg-color);
+          height: 24px;
           background-color: var(--el-bg-color-page);
           border-radius: 4px;
           display: flex;
           align-items: center;
-          justify-content: space-between;
-          padding: 0 10px;
-          font-size: 14px;
-          color: var(--el-text-color-placeholder);
-          cursor: pointer;
         }
       }
     }