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