场次

@@ -271,19 +271,26 @@
                 <el-col :span="24">{{ language == 0 ? '备注' : 'Remarks' }}：{{ form.remarks }}</el-col>
               </el-row>
               <el-row v-if="type == 'ticket'" style="width: 100%">
-                <el-col :lg="12">
+                <el-col :lg="8">
                   {{ language == 0 ? '联系人' : 'Contact' }}：{{ form.contacts }}
                 </el-col>
-                <el-col :lg="12">
+                <el-col :lg="8">
+                  {{ language == 0 ? '联系方式' : 'Contact' }}：{{ form.phone }}
+                </el-col>
+                <el-col :lg="8">
                   {{ language == 0 ? '联系方式' : 'Contact' }}：{{ form.phone }}
                 </el-col>
                 <el-row v-for="(v,i) in form.extJson?.orderCustomerList" :key="i" style="width: 100%">
-                  <el-col :lg="12" :md="12" :sm="12" :xs="24">
+                  <el-col :lg="8" :md="8" :sm="12" :xs="24">
                     {{ v.name }} -
-                    
                     <span class="text-gray">{{ v.idCard }}</span>
                   </el-col>
-                  <el-col :lg="12" :md="12" :sm="12" :xs="24" class="text-right">
+                  <el-col :lg="8" :md="8" :sm="12" :xs="24" class="">
+                    <span v-if="v.deskNo" class="">{{ language == 0 ? '座位号' : 'Seat Number' }} ：{{
+                      v.deskNo + '-' + v.seatNo
+                    }}</span>
+                  </el-col>
+                  <el-col :lg="8" :md="8" :sm="12" :xs="24" class="text-right">
                     <span v-if="language == 0 " class="text-primary">￥ {{ form.price }}</span>
                     <span v-else>€ {{ form.priceEn || 0 }}</span>
                   </el-col>

 <template>
   <div>
     <!-- top -->
-    <div class="container top">
+    <div class="container top father">
       <img :src="fillImgUrl(matchForm.ticketImg)" alt="" class="cover_img">
       <div class="info">
         <div class="title">{{ matchForm.name }}</div>
@@ -151,15 +151,15 @@
               {{ triggerLanguage(language, "票型", "Ticket Type") }} :
             </div>
             <div>
-              <span
-                v-if="currTick?.images"
-                style="color: #493ceb;cursor:pointer;font-weight:600;font-size: 14px"
-                @click="showUrl=currTick.images;show=true"
-              > <span style="color: red;font-size: 18px">*</span>
-                {{
-                  language == 0 ? '点击查看区域布局' : 'View Area Layout'
-                }}
-              </span>
+              <!--              <span-->
+              <!--                v-if="currTick?.images"-->
+              <!--                style="color: #493ceb;cursor:pointer;font-weight:600;font-size: 14px"-->
+              <!--                @click="showUrl=currTick.images;show=true"-->
+              <!--              > <span style="color: red;font-size: 18px">*</span>-->
+              <!--                {{-->
+              <!--                  language == 0 ? '点击查看区域布局' : 'View Area Layout'-->
+              <!--                }}-->
+              <!--              </span>-->
             </div>
           </div>
           <div class="select_item_box">
@@ -221,7 +221,15 @@
           </div>
         
         </div>
-      
+        <el-image
+          v-if="currTick?.images"
+          :preview-src-list="[fillImgUrl(currTick?.images)]"
+          :src="fillImgUrl(currTick?.images) "
+          class="son"
+          fit="cover"
+          preview-teleported
+          style="width:200px"
+        />
       </div>
     </div>
     
@@ -345,10 +353,10 @@ async function getTicketListType() {
   tickList.value = res.data
   selectForm.value.sessionType = Object.keys(res.data)[0]
   
-  currTick.value = tickList.value[selectForm.value.sessionType][0]
-  selectForm.value.latstId = currTick.value?.id
-  selectForm.value.price = currTick.value?.price
-  selectForm.value.priceEn = currTick.value?.priceEn
+  // currTick.value = tickList.value[selectForm.value.sessionType][0]
+  // selectForm.value.latstId = currTick.value?.id
+  // selectForm.value.price = currTick.value?.price
+  // selectForm.value.priceEn = currTick.value?.priceEn
 }
 
 function select(v) {
@@ -378,12 +386,13 @@ function selectVenue(v) {
 function selectSessionType(key) {
   selectForm.value.sessionType = key
   
-  currTick.value = tickList.value[selectForm.value.sessionType][0]
+  // currTick.value = tickList.value[selectForm.value.sessionType][0]
   selectForm.value.latstId = currTick.value?.id
   selectForm.value.price = currTick.value?.price
   selectForm.value.priceEn = currTick.value?.priceEn
 }
 
+// 选择票型
 function selectTick(v) {
   currTick.value = v
   selectForm.value.latstId = v.id
@@ -760,4 +769,13 @@ getmatchData()
   text-align: center;
 }
 
+.father {
+  position: relative;
+}
+
+.son {
+  position: absolute;
+  bottom: 30px;
+  right: 50px;
+}
 </style>

@@ -8,7 +8,7 @@
         <!--        <el-button class="fr" type="primary" plain @click="toInvoice">{{ language==0?'发票开具':'Invoice' }}</el-button>-->
         <!--        <el-button class="fr" type="primary" plain @click="toInvoice">{{ language==0?'我的发票':'My Invoice' }}</el-button>-->
       </div>
-      <el-empty v-if="list?.length == 0" :image="`/img/order_no.png`" :image-size="228"/>
+      <el-empty v-if="list?.length == 0" :image="`/img/order_no.png`" :image-size="228" />
       
       <div class="pd20">
         <div v-for="b in list" class="item">
@@ -28,8 +28,10 @@
             <span v-if="b.status == '0'&&b.surplus!='0,0'&&b.surplus!='0'" class="bg-warning">
               {{ language == 0 ? '待支付' : 'Unpaid' }}
             </span>
-            <span v-if="b.status == '0'&&(b.surplus=='0,0'||b.surplus=='0')"
-                  class="bg-warning">{{ language == 0 ? '已取消' : 'Canceled' }}</span>
+            <span
+              v-if="b.status == '0'&&(b.surplus=='0,0'||b.surplus=='0')"
+              class="bg-warning"
+            >{{ language == 0 ? '已取消' : 'Canceled' }}</span>
             <span v-if="b.status == '1'" class="bg-blue">{{ language == 0 ? '支付成功' : 'successful' }}</span>
             <span v-if="b.status == '2'" class="bg-warning">{{ language == 0 ? '已取消' : 'Canceled' }}</span>
             <span v-if="b.status == '3'||b.status == '4'" class="bg-danger">{{
@@ -84,9 +86,13 @@
                 <p v-if="b.extJsonObj.ticketDate.name">
                   {{ b.extJsonObj.ticketDate.name }}
                 </p>
-                <p>{{ b.extJsonObj.atName }} ｜ {{ b.extJsonObj.atsName }} ｜ {{ b.extJsonObj.atstName }}</p>
-                <p v-for="p in b.extJsonObj?.orderCustomerList">
-                  <el-tag class="mr10" v-if="p.deskNo">{{p.deskNo}}-{{p.seatNo}}</el-tag>
+                <p>{{ b.extJsonObj.atName }} ｜ {{ b.extJsonObj.atsName }} ｜
+                  {{
+                    b.extJsonObj.sessionType == '1000' ? language == 0 ? '日间场' : 'Day' : language == 0 ? '夜间场' : 'Night'
+                  }} |
+                  {{ b.extJsonObj.atstName }}</p>
+                <p v-for="(p,i) in b.extJsonObj?.orderCustomerList" :key="i">
+                  <el-tag v-if="p.deskNo" class="mr10">{{ p.deskNo }}-{{ p.seatNo }}</el-tag>
                   {{ p.name }} - {{ p.paymentType == '3' ? '€' : '￥' }}{{ b.extJsonObj.price }}
                 </p>
               </div>
@@ -101,8 +107,8 @@
                 <p>{{ b.messageObj?.roomName }}</p>
                 <p>{{ b.messageObj?.roomInfo }}</p>
               </div>
-              <div v-if="b.orderType == 1"/>
-              <div v-if="b.orderType == 2"/>
+              <div v-if="b.orderType == 1" />
+              <div v-if="b.orderType == 2" />
               <div v-if="b.orderType == 3||b.orderType == 4">
                 <p>{{ b.extJsonObj.packageName }}</p>
               </div>
@@ -125,7 +131,6 @@
                   @finish="finish(b)"
                 />
               </div>
-
               <div class="text-right">
                 <el-button
                   v-if="(b.orderType == 0||b.orderType == 5)&&b.viewStatus!=0" class="mb10" plain round
@@ -166,26 +171,26 @@
         </div>
       </div>
     </el-card>
-    <div class="pd20"/>
+    <div class="pd20" />
   
   </div>
 </template>
 
 <script setup>
-import {onMounted, getCurrentInstance} from '@vue/runtime-core'
-import {useStorage} from '@vueuse/core/index'
-import {newbilllist} from '@/apiPc/common'
+import { onMounted, getCurrentInstance } from '@vue/runtime-core'
+import { useStorage } from '@vueuse/core/index'
+import { newbilllist } from '@/apiPc/common'
 import useUserStore from '@/store/modules/user'
 import dayjs from 'dayjs'
-import {cancelOrder2, cancelOrder} from '/@/apiPc/booking'
+import { cancelOrder2, cancelOrder } from '/@/apiPc/booking'
 
-import {ElMessage} from 'element-plus'
+import { ElMessage } from 'element-plus'
 
 const router = useRouter()
 const language = useStorage('language', 0)
 const list = ref([])
 const user = useUserStore().user
-const {proxy} = getCurrentInstance()
+const { proxy } = getCurrentInstance()
 
 onMounted(() => {
   getList()
@@ -197,7 +202,7 @@ function finish(bill) {
 }
 
 function getList() {
-  newbilllist({createById: user.userId}).then(res => {
+  newbilllist({ createById: user.userId }).then(res => {
     list.value = res.rows || []
     for (const b of list.value) {
       b.messageObj = JSON.parse(b.message) || {}