Skip to content

jijin / dance-pc

Go to a project
Toggle navigation
Toggle navigation pinning
6183b00a by zhangmeng
Options

接车

1 parent 6afd6426
Inline Side-by-side
Showing 1 changed file with 64 additions and 46 deletions
src/viewsPc/booking/carOrder.vue
......@@ -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 class="tag" v-show="car.checkIn==1">{{ language == 0 ?'可接车':'Can pick up' }}</span>
<span v-show="car.checkOut==1" class="tag">{{ language == 0 ? '可送车' : 'Can send car' }}</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-item :label="language==0?'车辆数量':'cars'" required prop="num">
<el-form ref="formRef" :label-width="language == 0 ?'120':'200'" :model="form" :rules="rules">
<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'" format="YYYY-MM-DD"
:placeholder="language==0?'选择日期':'Select date'"
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'" format="YYYY-MM-DD"
:placeholder="language==0?'选择日期':'Select date'"
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,
money:res.data.total,
type:'car'
orderId: res.data.orderId,
money: res.data.total,
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';
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!