排班日历增加筛选

src/views/mes/cal/calendar/team.vue

@@ -2,6 +2,10 @@
       <div class="app-container">
           <el-container class="el-container-cal">
                   <el-aside width="200px" class="el-aside-cal">
+                        <el-input
+                        placeholder="请输入车间名称"
+                        v-model="filterText">
+                        </el-input>
                         <el-tree :data="teamList" :props="defaultProps" :expand-on-click-node="false" class="el-tree-pro" highlight-current node-key="id"
                           :filter-node-method="filterNode" ref="tree" :default-expanded-keys="defaultExpandedKeys" @node-click="onSelected" >
                           <span slot-scope="{ data }" :title="data.label"
@@ -64,6 +68,7 @@ export default {
                     label: "label",
                   },
                   selectRow: {},
+                  filterText: null,
                   date: new Date(),
                   teamList: [], //所有的班组
                   holidayList:[],//假日
@@ -90,6 +95,9 @@ export default {
                     }
                     this.getList(type);
                   }
+            },
+            filterText (val) {
+                  this.$refs.tree.filter(val)
             }
       },
       created() {
@@ -205,6 +213,11 @@ export default {
         overflow: hidden;
         text-overflow: ellipsis;
       }
+      .el-aside-cal .el-tree {
+            max-height: calc(700px - 46px);
+            overflow: auto;
+            padding-top: 10px;
+      }
       .grid-content{
             padding: 5px 0;
       }