【中汽测试】树状结构加查询

src/views/documentTool/customComparison/CustomComparisonList.vue

@@ -26,6 +26,8 @@
                              style="width: 100%"
                              :tree-data="countriesInvolvedOptions"
                              :label-in-value="false"
+                             show-search
+                             :filterTreeNode="filterTreeOption"
                              :placeholder="$t('pleaseSelect')+$t('docTool.customComparison.countriesInvolved')" />
             </a-form-item>
           </a-col>
@@ -187,7 +189,11 @@ export default {
       this.$refs.modalForm.edit(id)
       this.$refs.modalForm.title = this.$t('details')
       this.$refs.modalForm.disableSubmit = false
-    }
+    },
+    filterTreeOption (input, option) {
+      const text = option.componentOptions.propsData.title || option.componentOptions.propsData.label
+      return text.toLowerCase().indexOf(input.toLowerCase()) >= 0
+    },
   }
 }
 </script>

src/views/documentTool/customComparison/modules/CustomComparisonDrawer.vue

@@ -39,6 +39,8 @@
               :replace-fields="{key: 'value'}"
               :label-in-value="false"
               disabled
+              show-search
+              :filterTreeNode="filterTreeOption"
               :placeholder="$t('pleaseSelect')+$t('docTool.customComparison.countriesInvolved')" />
           </a-form-item>
           <!--是否公开-->
@@ -610,6 +612,10 @@ export default {
         compareResult: record.compareResult
       }
       this.$refs.resultModal.open(params)
+    },
+    filterTreeOption (input, option) {
+      const text = option.componentOptions.propsData.title || option.componentOptions.propsData.label
+      return text.toLowerCase().indexOf(input.toLowerCase()) >= 0
     }
   }
 }