From 97e093b1117b68948d0f9adefacc5368014db380 Mon Sep 17 00:00:00 2001
From: Jack <jack.su@pollex.com.tw>
Date: 星期日, 14 十一月 2021 22:43:09 +0800
Subject: [PATCH] Merge branch 'master' of ssh://192.168.0.10:29418/pcalife/PAM
---
PAMapp/components/AddressPicker.vue | 22 +++++++++++++++-------
1 files changed, 15 insertions(+), 7 deletions(-)
diff --git a/PAMapp/components/AddressPicker.vue b/PAMapp/components/AddressPicker.vue
index a184983..6315ce2 100644
--- a/PAMapp/components/AddressPicker.vue
+++ b/PAMapp/components/AddressPicker.vue
@@ -1,6 +1,6 @@
<template>
- <div class="text--center">
- <div class="subTitle mb-10">������</div>
+ <div class="text--center" @click="close">
+ <div class="subTitle mb-10" @click="close">������</div>
<el-input
type="text"
class="p mt-10"
@@ -8,16 +8,16 @@
@change="searchDistrict"
placeholder="隢撓���摮�"
></el-input>
- <Ui-ScrollPicker
+ <Ui-ScrollPicker
:options="filterOptions"
:initValue="district"
- @change="change"
+ @change="selectDistrict"
></Ui-ScrollPicker>
</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 {
@@ -31,13 +31,21 @@
this.filterOptions = JSON.parse(JSON.stringify(this.options));
}
+
searchDistrict() {
this.filterOptions = this.options.filter(e => e.match(this.keyWord));
}
- change(value: string) {
- console.log('change', value)
+ @Emit('change')
+ selectDistrict(value: string): void {
+ this.district = value;
}
+
+ @Emit()
+ close(): void {
+ console.log('close district drawer!');
+ }
+
}
</script>
--
Gitblit v1.8.0