引用元素表搜索框布局

src/views/manager/projectinfo/qutediaolog/qute.vue

@@ -18,12 +18,14 @@
             v-model="obj"
             :page.sync="page"
             @on-load="quteonLoad"
-            @search-change="searchChange" 
-            @search-reset="resetChange"
             @selection-change="selectionChange"
-            ref="crud"
-
-            ></avue-crud>
+            ref="crud">
+              <template slot="menuLeft" slot-scope="{size}">
+                     <el-input placeholder="请输入你想搜索的表单名称" v-model="input3" :size="size"  clearable>
+                         <i  class="el-icon-search" slot="append" @click="searchChange"></i>
+                    </el-input>
+              </template>
+            </avue-crud>
         </el-main>
         </el-container>
         <span slot="footer" class="dialog-footer">
@@ -38,6 +40,7 @@ import {tabTypeLazyTreeAll,projecttabInfo} from "@/api/manager/wbsprivate";
 export default {
     data() {
       return {
+        input3:'',
         dialogVisible:false,
         obj: {},
         treeData:[],
@@ -58,8 +61,8 @@ export default {
           height: 'auto',
           calcHeight: 30,
           tip: false,
-          searchShow:true,
-          searchMenuSpan: 6,
+          searchShow:false,
+         
           border: true,
           index: true,
           viewBtn: false,
@@ -74,12 +77,8 @@ export default {
           {
             label: "元素表名称",
             prop: "title",
-            search: true,
             editDisplay: false,
             addDisplay: false,
-            searchPlaceholder:'请输入元素表名称',
-            searchSpan:18,
-            searchLabelWidth:100,
           },
           {
             label: "元素表类型",
@@ -182,13 +181,15 @@ export default {
         this.$refs.crud.toggleSelection();
       },
       //搜索
-    searchChange(params,done){
-     if(this.treeId){
-         this.tabTypeLazyTreeAll(this.treeId, this.page.current,this.page.size,params.title).then((res)=>{
+    searchChange(){
+      if(this.treeId){
+       this.tabTypeLazyTreeAll(this.treeId, this.page.current,this.page.size,this.input3).then((res)=>{
           this.loadData=res.records
           this.page.total=res.total
-           done()
+          
         })
+      }else{
+         this.$message.warning("请先选择左侧节点");  
       }
      
     },
@@ -256,6 +257,8 @@ export default {
 }
 </script>
 
-<style>
-
+<style  scoped lang="scss">
+/deep/.avue-crud__left{
+  width: 75% !important;
+}
 </style>