updat TODO#130484 所在地區選擇器增加確認按鈕

Mila

2021-11-18 65c09b0bde45fc9f8f0fcf085082684e3c765975

 PAMapp/components/AddressPicker.vue

@@ -1,6 +1,6 @@
<template>
    <div class="text--center" @click="close">
        <div class="subTitle mb-10" @click="close">所在地區</div>
    <div class="text--center">
        <div class="subTitle mb-10">所在地區</div>
        <el-input
            type="text"
            class="p mt-10"
@@ -13,6 +13,9 @@
            :initValue="district"
            @change="selectDistrict"
        ></Ui-ScrollPicker>
        <div class="text--center mt-10">
            <el-button type="primary" @click="confirm">確認</el-button>
        </div>
    </div>
</template>

@@ -31,19 +34,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;
    }

}