95 lines
3.6 KiB
Vue
95 lines
3.6 KiB
Vue
<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> |