f0956aae by zhangmeng

票务

1 parent cf19c717
......@@ -793,7 +793,7 @@ getmatchData()
}
.remarks {
font-size: 17px;
font-size: 14px;
margin-left: 20px;
line-height: 40px;
color: #2b2f3a;
......
......@@ -7,7 +7,7 @@
<div class="title">{{ travel.name }}</div>
<div class="select_item_box">
<div class="label">
{{ triggerLanguage(language, "时间", "Event Date & Time") }} :
{{ triggerLanguage(language, "日期", "Event Date & Time") }} :
</div>
</div>
<div class="select_item_box">
......@@ -28,49 +28,45 @@
<div>
<!-- 成人票 -->
<br>
<div v-for="v in ticketList" v-show="v.leftNum!=0" :key="v.id">
<div class="select_item_box">
<div class="ticket ticket-row">
<span class="label">
{{ v.name }} :
</span>
<span class="titleTick">
{{
triggerLanguage(language, v.price, v.priceEn)
}}
{{
triggerLanguage(language, '¥/人', '€/person')
}}
</span>
</div>
<div class="rowBox">
<span>
<el-input-number
v-model="v.count" :max="v.leftNum" :min="0" :precision="0" class="inputNumber"
@change="countTotal"
/>
<i class="residue">{{ language == 0 ? '剩余票数' : 'Remaining votes' }}{{ v.leftNum }}</i>
</span>
<div style="min-height: 310px;">
<div v-for="v in ticketList" v-show="v.leftNum!=0&&v.show" :key="v.id">
<div class="select_item_box">
<div class="ticket ticket-row">
<span class="label">
{{ v.name }} :
</span>
</div>
<div class="rowBox">
<span>
<el-input-number
v-model="v.count" :max="v.leftNum" :min="0" :precision="0" class="inputNumber"
@change="countTotal"
/>
<i class="residue">{{ language == 0 ? '剩余票数' : 'Remaining votes' }}{{ v.leftNum }}</i>
</span>
<span class="titleTick">
{{
triggerLanguage(language, v.price, v.priceEn)
}}
{{
triggerLanguage(language, '¥/人', '€/person')
}}
</span>
</div>
</div>
</div>
<!-- 价格 -->
</div>
<!-- 价格 -->
<div class="select_item_box">
<div style="height: 10px;" />
<div class="select_item_box flex">
<div class="label">
{{ triggerLanguage(language, '价格', "Price") }} :
</div>
</div>
<div class="select_item_box">
<div class="select_item">
<div class="tagActive" style="min-width: 80px">
{{ language == 0 ? '¥' : '€' }} {{ language == 0 ? selectForm.price : selectForm.priceEn }}
</div>
<div class="price">
{{ language == 0 ? '¥' : '€' }} {{ language == 0 ? selectForm.price : selectForm.priceEn }}
</div>
</div>
<!-- 购票备注-->
<div v-if="matchForm.ticketRemark" class="select_item_box">
<div class="label">
{{
......@@ -84,6 +80,8 @@
</div>
</div>
<div style="height: 10px;" />
<div
v-if="endTime<=0" class="btn"
style="margin-left: 40px;opacity: 0.5;cursor: not-allowed;margin-top: 10px"
......@@ -187,6 +185,11 @@ async function getGateListByLasId() {
for (const v of ticketList.value) {
v.leftNum = v.num - v.orderCount
v.count = 0
if (language.value == 0) {
v.show = v.price > 0
} else {
v.show = v.priceEn > 0
}
}
}
......@@ -236,7 +239,7 @@ async function toSelectSeat() {
async function checkOrderPay() {
const res = await booking.checkOrderPay(8)
if (res.data == -100) {
await proxy.$modal.confirm(language.value == 0 ? '你有未支付的旅游预订,是否前往个人中心查看?' : 'You already have an unpaid travel order, do you want to go to the personal center to check it?')
await proxy.$modal.confirm(language.value == 0 ? '您有未支付的订单,请前往支付。' : 'You have unpaid orders, please proceed to payment.')
await router.push({
name: 'myReservation'
})
......@@ -338,17 +341,26 @@ function toSelectClosed() {
margin-bottom: 15px;
}
.select_item_box {
.flex {
display: flex;
margin-bottom: 10px;
align-items: end;
}
.select_item_box {
//display: flex;
margin-bottom: 5px;
&:last-child {
margin-bottom: 0;
.price {
font-size: 35px;
font-weight: 600;
color: #493ceb;
position: relative;
bottom: -8px;
}
.label {
font-weight: 600;
font-size: 16px;
font-size: 20px;
color: #000;
line-height: 24px;
margin-right: 12px;
......@@ -371,10 +383,11 @@ function toSelectClosed() {
color: #493ceb;
cursor: pointer;
font-weight: 600;
font-size: 18px;
font-size: 24px;
margin-right: 30px;
height: 40px;
line-height: 40px;
margin-left: 30px;
}
......
......@@ -15,13 +15,13 @@
<el-col :span="language == 0?16:24">
<h3 class="esp flex">{{ scenicItem?.name }}
<el-tag class="ml20" effect="dark">{{ scenicItem?.rank || 0 }}A</el-tag>
<!-- <el-tag class="ml20" effect="dark">{{ scenicItem?.rank || 0 }}A</el-tag>-->
</h3>
<div class="info">
<el-icon>
<Clock />
</el-icon>
<span class="mr10">{{ language == 0 ? '开园时间' : 'Opening Time' }}{{ scenicItem?.startTime }}{{
<span class="mr10">{{ language == 0 ? '出发时间' : 'Opening Time' }}{{ scenicItem?.startTime }}{{
scenicItem?.workTime
}}</span>
</div>
......@@ -29,7 +29,9 @@
<el-icon>
<Phone />
</el-icon>
<span class="mr10">{{ language == 0 ? '联系方式' : 'Contact' }}{{ scenicItem?.contact }}</span>
<span class="mr10">{{ language == 0 ? '联系方式' : 'Contact Number' }}{{
scenicItem?.contact
}}</span>
</div>
<div class="info esp">
<el-icon>
......@@ -119,7 +121,7 @@
<el-form-item :label="language==0?'联系人':'Contact'" prop="contacts">
<el-input v-model="form.contacts" />
</el-form-item>
<el-form-item :label="language==0?'联系手机':'Contact phone'" prop="phone" required>
<el-form-item :label="language==0?'联系电话':'Contact phone'" prop="phone" required>
<el-input v-model="form.phone" />
</el-form-item>
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!