接机

zhangmeng
Showing 3 changed files with 53 additions and 10 deletions
src/viewsPc/components/pickup.vue
src/viewsPc/index.vue
src/viewsPc/index_en.vue
--- a/src/viewsPc/components/pickup.vue
View file @1228137
+++ b/src/viewsPc/components/pickup.vue
View file @1228137
@@ -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']
--- a/src/viewsPc/index.vue
View file @1228137
+++ b/src/viewsPc/index.vue
View file @1228137
@@ -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>
--- a/src/viewsPc/index_en.vue
View file @1228137
+++ b/src/viewsPc/index_en.vue
View file @1228137
@@ -91,8 +91,11 @@
                <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>
+                  <a class=" ding" style="font-size: 15px;margin-top: 10px" @click="handlePickup">Pick-up/drop-off service
+                  </a>
+                </div>
              </div>
            </div>
@@ -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>