From e468c37484e3d3b9f713ef70ed9b207840690c6e Mon Sep 17 00:00:00 2001 From: Tomas <tomasysh@gmail.com> Date: 星期一, 27 十二月 2021 12:19:33 +0800 Subject: [PATCH] refactor components: AddAndReservedBtns, AddressPicker, BackActionBar --- PAMapp/components/AddressPicker.vue | 24 +++++++++++++++++------- 1 files changed, 17 insertions(+), 7 deletions(-) diff --git a/PAMapp/components/AddressPicker.vue b/PAMapp/components/AddressPicker.vue index 258c593..a5749c5 100644 --- a/PAMapp/components/AddressPicker.vue +++ b/PAMapp/components/AddressPicker.vue @@ -23,17 +23,30 @@ <script lang="ts"> import { Vue, Component, Emit } from 'nuxt-property-decorator'; +import { taiwanCities } from '~/shared/const/taiwan-cities'; + @Component export default class AddressPicker extends Vue { - options = ['�����', '�����', '�����', '獢���', '�蝡孵��', '�蝡寧腦', '���腦', '�銝剖��', '敶啣�腦', '���腦', '���腦', '��儔撣�', '��儔蝮�', '�����', '擃���', '撅蝮�', '��蝮�', '��蝮�', '摰蝮�', '瞉�腦', '���蝮�', '��瘙腦']; - keyWord = ''; + options : string[] = taiwanCities; + keyWord : string = ''; filterOptions: string[] = []; - district = '�����'; + district : string = '�����'; + + ////////////////////////////////////////////////////////////////////// mounted() { this.filterOptions = JSON.parse(JSON.stringify(this.options)); } + + ////////////////////////////////////////////////////////////////////// + + @Emit('confirm') + confirm(): string { + return this.district; + } + + ////////////////////////////////////////////////////////////////////// searchDistrict() { this.filterOptions = this.options.filter(e => e.match(this.keyWord)); @@ -43,10 +56,7 @@ this.district = value; } - @Emit('confirm') - confirm() { - return this.district; - } + } </script> -- Gitblit v1.8.0