Skip to content

jijin / dance-pc

Go to a project
Toggle navigation
Toggle navigation pinning
12281370 by zhangmeng
Options

接机

1 parent 6f50fbae
Inline Side-by-side
Showing 3 changed files with 52 additions and 9 deletions
src/viewsPc/components/pickup.vue
......@@ -8,14 +8,17 @@
<div v-if="!showR" >
<el-form ref="iformRef" :label-width="language==0?'120px':'240px'" :model="form" :rules="rules"
label-position="right">
<el-form-item :label="language==0?'服务类型':'Service Type (Pick-Up/Drop-Off)'" prop="type" required>
<el-form-item :label="language==0?'服务类型':'Service Type (Pick-Up/Drop-Off)'" prop="type" required style="margin-bottom: 0px">
<el-checkbox-group v-model="form.type">
<el-checkbox label="1">{{ language == 0 ? '接机' : 'airport pickup' }}</el-checkbox>
<el-checkbox label="2">{{ language == 0 ? '送机' : 'airport drop-off' }}</el-checkbox>
</el-checkbox-group>
</el-form-item>
<div style="padding-left: 48px;color:red">
{{language==0?'仅限境外及港澳台人员填写':'For overseas and Hong Kong, Macao, and Taiwan personnel only.'}}
</div>
<div v-if="form.type?.some(v=>v==1)">
<h3 style="text-align: center">{{ language == 0 ? '接机' : 'airport pickup' }}</h3>
<h3 style="text-align: center">{{ language == 0 ? '接机信息' : 'Pick-up information' }}</h3>
<el-form-item :label="language==0?'抵达人员身份':'Role of Person-Arrival'" prop="pickUpBo.standing" required>
<el-checkbox-group v-model="form.pickUpBo.standing">
......@@ -39,9 +42,13 @@
<el-form-item :label="language==0?'联系电话':'Contact Phone Number'" prop="pickUpBo.phone" required>
<el-input v-model="form.pickUpBo.phone"/>
</el-form-item>
<el-form-item :label="language==0?'人数':'Number of People'" prop="pickUpBo.counts" required>
<el-form-item style="margin-bottom: 0" :label="language==0?'接机人数':'Number of People'" prop="pickUpBo.counts" required>
<el-input-number v-model="form.pickUpBo.counts"/>
</el-form-item>
<div style="padding-left: 48px;color: red;margin-bottom: 18px">
{{language==0?'填写的人数需是乘坐同一航班/车次':'The number of people to be filled in must be on the same flight/train'}}
</div>
<el-form-item :label="language==0?'抵达日期':'Flight/Train Arrival Date'" prop="pickUpBo.arrivalDate"
required>
<el-date-picker
......@@ -81,7 +88,7 @@
</div>
<div v-if="form.type?.some(v=>v==2)">
<h3 style="text-align: center">{{ language == 0 ? '送机' : 'airport drop-off' }}</h3>
<h3 style="text-align: center">{{ language == 0 ? '送机信息' : 'Delivery information'}}</h3>
<el-form-item
:label="language==0?'离会人员身份':'Role of Person-Departure'"
prop="downOffBo.standing" required>
......@@ -107,9 +114,13 @@
<el-form-item :label="language==0?'联系电话':'Contact Phone Number'" prop="downOffBo.phone" required>
<el-input v-model="form.downOffBo.phone"/>
</el-form-item>
<el-form-item :label="language==0?'人数':'Number of People'" prop="downOffBo.counts" required>
<el-form-item style="margin-bottom: 0" :label="language==0?'送机人数':'Number of People'" prop="downOffBo.counts" required>
<el-input-number v-model="form.downOffBo.counts"/>
</el-form-item>
<div style="padding-left: 48px;color: red;margin-bottom: 18px">
{{language==0?'填写的人数需是乘坐同一航班/车次':'The number of people to be filled in must be on the same flight/train'}}
</div>
<el-form-item :label="language==0?'离开日期':'Departure Date from Hotel'" prop="downOffBo.arrivalDate"
required>
<el-date-picker
......@@ -157,7 +168,7 @@
<div >
<div v-if="showR" class="text-center pd20">
<img class="mauto" src="@/assets/dance/ok.png"/>
<h2 class="text-center">{{ language == 0 ? '境外及港澳台选手接送信息登记已提交' : 'Request Form for Overseas, HKT, Mau, China and TPE Athletes Arrival and Departure' }}</h2>
<h2 class="text-center">{{ language == 0 ? '境外及港澳台接送信息已提交' : 'Request Form for Overseas, HKT, Mau, China and TPE Athletes Arrival and Departure' }}</h2>
<h4 v-if="language == 0" class="text-center">
我们已收到您的申请
</h4>
......@@ -320,7 +331,7 @@ const open = (params) => {
},
type: ['1'],
}
title.value = language.value == 0 ? '境外及港澳台选手接送信息登记已提交' : 'Request Form for Overseas, HKT, Mau, China and TPE Athletes Arrival and Departure'
title.value = language.value == 0 ? '境外及港澳台接送信息登记' : 'Request Form for Overseas, HKT, Mau, China and TPE Athletes Arrival and Departure'
cptId.value = params.cptId
getCourse()
// proxy.$refs['iformRef']
......
src/viewsPc/index.vue
......@@ -96,7 +96,10 @@
<!-- <el-button type="primary" @click="popMaster">青少年公益课</el-button>-->
<a class="zn-btn ml20 btn-q" @click="popMaster">青少年公益课报名</a>
<a class="zn-btn ml20 btn-q" @click="handlePickup">接/送机服务</a>
<div>
<a class="ding" @click="handlePickup">接/送机服务</a>
</div>
</div>
</el-col>
<el-col :sm="24" :lg="14">
......@@ -979,4 +982,17 @@ const handlePickup=()=>{
background: linear-gradient(-90deg, #8623FC, #453DEA) !important;
}
.ding{
position: fixed;
right: 0px;
z-index:99;
top: 340px;
background: linear-gradient(-90deg, #8623FC, #453DEA) !important;
box-shadow: none;
color: #fff;
border-radius: 10px;
padding: 20px;
width: 192px;
text-align: center;
}
</style>
......
src/viewsPc/index_en.vue
......@@ -91,11 +91,14 @@
<a class="zn-btn ml20 btn-q" style="font-size: 15px;margin-right: 20px" @click="popMaster">Junior &Youth Camp REGISTER<el-icon><Edit /></el-icon>
</a>
<a class="zn-btn btn-q" style="font-size: 15px;margin-top: 10px" @click="handlePickup">Pick-up/drop-off service
<div>
<a class=" ding" style="font-size: 15px;margin-top: 10px" @click="handlePickup">Pick-up/drop-off service
</a>
</div>
</div>
</div>
</el-col>
<el-col :sm="24" :lg="14">
<HomeQuick :match-id="matchData?.id"/>
......@@ -844,4 +847,17 @@ const handlePickup=()=>{
border-radius: 100px;
background: linear-gradient(-90deg, #8623FC, #453DEA) !important;
}
.ding{
position: fixed;
right:0px;
z-index:99;
top: 300px;
background: linear-gradient(-90deg, #8623FC, #453DEA) !important;
box-shadow: none;
color: #fff;
border-radius: 10px;
//height: 100px;
padding: 20px;
}
</style>
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!