场次
Showing
3 changed files
with
46 additions
and
21 deletions
| ... | @@ -271,19 +271,26 @@ | ... | @@ -271,19 +271,26 @@ |
| 271 | <el-col :span="24">{{ language == 0 ? '备注' : 'Remarks' }}:{{ form.remarks }}</el-col> | 271 | <el-col :span="24">{{ language == 0 ? '备注' : 'Remarks' }}:{{ form.remarks }}</el-col> |
| 272 | </el-row> | 272 | </el-row> |
| 273 | <el-row v-if="type == 'ticket'" style="width: 100%"> | 273 | <el-row v-if="type == 'ticket'" style="width: 100%"> |
| 274 | <el-col :lg="12"> | 274 | <el-col :lg="8"> |
| 275 | {{ language == 0 ? '联系人' : 'Contact' }}:{{ form.contacts }} | 275 | {{ language == 0 ? '联系人' : 'Contact' }}:{{ form.contacts }} |
| 276 | </el-col> | 276 | </el-col> |
| 277 | <el-col :lg="12"> | 277 | <el-col :lg="8"> |
| 278 | {{ language == 0 ? '联系方式' : 'Contact' }}:{{ form.phone }} | ||
| 279 | </el-col> | ||
| 280 | <el-col :lg="8"> | ||
| 278 | {{ language == 0 ? '联系方式' : 'Contact' }}:{{ form.phone }} | 281 | {{ language == 0 ? '联系方式' : 'Contact' }}:{{ form.phone }} |
| 279 | </el-col> | 282 | </el-col> |
| 280 | <el-row v-for="(v,i) in form.extJson?.orderCustomerList" :key="i" style="width: 100%"> | 283 | <el-row v-for="(v,i) in form.extJson?.orderCustomerList" :key="i" style="width: 100%"> |
| 281 | <el-col :lg="12" :md="12" :sm="12" :xs="24"> | 284 | <el-col :lg="8" :md="8" :sm="12" :xs="24"> |
| 282 | {{ v.name }} - | 285 | {{ v.name }} - |
| 283 | |||
| 284 | <span class="text-gray">{{ v.idCard }}</span> | 286 | <span class="text-gray">{{ v.idCard }}</span> |
| 285 | </el-col> | 287 | </el-col> |
| 286 | <el-col :lg="12" :md="12" :sm="12" :xs="24" class="text-right"> | 288 | <el-col :lg="8" :md="8" :sm="12" :xs="24" class=""> |
| 289 | <span v-if="v.deskNo" class="">{{ language == 0 ? '座位号' : 'Seat Number' }} :{{ | ||
| 290 | v.deskNo + '-' + v.seatNo | ||
| 291 | }}</span> | ||
| 292 | </el-col> | ||
| 293 | <el-col :lg="8" :md="8" :sm="12" :xs="24" class="text-right"> | ||
| 287 | <span v-if="language == 0 " class="text-primary">¥ {{ form.price }}</span> | 294 | <span v-if="language == 0 " class="text-primary">¥ {{ form.price }}</span> |
| 288 | <span v-else>€ {{ form.priceEn || 0 }}</span> | 295 | <span v-else>€ {{ form.priceEn || 0 }}</span> |
| 289 | </el-col> | 296 | </el-col> | ... | ... |
| 1 | <template> | 1 | <template> |
| 2 | <div> | 2 | <div> |
| 3 | <!-- top --> | 3 | <!-- top --> |
| 4 | <div class="container top"> | 4 | <div class="container top father"> |
| 5 | <img :src="fillImgUrl(matchForm.ticketImg)" alt="" class="cover_img"> | 5 | <img :src="fillImgUrl(matchForm.ticketImg)" alt="" class="cover_img"> |
| 6 | <div class="info"> | 6 | <div class="info"> |
| 7 | <div class="title">{{ matchForm.name }}</div> | 7 | <div class="title">{{ matchForm.name }}</div> |
| ... | @@ -151,15 +151,15 @@ | ... | @@ -151,15 +151,15 @@ |
| 151 | {{ triggerLanguage(language, "票型", "Ticket Type") }} : | 151 | {{ triggerLanguage(language, "票型", "Ticket Type") }} : |
| 152 | </div> | 152 | </div> |
| 153 | <div> | 153 | <div> |
| 154 | <span | 154 | <!-- <span--> |
| 155 | v-if="currTick?.images" | 155 | <!-- v-if="currTick?.images"--> |
| 156 | style="color: #493ceb;cursor:pointer;font-weight:600;font-size: 14px" | 156 | <!-- style="color: #493ceb;cursor:pointer;font-weight:600;font-size: 14px"--> |
| 157 | @click="showUrl=currTick.images;show=true" | 157 | <!-- @click="showUrl=currTick.images;show=true"--> |
| 158 | > <span style="color: red;font-size: 18px">*</span> | 158 | <!-- > <span style="color: red;font-size: 18px">*</span>--> |
| 159 | {{ | 159 | <!-- {{--> |
| 160 | language == 0 ? '点击查看区域布局' : 'View Area Layout' | 160 | <!-- language == 0 ? '点击查看区域布局' : 'View Area Layout'--> |
| 161 | }} | 161 | <!-- }}--> |
| 162 | </span> | 162 | <!-- </span>--> |
| 163 | </div> | 163 | </div> |
| 164 | </div> | 164 | </div> |
| 165 | <div class="select_item_box"> | 165 | <div class="select_item_box"> |
| ... | @@ -221,7 +221,15 @@ | ... | @@ -221,7 +221,15 @@ |
| 221 | </div> | 221 | </div> |
| 222 | 222 | ||
| 223 | </div> | 223 | </div> |
| 224 | 224 | <el-image | |
| 225 | v-if="currTick?.images" | ||
| 226 | :preview-src-list="[fillImgUrl(currTick?.images)]" | ||
| 227 | :src="fillImgUrl(currTick?.images) " | ||
| 228 | class="son" | ||
| 229 | fit="cover" | ||
| 230 | preview-teleported | ||
| 231 | style="width:200px" | ||
| 232 | /> | ||
| 225 | </div> | 233 | </div> |
| 226 | </div> | 234 | </div> |
| 227 | 235 | ||
| ... | @@ -345,10 +353,10 @@ async function getTicketListType() { | ... | @@ -345,10 +353,10 @@ async function getTicketListType() { |
| 345 | tickList.value = res.data | 353 | tickList.value = res.data |
| 346 | selectForm.value.sessionType = Object.keys(res.data)[0] | 354 | selectForm.value.sessionType = Object.keys(res.data)[0] |
| 347 | 355 | ||
| 348 | currTick.value = tickList.value[selectForm.value.sessionType][0] | 356 | // currTick.value = tickList.value[selectForm.value.sessionType][0] |
| 349 | selectForm.value.latstId = currTick.value?.id | 357 | // selectForm.value.latstId = currTick.value?.id |
| 350 | selectForm.value.price = currTick.value?.price | 358 | // selectForm.value.price = currTick.value?.price |
| 351 | selectForm.value.priceEn = currTick.value?.priceEn | 359 | // selectForm.value.priceEn = currTick.value?.priceEn |
| 352 | } | 360 | } |
| 353 | 361 | ||
| 354 | function select(v) { | 362 | function select(v) { |
| ... | @@ -378,12 +386,13 @@ function selectVenue(v) { | ... | @@ -378,12 +386,13 @@ function selectVenue(v) { |
| 378 | function selectSessionType(key) { | 386 | function selectSessionType(key) { |
| 379 | selectForm.value.sessionType = key | 387 | selectForm.value.sessionType = key |
| 380 | 388 | ||
| 381 | currTick.value = tickList.value[selectForm.value.sessionType][0] | 389 | // currTick.value = tickList.value[selectForm.value.sessionType][0] |
| 382 | selectForm.value.latstId = currTick.value?.id | 390 | selectForm.value.latstId = currTick.value?.id |
| 383 | selectForm.value.price = currTick.value?.price | 391 | selectForm.value.price = currTick.value?.price |
| 384 | selectForm.value.priceEn = currTick.value?.priceEn | 392 | selectForm.value.priceEn = currTick.value?.priceEn |
| 385 | } | 393 | } |
| 386 | 394 | ||
| 395 | // 选择票型 | ||
| 387 | function selectTick(v) { | 396 | function selectTick(v) { |
| 388 | currTick.value = v | 397 | currTick.value = v |
| 389 | selectForm.value.latstId = v.id | 398 | selectForm.value.latstId = v.id |
| ... | @@ -760,4 +769,13 @@ getmatchData() | ... | @@ -760,4 +769,13 @@ getmatchData() |
| 760 | text-align: center; | 769 | text-align: center; |
| 761 | } | 770 | } |
| 762 | 771 | ||
| 772 | .father { | ||
| 773 | position: relative; | ||
| 774 | } | ||
| 775 | |||
| 776 | .son { | ||
| 777 | position: absolute; | ||
| 778 | bottom: 30px; | ||
| 779 | right: 50px; | ||
| 780 | } | ||
| 763 | </style> | 781 | </style> | ... | ... |
This diff is collapsed.
Click to expand it.
-
Please register or sign in to post a comment