From b4488eab87aa066417f14aabb65adbc38b0eeccf Mon Sep 17 00:00:00 2001 From: HelenHuang <LinHuang@pollex.com.tw> Date: 星期二, 15 二月 2022 10:03:18 +0800 Subject: [PATCH] Fixed #135239 修正 [ 顧問管理流程 ] 預約資訊的結案、通知約訪 button 沒有置中 --- PAMapp/components/AddressPicker.vue | 26 ++++++++++++++++++-------- 1 files changed, 18 insertions(+), 8 deletions(-) diff --git a/PAMapp/components/AddressPicker.vue b/PAMapp/components/AddressPicker.vue index 258c593..95314fa 100644 --- a/PAMapp/components/AddressPicker.vue +++ b/PAMapp/components/AddressPicker.vue @@ -6,7 +6,7 @@ class="p mt-10 cursor--pointer input-radius" tabindex="-1" v-model="keyWord" - @change="searchDistrict" + @input="searchDistrict" placeholder="隢撓���摮�" ></el-input> <Ui-ScrollPicker @@ -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