Skip to content

jijin / dance-pc

Go to a project
Toggle navigation
Toggle navigation pinning
0de836b9 by zhangmeng
Options

车辆

1 parent edeececc
Inline Side-by-side
Showing 4 changed files with 287 additions and 180 deletions
src/apiPc/booking.js
...@@ -237,6 +237,15 @@ export function getBaseInfoByActiveId(id) { ...@@ -237,6 +237,15 @@ export function getBaseInfoByActiveId(id) {
237 }) 237 })
238 } 238 }
239 239
240 export function vehicleConfigList(params) {
241 return request({
242 url: `/ota/vehicleConfig/list`,
243 method: 'get',
244 params
245 })
246 }
247
248
240 export function checkRoomPayByUserId(id) { 249 export function checkRoomPayByUserId(id) {
241 return request({ 250 return request({
242 url: `/ota/norder/checkRoomPayByUserId`, 251 url: `/ota/norder/checkRoomPayByUserId`,
......
src/viewsPc/booking/carList.vue
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
7 <div class="box"> 7 <div class="box">
8 <div class="searchBar"> 8 <div class="searchBar">
9 <el-input v-model="query.name" :placeholder="language==0?'请输入关键字搜索':'Search'" class="no-border" /> 9 <el-input v-model="query.name" :placeholder="language==0?'请输入关键字搜索':'Search'" class="no-border" />
10 <el-button class="btn-lineG" icon="search" size="large" type="primary" @click="getList"> 10 <el-button class="btn-lineG" icon="search" size="large" type="primary" @click="getVehicleByCheckIn">
11 {{ language == 0 ? '搜索' : 'Search' }} 11 {{ language == 0 ? '搜索' : 'Search' }}
12 </el-button> 12 </el-button>
13 </div> 13 </div>
...@@ -97,7 +97,7 @@ function getList() { ...@@ -97,7 +97,7 @@ function getList() {
97 async function getVehicleByCheckIn() { 97 async function getVehicleByCheckIn() {
98 loading.value = true 98 loading.value = true
99 const res = await booking.getVehicleByCheckIn(query.value) 99 const res = await booking.getVehicleByCheckIn(query.value)
100 list.value = res.rows 100 list.value = res.data || []
101 loading.value = false 101 loading.value = false
102 } 102 }
103 103
......
src/viewsPc/booking/carOrder.vue
...@@ -18,38 +18,51 @@ ...@@ -18,38 +18,51 @@
18 </div> 18 </div>
19 </div> 19 </div>
20 20
21 <div class="leftboderTT">{{ language == 0 ? '预约信息' : 'Reservation information' }}</div> 21 <div class="leftboderTT">
22 {{ language == 0 ? '预约信息' : 'Reservation information' }}
23 </div>
22 <div class="border-rr mt20 pd20"> 24 <div class="border-rr mt20 pd20">
23 <el-form ref="formRef" :label-width="language == 0 ?'120':'200'" :model="form" :rules="rules"> 25 <el-form ref="formRef" :label-width="language == 0 ?'120':'200'" :model="form" :rules="rules">
24 <el-form-item :label="language==0?'人数':'Person Count'" required> 26 <el-form-item :label="language==0?'人数':'Person Count'" prop="pickUpBo.count">
25 <el-input-number v-model="form.pickUpBo.count" type="text" @change="changecarNum" /> 27 <el-input-number v-model="form.pickUpBo.count" type="text" @change="changecarNum" />
26 </el-form-item> 28 </el-form-item>
27 <el-form-item :label="language==0?'用车日期':'Date'" required> 29 <el-form-item :label="language==0?'用车日期':'Date'" prop="date1">
28 <el-date-picker 30 <el-date-picker
29 v-model="date1" :disabled-date="disabledDate" 31 v-model="form.date1" :disabled-date="disabledDate"
30 :placeholder="language==0?'选择日期':'Select date'" 32 :placeholder="language==0?'选择日期':'Select date'"
31 format="YYYY-MM-DD" type="date" 33 format="YYYY-MM-DD" type="date"
32 value-format="YYYY-MM-DD" 34 value-format="YYYY-MM-DD"
33 /> 35 />
34 </el-form-item> 36 </el-form-item>
35 <el-form-item :label="language==0?'用车时间':'Time'" required> 37 <el-form-item :label="language==0?'用车时间':'Time'" prop="lvcId">
36 <el-time-picker v-model="revTime1" format="HH:mm" value-format="HH:mm" @change="bindTimeChange" /> 38 <!-- <el-time-picker v-model="revTime1" format="HH:mm" value-format="HH:mm" @change="bindTimeChange" />-->
39
40 <el-select v-model="form.lvcId">
41 <el-option v-for="v in timeList" :key="v.id" :label="`${v.nameStart}~${v.nameEnd}`" :value="v.id" />
42 </el-select>
43 </el-form-item>
44 <el-form-item
45 v-for="(v,i) in form.list" :key="i" :label="`${language==0?`乘坐人${i+1}`:`Contacts${i+1}`}`"
46 :prop="`list.${i}.name`"
47 :rules="rules.name"
48 >
49 <el-input v-model="v.name" type="text" />
37 </el-form-item> 50 </el-form-item>
38 <el-form-item :label="language==0?'联系人':'Contacts'" required> 51 <el-form-item :label="language==0?'联系人':'Contacts'" prop="pickUpBo.contacts">
39 <el-input v-model="form.pickUpBo.contacts" type="text" /> 52 <el-input v-model="form.pickUpBo.contacts" type="text" />
40 </el-form-item> 53 </el-form-item>
41 <el-form-item :label="language==0?'联系电话':'Phone'" required> 54 <el-form-item :label="language==0?'联系电话':'Phone'" prop="pickUpBo.phone">
42 <el-input v-model="form.pickUpBo.phone" type="text" /> 55 <el-input v-model="form.pickUpBo.phone" type="text" />
43 </el-form-item> 56 </el-form-item>
44 <el-form-item :label="language==0?'航班/火车班次:':'Flight/Train No'" required> 57 <el-form-item :label="language==0?'航班/火车班次:':'Flight/Train No'" prop="pickUpBo.no">
45 <el-input v-model="form.pickUpBo.no" type="text" /> 58 <el-input v-model="form.pickUpBo.no" type="text" />
46 </el-form-item> 59 </el-form-item>
47 <el-form-item :label="language==0?'接机/接站地点':'Pick up/Drop off Address'" required> 60 <!-- <el-form-item :label="language==0?'接机/接站地点':'Pick up/Drop off Address'" required>-->
48 <el-input v-model="form.pickUpBo.noAddress" type="text" /> 61 <!-- <el-input v-model="form.pickUpBo.noAddress" type="text" />-->
49 </el-form-item> 62 <!-- </el-form-item>-->
50 <el-form-item :label="language==0?'送达地点':'Delivery Address'" required> 63 <!-- <el-form-item :label="language==0?'送达地点':'Delivery Address'" required>-->
51 <el-input v-model="form.pickUpBo.deliveryAddress" type="text" /> 64 <!-- <el-input v-model="form.pickUpBo.deliveryAddress" type="text" />-->
52 </el-form-item> 65 <!-- </el-form-item>-->
53 <el-form-item :label="language==0?'备注':'Remarks'"> 66 <el-form-item :label="language==0?'备注':'Remarks'">
54 <el-input v-model="form.pickUpBo.remarks" rows="3" type="textarea" /> 67 <el-input v-model="form.pickUpBo.remarks" rows="3" type="textarea" />
55 </el-form-item> 68 </el-form-item>
...@@ -60,19 +73,22 @@ ...@@ -60,19 +73,22 @@
60 <div class="leftboderTT">{{ language == 0 ? '订单明细' : 'Order details' }}</div> 73 <div class="leftboderTT">{{ language == 0 ? '订单明细' : 'Order details' }}</div>
61 <div class="border-rr mt20 pd20 ccitemBox"> 74 <div class="border-rr mt20 pd20 ccitemBox">
62 <label> {{ language == 0 ? '单价' : 'Price' }} 75 <label> {{ language == 0 ? '单价' : 'Price' }}
63 <span class="fr">{{ language == 0 ? '¥' : '€' }}{{ 76 <span class="fr">{{ language == 0 ? '¥' : '€' }}
64 language == 0 ? item.upPrice : item.upPriceEn 77 {{ language == 0 ? item.upPrice : item.upPriceEn }}
65 }}</span> 78 </span>
66 </label> 79 </label>
67 <div class="ccitem"> 80 <div class="ccitem">
68 <span>{{ form.pickUpBo.count }} *{{ 81 <span>
69 language == 0 ? '¥' : '€' 82 {{ form.pickUpBo.count }} *{{ language == 0 ? '¥' : '€' }}
70 }}{{ language == 0 ? item.upPrice : item.upPriceEn }}</span> 83 {{ language == 0 ? item.upPrice : item.upPriceEn }}
84 </span>
71 </div> 85 </div>
72 86
73 <label>{{ language == 0 ? '共计' : 'Total' }}<span 87 <label>{{ language == 0 ? '共计' : 'Total' }}
74 class="fr bigMoney" 88 <span class="fr bigMoney">
75 >{{ language == 0 ? '¥' : '€' }}{{ money }}</span></label> 89 {{ language == 0 ? '¥' : '€' }}{{ money }}
90 </span>
91 </label>
76 92
77 </div> 93 </div>
78 </el-col> 94 </el-col>
...@@ -83,9 +99,12 @@ ...@@ -83,9 +99,12 @@
83 <el-row align="middle" justify="space-between"> 99 <el-row align="middle" justify="space-between">
84 <el-col :span="12"> 100 <el-col :span="12">
85 <label>{{ language == 0 ? '共计金额' : 'Total' }}： 101 <label>{{ language == 0 ? '共计金额' : 'Total' }}：
86 <span class=" text-warning"> {{ language == 0 ? '¥' : '€' }}<span class="bigMoney">{{ 102 <span class=" text-warning">
87 money 103 {{ language == 0 ? '¥' : '€' }}
88 }}</span></span> 104 <span class="bigMoney">
105 {{ money }}
106 </span>
107 </span>
89 </label> 108 </label>
90 </el-col> 109 </el-col>
91 <el-col :span="12" class="text-right"> 110 <el-col :span="12" class="text-right">
...@@ -105,13 +124,14 @@ ...@@ -105,13 +124,14 @@
105 124
106 <script setup> 125 <script setup>
107 import { useRouter, useRoute } from 'vue-router' 126 import { useRouter, useRoute } from 'vue-router'
108 import { ref, onMounted, watch } from 'vue' 127 import { ref, onMounted, getCurrentInstance } from 'vue'
109 import { useStorage } from '@vueuse/core/index' 128 import { useStorage } from '@vueuse/core/index'
110 import { getBaseInfoByActiveId, submitOrderCar } from '@/apiPc/booking' 129 import { getBaseInfoByActiveId, submitOrderCar, vehicleConfigList } from '@/apiPc/booking'
111 import dayjs from 'dayjs' 130 import dayjs from 'dayjs'
112 import { ElMessage, ElMessageBox } from 'element-plus' 131 import { ElMessage, ElMessageBox } from 'element-plus'
113 import useUserStore from '@/store/modules/user' 132 import useUserStore from '@/store/modules/user'
114 133
134 const { proxy } = getCurrentInstance()
115 const payLoading = ref(false) 135 const payLoading = ref(false)
116 const user = useUserStore().user 136 const user = useUserStore().user
117 const language = useStorage('language', 0) 137 const language = useStorage('language', 0)
...@@ -119,17 +139,58 @@ const router = useRouter() ...@@ -119,17 +139,58 @@ const router = useRouter()
119 const route = useRoute() 139 const route = useRoute()
120 const item = ref({}) 140 const item = ref({})
121 const revTime1 = ref('') 141 const revTime1 = ref('')
122 const date1 = ref('')
123 const form = ref({ 142 const form = ref({
124 pickUpBo: { 143 pickUpBo: {
125 count: 1 144 count: 1
126 } 145 },
146 list: [{}]
127 }) 147 })
128 148
129 const money = ref(0) 149 const money = ref(0)
130 const rules = ref({}) 150 const rules = ref({
151 'pickUpBo.count': {
152 required: true,
153 message: language.value == 0 ? '请输入人数' : 'Please enter the number of people',
154 trigger: 'blur'
155 },
156 'pickUpBo.revTime': {
157 required: true,
158 message: language.value == 0 ? '请选择时间' : 'Please select time',
159 trigger: 'blur'
160 },
161 'pickUpBo.contacts': {
162 required: true,
163 message: language.value == 0 ? '请输入联系人' : 'Please enter contacts',
164 trigger: 'blur'
165 },
166 'pickUpBo.phone': {
167 required: true,
168 message: language.value == 0 ? '请输入联系电话' : 'Please enter contact number',
169 trigger: 'blur'
170 },
171 'pickUpBo.no': {
172 required: true,
173 message: language.value == 0 ? '请输入航班号' : 'Please enter flight number',
174 trigger: 'blur'
175 },
176 name: {
177 required: true,
178 message: language.value == 0 ? '请输入姓名' : 'Please enter name',
179 trigger: 'blur'
180 },
181 date1: {
182 required: true,
183 message: language.value == 0 ? '请选择日期' : 'Please select date',
184 trigger: 'blur'
185 },
186 lvcId: {
187 required: true,
188 message: language.value == 0 ? '请选择时间' : 'Please select time ',
189 trigger: 'blur'
190 }
191 })
131 const lform = ref({}) 192 const lform = ref({})
132 193 const timeList = ref([])
133 194
134 onMounted(() => { 195 onMounted(() => {
135 item.value = JSON.parse(decodeURIComponent(route.query.item)) 196 item.value = JSON.parse(decodeURIComponent(route.query.item))
...@@ -137,14 +198,22 @@ onMounted(() => { ...@@ -137,14 +198,22 @@ onMounted(() => {
137 money.value = 0 198 money.value = 0
138 changecarNum() 199 changecarNum()
139 initDays() 200 initDays()
201 handleVehicleConfigList()
140 }) 202 })
141 203
142 function changecarNum() { 204 function changecarNum() {
143 money.value = (form.value.pickUpBo.count * (language.value == 0 ? item.value.upPrice : item.value.upPriceEn)).toFixed(2) 205 const num = form.value.pickUpBo.count
206 money.value = (num * (language.value == 0 ? item.value.upPrice : item.value.upPriceEn)).toFixed(2)
207
208 if (num) {
209 const arr = [...new Array(num).fill({})]
210 form.value.list = JSON.parse(JSON.stringify(arr))
211 }
144 } 212 }
145 213
146 function bindTimeChange(e) { 214 async function handleVehicleConfigList() {
147 revTime1.value = e 215 const res = await vehicleConfigList({ lavId: item.value.id })
216 timeList.value = res.rows
148 } 217 }
149 218
150 function initDays() { 219 function initDays() {
...@@ -162,33 +231,57 @@ function disabledDate(date) { ...@@ -162,33 +231,57 @@ function disabledDate(date) {
162 return true 231 return true
163 } 232 }
164 233
165 function submit() { 234 async function submit() {
235 await proxy.$refs['formRef'].validate()
166 if (!user) { 236 if (!user) {
167 useUserStore().setReLogin() 237 useUserStore().setReLogin()
168 return 238 return
169 } 239 }
170 if (money.value <= 0) { 240 if (money.value <= 0) {
171 ElMessage.error(language.value == 0 ? '请添加人数' : 'Please add the number of people') 241 await proxy.$modal.msgError(language.value == 0 ? '请添加人数' : 'Please add the number of people')
172 return 242 return
173 } 243 }
174 // 提交确认 244 // 提交确认
175 ElMessageBox.confirm(language.value == 0 ? '确认提交订单吗？' : 'Confirm to submit the order?', { 245 await proxy.$modal.confirm(language.value == 0 ? '确认提交订单吗？' : 'Confirm to submit the order?')
176 confirmButtonText: language.value == 0 ? '确定' : 'Confirm', 246 await pushFrom()
177 cancelButtonText: language.value == 0 ? '取消' : 'Cancel', 247 // await ElMessageBox.confirm(language.value == 0 ? '确认提交订单吗？' : 'Confirm to submit the order?', {
178 type: 'warning' 248 // confirmButtonText: language.value == 0 ? '确定' : 'Confirm',
179 }).then(() => { 249 // cancelButtonText: language.value == 0 ? '取消' : 'Cancel',
180 pushFrom() 250 // type: 'warning'
181 }) 251 // }).then(() => {
252 // pushFrom()
253 // })
182 } 254 }
183 255
184 function pushFrom() { 256 function pushFrom() {
185 payLoading.value = true 257 payLoading.value = true
186 form.value.pickUpBo.revTime = date1.value + ' ' + revTime1.value 258 const checkTime = timeList.value.find(v => v.id == form.value.lvcId)
187 form.value.activeId = item.value.activityId 259 // const name = form.value.list.map(v => v.name)?.toString()
188 form.value.lavId = item.value.id 260 const obj = {
189 form.value.checkIn = item.value.checkIn 261 pickUpBo: {
190 form.value.checkOut = item.value.checkOut 262 revTime: form.value.date1 + ' ' + revTime1.value,
191 submitOrderCar(form.value).then(res => { 263 contacts: form.value.pickUpBo.contacts,
264 phone: form.value.pickUpBo.phone,
265 count: form.value.pickUpBo.count,
266 no: form.value.pickUpBo.no,
267 remarks: form.value.remarks,
268 lvcId: form.value.lvcId,
269 lvcTimes: checkTime.nameStart + '-' + checkTime.nameEnd,
270 customers: form.value.list
271 },
272 activeId: item.value.activityId,
273 lavId: item.value.id,
274 checkIn: item.value.checkIn,
275 checkOut: item.value.checkOut
276
277 }
278 // form.value.pickUpBo.revTime = form.value.date1 + ' ' + revTime1.value
279 // form.value.activeId = item.value.activityId
280 // form.value.lavId = item.value.id
281 // form.value.checkIn = item.value.checkIn
282 // form.value.checkOut = item.value.checkOut
283
284 submitOrderCar(obj).then(res => {
192 payLoading.value = false 285 payLoading.value = false
193 if (res.data && res.data.total != -100) { 286 if (res.data && res.data.total != -100) {
194 router.push({ 287 router.push({
......
src/viewsPc/booking/pay.vue
...@@ -46,8 +46,8 @@ ...@@ -46,8 +46,8 @@
46 <el-row> 46 <el-row>
47 <el-col :lg="12" :md="12" :sm="12" :xs="24"> 47 <el-col :lg="12" :md="12" :sm="12" :xs="24">
48 <div class="mb10">{{ language == 0 ? '送餐地址' : 'Delivery Address' }}：{{ 48 <div class="mb10">{{ language == 0 ? '送餐地址' : 'Delivery Address' }}：{{
49 form.address || '-' 49 form.address || '-'
50 }} 50 }}
51 </div> 51 </div>
52 </el-col> 52 </el-col>
53 <el-col :lg="12" :md="12" :sm="12" :xs="24"> 53 <el-col :lg="12" :md="12" :sm="12" :xs="24">
...@@ -68,12 +68,12 @@ ...@@ -68,12 +68,12 @@
68 <el-col> 68 <el-col>
69 {{ language == 0 ? '套餐' : 'Package' }}：{{ formInfo.mealName }} <span 69 {{ language == 0 ? '套餐' : 'Package' }}：{{ formInfo.mealName }} <span
70 style="margin-left: 40px" 70 style="margin-left: 40px"
71 >{{ language == 0 ? '价格' : 'Price' }}</span><span 71 >{{ language == 0 ? '价格' : 'Price' }}</span><span
72 class="price" 72 class="price"
73 >{{ language == 0 ? '￥' + formInfo.mealPrice : '€' + formInfo.mealPriceEn }}</span> 73 >{{ language == 0 ? '￥' + formInfo.mealPrice : '€' + formInfo.mealPriceEn }}</span>
74 <span style="margin-left: 40px">{{ 74 <span style="margin-left: 40px">{{
75 language == 0 ? '工作室电话' : 'Studio phone number' 75 language == 0 ? '工作室电话' : 'Studio phone number'
76 }}：{{ formInfo.contact }}</span> 76 }}：{{ formInfo.contact }}</span>
77 </el-col> 77 </el-col>
78 <el-col> 78 <el-col>
79 <div class="esp_3 s" @click="handleView()"> 79 <div class="esp_3 s" @click="handleView()">
...@@ -104,9 +104,9 @@ ...@@ -104,9 +104,9 @@
104 <el-col> 104 <el-col>
105 {{ language == 0 ? '套餐' : 'Package' }}：{{ formInfo.photoName }} <span 105 {{ language == 0 ? '套餐' : 'Package' }}：{{ formInfo.photoName }} <span
106 style="margin-left: 40px" 106 style="margin-left: 40px"
107 >{{ language == 0 ? '价格' : 'Price' }}</span><span 107 >{{ language == 0 ? '价格' : 'Price' }}</span><span
108 class="price" 108 class="price"
109 >{{ language == 0 ? '￥' + formInfo.photoPrice : '€' + formInfo.photoPriceEn }}</span> 109 >{{ language == 0 ? '￥' + formInfo.photoPrice : '€' + formInfo.photoPriceEn }}</span>
110 </el-col> 110 </el-col>
111 <el-col> 111 <el-col>
112 {{ language == 0 ? '套餐说明' : 'Package Description' }}：{{ formInfo.introduction }} 112 {{ language == 0 ? '套餐说明' : 'Package Description' }}：{{ formInfo.introduction }}
...@@ -125,12 +125,12 @@ ...@@ -125,12 +125,12 @@
125 <p> 125 <p>
126 {{ form?.extJson?.atName }} ｜ 126 {{ form?.extJson?.atName }} ｜
127 {{ form?.extJson?.atsName }} ｜ 127 {{ form?.extJson?.atsName }} ｜
128 <span v-if="form?.extJson?.sessionType == '1000'">{{ language==0?'日间场':'Day' }}</span> 128 <span v-if="form?.extJson?.sessionType == '1000'">{{ language == 0 ? '日间场' : 'Day' }}</span>
129 <span v-else>{{ language==0?'夜间场':'Night' }}</span> 129 <span v-else>{{ language == 0 ? '夜间场' : 'Night' }}</span>
130 {{ form?.extJson?.ticketName }} ｜ 130 {{ form?.extJson?.ticketName }} ｜
131 {{ form?.num }}{{ language == 0 ? '张' : 'Tickets' }} 131 {{ form?.num }}{{ language == 0 ? '张' : 'Tickets' }}
132 </p> 132 </p>
133 133
134 </div> 134 </div>
135 </div> 135 </div>
136 <div v-if="type == 'travel'"> 136 <div v-if="type == 'travel'">
...@@ -149,44 +149,50 @@ ...@@ -149,44 +149,50 @@
149 </el-row> 149 </el-row>
150 </div> 150 </div>
151 </div> 151 </div>
152 152
153 <div class="leftboderTT">{{ language == 0 ? '预订信息' : 'Booking information' }}</div> 153 <div class="leftboderTT">{{ language == 0 ? '预订信息' : 'Booking information' }}</div>
154 154
155 <div class="border-info mt20"> 155 <div class="border-info mt20">
156 <el-row v-if="type == 'hotel'"> 156 <el-row v-if="type == 'hotel'">
157 <el-col :lg="8" :md="12" :sm="12" :xs="24"> 157 <el-col :lg="8" :md="12" :sm="12" :xs="24">
158 <div>{{ language == 0 ? '入住人' : 'Check-in Person' }}：{{ form.rzUsers }}</div> 158 <div>{{ language == 0 ? '入住人' : 'Check-in Person' }}：{{ form.rzUsers }}</div>
159 </el-col> 159 </el-col>
160 <el-col :lg="8" :md="12" :sm="12" :xs="24">{{ 160 <el-col :lg="8" :md="12" :sm="12" :xs="24">{{
161 language == 0 ? '联系方式' : 'Contact Information' 161 language == 0 ? '联系方式' : 'Contact Information'
162 }}：{{ form.phone }} 162 }}：{{ form.phone }}
163 </el-col> 163 </el-col>
164 <el-col :lg="8" :md="12" :sm="12" :xs="24"/> 164 <el-col :lg="8" :md="12" :sm="12" :xs="24" />
165 </el-row> 165 </el-row>
166 <el-row v-if="type == 'car'"> 166 <el-row v-if="type == 'car'">
167 <el-col :lg="12" :md="12" :sm="12" :xs="24"> 167 <el-col :lg="12" :md="12" :sm="12" :xs="24">
168 <div class="st-info"> 168 <div class="st-info">
169 <div>{{ language == 0 ? '用车时间' : 'Delivery Time' }}：{{ form.pickUpBo?.revTime }}</div> 169 <div>{{ language == 0 ? '用车日期' : 'Delivery Date' }}：{{ form.pickUpBo?.revTime }}</div>
170 <div>{{ language == 0 ? '用车时间' : 'Delivery Time' }}：{{ form.pickUpBo?.lvcTimes }}</div>
170 <!-- <div v-for="(car,index) in form.pickUpBo.carsList" :key="index" class="carLine">--> 171 <!-- <div v-for="(car,index) in form.pickUpBo.carsList" :key="index" class="carLine">-->
171 <!-- <div v-if="car.num > 0">--> 172 <!-- <div v-if="car.num > 0">-->
172 <!-- <label>{{ car.name }}</label>--> 173 <!-- <label>{{ car.name }}</label>-->
173 <!-- <el-tag class="mr10">{{ car.carSeat }} {{ language == 0 ? '座 ' : 'Sets' }}</el-tag>--> 174 <!-- <el-tag class="mr10">{{ car.carSeat }} {{ language == 0 ? '座 ' : 'Sets' }}</el-tag>-->
174 <!-- <el-tag>{{ car.carColor }}</el-tag>--> 175 <!-- <el-tag>{{ car.carColor }}</el-tag>-->
175 <!-- </div>--> 176 <!-- </div>-->
176 177
177 <!-- <span v-if="car.num > 0"> {{ car.num }}{{--> 178 <!-- <span v-if="car.num > 0"> {{ car.num }}{{-->
178 <!-- language == 0 ? '辆' : 'Cars'--> 179 <!-- language == 0 ? '辆' : 'Cars'-->
179 <!-- }} * {{ language == 0 ? '¥' : '€' }}{{ car.price }}</span>--> 180 <!-- }} * {{ language == 0 ? '¥' : '€' }}{{ car.price }}</span>-->
180 <!-- </div>--> 181 <!-- </div>-->
181 182 <div>{{ language == 0 ? '乘坐人' : 'Contacts' }}：
182 <div>{{ language == 0 ? '人数' : 'People' }}： {{ form.pickUpBo.count }}</div> 183 <span v-for="v in form.pickUpBo.customers" :key="v" style="margin-right: 20px">{{ v.name }}</span>
183 <div>{{ language == 0 ? '航班/火车班次' : 'Flight/Train' }}： {{ form.pickUpBo.no }}</div>
184 <div>{{ language == 0 ? '接机/接站地点' : 'Pick-up/Drop-off Place' }}：
185 {{ form.pickUpBo.noAddress }}
186 </div> 184 </div>
187 <div>{{ language == 0 ? '送达地点' : 'Delivery Place' }}： {{ form.pickUpBo.deliveryAddress }}</div> 185
186 <div>{{ language == 0 ? '人数' : 'People' }}：{{ form.pickUpBo.count }}</div>
187
188 <!-- <div>{{ language == 0 ? '接机/接站地点' : 'Pick-up/Drop-off Place' }}：-->
189 <!-- {{ form.pickUpBo.noAddress }}-->
190 <!-- </div>-->
191 <!-- <div>{{ language == 0 ? '送达地点' : 'Delivery Place' }}： {{ form.pickUpBo.deliveryAddress }}</div>-->
192
188 <div>{{ language == 0 ? '联系人' : 'Contact Person' }}：{{ form.pickUpBo.contacts }}</div> 193 <div>{{ language == 0 ? '联系人' : 'Contact Person' }}：{{ form.pickUpBo.contacts }}</div>
189 <div>{{ language == 0 ? '联系电话' : 'Contact Phone' }}：{{ form.pickUpBo.phone }}</div> 194 <div>{{ language == 0 ? '联系电话' : 'Contact Phone' }}：{{ form.pickUpBo.phone }}</div>
195 <div>{{ language == 0 ? '航班/火车班次' : 'Flight/Train' }}： {{ form.pickUpBo.no }}</div>
190 <div>{{ language == 0 ? '备注' : 'Remarks' }}：{{ form.pickUpBo.remarks || '-' }}</div> 196 <div>{{ language == 0 ? '备注' : 'Remarks' }}：{{ form.pickUpBo.remarks || '-' }}</div>
191 </div> 197 </div>
192 </el-col> 198 </el-col>
...@@ -202,16 +208,16 @@ ...@@ -202,16 +208,16 @@
202 </el-col> 208 </el-col>
203 <el-col :lg="12" :md="12" :sm="12" :xs="24"> 209 <el-col :lg="12" :md="12" :sm="12" :xs="24">
204 <div class="mb10">{{ 210 <div class="mb10">{{
205 language == 0 ? '订餐周期' : 'Check-in date' 211 language == 0 ? '订餐周期' : 'Check-in date'
206 }}：{{ form.extJsonObj?.dcStart || '-' }} ~ {{ form.extJsonObj?.dcEnd || '-' }} 212 }}：{{ form.extJsonObj?.dcStart || '-' }} ~ {{ form.extJsonObj?.dcEnd || '-' }}
207 </div> 213 </div>
208 </el-col> 214 </el-col>
209 <el-col :lg="8" :md="12" :sm="12" :xs="24"> 215 <el-col :lg="8" :md="12" :sm="12" :xs="24">
210 <div class="mb10">{{ language == 0 ? '联系人' : 'Contact Person' }}：{{ form.contacts }}</div> 216 <div class="mb10">{{ language == 0 ? '联系人' : 'Contact Person' }}：{{ form.contacts }}</div>
211 </el-col> 217 </el-col>
212 <el-col :lg="8" :md="12" :sm="12" :xs="24">{{ 218 <el-col :lg="8" :md="12" :sm="12" :xs="24">{{
213 language == 0 ? '联系方式' : 'Contact Phone' 219 language == 0 ? '联系方式' : 'Contact Phone'
214 }}：{{ form.phone }} 220 }}：{{ form.phone }}
215 </el-col> 221 </el-col>
216 <el-col :span="24">{{ language == 0 ? '备注' : 'Remarks' }}：{{ form.remarks || '-' }}</el-col> 222 <el-col :span="24">{{ language == 0 ? '备注' : 'Remarks' }}：{{ form.remarks || '-' }}</el-col>
217 </el-row> 223 </el-row>
...@@ -259,14 +265,14 @@ ...@@ -259,14 +265,14 @@
259 <div class="mb10">{{ language == 0 ? '联系人' : 'Contact Person' }}：{{ form.contacts }}</div> 265 <div class="mb10">{{ language == 0 ? '联系人' : 'Contact Person' }}：{{ form.contacts }}</div>
260 </el-col> 266 </el-col>
261 <el-col :lg="8" :md="12" :sm="12" :xs="24">{{ 267 <el-col :lg="8" :md="12" :sm="12" :xs="24">{{
262 language == 0 ? '联系方式' : 'Contact Phone' 268 language == 0 ? '联系方式' : 'Contact Phone'
263 }}：{{ form.phone }} 269 }}：{{ form.phone }}
264 </el-col> 270 </el-col>
265 <el-col :span="24">{{ language == 0 ? '备注' : 'Remarks' }}：{{ form.remarks }}</el-col> 271 <el-col :span="24">{{ language == 0 ? '备注' : 'Remarks' }}：{{ form.remarks }}</el-col>
266 </el-row> 272 </el-row>
267 <el-row v-if="type == 'ticket'" style="width: 100%"> 273 <el-row v-if="type == 'ticket'" style="width: 100%">
268 <el-col :lg="12"> 274 <el-col :lg="12">
269 {{ language == 0 ? '联系人' : 'Contact' }}：{{form.contacts}} 275 {{ language == 0 ? '联系人' : 'Contact' }}：{{ form.contacts }}
270 </el-col> 276 </el-col>
271 <el-col :lg="12"> 277 <el-col :lg="12">
272 {{ language == 0 ? '联系方式' : 'Contact' }}：{{ form.phone }} 278 {{ language == 0 ? '联系方式' : 'Contact' }}：{{ form.phone }}
...@@ -274,12 +280,12 @@ ...@@ -274,12 +280,12 @@
274 <el-row v-for="(v,i) in form.extJson?.orderCustomerList" :key="i" style="width: 100%"> 280 <el-row v-for="(v,i) in form.extJson?.orderCustomerList" :key="i" style="width: 100%">
275 <el-col :lg="12" :md="12" :sm="12" :xs="24"> 281 <el-col :lg="12" :md="12" :sm="12" :xs="24">
276 {{ v.name }} - 282 {{ v.name }} -
277 283
278 <span class="text-gray">{{ v.idCard }}</span> 284 <span class="text-gray">{{ v.idCard }}</span>
279 </el-col> 285 </el-col>
280 <el-col :lg="12" :md="12" :sm="12" :xs="24" class="text-right"> 286 <el-col :lg="12" :md="12" :sm="12" :xs="24" class="text-right">
281 <span class="text-primary" v-if="language == 0 ">￥ {{ form.price }}</span> 287 <span v-if="language == 0 " class="text-primary">￥ {{ form.price }}</span>
282 <span v-else>€ {{ form.priceEn || 0}}</span> 288 <span v-else>€ {{ form.priceEn || 0 }}</span>
283 </el-col> 289 </el-col>
284 </el-row> 290 </el-row>
285 <el-row style="width: 100%"> 291 <el-row style="width: 100%">
...@@ -290,15 +296,14 @@ ...@@ -290,15 +296,14 @@
290 }}{{ language == 0 ? '张' : 'Tickets' }} 296 }}{{ language == 0 ? '张' : 'Tickets' }}
291 </div> 297 </div>
292 </el-col> 298 </el-col>
293 <el-col :lg="8" :md="12" :sm="12" :xs="24"> 299 <el-col :lg="8" :md="12" :sm="12" :xs="24" />
294 </el-col>
295 <el-col :lg="8" :md="12" :sm="12" :xs="24" class="text-right text-warning"> 300 <el-col :lg="8" :md="12" :sm="12" :xs="24" class="text-right text-warning">
296 {{ form.paymentType == '1' ? '共计' : 'total' }}:{{ 301 {{ form.paymentType == '1' ? '共计' : 'total' }}:{{
297 form.paymentType == '1' ? '￥' : '€' 302 form.paymentType == '1' ? '￥' : '€'
298 }}{{ Number(totalFee).toFixed(2) }} 303 }}{{ Number(totalFee).toFixed(2) }}
299 </el-col> 304 </el-col>
300 </el-row> 305 </el-row>
301 306
302 </el-row> 307 </el-row>
303 <el-row v-if="type == 'travel'" style="width: 100%"> 308 <el-row v-if="type == 'travel'" style="width: 100%">
304 <el-row v-for="(v,i) in form.personArr" :key="i" style="width: 100%"> 309 <el-row v-for="(v,i) in form.personArr" :key="i" style="width: 100%">
...@@ -318,13 +323,13 @@ ...@@ -318,13 +323,13 @@
318 <el-row style="width: 100%"> 323 <el-row style="width: 100%">
319 <el-col :lg="8" :md="12" :sm="12" :xs="24"> 324 <el-col :lg="8" :md="12" :sm="12" :xs="24">
320 <div>{{ 325 <div>{{
321 language == 0 ? '购票数量' : 'Number of tickets purchased' 326 language == 0 ? '购票数量' : 'Number of tickets purchased'
322 }}：{{ form.personArr?.length }}{{ language == 0 ? '张' : 'Tickets' }} 327 }}：{{ form.personArr?.length }}{{ language == 0 ? '张' : 'Tickets' }}
323 </div> 328 </div>
324 </el-col> 329 </el-col>
325 <el-col :lg="8" :md="12" :sm="12" :xs="24">{{ 330 <el-col :lg="8" :md="12" :sm="12" :xs="24">{{
326 language == 0 ? '联系方式' : 'Contact Information' 331 language == 0 ? '联系方式' : 'Contact Information'
327 }}：{{ form.phone }} 332 }}：{{ form.phone }}
328 </el-col> 333 </el-col>
329 <el-col :lg="8" :md="12" :sm="12" :xs="24"> 334 <el-col :lg="8" :md="12" :sm="12" :xs="24">
330 {{ language == 0 ? '共计' : 'total' }}:{{ 335 {{ language == 0 ? '共计' : 'total' }}:{{
...@@ -332,10 +337,10 @@ ...@@ -332,10 +337,10 @@
332 }}{{ Number(totalFee).toFixed(2) }} 337 }}{{ Number(totalFee).toFixed(2) }}
333 </el-col> 338 </el-col>
334 </el-row> 339 </el-row>
335 340
336 </el-row> 341 </el-row>
337 </div> 342 </div>
338 343
339 <el-row align="middle" justify="space-between"> 344 <el-row align="middle" justify="space-between">
340 <el-col :lg="12"> 345 <el-col :lg="12">
341 <div v-if="form.payDate">{{ language == 0 ? '支付时间' : 'Payment Time' }}：{{ form.payDate }}</div> 346 <div v-if="form.payDate">{{ language == 0 ? '支付时间' : 'Payment Time' }}：{{ form.payDate }}</div>
...@@ -363,79 +368,79 @@ ...@@ -363,79 +368,79 @@
363 </div> 368 </div>
364 </el-col> 369 </el-col>
365 <el-col :lg="24"> 370 <el-col :lg="24">
366 <div class="text-center"/> 371 <div class="text-center" />
367 </el-col> 372 </el-col>
368 </el-row> 373 </el-row>
369 </div> 374 </div>
370 </div> 375 </div>
371 <div v-else class="pd20 skeletonBox"> 376 <div v-else class="pd20 skeletonBox">
372 <el-skeleton :rows="8"/> 377 <el-skeleton :rows="8" />
373 <el-button 378 <el-button
374 :style="language == 0 ?'width:200px':'width:400px'" class="btn-lineG" round size="large" 379 :style="language == 0 ?'width:200px':'width:400px'" class="btn-lineG" round size="large"
375 type="primary" @click="showLogin" 380 type="primary" @click="showLogin"
376 > 381 >
377 {{ language == 0 ? '登录后查看明细' : 'View detailed information after logging in' }} 382 {{ language == 0 ? '登录后查看明细' : 'View detailed information after logging in' }}
378 </el-button> 383 </el-button>
379 </div> 384 </div>
380 385
381 <div v-if="form.viewStatus == '0'&&(form.surplus!='0,0'&&form.surplus!='0')" class="pd20"> 386 <div v-if="form.viewStatus == '0'&&(form.surplus!='0,0'&&form.surplus!='0')" class="pd20">
382 387
383 <div class="leftboderTT">{{ language == 0 ? '选择支付方式' : 'Choose payment method' }}</div> 388 <div class="leftboderTT">{{ language == 0 ? '选择支付方式' : 'Choose payment method' }}</div>
384 <div class="mt20"> 389 <div class="mt20">
385 <el-radio-group v-model="payType"> 390 <el-radio-group v-model="payType">
386 <el-radio v-if="language==0" border value="2"> 391 <el-radio v-if="language==0" border value="2">
387 <!-- 微信--> 392 <!-- 微信-->
388 <svg 393 <svg
389 class="icon" height="40" p-id="24747" t="1709002960407" 394 class="icon" height="40" p-id="24747" t="1709002960407"
390 version="1.1" viewBox="0 0 3152 1024" width="94" xmlns="http://www.w3.org/2000/svg" 395 version="1.1" viewBox="0 0 3152 1024" width="94" xmlns="http://www.w3.org/2000/svg"
391 > 396 >
392 <path 397 <path
393 d="M381.998922 630.960647c-4.416173 2.208086-8.832345 3.312129-14.352561 3.312129-12.144474 0-22.080863-7.17628-28.1531-17.66469l-2.208086-4.968194-87.771428-204.247978c-1.104043-2.208086-1.104043-4.416173-1.104043-6.624259 0-9.384367 6.624259-16.560647 15.456603-16.560647 3.312129 0 6.624259 1.104043 9.936388 3.312129l103.780054 78.387062c7.728302 4.968194 16.560647 8.280323 26.497035 8.280324 5.520216 0 11.040431-1.104043 16.560647-3.312129l486.330998-230.192992C819.752022 131.381132 676.226415 60.17035 513.380054 60.17035 248.409704 59.618329 32.017251 250.61779 32.017251 486.883019c0 128.069003 64.586523 244.545553 166.15849 322.932614 7.728302 6.072237 13.248518 16.560647 13.248518 27.601079 0 3.312129-1.104043 7.17628-2.208086 10.488409-7.728302 32.017251-20.976819 84.459299-20.97682 86.667386-1.104043 3.312129-2.208086 8.280323-2.208086 13.248517 0 9.384367 6.624259 16.560647 15.456604 16.560647 3.312129 0 6.624259-1.104043 8.832345-3.312129l104.884097-65.138545c7.728302-4.968194 16.560647-8.280323 25.392992-8.280323 4.416173 0 9.936388 1.104043 14.35256 2.208086 49.129919 15.456604 102.676011 23.736927 157.326146 23.736927 265.522372 0 481.362803-191.551482 481.362803-427.816711 0-71.210782-19.872776-139.109434-54.650135-198.175741L385.863073 628.752561l-3.864151 2.208086z" 398 d="M381.998922 630.960647c-4.416173 2.208086-8.832345 3.312129-14.352561 3.312129-12.144474 0-22.080863-7.17628-28.1531-17.66469l-2.208086-4.968194-87.771428-204.247978c-1.104043-2.208086-1.104043-4.416173-1.104043-6.624259 0-9.384367 6.624259-16.560647 15.456603-16.560647 3.312129 0 6.624259 1.104043 9.936388 3.312129l103.780054 78.387062c7.728302 4.968194 16.560647 8.280323 26.497035 8.280324 5.520216 0 11.040431-1.104043 16.560647-3.312129l486.330998-230.192992C819.752022 131.381132 676.226415 60.17035 513.380054 60.17035 248.409704 59.618329 32.017251 250.61779 32.017251 486.883019c0 128.069003 64.586523 244.545553 166.15849 322.932614 7.728302 6.072237 13.248518 16.560647 13.248518 27.601079 0 3.312129-1.104043 7.17628-2.208086 10.488409-7.728302 32.017251-20.976819 84.459299-20.97682 86.667386-1.104043 3.312129-2.208086 8.280323-2.208086 13.248517 0 9.384367 6.624259 16.560647 15.456604 16.560647 3.312129 0 6.624259-1.104043 8.832345-3.312129l104.884097-65.138545c7.728302-4.968194 16.560647-8.280323 25.392992-8.280323 4.416173 0 9.936388 1.104043 14.35256 2.208086 49.129919 15.456604 102.676011 23.736927 157.326146 23.736927 265.522372 0 481.362803-191.551482 481.362803-427.816711 0-71.210782-19.872776-139.109434-54.650135-198.175741L385.863073 628.752561l-3.864151 2.208086z"
394 fill="#09BB07" p-id="24748" 399 fill="#09BB07" p-id="24748"
395 /> 400 />
396 <path 401 <path
397 d="M1398.822642 381.998922c-9.384367 19.320755-20.424798 38.641509-32.017251 57.962264v263.866307h-31.465229V485.226954c-13.248518 18.216712-27.049057 34.225337-40.297574 48.025876-3.864151-7.17628-14.352561-23.736927-20.424798-30.361186 34.777358-33.673315 71.210782-82.803235 93.843666-131.933153l30.361186 11.040431z m-8.280324-91.63558c-22.632884 36.985445-59.066307 78.939084-91.635579 105.98814-4.416173-7.17628-13.248518-19.320755-19.320755-25.945013 29.809164-23.736927 62.378437-61.274394 78.939083-92.187601l32.017251 12.144474z m181.615094 289.811321c1.656065 7.728302 6.072237 19.320755 8.832345 24.84097-55.754178 37.537466-66.242588 46.369811-72.866846 54.650135-1.656065-7.728302-8.280323-22.080863-12.696496-28.705121 4.968194-3.312129 12.696496-10.48841 12.696496-28.705121v-54.098114h-60.17035v27.049057c0 38.641509-7.728302 91.083558-42.505661 128.069003-4.416173-7.17628-16.560647-19.320755-22.632884-23.184906 29.809164-31.465229 34.225337-72.866846 34.225337-105.436119v-54.098113h118.684636v82.251213l36.433423-22.632884z m123.100809-176.094879c-9.384367 73.970889-23.184906 136.349326-48.025876 187.687332 16.560647 36.433423 39.193531 66.242588 67.346631 83.355256-7.17628 6.072237-17.112668 18.216712-22.632884 27.049057-25.945013-18.216712-46.369811-45.265768-62.930459-78.939084-20.424798 32.017251-45.81779 59.066307-78.939083 81.699191-3.864151-6.624259-13.248518-19.872776-19.872776-25.392992 36.985445-22.632884 64.034501-52.99407 83.907277-89.979514-12.696496-34.777358-22.080863-73.418868-28.705121-115.372507-4.968194 11.040431-10.48841 22.632884-16.560647 31.465229-3.864151-4.416173-10.48841-13.248518-17.112668-20.424798v5.520216h-154.014017v-29.809165h154.014017v9.384367c24.84097-49.129919 37.537466-118.684636 44.713746-191.551483l31.465229 4.968195c-3.864151 31.465229-8.280323 61.274394-13.800539 90.531536h96.051752v29.809164h-14.904582z m-142.973585 22.632884h-145.181671v-110.404312h24.84097v82.251213h35.32938V278.770889h26.497035v119.78868h33.673316V316.308356h25.392992v110.404312z m55.202156-22.632884c-1.656065 6.624259-3.312129 12.696496-4.416172 18.768734 6.072237 46.369811 14.904582 91.083558 28.1531 130.277088 16.560647-43.057682 26.497035-91.63558 32.569272-149.045822h-56.3062zM1882.393531 289.259299c-10.48841 31.465229-24.288949 62.378437-39.193531 91.63558v324.036657h-32.017251V437.201078c-13.800539 22.632884-29.257143 42.50566-44.161725 60.170351-3.312129-7.728302-13.248518-24.288949-19.320754-32.017251 41.953639-45.265768 80.043127-114.820485 103.780053-184.927224l30.913208 8.832345z m288.707278 65.690566v29.257143h-294.779515v-29.257143h294.779515z m-267.730459 199.831806h235.713208v147.941779h-30.913208v-16.560647h-174.438814v18.216712h-30.361186v-149.597844z m231.297035-104.332075H1909.994609v-28.1531h224.672776v28.1531zM1909.994609 486.883019h224.672776v28.1531H1909.994609v-28.1531z m23.736927 96.603773V656.90566h174.438814v-73.418868h-174.438814z m81.699192-231.297035c-6.072237-16.560647-20.424798-43.057682-32.017251-61.826415l29.257143-12.144474c13.248518 19.320755 27.601078 44.161725 34.225337 60.722372l-31.465229 13.248517zM2586.221024 468.114286c-26.497035 63.48248-69.002695 111.508356-122.548787 147.941779 50.785984 25.945013 110.956334 43.609704 180.511051 52.442048-7.728302 8.280323-16.560647 23.184906-21.528841 33.673316-75.074933-11.592453-139.661456-32.569272-192.655525-64.034502-57.962264 32.017251-125.308895 52.99407-195.415634 66.794609-3.312129-9.384367-12.696496-25.392992-19.320754-33.121293 66.242588-10.48841 129.173046-28.1531 183.271159-55.202157-44.161725-32.017251-78.939084-72.866846-103.780054-123.65283l10.48841-3.864151h-49.12992v-34.225337h155.670081V383.654987h-176.6469v-34.225337h176.6469V278.770889h35.32938v70.658761h177.750944v34.225337h-177.750944v71.210781H2555.859838l7.176281-1.656064 23.184905 14.904582z m-255.033962 20.976819c23.184906 43.609704 56.858221 80.043127 100.467925 108.748248 44.161725-28.1531 80.043127-63.48248 104.332075-108.748248h-204.8zM2834.630728 292.571429c-13.800539 34.777358-30.361186 69.554717-49.129919 101.571967v308.580054h-34.225337V447.689488c-14.904582 20.976819-31.465229 40.297574-46.921833 56.306199-4.416173-7.728302-14.904582-25.945013-21.528841-34.225337 47.473854-45.265768 91.63558-115.924528 118.132614-188.239353l33.673316 11.040432z m270.490566 123.65283h-58.514286v240.12938c0 25.945013-7.728302 36.985445-24.84097 41.953639-18.216712 5.520216-49.129919 6.072237-99.915903 5.520215-1.656065-8.832345-8.280323-24.84097-13.248518-34.225337 39.193531 1.656065 77.283019 1.656065 88.32345 1.104043 10.48841-1.104043 14.352561-3.864151 14.352561-14.35256V416.224259h-187.687332v-34.225337h187.687332V283.739084h34.777359v97.707816h58.514285v34.777359z m-184.375202 178.854986c-13.800539-28.705121-43.609704-78.939084-67.346631-115.924528l29.809164-13.800539c24.288949 35.881402 55.202156 84.459299 70.106739 112.612399l-32.569272 17.112668z" 402 d="M1398.822642 381.998922c-9.384367 19.320755-20.424798 38.641509-32.017251 57.962264v263.866307h-31.465229V485.226954c-13.248518 18.216712-27.049057 34.225337-40.297574 48.025876-3.864151-7.17628-14.352561-23.736927-20.424798-30.361186 34.777358-33.673315 71.210782-82.803235 93.843666-131.933153l30.361186 11.040431z m-8.280324-91.63558c-22.632884 36.985445-59.066307 78.939084-91.635579 105.98814-4.416173-7.17628-13.248518-19.320755-19.320755-25.945013 29.809164-23.736927 62.378437-61.274394 78.939083-92.187601l32.017251 12.144474z m181.615094 289.811321c1.656065 7.728302 6.072237 19.320755 8.832345 24.84097-55.754178 37.537466-66.242588 46.369811-72.866846 54.650135-1.656065-7.728302-8.280323-22.080863-12.696496-28.705121 4.968194-3.312129 12.696496-10.48841 12.696496-28.705121v-54.098114h-60.17035v27.049057c0 38.641509-7.728302 91.083558-42.505661 128.069003-4.416173-7.17628-16.560647-19.320755-22.632884-23.184906 29.809164-31.465229 34.225337-72.866846 34.225337-105.436119v-54.098113h118.684636v82.251213l36.433423-22.632884z m123.100809-176.094879c-9.384367 73.970889-23.184906 136.349326-48.025876 187.687332 16.560647 36.433423 39.193531 66.242588 67.346631 83.355256-7.17628 6.072237-17.112668 18.216712-22.632884 27.049057-25.945013-18.216712-46.369811-45.265768-62.930459-78.939084-20.424798 32.017251-45.81779 59.066307-78.939083 81.699191-3.864151-6.624259-13.248518-19.872776-19.872776-25.392992 36.985445-22.632884 64.034501-52.99407 83.907277-89.979514-12.696496-34.777358-22.080863-73.418868-28.705121-115.372507-4.968194 11.040431-10.48841 22.632884-16.560647 31.465229-3.864151-4.416173-10.48841-13.248518-17.112668-20.424798v5.520216h-154.014017v-29.809165h154.014017v9.384367c24.84097-49.129919 37.537466-118.684636 44.713746-191.551483l31.465229 4.968195c-3.864151 31.465229-8.280323 61.274394-13.800539 90.531536h96.051752v29.809164h-14.904582z m-142.973585 22.632884h-145.181671v-110.404312h24.84097v82.251213h35.32938V278.770889h26.497035v119.78868h33.673316V316.308356h25.392992v110.404312z m55.202156-22.632884c-1.656065 6.624259-3.312129 12.696496-4.416172 18.768734 6.072237 46.369811 14.904582 91.083558 28.1531 130.277088 16.560647-43.057682 26.497035-91.63558 32.569272-149.045822h-56.3062zM1882.393531 289.259299c-10.48841 31.465229-24.288949 62.378437-39.193531 91.63558v324.036657h-32.017251V437.201078c-13.800539 22.632884-29.257143 42.50566-44.161725 60.170351-3.312129-7.728302-13.248518-24.288949-19.320754-32.017251 41.953639-45.265768 80.043127-114.820485 103.780053-184.927224l30.913208 8.832345z m288.707278 65.690566v29.257143h-294.779515v-29.257143h294.779515z m-267.730459 199.831806h235.713208v147.941779h-30.913208v-16.560647h-174.438814v18.216712h-30.361186v-149.597844z m231.297035-104.332075H1909.994609v-28.1531h224.672776v28.1531zM1909.994609 486.883019h224.672776v28.1531H1909.994609v-28.1531z m23.736927 96.603773V656.90566h174.438814v-73.418868h-174.438814z m81.699192-231.297035c-6.072237-16.560647-20.424798-43.057682-32.017251-61.826415l29.257143-12.144474c13.248518 19.320755 27.601078 44.161725 34.225337 60.722372l-31.465229 13.248517zM2586.221024 468.114286c-26.497035 63.48248-69.002695 111.508356-122.548787 147.941779 50.785984 25.945013 110.956334 43.609704 180.511051 52.442048-7.728302 8.280323-16.560647 23.184906-21.528841 33.673316-75.074933-11.592453-139.661456-32.569272-192.655525-64.034502-57.962264 32.017251-125.308895 52.99407-195.415634 66.794609-3.312129-9.384367-12.696496-25.392992-19.320754-33.121293 66.242588-10.48841 129.173046-28.1531 183.271159-55.202157-44.161725-32.017251-78.939084-72.866846-103.780054-123.65283l10.48841-3.864151h-49.12992v-34.225337h155.670081V383.654987h-176.6469v-34.225337h176.6469V278.770889h35.32938v70.658761h177.750944v34.225337h-177.750944v71.210781H2555.859838l7.176281-1.656064 23.184905 14.904582z m-255.033962 20.976819c23.184906 43.609704 56.858221 80.043127 100.467925 108.748248 44.161725-28.1531 80.043127-63.48248 104.332075-108.748248h-204.8zM2834.630728 292.571429c-13.800539 34.777358-30.361186 69.554717-49.129919 101.571967v308.580054h-34.225337V447.689488c-14.904582 20.976819-31.465229 40.297574-46.921833 56.306199-4.416173-7.728302-14.904582-25.945013-21.528841-34.225337 47.473854-45.265768 91.63558-115.924528 118.132614-188.239353l33.673316 11.040432z m270.490566 123.65283h-58.514286v240.12938c0 25.945013-7.728302 36.985445-24.84097 41.953639-18.216712 5.520216-49.129919 6.072237-99.915903 5.520215-1.656065-8.832345-8.280323-24.84097-13.248518-34.225337 39.193531 1.656065 77.283019 1.656065 88.32345 1.104043 10.48841-1.104043 14.352561-3.864151 14.352561-14.35256V416.224259h-187.687332v-34.225337h187.687332V283.739084h34.777359v97.707816h58.514285v34.777359z m-184.375202 178.854986c-13.800539-28.705121-43.609704-78.939084-67.346631-115.924528l29.809164-13.800539c24.288949 35.881402 55.202156 84.459299 70.106739 112.612399l-32.569272 17.112668z"
398 fill="#595757" p-id="24749" 403 fill="#595757" p-id="24749"
399 /> 404 />
400 </svg> 405 </svg>
401 </el-radio> 406 </el-radio>
402 <el-radio v-if="language==1" border value="3"> 407 <el-radio v-if="language==1" border value="3">
403 <!--paypal--> 408 <!--paypal-->
404 <svg 409 <svg
405 class="icon" height="40" p-id="22654" t="1709002828937" 410 class="icon" height="40" p-id="22654" t="1709002828937"
406 version="1.1" viewBox="0 0 4220 1024" width="94" xmlns="http://www.w3.org/2000/svg" 411 version="1.1" viewBox="0 0 4220 1024" width="94" xmlns="http://www.w3.org/2000/svg"
407 > 412 >
408 <path 413 <path
409 d="M3249.722604 229.409369h-232.537679c-15.641548 0-29.197556 11.470468-32.325865 27.112016l-93.849287 595.421589c-2.08554 11.470468 7.299389 21.898167 18.769857 21.898167h118.875764c11.470468 0 20.855397-8.342159 21.898167-18.769858l27.112016-168.928717c2.08554-15.641548 15.641548-27.112016 32.325866-27.112016h72.99389c153.287169 0 240.879837-74.03666 263.820774-221.06721 10.427699-63.608961 0-114.704684-29.197556-150.158859-31.283096-38.582485-89.678208-58.395112-167.885947-58.395112z m27.112016 216.89613c-12.513238 83.421589-76.1222 83.421589-137.645621 83.421589h-35.454175l25.026476-155.372709c1.04277-9.384929 9.384929-16.684318 18.769858-16.684318h15.641547c41.710794 0 81.336049 0 102.191447 23.983707 12.513238 14.598778 15.641548 35.454175 11.470468 64.651731z" 414 d="M3249.722604 229.409369h-232.537679c-15.641548 0-29.197556 11.470468-32.325865 27.112016l-93.849287 595.421589c-2.08554 11.470468 7.299389 21.898167 18.769857 21.898167h118.875764c11.470468 0 20.855397-8.342159 21.898167-18.769858l27.112016-168.928717c2.08554-15.641548 15.641548-27.112016 32.325866-27.112016h72.99389c153.287169 0 240.879837-74.03666 263.820774-221.06721 10.427699-63.608961 0-114.704684-29.197556-150.158859-31.283096-38.582485-89.678208-58.395112-167.885947-58.395112z m27.112016 216.89613c-12.513238 83.421589-76.1222 83.421589-137.645621 83.421589h-35.454175l25.026476-155.372709c1.04277-9.384929 9.384929-16.684318 18.769858-16.684318h15.641547c41.710794 0 81.336049 0 102.191447 23.983707 12.513238 14.598778 15.641548 35.454175 11.470468 64.651731z"
410 fill="#009CDE" p-id="22655" 415 fill="#009CDE" p-id="22655"
411 /> 416 />
412 <path 417 <path
413 d="M1594.84684 229.409369h-232.537678c-15.641548 0-29.197556 11.470468-32.325866 27.112016l-93.849287 595.421589c-2.08554 11.470468 7.299389 21.898167 18.769857 21.898167h110.533605c15.641548 0 29.197556-11.470468 32.325866-27.112017l25.026476-160.586558c2.08554-15.641548 15.641548-27.112016 32.325866-27.112016h72.99389c153.287169 0 240.879837-74.03666 263.820774-221.06721 10.427699-63.608961 0-114.704684-29.197556-150.158859-31.283096-38.582485-89.678208-58.395112-167.885947-58.395112z m27.112016 216.89613c-12.513238 83.421589-76.1222 83.421589-137.645621 83.421589h-35.454175l25.026476-155.372709c1.04277-9.384929 9.384929-16.684318 18.769858-16.684318h15.641548c41.710794 0 81.336049 0 102.191446 23.983707 12.513238 14.598778 15.641548 35.454175 11.470468 64.651731zM2288.288795 443.177189h-111.576375c-9.384929 0-17.727088 7.299389-18.769857 16.684318l-5.213849 31.283096-7.299389-11.470469c-23.983707-34.411405-77.164969-46.924644-131.389002-46.924643-123.046843 0-227.323829 92.806517-248.179226 223.152749-10.427699 64.651731 4.171079 127.217923 41.710794 171.014257 34.411405 39.625255 82.378819 56.309572 139.731161 56.309572 99.063136 0 153.287169-63.608961 153.287169-63.608961l-5.21385 31.283096c-2.08554 11.470468 7.299389 21.898167 18.769858 21.898167h100.105906c15.641548 0 29.197556-11.470468 32.325866-27.112017l60.480652-380.610998c2.08554-10.427699-6.256619-21.898167-18.769858-21.898167z m-154.329939 216.896131c-10.427699 63.608961-61.523422 106.362525-125.132383 106.362525-32.325866 0-58.395112-10.427699-75.079429-30.240326-16.684318-19.812627-22.940937-46.924644-17.727088-78.207739 10.427699-62.566191 61.523422-107.405295 124.089613-107.405295 31.283096 0 57.352342 10.427699 74.03666 30.240326 17.727088 20.855397 25.026477 47.967413 19.812627 79.250509z" 418 d="M1594.84684 229.409369h-232.537678c-15.641548 0-29.197556 11.470468-32.325866 27.112016l-93.849287 595.421589c-2.08554 11.470468 7.299389 21.898167 18.769857 21.898167h110.533605c15.641548 0 29.197556-11.470468 32.325866-27.112017l25.026476-160.586558c2.08554-15.641548 15.641548-27.112016 32.325866-27.112016h72.99389c153.287169 0 240.879837-74.03666 263.820774-221.06721 10.427699-63.608961 0-114.704684-29.197556-150.158859-31.283096-38.582485-89.678208-58.395112-167.885947-58.395112z m27.112016 216.89613c-12.513238 83.421589-76.1222 83.421589-137.645621 83.421589h-35.454175l25.026476-155.372709c1.04277-9.384929 9.384929-16.684318 18.769858-16.684318h15.641548c41.710794 0 81.336049 0 102.191446 23.983707 12.513238 14.598778 15.641548 35.454175 11.470468 64.651731zM2288.288795 443.177189h-111.576375c-9.384929 0-17.727088 7.299389-18.769857 16.684318l-5.213849 31.283096-7.299389-11.470469c-23.983707-34.411405-77.164969-46.924644-131.389002-46.924643-123.046843 0-227.323829 92.806517-248.179226 223.152749-10.427699 64.651731 4.171079 127.217923 41.710794 171.014257 34.411405 39.625255 82.378819 56.309572 139.731161 56.309572 99.063136 0 153.287169-63.608961 153.287169-63.608961l-5.21385 31.283096c-2.08554 11.470468 7.299389 21.898167 18.769858 21.898167h100.105906c15.641548 0 29.197556-11.470468 32.325866-27.112017l60.480652-380.610998c2.08554-10.427699-6.256619-21.898167-18.769858-21.898167z m-154.329939 216.896131c-10.427699 63.608961-61.523422 106.362525-125.132383 106.362525-32.325866 0-58.395112-10.427699-75.079429-30.240326-16.684318-19.812627-22.940937-46.924644-17.727088-78.207739 10.427699-62.566191 61.523422-107.405295 124.089613-107.405295 31.283096 0 57.352342 10.427699 74.03666 30.240326 17.727088 20.855397 25.026477 47.967413 19.812627 79.250509z"
414 fill="#003087" p-id="22656" 419 fill="#003087" p-id="22656"
415 /> 420 />
416 <path 421 <path
417 d="M3943.164559 443.177189h-111.576375c-9.384929 0-17.727088 7.299389-18.769857 16.684318l-5.21385 31.283096-7.299389-11.470469c-23.983707-34.411405-77.164969-46.924644-131.389002-46.924643-123.046843 0-227.323829 92.806517-248.179226 223.152749-10.427699 64.651731 4.171079 127.217923 41.710795 171.014257 34.411405 39.625255 82.378819 56.309572 139.73116 56.309572 99.063136 0 153.287169-63.608961 153.28717-63.608961l-5.21385 31.283096c-2.08554 11.470468 7.299389 21.898167 18.769858 21.898167h100.105906c15.641548 0 29.197556-11.470468 32.325866-27.112017l60.480651-380.610998c2.08554-10.427699-6.256619-21.898167-18.769857-21.898167z m-154.329939 216.896131c-10.427699 63.608961-61.523422 106.362525-125.132383 106.362525-32.325866 0-58.395112-10.427699-75.07943-30.240326-16.684318-19.812627-22.940937-46.924644-17.727087-78.207739 10.427699-62.566191 61.523422-107.405295 124.089613-107.405295 31.283096 0 57.352342 10.427699 74.03666 30.240326 17.727088 20.855397 25.026477 47.967413 19.812627 79.250509z" 422 d="M3943.164559 443.177189h-111.576375c-9.384929 0-17.727088 7.299389-18.769857 16.684318l-5.21385 31.283096-7.299389-11.470469c-23.983707-34.411405-77.164969-46.924644-131.389002-46.924643-123.046843 0-227.323829 92.806517-248.179226 223.152749-10.427699 64.651731 4.171079 127.217923 41.710795 171.014257 34.411405 39.625255 82.378819 56.309572 139.73116 56.309572 99.063136 0 153.287169-63.608961 153.28717-63.608961l-5.21385 31.283096c-2.08554 11.470468 7.299389 21.898167 18.769858 21.898167h100.105906c15.641548 0 29.197556-11.470468 32.325866-27.112017l60.480651-380.610998c2.08554-10.427699-6.256619-21.898167-18.769857-21.898167z m-154.329939 216.896131c-10.427699 63.608961-61.523422 106.362525-125.132383 106.362525-32.325866 0-58.395112-10.427699-75.07943-30.240326-16.684318-19.812627-22.940937-46.924644-17.727087-78.207739 10.427699-62.566191 61.523422-107.405295 124.089613-107.405295 31.283096 0 57.352342 10.427699 74.03666 30.240326 17.727088 20.855397 25.026477 47.967413 19.812627 79.250509z"
418 fill="#009CDE" p-id="22657" 423 fill="#009CDE" p-id="22657"
419 /> 424 />
420 <path 425 <path
421 d="M2880.582074 443.177189h-111.576375c-10.427699 0-20.855397 5.213849-27.112016 14.598778l-154.329939 227.323829-65.694501-217.9389c-4.171079-13.556008-16.684318-22.940937-31.283096-22.940937h-109.490835c-13.556008 0-22.940937 13.556008-18.769857 26.069247l123.046843 360.79837-115.747454 162.672098c-9.384929 12.513238 0 30.240326 15.641548 30.240326h111.576375c10.427699 0 20.855397-5.213849 26.069246-13.556008l371.226069-535.983707c11.470468-13.556008 2.08554-31.283096-13.556008-31.283096z" 426 d="M2880.582074 443.177189h-111.576375c-10.427699 0-20.855397 5.213849-27.112016 14.598778l-154.329939 227.323829-65.694501-217.9389c-4.171079-13.556008-16.684318-22.940937-31.283096-22.940937h-109.490835c-13.556008 0-22.940937 13.556008-18.769857 26.069247l123.046843 360.79837-115.747454 162.672098c-9.384929 12.513238 0 30.240326 15.641548 30.240326h111.576375c10.427699 0 20.855397-5.213849 26.069246-13.556008l371.226069-535.983707c11.470468-13.556008 2.08554-31.283096-13.556008-31.283096z"
422 fill="#003087" p-id="22658" 427 fill="#003087" p-id="22658"
423 /> 428 />
424 <path 429 <path
425 d="M4074.553561 245.050916l-94.892057 605.849288c-2.08554 11.470468 7.299389 21.898167 18.769857 21.898167h95.934827c15.641548 0 29.197556-11.470468 32.325866-27.112017l93.849287-595.421588c2.08554-11.470468-7.299389-21.898167-18.769857-21.898167h-107.405296c-10.427699 1.04277-18.769857 7.299389-19.812627 16.684317z" 430 d="M4074.553561 245.050916l-94.892057 605.849288c-2.08554 11.470468 7.299389 21.898167 18.769857 21.898167h95.934827c15.641548 0 29.197556-11.470468 32.325866-27.112017l93.849287-595.421588c2.08554-11.470468-7.299389-21.898167-18.769857-21.898167h-107.405296c-10.427699 1.04277-18.769857 7.299389-19.812627 16.684317z"
426 fill="#009CDE" p-id="22659" 431 fill="#009CDE" p-id="22659"
427 /> 432 />
428 <path 433 <path
429 d="M782.529121 259.649695c12.513238-79.250509 0-133.474542-42.753564-182.484726C691.808143 22.940937 606.301015 0 496.81018 0H178.765374c-21.898167 0-41.710794 16.684318-44.839104 38.582485L0.451728 879.05499c-3.12831 16.684318 10.427699 31.283096 27.112016 31.283096h196.040733l-13.556008 85.507128c-2.08554 14.598778 9.384929 27.112016 23.983707 27.112016h165.800407c19.812627 0 36.496945-14.598778 39.625255-33.368635l2.08554-8.342159 31.283095-198.126273 2.08554-10.427699c3.12831-19.812627 19.812627-33.368635 39.625255-33.368635h25.026476c160.586558 0 285.718941-64.651731 322.215886-253.393075 15.641548-79.250509 7.299389-144.94501-33.368635-190.826884-12.513238-13.556008-28.154786-26.069246-45.881874-35.454175" 434 d="M782.529121 259.649695c12.513238-79.250509 0-133.474542-42.753564-182.484726C691.808143 22.940937 606.301015 0 496.81018 0H178.765374c-21.898167 0-41.710794 16.684318-44.839104 38.582485L0.451728 879.05499c-3.12831 16.684318 10.427699 31.283096 27.112016 31.283096h196.040733l-13.556008 85.507128c-2.08554 14.598778 9.384929 27.112016 23.983707 27.112016h165.800407c19.812627 0 36.496945-14.598778 39.625255-33.368635l2.08554-8.342159 31.283095-198.126273 2.08554-10.427699c3.12831-19.812627 19.812627-33.368635 39.625255-33.368635h25.026476c160.586558 0 285.718941-64.651731 322.215886-253.393075 15.641548-79.250509 7.299389-144.94501-33.368635-190.826884-12.513238-13.556008-28.154786-26.069246-45.881874-35.454175"
430 fill="#009CDE" p-id="22660" 435 fill="#009CDE" p-id="22660"
431 /> 436 />
432 <path 437 <path
433 d="M782.529121 259.649695c12.513238-79.250509 0-133.474542-42.753564-182.484726C691.808143 22.940937 606.301015 0 496.81018 0H178.765374c-21.898167 0-41.710794 16.684318-44.839104 38.582485L0.451728 879.05499c-3.12831 16.684318 10.427699 31.283096 27.112016 31.283096h196.040733l49.010184-312.830958-1.04277 9.384929c3.12831-21.898167 21.898167-38.582485 44.839104-38.582485h93.849287c183.527495 0 327.429735-74.03666 369.140529-289.89002l3.12831-18.769857" 438 d="M782.529121 259.649695c12.513238-79.250509 0-133.474542-42.753564-182.484726C691.808143 22.940937 606.301015 0 496.81018 0H178.765374c-21.898167 0-41.710794 16.684318-44.839104 38.582485L0.451728 879.05499c-3.12831 16.684318 10.427699 31.283096 27.112016 31.283096h196.040733l49.010184-312.830958-1.04277 9.384929c3.12831-21.898167 21.898167-38.582485 44.839104-38.582485h93.849287c183.527495 0 327.429735-74.03666 369.140529-289.89002l3.12831-18.769857"
434 fill="#012169" p-id="22661" 439 fill="#012169" p-id="22661"
435 /> 440 />
436 <path 441 <path
437 d="M326.838693 260.692464c2.08554-13.556008 10.427699-23.983707 21.898167-30.240326 5.213849-2.08554 11.470468-4.171079 16.684318-4.171079h250.264766c29.197556 0 57.352342 2.08554 82.378819 6.256619 7.299389 1.04277 14.598778 2.08554 20.855397 4.17108 7.299389 1.04277 13.556008 3.12831 19.812627 5.213849l9.384929 3.128309c12.513238 4.171079 23.983707 9.384929 34.411405 14.598779 12.513238-79.250509 0-133.474542-42.753564-182.484726C691.808143 22.940937 606.301015 0 496.81018 0H178.765374c-21.898167 0-41.710794 16.684318-44.839104 38.582485L0.451728 879.05499c-3.12831 16.684318 10.427699 31.283096 27.112016 31.283096h196.040733l49.010184-312.830958L326.838693 260.692464z" 442 d="M326.838693 260.692464c2.08554-13.556008 10.427699-23.983707 21.898167-30.240326 5.213849-2.08554 11.470468-4.171079 16.684318-4.171079h250.264766c29.197556 0 57.352342 2.08554 82.378819 6.256619 7.299389 1.04277 14.598778 2.08554 20.855397 4.17108 7.299389 1.04277 13.556008 3.12831 19.812627 5.213849l9.384929 3.128309c12.513238 4.171079 23.983707 9.384929 34.411405 14.598779 12.513238-79.250509 0-133.474542-42.753564-182.484726C691.808143 22.940937 606.301015 0 496.81018 0H178.765374c-21.898167 0-41.710794 16.684318-44.839104 38.582485L0.451728 879.05499c-3.12831 16.684318 10.427699 31.283096 27.112016 31.283096h196.040733l49.010184-312.830958L326.838693 260.692464z"
438 fill="#003087" p-id="22662" 443 fill="#003087" p-id="22662"
439 /> 444 />
440 </svg> 445 </svg>
441 </el-radio> 446 </el-radio>
...@@ -466,8 +471,8 @@ ...@@ -466,8 +471,8 @@
466 <el-row align="middle" class="mt20 mb60" justify="center"> 471 <el-row align="middle" class="mt20 mb60" justify="center">
467 <el-col :span="24" class="text-center"> 472 <el-col :span="24" class="text-center">
468 <el-button 473 <el-button
469 v-if="!hideconfirmbtn&&form.viewStatus == '0'" class="btn-lineG w200px" round type="primary" 474 v-if="!hideconfirmbtn&&form.viewStatus == '0'" class="btn-lineG w200px" round type="primary"
470 @click="goPay" 475 @click="goPay"
471 > 476 >
472 {{ language == 0 ? '确定' : 'Submit' }} 477 {{ language == 0 ? '确定' : 'Submit' }}
473 </el-button> 478 </el-button>
...@@ -479,11 +484,11 @@ ...@@ -479,11 +484,11 @@
479 </el-button> 484 </el-button>
480 </el-col> 485 </el-col>
481 </el-row> 486 </el-row>
482 487
483 <div v-if="form.payDate&&form.viewStatus=='1'"> 488 <div v-if="form.payDate&&form.viewStatus=='1'">
484 <div class="text-center"> 489 <div class="text-center">
485 <el-icon color="#32B16C" size="80"> 490 <el-icon color="#32B16C" size="80">
486 <SuccessFilled/> 491 <SuccessFilled />
487 </el-icon> 492 </el-icon>
488 <p class="text-success">{{ language == 0 ? '支付成功' : 'successful!' }}</p> 493 <p class="text-success">{{ language == 0 ? '支付成功' : 'successful!' }}</p>
489 <h3 class="wePrice">{{ language == 0 ? '¥' : '€' }}{{ totalFee || 0 }}</h3> 494 <h3 class="wePrice">{{ language == 0 ? '¥' : '€' }}{{ totalFee || 0 }}</h3>
...@@ -491,12 +496,12 @@ ...@@ -491,12 +496,12 @@
491 </div> 496 </div>
492 </el-card> 497 </el-card>
493 </div> 498 </div>
494 499
495 <div v-if="errorBox" class="box"> 500 <div v-if="errorBox" class="box">
496 <el-result 501 <el-result
497 :sub-title="language==0?'请确认订单号是否正确':'Please confirm if the order number is correct'" 502 :sub-title="language==0?'请确认订单号是否正确':'Please confirm if the order number is correct'"
498 :title="language==0?'未找到对应订单':'No corresponding order found'" 503 :title="language==0?'未找到对应订单':'No corresponding order found'"
499 icon="error" 504 icon="error"
500 > 505 >
501 <template #extra> 506 <template #extra>
502 <el-button class="btn-lineG w200px" round type="primary" @click="goHome"> 507 <el-button class="btn-lineG w200px" round type="primary" @click="goHome">
...@@ -505,16 +510,16 @@ ...@@ -505,16 +510,16 @@
505 </template> 510 </template>
506 </el-result> 511 </el-result>
507 </div> 512 </div>
508 <Dialog ref="DialogRef"/> 513 <Dialog ref="DialogRef" />
509 514
510 <el-dialog 515 <el-dialog
511 v-model="showSJDialog" :close-on-click-modal="false" :close-on-press-escape="false" 516 v-model="showSJDialog" :close-on-click-modal="false" :close-on-press-escape="false"
512 :title="language==0?'开收据':'Issue a receipt'" width="460px" 517 :title="language==0?'开收据':'Issue a receipt'" width="460px"
513 > 518 >
514 <div class="flex"> 519 <div class="flex">
515 <el-form-item :label="language==0?'开票人':'Name'"> 520 <el-form-item :label="language==0?'开票人':'Name'">
516 <div class="flex"> 521 <div class="flex">
517 <el-input v-model="lpName" :placeholder="language==0?'请输入开票人':'Please enter your name'"/> 522 <el-input v-model="lpName" :placeholder="language==0?'请输入开票人':'Please enter your name'" />
518 <el-button type="primary" @click="submitSJ">{{ language == 0 ? '提交并下载' : 'Submit' }}</el-button> 523 <el-button type="primary" @click="submitSJ">{{ language == 0 ? '提交并下载' : 'Submit' }}</el-button>
519 </div> 524 </div>
520 </el-form-item> 525 </el-form-item>
...@@ -530,22 +535,22 @@ ...@@ -530,22 +535,22 @@
530 </template> 535 </template>
531 536
532 <script setup> 537 <script setup>
533 import {getCurrentInstance, ref} from 'vue' 538 import { getCurrentInstance, ref } from 'vue'
534 import {onMounted} from '@vue/runtime-core' 539 import { onMounted } from '@vue/runtime-core'
535 import {useRoute, useRouter} from 'vue-router' 540 import { useRoute, useRouter } from 'vue-router'
536 import * as booking from '@/apiPc/booking' 541 import * as booking from '@/apiPc/booking'
537 import Dialog from '@/viewsPc/booking/component/dailog.vue' 542 import Dialog from '@/viewsPc/booking/component/dailog.vue'
538 543
539 544
540 const {proxy} = getCurrentInstance() 545 const { proxy } = getCurrentInstance()
541 const route = useRoute() 546 const route = useRoute()
542 const router = useRouter() 547 const router = useRouter()
543 const payType = ref('2') 548 const payType = ref('2')
544 const orderId = ref(route.query.orderId) 549 const orderId = ref(route.query.orderId)
545 const matchId = ref() 550 const matchId = ref()
546 import useUserStore from '@/store/modules/user' 551 import useUserStore from '@/store/modules/user'
547 import {useStorage} from '@vueuse/core/index' 552 import { useStorage } from '@vueuse/core/index'
548 import {ElMessage, ElMessageBox} from 'element-plus' 553 import { ElMessage, ElMessageBox } from 'element-plus'
549 import { 554 import {
550 cancelOrder, 555 cancelOrder,
551 cancelOrder2, 556 cancelOrder2,
...@@ -618,7 +623,7 @@ function getData() { ...@@ -618,7 +623,7 @@ function getData() {
618 form.value = { 623 form.value = {
619 pickUpBo: {} 624 pickUpBo: {}
620 } 625 }
621 return booking.getCarBilldetailbyId({orderId: orderId.value}).then(res => { 626 return booking.getCarBilldetailbyId({ orderId: orderId.value }).then(res => {
622 form.value = res.data 627 form.value = res.data
623 if (language.value == 0) { 628 if (language.value == 0) {
624 totalFee.value = res.data.total 629 totalFee.value = res.data.total
...@@ -631,7 +636,7 @@ function getData() { ...@@ -631,7 +636,7 @@ function getData() {
631 }) 636 })
632 } 637 }
633 if (type.value == 'food') { 638 if (type.value == 'food') {
634 return booking.getFoodBilldetailbyId({orderId: orderId.value}).then(res => { 639 return booking.getFoodBilldetailbyId({ orderId: orderId.value }).then(res => {
635 if (language.value == 0) { 640 if (language.value == 0) {
636 totalFee.value = res.data.total 641 totalFee.value = res.data.total
637 } else { 642 } else {
...@@ -644,7 +649,7 @@ function getData() { ...@@ -644,7 +649,7 @@ function getData() {
644 }) 649 })
645 } 650 }
646 if (type.value == 'hotel') { 651 if (type.value == 'hotel') {
647 return booking.getRoomBilldetailbyId({orderId: orderId.value}).then(res => { 652 return booking.getRoomBilldetailbyId({ orderId: orderId.value }).then(res => {
648 if (language.value == 0) { 653 if (language.value == 0) {
649 totalFee.value = res.data.total 654 totalFee.value = res.data.total
650 } else { 655 } else {
...@@ -677,7 +682,7 @@ function getData() { ...@@ -677,7 +682,7 @@ function getData() {
677 682
678 // 旅游订单详情 683 // 旅游订单详情
679 const getTravelOrderInfo = () => { 684 const getTravelOrderInfo = () => {
680 return booking.getScenicOrderInfo({orderId: orderId.value}).then(res => { 685 return booking.getScenicOrderInfo({ orderId: orderId.value }).then(res => {
681 form.value = res.data 686 form.value = res.data
682 totalFee.value = language.value == 0 ? form.value.total : form.value.totalEn 687 totalFee.value = language.value == 0 ? form.value.total : form.value.totalEn
683 matchId.value = form.value.activeId 688 matchId.value = form.value.activeId
...@@ -692,23 +697,23 @@ const getTravelOrderInfo = () => { ...@@ -692,23 +697,23 @@ const getTravelOrderInfo = () => {
692 697
693 // 票务订单详情 698 // 票务订单详情
694 async function getTicketOrderInfoFN() { 699 async function getTicketOrderInfoFN() {
695 const res = await getTicketOrderInfo({orderId: orderId.value}) 700 const res = await getTicketOrderInfo({ orderId: orderId.value })
696 form.value = res.data 701 form.value = res.data
697 form.value.extJson = JSON.parse(form.value.extJson) 702 form.value.extJson = JSON.parse(form.value.extJson)
698 try { 703 try {
699 await getDetail(form.value.activeId) 704 await getDetail(form.value.activeId)
700 matchId.value = form.value.activeId 705 matchId.value = form.value.activeId
701 706
702 totalFee.value = language.value == 0 ? form.value.total : form.value.totalEn 707 totalFee.value = language.value == 0 ? form.value.total : form.value.totalEn
703 } catch (e) { 708 } catch (e) {
704 console.log(e) 709 console.log(e)
705 } finally { 710 } finally {
706 711
707 } 712 }
708 } 713 }
709 714
710 async function getDetail(activeId) { 715 async function getDetail(activeId) {
711 const res = await getTicketInfoByActivityId({activityId: activeId}) 716 const res = await getTicketInfoByActivityId({ activityId: activeId })
712 matchForm.value = res.data 717 matchForm.value = res.data
713 console.log(matchForm.value) 718 console.log(matchForm.value)
714 } 719 }
...@@ -720,14 +725,14 @@ function goHome() { ...@@ -720,14 +725,14 @@ function goHome() {
720 725
721 function goPay() { 726 function goPay() {
722 if (payType.value == '2') { 727 if (payType.value == '2') {
723 booking.createWePay({orderId: orderId.value}).then(res => { 728 booking.createWePay({ orderId: orderId.value }).then(res => {
724 wePayCodeUrl.value = res.data 729 wePayCodeUrl.value = res.data
725 hideconfirmbtn.value = true 730 hideconfirmbtn.value = true
726 startforGetData() 731 startforGetData()
727 }) 732 })
728 } 733 }
729 if (payType.value == '3') { 734 if (payType.value == '3') {
730 booking.createPalPay({orderId: orderId.value}).then(res => { 735 booking.createPalPay({ orderId: orderId.value }).then(res => {
731 if (res.data) { 736 if (res.data) {
732 location.href = res.data 737 location.href = res.data
733 } 738 }
...@@ -804,7 +809,7 @@ function showLogin() { ...@@ -804,7 +809,7 @@ function showLogin() {
804 809
805 810
806 function MakeUpOrder() { 811 function MakeUpOrder() {
807 return booking.getMealOrderInfo({orderId: orderId.value}).then(res => { 812 return booking.getMealOrderInfo({ orderId: orderId.value }).then(res => {
808 form.value = res.data 813 form.value = res.data
809 totalFee.value = language.value == 0 ? form.value.total : form.value.totalEn 814 totalFee.value = language.value == 0 ? form.value.total : form.value.totalEn
810 matchId.value = form.value.activeId 815 matchId.value = form.value.activeId
...@@ -817,18 +822,18 @@ function MakeUpOrder() { ...@@ -817,18 +822,18 @@ function MakeUpOrder() {
817 } 822 }
818 823
819 function MakeUpIno() { 824 function MakeUpIno() {
820 booking.getMealOrderInfoByLogex({asmId: form.value.asmId}).then(res => { 825 booking.getMealOrderInfoByLogex({ asmId: form.value.asmId }).then(res => {
821 formInfo.value = res.data 826 formInfo.value = res.data
822 console.log(res) 827 console.log(res)
823 }) 828 })
824 .catch((e) => { 829 .catch((e) => {
825 console.log(e) 830 console.log(e)
826 errorBox.value = true 831 errorBox.value = true
827 }) 832 })
828 } 833 }
829 834
830 function ScenicInfo() { 835 function ScenicInfo() {
831 booking.getLogexScenicVoById({id: form.value.asId}).then(res => { 836 booking.getLogexScenicVoById({ id: form.value.asId }).then(res => {
832 formInfo.value = res.data 837 formInfo.value = res.data
833 console.log(res) 838 console.log(res)
834 }).catch((e) => { 839 }).catch((e) => {
...@@ -839,7 +844,7 @@ function ScenicInfo() { ...@@ -839,7 +844,7 @@ function ScenicInfo() {
839 844
840 845
841 function photographyOrder() { 846 function photographyOrder() {
842 return booking.getPhotoOrderInfo({orderId: orderId.value}).then(res => { 847 return booking.getPhotoOrderInfo({ orderId: orderId.value }).then(res => {
843 form.value = res.data 848 form.value = res.data
844 totalFee.value = language.value == 0 ? form.value.total : form.value.totalEn 849 totalFee.value = language.value == 0 ? form.value.total : form.value.totalEn
845 photographyInfo() 850 photographyInfo()
...@@ -850,7 +855,7 @@ function photographyOrder() { ...@@ -850,7 +855,7 @@ function photographyOrder() {
850 } 855 }
851 856
852 function photographyInfo() { 857 function photographyInfo() {
853 booking.getPhotoOrderInfoByLogex({aspId: form.value.aspId}).then(res => { 858 booking.getPhotoOrderInfoByLogex({ aspId: form.value.aspId }).then(res => {
854 formInfo.value = res.data 859 formInfo.value = res.data
855 }) 860 })
856 // .catch((e) => { 861 // .catch((e) => {
...@@ -949,7 +954,7 @@ const showSJ = () => { ...@@ -949,7 +954,7 @@ const showSJ = () => {
949 // proxy.download(`/ota/norder/getReceipt/${obj.orderId}`, { 954 // proxy.download(`/ota/norder/getReceipt/${obj.orderId}`, {
950 // ...obj 955 // ...obj
951 // }, `Receipt_${new Date().getTime()}.pdf`) 956 // }, `Receipt_${new Date().getTime()}.pdf`)
952 957
953 // 报名 958 // 报名
954 proxy.download(`/ota/norder/getReceipt/${obj.orderId}`, { 959 proxy.download(`/ota/norder/getReceipt/${obj.orderId}`, {
955 ...obj 960 ...obj
...@@ -1000,27 +1005,27 @@ const showSJ = () => { ...@@ -1000,27 +1005,27 @@ const showSJ = () => {
1000 width: 100%; 1005 width: 100%;
1001 max-width: 1000px; 1006 max-width: 1000px;
1002 margin: 20px auto; 1007 margin: 20px auto;
1003 1008
1004 .head { 1009 .head {
1005 background: #EFF2F7; 1010 background: #EFF2F7;
1006 height: 50px; 1011 height: 50px;
1007 font-size: 16px; 1012 font-size: 16px;
1008 font-weight: 400; 1013 font-weight: 400;
1009 } 1014 }
1010 1015
1011 th { 1016 th {
1012 background: #FAFBFD; 1017 background: #FAFBFD;
1013 font-size: 14px; 1018 font-size: 14px;
1014 border-bottom: 1px solid #E5E5E5; 1019 border-bottom: 1px solid #E5E5E5;
1015 border-right: 1px solid #E5E5E5; 1020 border-right: 1px solid #E5E5E5;
1016 } 1021 }
1017 1022
1018 td { 1023 td {
1019 border-bottom: 1px solid #E5E5E5; 1024 border-bottom: 1px solid #E5E5E5;
1020 border-right: 1px solid #E5E5E5; 1025 border-right: 1px solid #E5E5E5;
1021 padding: 10px; 1026 padding: 10px;
1022 } 1027 }
1023 1028
1024 &.table-border { 1029 &.table-border {
1025 border-top: 1px solid #E5E5E5; 1030 border-top: 1px solid #E5E5E5;
1026 border-left: 1px solid #E5E5E5; 1031 border-left: 1px solid #E5E5E5;
...@@ -1039,23 +1044,23 @@ const showSJ = () => { ...@@ -1039,23 +1044,23 @@ const showSJ = () => {
1039 1044
1040 .result { 1045 .result {
1041 font-size: 22px; 1046 font-size: 22px;
1042 1047
1043 .flex { 1048 .flex {
1044 display: flex; 1049 display: flex;
1045 align-items: center; 1050 align-items: center;
1046 font-weight: 500; 1051 font-weight: 500;
1047 1052
1048 img { 1053 img {
1049 margin-right: 10px 1054 margin-right: 10px
1050 } 1055 }
1051 } 1056 }
1052 1057
1053 .priceb { 1058 .priceb {
1054 color: #7B7F83; 1059 color: #7B7F83;
1055 font-size: 16px; 1060 font-size: 16px;
1056 text-align: right; 1061 text-align: right;
1057 line-height: 50px; 1062 line-height: 50px;
1058 1063
1059 span { 1064 span {
1060 font-weight: bold; 1065 font-weight: bold;
1061 font-size: 22px; 1066 font-size: 22px;
...@@ -1068,7 +1073,7 @@ const showSJ = () => { ...@@ -1068,7 +1073,7 @@ const showSJ = () => {
1068 .skeletonBox { 1073 .skeletonBox {
1069 position: relative; 1074 position: relative;
1070 overflow: hidden; 1075 overflow: hidden;
1071 1076
1072 .btn-lineG { 1077 .btn-lineG {
1073 position: absolute; 1078 position: absolute;
1074 left: 0; 1079 left: 0;
...@@ -1078,7 +1083,7 @@ const showSJ = () => { ...@@ -1078,7 +1083,7 @@ const showSJ = () => {
1078 bottom: 0; 1083 bottom: 0;
1079 width: 200px; 1084 width: 200px;
1080 box-shadow: 0 0 1000px 500px rgba(255, 255, 255, 0.5); 1085 box-shadow: 0 0 1000px 500px rgba(255, 255, 255, 0.5);
1081 1086
1082 } 1087 }
1083 } 1088 }
1084 1089
...@@ -1090,26 +1095,26 @@ const showSJ = () => { ...@@ -1090,26 +1095,26 @@ const showSJ = () => {
1090 1095
1091 .priceBar { 1096 .priceBar {
1092 padding: 0 0 20px; 1097 padding: 0 0 20px;
1093 1098
1094 .flex { 1099 .flex {
1095 display: flex; 1100 display: flex;
1096 justify-content: right; 1101 justify-content: right;
1097 align-items: baseline; 1102 align-items: baseline;
1098 1103
1099 .item { 1104 .item {
1100 font-size: 16px; 1105 font-size: 16px;
1101 margin-right: 15px; 1106 margin-right: 15px;
1102 1107
1103 label { 1108 label {
1104 color: #95A1A6; 1109 color: #95A1A6;
1105 } 1110 }
1106 1111
1107 span { 1112 span {
1108 font-family: DIN Alternate; 1113 font-family: DIN Alternate;
1109 } 1114 }
1110 } 1115 }
1111 } 1116 }
1112 1117
1113 .size26 { 1118 .size26 {
1114 font-size: 26px; 1119 font-size: 26px;
1115 } 1120 }
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!