From c20a0f1a1dbaa23d1b073f9a9377cac5d572f277 Mon Sep 17 00:00:00 2001
From: Mila <Mila@pollex.com.tw>
Date: 星期四, 23 十二月 2021 15:10:18 +0800
Subject: [PATCH] fixed TODO#131357 進行預約: 職業選擇畫面調整
---
PAMapp/components/AddressPicker.vue | 44 +++++++++++++++++++++++---------------------
1 files changed, 23 insertions(+), 21 deletions(-)
diff --git a/PAMapp/components/AddressPicker.vue b/PAMapp/components/AddressPicker.vue
index 6315ce2..e6ba650 100644
--- a/PAMapp/components/AddressPicker.vue
+++ b/PAMapp/components/AddressPicker.vue
@@ -1,18 +1,22 @@
<template>
- <div class="text--center" @click="close">
- <div class="subTitle mb-10" @click="close">������</div>
- <el-input
- type="text"
- class="p mt-10"
- v-model="keyWord"
- @change="searchDistrict"
- placeholder="隢撓���摮�"
- ></el-input>
- <Ui-ScrollPicker
- :options="filterOptions"
- :initValue="district"
- @change="selectDistrict"
- ></Ui-ScrollPicker>
+ <div class="text--center">
+ <div class="subTitle mb-10">�����</div>
+ <el-input
+ type="text"
+ class="p mt-10 cursor--pointer "
+ tabindex="-1"
+ v-model="keyWord"
+ @change="searchDistrict"
+ placeholder="隢撓���摮�"
+ ></el-input>
+ <Ui-ScrollPicker
+ :options="filterOptions"
+ :initValue="district"
+ @change="selectDistrict"
+ ></Ui-ScrollPicker>
+ <div class="text--center mt-10">
+ <el-button type="primary" @click="confirm">蝣箄��</el-button>
+ </div>
</div>
</template>
@@ -22,7 +26,7 @@
@Component
export default class AddressPicker extends Vue {
- options = ['�����', '�����', '�����', '獢�腦', '�蝡孵��', '�蝡寧腦', '���腦', '�銝剖��', '敶啣�腦', '���腦', '���腦', '��儔撣�', '��儔蝮�', '�����', '擃���', '撅蝮�', '��蝮�', '��蝮�', '摰蝮�', '瞉�腦', '���蝮�', '��瘙腦'];
+ options = ['�����', '�����', '�����', '獢���', '�蝡孵��', '�蝡寧腦', '���腦', '�銝剖��', '敶啣�腦', '���腦', '���腦', '��儔撣�', '��儔蝮�', '�����', '擃���', '撅蝮�', '��蝮�', '��蝮�', '摰蝮�', '瞉�腦', '���蝮�', '��瘙腦'];
keyWord = '';
filterOptions: string[] = [];
district = '�����';
@@ -31,19 +35,17 @@
this.filterOptions = JSON.parse(JSON.stringify(this.options));
}
-
searchDistrict() {
this.filterOptions = this.options.filter(e => e.match(this.keyWord));
}
- @Emit('change')
selectDistrict(value: string): void {
this.district = value;
}
- @Emit()
- close(): void {
- console.log('close district drawer!');
+ @Emit('confirm')
+ confirm() {
+ return this.district;
}
}
@@ -53,4 +55,4 @@
.cus-input {
font-size: 20px;
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.8.0