policeSecurity/securityManagement/src/views/test.vue

25 lines
757 B
Vue
Raw Normal View History

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>