From c9c705cc198b2da645a3a404ac47ad9e17df4c93 Mon Sep 17 00:00:00 2001
From: Mila <Mila@pollex.com.tw>
Date: 星期四, 25 十一月 2021 12:15:09 +0800
Subject: [PATCH] fix: TODO#130850 嚴選配對: 熱門檢索 #防疫 label 為空值

---
 PAMapp/components/AddressPicker.vue |   19 ++++++++++++++-----
 1 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/PAMapp/components/AddressPicker.vue b/PAMapp/components/AddressPicker.vue
index a184983..ecf7975 100644
--- a/PAMapp/components/AddressPicker.vue
+++ b/PAMapp/components/AddressPicker.vue
@@ -8,16 +8,19 @@
             @change="searchDistrict"
             placeholder="隢撓���摮�"
         ></el-input>
-       <Ui-ScrollPicker
+        <Ui-ScrollPicker
             :options="filterOptions"
             :initValue="district"
-            @change="change"
+            @change="selectDistrict"
         ></Ui-ScrollPicker>
+        <div class="text--center mt-10">
+            <el-button type="primary" @click="confirm">蝣箄��</el-button>
+        </div>
     </div>
 </template>
 
 <script lang="ts">
-import { Vue, Component } from 'nuxt-property-decorator';
+import { Vue, Component, Emit } from 'nuxt-property-decorator';
 
 @Component
 export default class AddressPicker extends Vue {
@@ -35,9 +38,15 @@
         this.filterOptions = this.options.filter(e => e.match(this.keyWord));
     }
 
-    change(value: string) {
-        console.log('change', value)
+    selectDistrict(value: string): void {
+        this.district = value;
     }
+
+    @Emit('confirm')
+    confirm() {
+        return this.district;
+    }
+
 }
 </script>
 

--
Gitblit v1.8.0