票务

@@ -519,3 +519,12 @@ export function submitOrderTicket(data) {
     data
   })
 }
+
+// 票务订单详情
+export function getTicketOrderInfo(params) {
+  return request({
+    url: `/ota/orderTicket/getTicketOrderInfo`,
+    method: 'get',
+    params
+  })
+}

@@ -110,6 +110,36 @@
                 </el-row>
               </div>
             </div>
+            <div v-if="type == 'ticket'">
+              <div class="leftboderTT">{{ language == 0 ? '购票信息' : 'Ticket Information' }}</div>
+              <div class="border-info mt20">
+                <h3>{{ form?.extJson?.ticketType?.name }}</h3>
+                <el-row>
+                  <el-col>
+                    {{ language == 0 ? '地址' : 'Address' }}：
+                    <span v-if="language == 0">{{ form.provinceName }} {{ form.cityName }} {{ form.areaName }} </span>
+                    {{ matchForm.address }}
+                  </el-col>
+                  <el-col>
+                    {{ language == 0 ? '票档' : 'Check-in&Check-out' }}：{{ form?.extJson?.ticketDate?.name }} x 1
+                    {{ language == 0 ? '张' : 'Tickets' }}
+                  </el-col>
+                  <el-col>
+                    {{
+                      language == 0 ? '单价' : 'Unit Price'
+                    }}：{{
+                      language == 0 ? form?.extJson?.ticketDate?.price : form?.extJson?.ticketDate?.priceEn
+                    }}{{ language == 0 ? '元' : 'Euro' }} x 1
+                    {{ language == 0 ? '张' : 'Tickets' }}
+                  </el-col>
+                  <el-col>
+                    {{
+                      language == 0 ? '时间' : 'Room Information'
+                    }}：{{ dayjs(form?.extJson?.ticketDate?.ticketStart).format('YYYY-MM-DD') }}
+                  </el-col>
+                </el-row>
+              </div>
+            </div>
 
             <div class="leftboderTT">{{ language == 0 ? '预订信息' : 'Booking information' }}</div>
 
@@ -247,6 +277,19 @@
                 </el-col>
                 <el-col :span="24">{{ language == 0 ? '备注' : 'Remarks' }}：{{ form.remarks }}</el-col>
               </el-row>
+              <el-row v-if="type == 'ticket'">
+                <el-col :lg="8" :md="12" :sm="12" :xs="24">
+                  <div>{{
+                      language == 0 ? '购票数量' : 'Number of tickets purchased'
+                    }}：{{ form.num }}{{ language == 0 ? '张' : 'Tickets' }}
+                  </div>
+                </el-col>
+                <el-col :lg="8" :md="12" :sm="12" :xs="24">{{
+                    language == 0 ? '联系方式' : 'Contact Information'
+                  }}：{{ form.phone }}
+                </el-col>
+                <el-col :lg="8" :md="12" :sm="12" :xs="24"></el-col>
+              </el-row>
             </div>
 
             <el-row align="middle" justify="space-between">
@@ -471,7 +514,7 @@ import {
   cancelOrder2, getBaseInfoByActiveId,
   getCarBilldetailbyId,
   getFoodBilldetailbyId,
-  getMealOrderInfoByLogex, getPhotoOrderInfo, getPhotoOrderInfoByLogex
+  getMealOrderInfoByLogex, getPhotoOrderInfo, getPhotoOrderInfoByLogex, getTicketInfoByActivityId, getTicketOrderInfo,
 } from "@/apiPc/booking";
 import dayjs from 'dayjs'
 import {delPerson} from "@/api/exam/person";
@@ -489,6 +532,7 @@ const remark = ref('')
 const showSJDialog = ref(false)
 const loading = ref(false)
 const lpName = ref('')
+const matchForm = ref({})
 
 const user = useUserStore().user
 if (useUserStore().user) {
@@ -583,11 +627,37 @@ function getData() {
     // photographyInfo()
   }
   if (type.value == 'ticket') {
-
+    getTicketOrderInfoFN()
   }
   console.log(payType.value)
 }
 
+// 票务订单详情
+async function getTicketOrderInfoFN() {
+  const res = await getTicketOrderInfo({orderId: orderId.value})
+  form.value = res.data
+  form.value.extJson = JSON.parse(form.value.extJson)
+  try {
+    form.value.extJson.ticketDate = JSON.parse(form.value.extJson.ticketDate)
+    form.value.extJson.ticketType = JSON.parse(form.value.extJson.ticketType)
+    await getDetail(form.value.extJson.ticketDate.activityId)
+    totalFee.value = language.value == 0 ? form.value.total : form.value.totalEn
+  } catch (e) {
+    console.log(e)
+  } finally {
+
+  }
+
+
+  console.log(form.value)
+}
+
+async function getDetail(activeId) {
+  const res = await getTicketInfoByActivityId({activityId: activeId})
+  matchForm.value = res.data
+}
+
+
 function goHome() {
   router.push('/')
 }