﻿<template>
    <v-container>
        <v-card>
            <v-card-title class="bg-primary white--text text-center">
                <h5 class="mb-0">快速報名</h5>
              
            </v-card-title>
            <v-card-text>
                <v-row>
                    <v-col cols="12" md="2">
                        <v-text-field v-model="idNo"
                                      :counter="20"
                                      label="身分證號"></v-text-field>
                    </v-col>
                    <v-col cols="12" md="2">
                        <v-text-field v-model="phoneNum"
                                      :counter="20"
                                      label="行動電話/市話"></v-text-field>
                    </v-col>
                    <v-col cols="12" md="2">
                        <v-btn @click.prevent="getFollower">查詢</v-btn>
                    </v-col>
                </v-row>
                <v-divider></v-divider>
                <v-row>
                    <v-col cols="12" md="2">
                        <v-text-field v-model="follower.f_number"
                                      label="信眾編號"></v-text-field>
                    </v-col>
                    <v-col cols="12" md="2">
                        <v-text-field v-model="follower.u_name"
                                      label="信眾姓名"></v-text-field>
                    </v-col>
                    <v-col cols="12" md="2">
                        <v-text-field v-model="follower.phoneDes"
                                      label="電話"></v-text-field>
                    </v-col>
                    <v-col cols="12" md="2">
                        <v-text-field v-model="follower.cellphoneDes"
                                      label="行動電話"></v-text-field>
                    </v-col>
                    <v-col cols="12" md="2">
                        <v-text-field v-model="follower.id_code"
                                      label="身分證號"></v-text-field>
                    </v-col>
                    <v-col cols="12" md="2">
                        <v-text-field v-model="follower.passport"
                                      label="護照號碼"></v-text-field>
                    </v-col>
                </v-row>
                <v-row>
                    <v-col cols="12" md="12">
                        <v-text-field v-model="follower.address"
                                      label="地址"></v-text-field>
                    </v-col>
                </v-row>

            </v-card-text>
        </v-card>
    </v-container>
</template>

<script>
    module.exports = {
        data() {
            return {
                idNo: "",
                phoneNum: "",
                follower: {},
                search: {},
                query: {
                    id_code: { type: String }, cellphone: { type: String }
                }
            }
        },
        activated() {
            //this.getFollower()
        },
        methods: {
            getFollower() {
                this.search = { id_code: this.query.id_code, cellphone: this.query.cellphone }
                axios
                    .post(HTTP_HOST + 'api/follower/GetFollower', this.search)
                    .then(response => {
                        console.log(response)
                        if (response.data.list)
                            this.follower = response.data.list
                        else
                            console.log("查無資料");
                    })
                    .catch(error => console.log(error))
            }
        }
    }
</script>