旅游
Showing
1 changed file
with
42 additions
and
33 deletions
| 1 | <template> | 1 | <template> |
| 2 | <el-dialog v-model="show" width="500" :title="languageFormat(language, '出行人信息', 'Travelers')" center | 2 | <el-dialog |
| 3 | append-to-body> | 3 | v-model="show" :title="languageFormat(language, '出行人信息', 'Travelers')" append-to-body center |
| 4 | <el-button type="primary" plain @click="addPeopl">{{ languageFormat(language, "新增", "Add") }}</el-button> | 4 | width="500" |
| 5 | > | ||
| 6 | <el-button plain type="primary" @click="addPeopl">{{ languageFormat(language, "新增", "Add") }}</el-button> | ||
| 5 | <el-radio-group v-model="personId"> | 7 | <el-radio-group v-model="personId"> |
| 6 | <div v-for="(it, index) in personList" :key="index" class="e_item"> | 8 | <div v-for="(it, index) in personList" :key="index" class="e_item"> |
| 7 | <el-radio border :value="it.id" :disabled="hasPersonIds?.indexOf(it.id)!=-1"> | 9 | <el-radio :disabled="hasPersonIds?.indexOf(it.id)!=-1" :value="it.id" border> |
| 8 | 10 | ||
| 9 | <div class="name">{{ it.name }}</div> | 11 | <div class="name">{{ it.name }}</div> |
| 10 | <div class="code"> | 12 | <div class="code"> |
| ... | @@ -27,23 +29,23 @@ | ... | @@ -27,23 +29,23 @@ |
| 27 | </el-dialog> | 29 | </el-dialog> |
| 28 | 30 | ||
| 29 | 31 | ||
| 30 | <el-dialog v-model="showAdd" :title="language ==0?'新增出行人':'Add traveler'" center append-to-body> | 32 | <el-dialog v-model="showAdd" :title="language ==0?'新增出行人':'Add traveler'" append-to-body center> |
| 31 | <el-form | 33 | <el-form |
| 32 | ref="formRef" :model="form" label-width="100px" size="large" | 34 | ref="formRef" :model="form" label-width="100px" size="large" |
| 33 | style="margin: 80px" | 35 | style="margin: 80px" |
| 34 | > | 36 | > |
| 35 | <el-form-item :label="language==0?'姓名':'name'" prop="name" required :show-message="false"> | 37 | <el-form-item :label="language==0?'姓名':'name'" :show-message="false" prop="name" required> |
| 36 | <el-input v-model="form.name" :placeholder="language==0?'请输入':'Please input'"/> | 38 | <el-input v-model="form.name" :placeholder="language==0?'请输入':'Please input'" /> |
| 37 | </el-form-item> | 39 | </el-form-item> |
| 38 | <el-form-item :label="language==0?'证件类型':'ID Type'" prop="idcType" required :show-message="false"> | 40 | <el-form-item :label="language==0?'证件类型':'ID Type'" :show-message="false" prop="idcType" required> |
| 39 | <el-select v-model="form.idcType" :placeholder="language==0?'请选择':'Please choose'"> | 41 | <el-select v-model="form.idcType" :placeholder="language==0?'请选择':'Please choose'"> |
| 40 | <el-option :label="language==0?'身份证':'Identity card'" value="0"/> | 42 | <el-option :label="language==0?'身份证':'Identity card'" value="0" /> |
| 41 | <el-option :label="language==0?'护照':'Passport'" value="1"/> | 43 | <el-option :label="language==0?'护照':'Passport'" value="1" /> |
| 42 | <el-option :label="language==0?'其他':'Other'" value="2"/> | 44 | <el-option :label="language==0?'其他':'Other'" value="2" /> |
| 43 | </el-select> | 45 | </el-select> |
| 44 | </el-form-item> | 46 | </el-form-item> |
| 45 | <el-form-item :label="language==0?'证件号':'ID number'" prop="idCard" required :show-message="false"> | 47 | <el-form-item :label="language==0?'证件号':'ID number'" :show-message="false" prop="idCard" required> |
| 46 | <el-input v-model="form.idCard" :placeholder="language==0?'请输入证件号':'Please enter the ID after ah'"/> | 48 | <el-input v-model="form.idCard" :placeholder="language==0?'请输入证件号':'Please enter the ID after ah'" /> |
| 47 | </el-form-item> | 49 | </el-form-item> |
| 48 | </el-form> | 50 | </el-form> |
| 49 | 51 | ||
| ... | @@ -58,15 +60,15 @@ | ... | @@ -58,15 +60,15 @@ |
| 58 | </template> | 60 | </template> |
| 59 | 61 | ||
| 60 | <script setup> | 62 | <script setup> |
| 61 | import {aadSceneCustomer, checkSceneCustomer, getMyFriends} from '/@/apiPc/booking' | 63 | import { aadSceneCustomer, checkSceneCustomer, getMyFriends } from '/@/apiPc/booking' |
| 62 | import {languageFormat} from '/@/viewsPc/seat/utils/language' | 64 | import { languageFormat } from '/@/viewsPc/seat/utils/language' |
| 63 | import {onMounted, ref} from 'vue' | 65 | import { onMounted, ref } from 'vue' |
| 64 | import {useStorage} from '@vueuse/core/index' | 66 | import { useStorage } from '@vueuse/core/index' |
| 65 | import _ from 'lodash' | 67 | import _ from 'lodash' |
| 66 | import {getCurrentInstance} from '@vue/runtime-core' | 68 | import { getCurrentInstance } from '@vue/runtime-core' |
| 67 | 69 | ||
| 68 | const emit = defineEmits(['addPerson']) | 70 | const emit = defineEmits(['addPerson']) |
| 69 | const {proxy} = getCurrentInstance() | 71 | const { proxy } = getCurrentInstance() |
| 70 | 72 | ||
| 71 | const show = ref(false) | 73 | const show = ref(false) |
| 72 | const showAdd = ref(false) | 74 | const showAdd = ref(false) |
| ... | @@ -96,17 +98,6 @@ const addPeopl = () => { | ... | @@ -96,17 +98,6 @@ const addPeopl = () => { |
| 96 | const addPerson = () => { | 98 | const addPerson = () => { |
| 97 | const person = _.find(personList.value, (it) => it.id == personId.value) | 99 | const person = _.find(personList.value, (it) => it.id == personId.value) |
| 98 | 100 | ||
| 99 | checkSceneCustomer({ | ||
| 100 | customerId: person.id, | ||
| 101 | gateType: currParams.gateType | ||
| 102 | }).then((res) => { | ||
| 103 | if (res.data == 201) { | ||
| 104 | proxy.$modal.msgError(language.value == 0 ? '护照只能购买成人票' : 'Passport can only buy adult tickets') | ||
| 105 | } else if (res.data == 202) { | ||
| 106 | proxy.$modal.msgError(language.value == 0 ? '此身份证不能购买老人票' : 'This ID cannot buy senior tickets') | ||
| 107 | } else if (res.data == 203) { | ||
| 108 | proxy.$modal.msgError(language.value == 0 ? '此身份证不能购买儿童票' : 'This ID cannot buy child tickets') | ||
| 109 | } else { | ||
| 110 | show.value = false | 101 | show.value = false |
| 111 | emit('addPerson', Object.assign(currParams, { | 102 | emit('addPerson', Object.assign(currParams, { |
| 112 | customerId: person.id, | 103 | customerId: person.id, |
| ... | @@ -114,8 +105,26 @@ const addPerson = () => { | ... | @@ -114,8 +105,26 @@ const addPerson = () => { |
| 114 | idcType: person.idcType, | 105 | idcType: person.idcType, |
| 115 | idCard: person.idCard | 106 | idCard: person.idCard |
| 116 | })) | 107 | })) |
| 117 | } | 108 | // checkSceneCustomer({ |
| 118 | }) | 109 | // customerId: person.id, |
| 110 | // gateType: currParams.gateType | ||
| 111 | // }).then((res) => { | ||
| 112 | // if (res.data == 201) { | ||
| 113 | // proxy.$modal.msgError(language.value == 0 ? '护照只能购买成人票' : 'Passport can only buy adult tickets') | ||
| 114 | // } else if (res.data == 202) { | ||
| 115 | // proxy.$modal.msgError(language.value == 0 ? '此身份证不能购买老人票' : 'This ID cannot buy senior tickets') | ||
| 116 | // } else if (res.data == 203) { | ||
| 117 | // proxy.$modal.msgError(language.value == 0 ? '此身份证不能购买儿童票' : 'This ID cannot buy child tickets') | ||
| 118 | // } else { | ||
| 119 | // show.value = false | ||
| 120 | // emit('addPerson', Object.assign(currParams, { | ||
| 121 | // customerId: person.id, | ||
| 122 | // name: person.name, | ||
| 123 | // idcType: person.idcType, | ||
| 124 | // idCard: person.idCard | ||
| 125 | // })) | ||
| 126 | // } | ||
| 127 | // }) | ||
| 119 | } | 128 | } |
| 120 | 129 | ||
| 121 | const submit = () => { | 130 | const submit = () => { |
| ... | @@ -151,7 +160,7 @@ defineExpose({ | ... | @@ -151,7 +160,7 @@ defineExpose({ |
| 151 | 160 | ||
| 152 | </script> | 161 | </script> |
| 153 | 162 | ||
| 154 | <style scoped lang="scss"> | 163 | <style lang="scss" scoped> |
| 155 | .el-radio-group { | 164 | .el-radio-group { |
| 156 | display: block; | 165 | display: block; |
| 157 | } | 166 | } | ... | ... |
-
Please register or sign in to post a comment