场次

zhangmeng
Showing 3 changed files with 68 additions and 38 deletions
src/viewsPc/booking/pay.vue
src/viewsPc/booking/ticket/index.vue
src/viewsPc/center/myReservation.vue
--- a/src/viewsPc/booking/pay.vue
View file @83f265c
+++ b/src/viewsPc/booking/pay.vue
View file @83f265c
@@ -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>
--- a/src/viewsPc/booking/ticket/index.vue
View file @83f265c
+++ b/src/viewsPc/booking/ticket/index.vue
View file @83f265c
 <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
+              <!--              <span-->
-                v-if="currTick?.images"
+              <!--                v-if="currTick?.images"-->
-                style="color: #493ceb;cursor:pointer;font-weight:600;font-size: 14px"
+              <!--                style="color: #493ceb;cursor:pointer;font-weight:600;font-size: 14px"-->
-                @click="showUrl=currTick.images;show=true"
+              <!--                @click="showUrl=currTick.images;show=true"-->
-              > <span style="color: red;font-size: 18px">*</span>
+              <!--              > <span style="color: red;font-size: 18px">*</span>-->
-                {{
+              <!--                {{-->
-                  language == 0 ? '点击查看区域布局' : 'View Area Layout'
+              <!--                  language == 0 ? '点击查看区域布局' : 'View Area Layout'-->
-                }}
+              <!--                }}-->
-              </span>
+              <!--              </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]
+  // currTick.value = tickList.value[selectForm.value.sessionType][0]
-  selectForm.value.latstId = currTick.value?.id
+  // selectForm.value.latstId = currTick.value?.id
-  selectForm.value.price = currTick.value?.price
+  // selectForm.value.price = currTick.value?.price
-  selectForm.value.priceEn = currTick.value?.priceEn
+  // 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>
--- a/src/viewsPc/center/myReservation.vue
View file @83f265c
+++ b/src/viewsPc/center/myReservation.vue
View file @83f265c
@@ -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')"
+            <span
-                  class="bg-warning">{{ language == 0 ? '已取消' : 'Canceled' }}</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>{{ b.extJsonObj.atName }} ｜ {{ b.extJsonObj.atsName }} ｜
-                <p v-for="p in b.extJsonObj?.orderCustomerList">
+                  {{
-                  <el-tag class="mr10" v-if="p.deskNo">{{p.deskNo}}-{{p.seatNo}}</el-tag>
+                    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 == 1" />
-              <div v-if="b.orderType == 2"/>
+              <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 { onMounted, getCurrentInstance } from '@vue/runtime-core'
-import {useStorage} from '@vueuse/core/index'
+import { useStorage } from '@vueuse/core/index'
-import {newbilllist} from '@/apiPc/common'
+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) || {}