2024-08-30 18:01:34 +08:00
|
|
|
<template>
|
2024-12-03 11:16:47 +08:00
|
|
|
<AdministrativeDivisionsTree v-model:value="value" :show-search="{ filter }" @change="searchAdministrativeDivisionTree"></AdministrativeDivisionsTree>
|
2024-08-30 18:01:34 +08:00
|
|
|
</template>
|
2024-11-13 11:38:03 +08:00
|
|
|
<script setup lang="ts">
|
2024-12-03 11:16:47 +08:00
|
|
|
import AdministrativeDivisionsTree from "@/components/tree/AdministrativeDivisionsTree.vue";
|
|
|
|
import {ref} from "vue";
|
|
|
|
import {ShowSearchType} from "ant-design-vue/es/cascader";
|
|
|
|
|
|
|
|
const value = ref([ "110000", "110100", "110116", "110116005" ])
|
2024-11-13 11:38:03 +08:00
|
|
|
|
2024-12-03 11:16:47 +08:00
|
|
|
const filter: ShowSearchType['filter'] = (inputValue, path) => {
|
|
|
|
return path?.some(option => option.label.toLowerCase().indexOf(inputValue?.toLowerCase()) > -1);
|
|
|
|
};
|
|
|
|
|
|
|
|
const searchAdministrativeDivisionTree = (e:Array<string>)=>{
|
|
|
|
value.value = e as any
|
|
|
|
}
|
2024-08-30 18:01:34 +08:00
|
|
|
</script>
|
2024-09-03 11:28:48 +08:00
|
|
|
|
2024-11-13 11:38:03 +08:00
|
|
|
|
|
|
|
|
|
|
|
<style scoped lang="scss">
|
2024-12-03 11:16:47 +08:00
|
|
|
|
2024-11-13 11:38:03 +08:00
|
|
|
</style>
|