接车

zhangmeng
Showing 1 changed file with 64 additions and 46 deletions
src/viewsPc/booking/carOrder.vue
--- a/src/viewsPc/booking/carOrder.vue
View file @6183b00
+++ b/src/viewsPc/booking/carOrder.vue
View file @6183b00
@@ -8,22 +8,22 @@
            }}
          </div>
        </div>
-        <el-row class="pd20" :gutter="20">
+        <el-row :gutter="20" class="pd20">
          <el-col :span="14">
            <div class="border-info">
              <div class="flex aic">
                <h3 class="esp">{{ item.checkIn }}</h3>
-                <img class="w40px mlr20 " style="height: 40px;" src="@/assets/booking/wf.png"/>
+                <img class="w40px mlr20 " src="@/assets/booking/wf.png" style="height: 40px;"/>
                <h3 class="esp">{{ item.checkOut }}</h3>
              </div>
              <div class="flex">
-                <el-image class="w150px br10 as16_9" fit="cover" :src="fillImgUrl(car.photos?.split(',')[0])"/>
+                <el-image :src="fillImgUrl(car.photos?.split(',')[0])" class="w150px br10 as16_9" fit="cover"/>
                <div class="ml20">
                  <div class="roomType">{{ car.carType }}</div>
                  <div class="tagbox">
                    <span class="tag">{{ car.carColor }}</span>
-                    <span class="tag" v-show="car.checkOut==1">{{ language == 0 ?'可送车':'Can send car' }}</span>
+                    <span v-show="car.checkOut==1" class="tag">{{ language == 0 ? '可送车' : 'Can send car' }}</span>
-                    <span class="tag" v-show="car.checkIn==1">{{ language == 0 ?'可接车':'Can pick up' }}</span>
+                    <span v-show="car.checkIn==1" class="tag">{{ language == 0 ? '可接车' : 'Can pick up' }}</span>
                  </div>
                  <div class="room">
                    <span>{{ language == 0 ? '座位数' : 'Seats' }}: {{ car.carSeat }}</span>
@@ -38,86 +38,86 @@
            <div class="leftboderTT">{{ language == 0 ? '预约信息' : 'Reservation information' }}</div>
            <div class="border-rr mt20 pd20">
-              <el-form :model="form" :label-width="language == 0 ?'120':'200'" :rules="rules" ref="formRef">
+              <el-form ref="formRef" :label-width="language == 0 ?'120':'200'" :model="form" :rules="rules">
-                <el-form-item :label="language==0?'车辆数量':'cars'" required prop="num">
+                <el-form-item :label="language==0?'车辆数量':'cars'" prop="num" required>
                  <el-input-number v-model="form.num" :min="1" @change="changecarNum"/>
                </el-form-item>
-                <el-form-item :label="language==0?'是否接送':'use Type'" required prop="useType">
+                <el-form-item :label="language==0?'是否接送':'use Type'" prop="useType" required>
                  <el-checkbox-group v-model="form.useType" @change="changeUseType">
-                    <el-checkbox value="0" v-if="car.checkIn == 1">
+                    <el-checkbox v-if="car.checkIn == 1" value="0">
                      {{ language == 0 ? '接站' : 'Pick up' }}
                    </el-checkbox>
-                    <el-checkbox value="1" v-if="car.checkOut == 1">{{ language == 0 ? '送站' : 'Drop off' }}
+                    <el-checkbox v-if="car.checkOut == 1" value="1">{{ language == 0 ? '送站' : 'Drop off' }}
                    </el-checkbox>
                  </el-checkbox-group>
                </el-form-item>
                <div v-show="form.useType?.indexOf('0')> -1">
-                  <h3 class="afterLine">{{ language==0?'接站信息':'Pick up information' }}</h3>
+                  <h3 class="afterLine">{{ language == 0 ? '接站信息' : 'Pick up information' }}</h3>
                  <el-form-item :label="language==0?'用车日期':'Date'" required>
                    <el-date-picker v-model="date1" :disabled-date="disabledDate"
-                                    type="date"
+                                    :placeholder="language==0?'选择日期':'Select date'"
-                                    :placeholder="language==0?'选择日期':'Select date'" format="YYYY-MM-DD"
+                                    format="YYYY-MM-DD" type="date"
                                    value-format="YYYY-MM-DD"/>
                    <!--                    :picker-options="pickerOptions"-->
                  </el-form-item>
                  <el-form-item :label="language==0?'用车时间':'Time'" required>
                    <el-time-picker
-                        v-model="revTime1" :start="car.operStart" :end="car.operEnd"
+                      v-model="revTime1" :end="car.operEnd" :start="car.operStart"
                      format="HH:mm" value-format="HH:mm" @change="bindTimeChange"
                    />
                  </el-form-item>
                  <el-form-item :label="language==0?'联系人':'Contacts'" required>
-                    <el-input type="text" v-model="form.pickUpBo.contacts"/>
+                    <el-input v-model="form.pickUpBo.contacts" type="text"/>
                  </el-form-item>
                  <el-form-item :label="language==0?'联系电话':'Phone'" required>
-                    <el-input type="text" v-model="form.pickUpBo.phone"/>
+                    <el-input v-model="form.pickUpBo.phone" type="text"/>
                  </el-form-item>
                  <el-form-item :label="language==0?'人数':'Person Count'" required>
-                    <el-input type="text" v-model="form.pickUpBo.count"/>
+                    <el-input-number v-model="form.pickUpBo.count" type="text"/>
                  </el-form-item>
                  <el-form-item :label="language==0?'航班/火车班次:':'Flight/Train No'" required>
-                    <el-input type="text" v-model="form.pickUpBo.no"/>
+                    <el-input v-model="form.pickUpBo.no" type="text"/>
                  </el-form-item>
                  <el-form-item :label="language==0?'接机/接站地点':'Pick up/Drop off Address'" required>
-                    <el-input type="text" v-model="form.pickUpBo.noAddress"/>
+                    <el-input v-model="form.pickUpBo.noAddress" type="text"/>
                  </el-form-item>
                  <el-form-item :label="language==0?'送达地点':'Delivery Address'" required>
-                    <el-input type="text" v-model="form.pickUpBo.deliveryAddress"/>
+                    <el-input v-model="form.pickUpBo.deliveryAddress" type="text"/>
                  </el-form-item>
                  <el-form-item :label="language==0?'备注':'Remarks'">
-                    <el-input type="textarea" rows="3" v-model="form.pickUpBo.remarks"/>
+                    <el-input v-model="form.pickUpBo.remarks" rows="3" type="textarea"/>
                  </el-form-item>
                </div>
                <div v-show="form.useType?.indexOf('1')> -1">
-                  <h3 class="afterLine">{{ language==0?'送站信息':'Drop off information' }}</h3>
+                  <h3 class="afterLine">{{ language == 0 ? '送站信息' : 'Drop off information' }}</h3>
                  <el-form-item :label="language==0?'用车日期':'Date'" required>
                    <el-date-picker v-model="date2" :disabled-date="disabledDate"
-                                    type="date"
+                                    :placeholder="language==0?'选择日期':'Select date'"
-                                    :placeholder="language==0?'选择日期':'Select date'" format="YYYY-MM-DD"
+                                    format="YYYY-MM-DD" type="date"
                                    value-format="YYYY-MM-DD"/>
                    <!--                    :picker-options="pickerOptions"-->
                  </el-form-item>
                  <el-form-item :label="language==0?'用车时间':'Time'" required>
                    <el-time-picker
-                        v-model="revTime2" :start="car.operStart" :end="car.operEnd"
+                      v-model="revTime2" :end="car.operEnd" :start="car.operStart"
                      format="HH:mm" value-format="HH:mm" @change="bindTimeChange2"
                    />
                  </el-form-item>
                  <el-form-item :label="language==0?'联系人':'Contacts'" required>
-                    <el-input type="text" v-model="form.dropOffBo.contacts"/>
+                    <el-input v-model="form.dropOffBo.contacts" type="text"/>
                  </el-form-item>
                  <el-form-item :label="language==0?'联系电话':'Phone'" required>
-                    <el-input type="text" v-model="form.dropOffBo.phone"/>
+                    <el-input v-model="form.dropOffBo.phone" type="text"/>
                  </el-form-item>
                  <el-form-item label="人数" required>
-                    <el-input type="text" v-model="form.dropOffBo.count"/>
+                    <el-input v-model="form.dropOffBo.count" type="text"/>
                  </el-form-item>
                  <el-form-item label="送达地点" required>
-                    <el-input type="text" v-model="form.dropOffBo.deliveryAddress"/>
+                    <el-input v-model="form.dropOffBo.deliveryAddress" type="text"/>
                  </el-form-item>
                  <el-form-item :label="language==0?'备注':'Remarks'">
-                    <el-input type="textarea" rows="3" v-model="form.dropOffBo.remarks"/>
+                    <el-input v-model="form.dropOffBo.remarks" rows="3" type="textarea"/>
                  </el-form-item>
                </div>
              </el-form>
@@ -127,14 +127,14 @@
            <div class="leftboderTT">{{ language == 0 ? '订单明细' : 'Order details' }}</div>
            <div class="border-rr mt20 pd20 ccitemBox">
              <label v-show="form.useType.indexOf('0')>-1"> {{ language == 0 ? '接站车辆费' : 'Room fee' }}
-                <span class="fr">{{language == 0 ? '¥' : '€'}}{{form.pickUpBo.total}}</span>
+                <span class="fr">{{ language == 0 ? '¥' : '€' }}{{ form.pickUpBo.total }}</span>
              </label>
              <div v-show="form.useType.indexOf('0')>-1" class="ccitem">
                {{ car.name }}
-                <span >{{form.num}} *{{ language == 0 ? '¥' : '€' }}{{ car.inPrice }}</span>
+                <span>{{ form.num }} *{{ language == 0 ? '¥' : '€' }}{{ car.inPrice }}</span>
              </div>
              <label v-show="form.useType.indexOf('1')>-1">{{ language == 0 ? '送站车辆费' : 'Extra bed fee' }}
-                <span class="fr">{{language == 0 ? '¥' : '€'}}{{ form.dropOffBo.total }}</span>
+                <span class="fr">{{ language == 0 ? '¥' : '€' }}{{ form.dropOffBo.total }}</span>
              </label>
              <div v-show="form.useType.indexOf('1')>-1" class="ccitem">
@@ -151,14 +151,18 @@
      </el-card>
      <el-card class="mt30">
-        <el-row justify="space-between" align="middle">
+        <el-row align="middle" justify="space-between">
          <el-col :span="12">
            <label>{{ language == 0 ? '共计金额' : 'Total' }}：
-              <span class=" text-warning"> {{ language == 0 ? '¥' : '€' }}<span class="bigMoney">{{ money }}</span></span>
+              <span class=" text-warning"> {{ language == 0 ? '¥' : '€' }}<span class="bigMoney">{{
+                  money
+                }}</span></span>
            </label>
          </el-col>
          <el-col :span="12" class="text-right">
-            <el-button type="primary" class="btn-lineG w200px" @click="submit" round :loading="payLoading">{{ language == 0 ?'确认付款':'Pay' }}</el-button>
+            <el-button :loading="payLoading" class="btn-lineG w200px" round type="primary" @click="submit">
+              {{ language == 0 ? '确认付款' : 'Pay' }}
+            </el-button>
          </el-col>
        </el-row>
      </el-card>
@@ -175,6 +179,7 @@ import {checkResidueRoom, getBaseInfoByActiveId, newsSubmitOrderHotel, submitOrd
 import dayjs from 'dayjs'
 import {ElMessage, ElMessageBox} from "element-plus";
 import useUserStore from "@/store/modules/user";
 const payLoading = ref(false)
 const user = useUserStore().user
 const language = useStorage('language', 0)
@@ -189,11 +194,11 @@ const date2 = ref('')
 const form = ref({
  num: 1,
  pickUpBo: {
-    carsList:[],
+    carsList: [],
    total: 0
  },
  dropOffBo: {
-    carsList:[],
+    carsList: [],
    total: 0
  },
  useType: []
@@ -224,10 +229,19 @@ function changecarNum(e) {
  var m1 = 0
  var m2 = 0
  if (form.value.useType.indexOf('0') > -1) {
+    if (language.value == 0) {
      m1 = form.value.num * car.value.inPrice
+    } else {
+      m1 = form.value.num * car.value.inPriceEn
+    }
  }
  if (form.value.useType.indexOf('1') > -1) {
+    if (language.value == 0) {
      m2 = form.value.num * car.value.outPrice
+    } else {
+      m2 = form.value.num * car.value.outPriceEn
+    }
  }
  form.value.pickUpBo.total = m1.toFixed(2)
  form.value.dropOffBo.total = m2.toFixed(2)
@@ -243,21 +257,24 @@ function bindTimeChange(e) {
 function bindTimeChange2(e) {
  revTime2.value = e
 }
 function initDays() {
-  getBaseInfoByActiveId(route.params.cptId).then(res=>{
+  getBaseInfoByActiveId(route.params.cptId).then(res => {
    lform.value = res.data
-  }).catch(err=>{
+  }).catch(err => {
    console.log(err)
  })
 }
 function disabledDate(date) {
  // const today = dayjs().format('YYYY-MM-DD')
  if (lform.value.carStart) {
-    return (date.getTime() < dayjs(lform.value.carStart).valueOf())||(date.getTime() > dayjs(lform.value.carEnd).valueOf())
+    return (date.getTime() < dayjs(lform.value.carStart).valueOf()) || (date.getTime() > dayjs(lform.value.carEnd).valueOf())
  }
  return true
 }
 function submit() {
  if (!user) {
    useUserStore().setReLogin()
@@ -276,6 +293,7 @@ function submit() {
    pushFrom()
  })
 }
 function pushFrom() {
  payLoading.value = true
  var obj = {
@@ -314,15 +332,15 @@ function pushFrom() {
  form.value.lavId = item.value.id
  form.value.checkIn = item.value.checkIn
  form.value.checkOut = item.value.checkOut
-  submitOrderCar(form.value).then(res=>{
+  submitOrderCar(form.value).then(res => {
    payLoading.value = false
    if (res.data && res.data.total != -100) {
      router.push({
        name: 'bookingPay',
        query: {
-          orderId:res.data.orderId,
+          orderId: res.data.orderId,
-          money:res.data.total,
+          money: res.data.total,
-          type:'car'
+          type: 'car'
        }
      })
    } else {
@@ -332,7 +350,7 @@ function pushFrom() {
 }
 </script>
-<style scoped lang="scss">
+<style lang="scss" scoped>
 .bigMoney {
  font-size: 36px !important;
  font-family: 'DIN Alternate';