update 思维导图

src/views/businessSupport/standardizationActivity/StandardizationActivityPage.vue

@@ -4,7 +4,7 @@
       <a-form layout="inline" @keyup.enter.native="searchQuery">
         <a-row :gutter="24">
           <a-col :md="6" :sm="8">
-            <!--编号-->
+            <!--            节点名称-->
             <a-form-item :label="$t('businessSupport.standardizationActivity.nodeName')" :labelCol="labelCol" :wrapperCol="wrapperCol">
               <a-select
                 show-search
@@ -33,7 +33,7 @@
         </a-row>
       </a-form>
     </div>
-    <mind-map dom-id="mountNode" :map-data="data" map-data-key-field="name" />
+    <mind-map ref="mindMap" dom-id="mountNode" :map-data="data" map-data-key-field="name" />
   </a-card>
 </template>
 
@@ -54,6 +54,7 @@ export default {
       },
       queryParam: {},
       nodeNameList: [], // 查询的下拉数据
+      defaultNodeNameList: [], // 查询的下拉数据
       data: {
         name: '五十个字啊五十个字啊五十个字啊五十个字啊五十个字啊',
         children: [
@@ -164,12 +165,11 @@ export default {
     }
   },
   created () {
-    this.treeToArr([this.data], null, this.nodeNameList)
-    console.log(this.nodeNameList)
+    this.treeToArr([this.data], null, this.defaultNodeNameList)
   },
   methods: {
-    handleSearch () {
-
+    handleSearch (value) {
+      this.nodeNameList = this.defaultNodeNameList.filter(tt => tt.name.indexOf(value) !== -1)
     },
     handleChange () {
 
@@ -178,7 +178,7 @@ export default {
 
     },
     searchQuery () {
-
+      this.$refs.mindMap.searchNode(this.queryParam.nodeName)
     },
     treeToArr (data, pid = null, res) {
       data.forEach(item => {