元素库搜索框重新布局

src/views/manager/wbsinfo/element.vue

@@ -48,8 +48,6 @@
                   v-model="obj"
                   :page.sync="page"
                   @on-load="onLoad"
-                  @search-change="searchChange" 
-                  @search-reset="resetChange"
                   @selection-change="selectionChange"
                   >
 
@@ -71,6 +69,11 @@
                         >编辑表单
                         </el-button>
                   </template>
+                  <template slot="menuLeft" slot-scope="{size}">
+                     <el-input placeholder="请输入你想搜索的表单名称" v-model="input3" :size="size" style="width:600px">
+                         <i  class="el-icon-search" slot="append" @click="searchChange"></i>
+                    </el-input>
+                </template>
                   <template slot-scope="{type,size,row}" slot="menu">
                       <el-button  :size="size" :type="type" @click="distribution(row)">分配节点</el-button>
                       <el-button  :size="size" :type="type" @click="handleEditFormula(row)">公式配置</el-button>
@@ -450,7 +453,6 @@ import FormulaEdit from "@/views/formula/edit.vue";
 import PublicWbs from './PublicWbs.vue'
 import { searchNodeTables, } from "@/api/exctab/excelmodel";
 import { getDictionary } from "@/api/system/dict";
-import { log } from '@antv/g2plot/lib/utils';
 
 export default {
   components:{
@@ -459,6 +461,7 @@ export default {
   },
   data () {
     return {
+      input3:'',
       editElementFormTag:false,//编辑元素
       formDatass: [],
       selectionList:[],
@@ -484,7 +487,7 @@ export default {
           height: 'auto',
           calcHeight: 30,
           tip: false,
-          searchShow:true,
+          searchShow:false,
           searchMenuSpan: 6,
           border: true,
           index: true,
@@ -500,12 +503,10 @@ export default {
           {
             label: "元素表名称",
             prop: "title",
-            search: true,
+            
             editDisplay: false,
             addDisplay: false,
-            searchPlaceholder:'请输入元素表名称',
-            searchSpan:18,
-            searchLabelWidth:100,
+            
           },
           {
             label: "元素表类型",
@@ -653,7 +654,7 @@ export default {
           console.log(node);
            const parentId = (node.level === 0) ? 12345678910 : node.data.id;
          
-          tabTypeLazyTreeAll({parentId}).then(res => {
+          tabTypeLazyTreeAll({parentId,current:1,size:200}).then(res => {
             resolve(res.data.data.records.map(item => {
               return {
                 ...item,
@@ -772,16 +773,17 @@ export default {
       }
     },
         //搜索
-    searchChange(params,done){
+    searchChange(){
+      console.log(this.input3);
      if(this.treeId){
-         this.tabTypeLazyTreeAll(this.treeId, this.page.current,this.page.size,params.title).then((res)=>{
+         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("请选选择左侧节点");
-            done()
+          
       }
      
     },
@@ -1241,4 +1243,7 @@ export default {
   box-sizing: border-box;
   padding-bottom: 10px;
 }
+// /deep/.avue-crud__left{
+//   width: 65% !important;
+// }
 </style>