接机
Showing
3 changed files
with
31 additions
and
16 deletions
| ... | @@ -2,24 +2,24 @@ | ... | @@ -2,24 +2,24 @@ |
| 2 | <el-dialog | 2 | <el-dialog |
| 3 | v-model="show" :close-on-click-modal="false" :title="title" append-to-body center class="pcloginpop" | 3 | v-model="show" :close-on-click-modal="false" :title="title" append-to-body center class="pcloginpop" |
| 4 | close-icon="CircleClose" destroy-on-close | 4 | close-icon="CircleClose" destroy-on-close |
| 5 | width="800px" | 5 | width="900px" |
| 6 | > | 6 | > |
| 7 | <div class="boxInvitation pd20" > | 7 | <div class="boxInvitation pd20" > |
| 8 | <div v-if="!showR" > | 8 | <div v-if="!showR" > |
| 9 | <el-form ref="iformRef" :label-width="language==0?'120px':'240px'" :model="form" :rules="rules" | 9 | <el-form ref="iformRef" :label-width="language==0?'120px':'240px'" :model="form" :rules="rules" |
| 10 | label-position="right"> | 10 | label-position="right"> |
| 11 | <el-form-item :label="language==0?'服务类型':'Service Type (Pick-Up/Drop-Off)'" prop="type" required style="margin-bottom: 0px"> | 11 | <el-form-item :label="language==0?'服务类型':'Service Type '" prop="type" required style="margin-bottom: 0px"> |
| 12 | <el-checkbox-group v-model="form.type"> | 12 | <el-checkbox-group v-model="form.type"> |
| 13 | <el-checkbox label="1">{{ language == 0 ? '接机' : 'airport pickup' }}</el-checkbox> | 13 | <el-checkbox label="1">{{ language == 0 ? '接机' : 'airport pickup' }}</el-checkbox> |
| 14 | <el-checkbox label="2">{{ language == 0 ? '送机' : 'airport drop-off' }}</el-checkbox> | 14 | <el-checkbox label="2">{{ language == 0 ? '送机' : 'airport drop-off' }}</el-checkbox> |
| 15 | </el-checkbox-group> | 15 | </el-checkbox-group> |
| 16 | <!-- <span style="color: red;margin-left: 10px">{{language==0?'仅限境外及港澳台人员填写':'For overseas and Hong Kong, Macao, and Taiwan personnel only.'}}</span>--> | ||
| 16 | </el-form-item> | 17 | </el-form-item> |
| 17 | <div style="padding-left: 48px;color:red"> | 18 | <div style="padding-left: 48px;color:red;margin-bottom: 18px"> |
| 18 | {{language==0?'仅限境外及港澳台人员填写':'For overseas and Hong Kong, Macao, and Taiwan personnel only.'}} | 19 | {{language==0?'仅限境外及港澳台人员填写':'For overseas and Hong Kong, Macao, and Taiwan personnel only.'}} |
| 19 | </div> | 20 | </div> |
| 20 | <div v-if="form.type?.some(v=>v==1)"> | 21 | <div v-if="form.type?.some(v=>v==1)"> |
| 21 | <h3 style="text-align: center">{{ language == 0 ? '接机信息' : 'Pick-up information' }}</h3> | 22 | <h3 class="leftboderTT">{{ language == 0 ? '接机信息' : 'Pick-up information' }}</h3> |
| 22 | |||
| 23 | <el-form-item :label="language==0?'抵达人员身份':'Role of Person-Arrival'" prop="pickUpBo.standing" required> | 23 | <el-form-item :label="language==0?'抵达人员身份':'Role of Person-Arrival'" prop="pickUpBo.standing" required> |
| 24 | <el-checkbox-group v-model="form.pickUpBo.standing"> | 24 | <el-checkbox-group v-model="form.pickUpBo.standing"> |
| 25 | <el-checkbox :label="language==0?'运动员':'Athlete'" name="1"/> | 25 | <el-checkbox :label="language==0?'运动员':'Athlete'" name="1"/> |
| ... | @@ -42,13 +42,14 @@ | ... | @@ -42,13 +42,14 @@ |
| 42 | <el-form-item :label="language==0?'联系电话':'Contact Phone Number'" prop="pickUpBo.phone" required> | 42 | <el-form-item :label="language==0?'联系电话':'Contact Phone Number'" prop="pickUpBo.phone" required> |
| 43 | <el-input v-model="form.pickUpBo.phone"/> | 43 | <el-input v-model="form.pickUpBo.phone"/> |
| 44 | </el-form-item> | 44 | </el-form-item> |
| 45 | <el-form-item style="margin-bottom: 0" :label="language==0?'接机人数':'Number of People'" prop="pickUpBo.counts" required> | 45 | <el-form-item :label="language==0?'接机人数':'Number of People'" prop="pickUpBo.counts" required> |
| 46 | <el-input-number v-model="form.pickUpBo.counts"/> | 46 | <el-input-number v-model="form.pickUpBo.counts"/> |
| 47 | <span style="color: red;margin-left: 10px">{{language==0?'(填写的人数需是乘坐同一航班/车次)':'The number of people to be filled in must be on the same flight/train'}}</span> | ||
| 47 | </el-form-item> | 48 | </el-form-item> |
| 48 | <div style="padding-left: 48px;color: red;margin-bottom: 18px"> | 49 | <!-- <div style="padding-left: 48px;color: red;margin-bottom: 18px">--> |
| 49 | {{language==0?'填写的人数需是乘坐同一航班/车次':'The number of people to be filled in must be on the same flight/train'}} | 50 | <!-- {{language==0?'填写的人数需是乘坐同一航班/车次':'The number of people to be filled in must be on the same flight/train'}}--> |
| 50 | 51 | ||
| 51 | </div> | 52 | <!-- </div>--> |
| 52 | <el-form-item :label="language==0?'抵达日期':'Flight/Train Arrival Date'" prop="pickUpBo.arrivalDate" | 53 | <el-form-item :label="language==0?'抵达日期':'Flight/Train Arrival Date'" prop="pickUpBo.arrivalDate" |
| 53 | required> | 54 | required> |
| 54 | <el-date-picker | 55 | <el-date-picker |
| ... | @@ -88,7 +89,9 @@ | ... | @@ -88,7 +89,9 @@ |
| 88 | </div> | 89 | </div> |
| 89 | 90 | ||
| 90 | <div v-if="form.type?.some(v=>v==2)"> | 91 | <div v-if="form.type?.some(v=>v==2)"> |
| 91 | <h3 style="text-align: center">{{ language == 0 ? '送机信息' : 'Delivery information'}}</h3> | 92 | <!-- <el-form-item :label="language == 0 ? '送机信息' : 'Delivery information' ">--> |
| 93 | <!-- </el-form-item>--> | ||
| 94 | <h3 class="leftboderTT">{{language == 0 ? '送机信息' : 'Delivery information'}}</h3> | ||
| 92 | <el-form-item | 95 | <el-form-item |
| 93 | :label="language==0?'离会人员身份':'Role of Person-Departure'" | 96 | :label="language==0?'离会人员身份':'Role of Person-Departure'" |
| 94 | prop="downOffBo.standing" required> | 97 | prop="downOffBo.standing" required> |
| ... | @@ -114,13 +117,15 @@ | ... | @@ -114,13 +117,15 @@ |
| 114 | <el-form-item :label="language==0?'联系电话':'Contact Phone Number'" prop="downOffBo.phone" required> | 117 | <el-form-item :label="language==0?'联系电话':'Contact Phone Number'" prop="downOffBo.phone" required> |
| 115 | <el-input v-model="form.downOffBo.phone"/> | 118 | <el-input v-model="form.downOffBo.phone"/> |
| 116 | </el-form-item> | 119 | </el-form-item> |
| 117 | <el-form-item style="margin-bottom: 0" :label="language==0?'送机人数':'Number of People'" prop="downOffBo.counts" required> | 120 | <el-form-item :label="language==0?'送机人数':'Number of People'" prop="downOffBo.counts" required> |
| 118 | <el-input-number v-model="form.downOffBo.counts"/> | 121 | <el-input-number v-model="form.downOffBo.counts"/> |
| 122 | |||
| 123 | <span style="color: red;margin-left: 10px">{{language==0?'(填写的人数需是乘坐同一航班/车次)':'The number of people to be filled in must be on the same flight/train'}}</span> | ||
| 119 | </el-form-item> | 124 | </el-form-item> |
| 120 | <div style="padding-left: 48px;color: red;margin-bottom: 18px"> | 125 | <!-- <div style="padding-left: 48px;color: red;margin-bottom: 18px">--> |
| 121 | {{language==0?'填写的人数需是乘坐同一航班/车次':'The number of people to be filled in must be on the same flight/train'}} | 126 | <!-- {{language==0?'填写的人数需是乘坐同一航班/车次':'The number of people to be filled in must be on the same flight/train'}}--> |
| 122 | 127 | ||
| 123 | </div> | 128 | <!-- </div>--> |
| 124 | <el-form-item :label="language==0?'离开日期':'Departure Date from Hotel'" prop="downOffBo.arrivalDate" | 129 | <el-form-item :label="language==0?'离开日期':'Departure Date from Hotel'" prop="downOffBo.arrivalDate" |
| 125 | required> | 130 | required> |
| 126 | <el-date-picker | 131 | <el-date-picker |
| ... | @@ -459,4 +464,14 @@ h4 { | ... | @@ -459,4 +464,14 @@ h4 { |
| 459 | font-size: 15px; | 464 | font-size: 15px; |
| 460 | line-height: 1.6; | 465 | line-height: 1.6; |
| 461 | } | 466 | } |
| 467 | |||
| 468 | .leftboderTT { | ||
| 469 | font-size: 16px; | ||
| 470 | line-height: 1; | ||
| 471 | text-transform: uppercase; | ||
| 472 | position: relative; | ||
| 473 | padding-left: 22px; | ||
| 474 | font-weight: 400; | ||
| 475 | margin-bottom: 10px; | ||
| 476 | } | ||
| 462 | </style> | 477 | </style> | ... | ... |
| ... | @@ -986,7 +986,7 @@ const handlePickup=()=>{ | ... | @@ -986,7 +986,7 @@ const handlePickup=()=>{ |
| 986 | position: fixed; | 986 | position: fixed; |
| 987 | right: 0px; | 987 | right: 0px; |
| 988 | z-index:99; | 988 | z-index:99; |
| 989 | top: 340px; | 989 | top: 40%; |
| 990 | background: linear-gradient(-90deg, #8623FC, #453DEA) !important; | 990 | background: linear-gradient(-90deg, #8623FC, #453DEA) !important; |
| 991 | box-shadow: none; | 991 | box-shadow: none; |
| 992 | color: #fff; | 992 | color: #fff; | ... | ... |
| ... | @@ -852,7 +852,7 @@ const handlePickup=()=>{ | ... | @@ -852,7 +852,7 @@ const handlePickup=()=>{ |
| 852 | position: fixed; | 852 | position: fixed; |
| 853 | right:0px; | 853 | right:0px; |
| 854 | z-index:99; | 854 | z-index:99; |
| 855 | top: 300px; | 855 | top: 40%; |
| 856 | background: linear-gradient(-90deg, #8623FC, #453DEA) !important; | 856 | background: linear-gradient(-90deg, #8623FC, #453DEA) !important; |
| 857 | box-shadow: none; | 857 | box-shadow: none; |
| 858 | color: #fff; | 858 | color: #fff; | ... | ... |
-
Please register or sign in to post a comment