票务

 import request from '@/utils/request'
 import request from '@/utils/request'
+
 export function getHotelList(params) {
 export function getHotelList(params) {
   return request({
   return request({
     url: `/ota/activityHotel/list`,
     url: `/ota/activityHotel/list`,
@@ -6,6 +7,7 @@ export function getHotelList(params) {
     params: params
     params: params
   })
   })
 }
 }
+
 export function getStudioList(params) {
 export function getStudioList(params) {
   return request({
   return request({
     url: `/ota/studio/list`,
     url: `/ota/studio/list`,
@@ -13,18 +15,21 @@ export function getStudioList(params) {
     params: params
     params: params
   })
   })
 }
 }
+
 export function getHotelById(id) {
 export function getHotelById(id) {
   return request({
   return request({
     url: `/ota/hotel/${id}`,
     url: `/ota/hotel/${id}`,
     method: 'get'
     method: 'get'
   })
   })
 }
 }
+
 export function getStudioById(id) {
 export function getStudioById(id) {
   return request({
   return request({
     url: `/ota/studio/${id}`,
     url: `/ota/studio/${id}`,
     method: 'get'
     method: 'get'
   })
   })
 }
 }
+
 export function getHotelRooms(params) {
 export function getHotelRooms(params) {
   return request({
   return request({
     url: `/ota/activityRoom/list`,
     url: `/ota/activityRoom/list`,
@@ -40,6 +45,7 @@ export function checkResidueRoom(data) {
     data: data
     data: data
   })
   })
 }
 }
+
 export function newsSubmitOrderHotel(data) {
 export function newsSubmitOrderHotel(data) {
   return request({
   return request({
     url: `/ota/norder/submitOrderRoom`,
     url: `/ota/norder/submitOrderRoom`,
@@ -47,6 +53,7 @@ export function newsSubmitOrderHotel(data) {
     data: data
     data: data
   })
   })
 }
 }
+
 export function getRoomBilldetailbyId(params) {
 export function getRoomBilldetailbyId(params) {
   return request({
   return request({
     url: `/ota/orderRoom/getRoomOrderInfoByOrderId`,
     url: `/ota/orderRoom/getRoomOrderInfoByOrderId`,
@@ -54,6 +61,7 @@ export function getRoomBilldetailbyId(params) {
     params: params
     params: params
   })
   })
 }
 }
+
 export function getCarBilldetailbyId(params) {
 export function getCarBilldetailbyId(params) {
   return request({
   return request({
     url: `/ota/norder/getOrderByOrderId`,
     url: `/ota/norder/getOrderByOrderId`,
@@ -61,6 +69,7 @@ export function getCarBilldetailbyId(params) {
     params: params
     params: params
   })
   })
 }
 }
+
 export function getFoodBilldetailbyId(params) {
 export function getFoodBilldetailbyId(params) {
   return request({
   return request({
     url: `/ota/orderFood/getFoodOrderInfoByOrder`,
     url: `/ota/orderFood/getFoodOrderInfoByOrder`,
@@ -68,6 +77,7 @@ export function getFoodBilldetailbyId(params) {
     params: params
     params: params
   })
   })
 }
 }
+
 export function getActivityCarList(params) {
 export function getActivityCarList(params) {
   return request({
   return request({
     url: `/ota/activityVehicle/wxList`,
     url: `/ota/activityVehicle/wxList`,
@@ -75,6 +85,7 @@ export function getActivityCarList(params) {
     params: params
     params: params
   })
   })
 }
 }
+
 export function submitOrderCar(data) {
 export function submitOrderCar(data) {
   return request({
   return request({
     url: `/ota/norder/submitOrderCar`,
     url: `/ota/norder/submitOrderCar`,
@@ -82,6 +93,7 @@ export function submitOrderCar(data) {
     data: data
     data: data
   })
   })
 }
 }
+
 export function getActivityRestaurantList(params) {
 export function getActivityRestaurantList(params) {
   return request({
   return request({
     url: `/ota/activityRestaurant/list`,
     url: `/ota/activityRestaurant/list`,
@@ -89,6 +101,7 @@ export function getActivityRestaurantList(params) {
     params: params
     params: params
   })
   })
 }
 }
+
 export function getMenuById(params) {
 export function getMenuById(params) {
   return request({
   return request({
     url: `/ota/activityFood/list`,
     url: `/ota/activityFood/list`,
@@ -96,6 +109,7 @@ export function getMenuById(params) {
     params: params
     params: params
   })
   })
 }
 }
+
 export function submitOrderFood(form) {
 export function submitOrderFood(form) {
   return request({
   return request({
     url: `/ota/norder/submitOrderFood`,
     url: `/ota/norder/submitOrderFood`,
@@ -103,29 +117,33 @@ export function submitOrderFood(form) {
     data: form
     data: form
   })
   })
 }
 }
+
 export function createWePay(data) {
 export function createWePay(data) {
   return request({
   return request({
     url: `/ota/norder/wxPay`,
     url: `/ota/norder/wxPay`,
     method: 'post',
     method: 'post',
-        data:data
+    data: data
   })
   })
 }
 }
+
 export function createPalPay(data) {
 export function createPalPay(data) {
   return request({
   return request({
     url: `/ota/norder/palPay`,
     url: `/ota/norder/palPay`,
     method: 'post',
     method: 'post',
-        data:data
+    data: data
   })
   })
 }
 }
+
 export function callbackPalPay(tradeNo) {
 export function callbackPalPay(tradeNo) {
   return request({
   return request({
     url: `/ota/norder/palPay/callback`,
     url: `/ota/norder/palPay/callback`,
     method: 'post',
     method: 'post',
-        data:{
-            tradeNo:tradeNo
+    data: {
+      tradeNo: tradeNo
     }
     }
   })
   })
 }
 }
+
 export function getInvoiceByActiveId(query) {
 export function getInvoiceByActiveId(query) {
   return request({
   return request({
     url: `/ota/invoice/list`,
     url: `/ota/invoice/list`,
@@ -133,6 +151,7 @@ export function getInvoiceByActiveId(query) {
     params: query
     params: query
   })
   })
 }
 }
+
 export function getCanInvoiceBills(query) {
 export function getCanInvoiceBills(query) {
   return request({
   return request({
     url: `/ota/norder/getOrderInvoiceList`,
     url: `/ota/norder/getOrderInvoiceList`,
@@ -140,6 +159,7 @@ export function getCanInvoiceBills(query) {
     params: query
     params: query
   })
   })
 }
 }
+
 export function getCanInvoiceBm(query) {
 export function getCanInvoiceBm(query) {
   return request({
   return request({
     url: `/league/signOrder/getMyPayedCptOrder`,
     url: `/league/signOrder/getMyPayedCptOrder`,
@@ -147,6 +167,7 @@ export function getCanInvoiceBm(query) {
     params: query
     params: query
   })
   })
 }
 }
+
 export function getCanInvoiceTicket(query) {
 export function getCanInvoiceTicket(query) {
   return request({
   return request({
     url: `/api/order/getOrderInvoiceList`,
     url: `/api/order/getOrderInvoiceList`,
@@ -154,6 +175,7 @@ export function getCanInvoiceTicket(query) {
     params: query
     params: query
   })
   })
 }
 }
+
 export function cancelOrder(orderId) {
 export function cancelOrder(orderId) {
   return request({
   return request({
     // url: `/logex/norder/unSubscribeOrderBack/${orderId}`,
     // url: `/logex/norder/unSubscribeOrderBack/${orderId}`,
@@ -162,6 +184,7 @@ export function cancelOrder(orderId) {
     params: orderId
     params: orderId
   })
   })
 }
 }
+
 // 取消
 // 取消
 export function cancelOrder2(orderId) {
 export function cancelOrder2(orderId) {
   return request({
   return request({
@@ -170,6 +193,7 @@ export function cancelOrder2(orderId) {
     params: orderId
     params: orderId
   })
   })
 }
 }
+
 export function addressList(userId) {
 export function addressList(userId) {
   return request({
   return request({
     url: `/ota/invoiceInfo/list`,
     url: `/ota/invoiceInfo/list`,
@@ -179,12 +203,14 @@ export function addressList(userId) {
     }
     }
   })
   })
 }
 }
+
 export function getBaseInfoByActiveId(id) {
 export function getBaseInfoByActiveId(id) {
   return request({
   return request({
     url: `/ota/activity/${id}`,
     url: `/ota/activity/${id}`,
     method: 'get'
     method: 'get'
   })
   })
 }
 }
+
 export function checkRoomPayByUserId(id) {
 export function checkRoomPayByUserId(id) {
   return request({
   return request({
     url: `/ota/norder/checkRoomPayByUserId`,
     url: `/ota/norder/checkRoomPayByUserId`,
@@ -194,6 +220,7 @@ export function checkRoomPayByUserId(id) {
     }
     }
   })
   })
 }
 }
+
 export function submitInvoice(form) {
 export function submitInvoice(form) {
   return request({
   return request({
     url: `/ota/invoice`,
     url: `/ota/invoice`,
@@ -201,6 +228,7 @@ export function submitInvoice(form) {
     data: form
     data: form
   })
   })
 }
 }
+
 export function submitCptInvoice(form) {
 export function submitCptInvoice(form) {
   return request({
   return request({
     url: `/cpt/invoice`,
     url: `/cpt/invoice`,
@@ -216,6 +244,7 @@ export function editInvoice(form) {
     data: form
     data: form
   })
   })
 }
 }
+
 export function editInvoiceMatch(form) {
 export function editInvoiceMatch(form) {
   return request({
   return request({
     url: `/cpt/invoice`,
     url: `/cpt/invoice`,
@@ -231,6 +260,7 @@ export function editCptInvoice(form) {
     data: form
     data: form
   })
   })
 }
 }
+
 export function addAddress(form) {
 export function addAddress(form) {
   return request({
   return request({
     url: `/ota/invoiceInfo`,
     url: `/ota/invoiceInfo`,
@@ -238,6 +268,7 @@ export function addAddress(form) {
     data: form
     data: form
   })
   })
 }
 }
+
 export function delAddress(ids) {
 export function delAddress(ids) {
   return request({
   return request({
     url: `/ota/invoiceInfo/${ids}`,
     url: `/ota/invoiceInfo/${ids}`,
@@ -249,7 +280,7 @@ export function getMakeUpList(data) {
   return request({
   return request({
     url: `/ota/activityStudio/getStudioList`,
     url: `/ota/activityStudio/getStudioList`,
     method: 'get',
     method: 'get',
-        params:data
+    params: data
   })
   })
 }
 }
 
 
@@ -257,7 +288,7 @@ export function makeUpDetail(data) {
   return request({
   return request({
     url: `/ota/activityStudio/getComStudioVoById`,
     url: `/ota/activityStudio/getComStudioVoById`,
     method: 'get',
     method: 'get',
-        params:data
+    params: data
   })
   })
 }
 }
 
 
@@ -265,7 +296,7 @@ export function getActivityMealVoListByStudioId(data) {
   return request({
   return request({
     url: `/ota/activityMeal/getActivityMealVoListByStudioId`,
     url: `/ota/activityMeal/getActivityMealVoListByStudioId`,
     method: 'get',
     method: 'get',
-        params:data
+    params: data
   })
   })
 }
 }
 
 
@@ -273,7 +304,7 @@ export function getMealConfList(data) {
   return request({
   return request({
     url: `/ota/mealConfig/getMealConfList`,
     url: `/ota/mealConfig/getMealConfList`,
     method: 'get',
     method: 'get',
-        params:data
+    params: data
   })
   })
 }
 }
 
 
@@ -289,7 +320,7 @@ export function getMealOrderInfo(data) {
   return request({
   return request({
     url: `/ota/orderMeal/getMealOrderInfo`,
     url: `/ota/orderMeal/getMealOrderInfo`,
     method: 'get',
     method: 'get',
-        params:data
+    params: data
   })
   })
 }
 }
 
 
@@ -298,7 +329,7 @@ export function getMealOrderInfoByLogex(data) {
   return request({
   return request({
     url: `/ota/orderMeal/getMealOrderInfoByLogex`,
     url: `/ota/orderMeal/getMealOrderInfoByLogex`,
     method: 'get',
     method: 'get',
-        params:data
+    params: data
   })
   })
 }
 }
 
 
@@ -306,7 +337,7 @@ export function getShootList(data) {
   return request({
   return request({
     url: `/ota/activityShoot/getShootList`,
     url: `/ota/activityShoot/getShootList`,
     method: 'get',
     method: 'get',
-        params:data
+    params: data
   })
   })
 }
 }
 
 
@@ -314,7 +345,7 @@ export function getComShootVoById(data) {
   return request({
   return request({
     url: `/ota/activityShoot/getComShootVoById`,
     url: `/ota/activityShoot/getComShootVoById`,
     method: 'get',
     method: 'get',
-        params:data
+    params: data
   })
   })
 }
 }
 
 
@@ -322,7 +353,7 @@ export function getActivityPhotoVoListByShootId(data) {
   return request({
   return request({
     url: `/ota/activityPhoto/getActivityPhotoVoListByShootId`,
     url: `/ota/activityPhoto/getActivityPhotoVoListByShootId`,
     method: 'get',
     method: 'get',
-        params:data
+    params: data
   })
   })
 }
 }
 
 
@@ -330,7 +361,7 @@ export function getPhotoConfList(data) {
   return request({
   return request({
     url: `/ota/photoConfig/getPhotoConfList`,
     url: `/ota/photoConfig/getPhotoConfList`,
     method: 'get',
     method: 'get',
-        params:data
+    params: data
   })
   })
 }
 }
 
 
@@ -346,7 +377,7 @@ export function getPhotoOrderInfo(data) {
   return request({
   return request({
     url: `/ota/orderPhoto/getPhotoOrderInfo`,
     url: `/ota/orderPhoto/getPhotoOrderInfo`,
     method: 'get',
     method: 'get',
-        params:data
+    params: data
   })
   })
 }
 }
 
 
@@ -354,39 +385,44 @@ export function getPhotoOrderInfoByLogex(data) {
   return request({
   return request({
     url: `/ota/orderPhoto/getPhotoOrderInfoByLogex`,
     url: `/ota/orderPhoto/getPhotoOrderInfoByLogex`,
     method: 'get',
     method: 'get',
-        params:data
+    params: data
   })
   })
 }
 }
+
 export function getInvoiceDetailBills(invoiceId) {
 export function getInvoiceDetailBills(invoiceId) {
   return request({
   return request({
     url: `/ota/norder/list`,
     url: `/ota/norder/list`,
     method: 'get',
     method: 'get',
-        params:{
-            invoiceId:invoiceId
+    params: {
+      invoiceId: invoiceId
     }
     }
   })
   })
 }
 }
+
 export function getLeagueInvoiceDetail(invoiceId) {
 export function getLeagueInvoiceDetail(invoiceId) {
   return request({
   return request({
     url: `/league/signOrder/list`,
     url: `/league/signOrder/list`,
     method: 'get',
     method: 'get',
-        params:{
-            invoiceId:invoiceId
+    params: {
+      invoiceId: invoiceId
     }
     }
   })
   })
 }
 }
+
 export function getLeagueInvoiceDetailPC(invoiceId) {
 export function getLeagueInvoiceDetailPC(invoiceId) {
   return request({
   return request({
     url: `/league/signOrder/getByInvoiceId/${invoiceId}`,
     url: `/league/signOrder/getByInvoiceId/${invoiceId}`,
     method: 'get'
     method: 'get'
   })
   })
 }
 }
+
 export function getInvoiceDetail(invoiceId) {
 export function getInvoiceDetail(invoiceId) {
   return request({
   return request({
     url: `/ota/invoice/${invoiceId}`,
     url: `/ota/invoice/${invoiceId}`,
     method: 'get'
     method: 'get'
   })
   })
 }
 }
+
 export function getInvoiceDetailMatch(invoiceId) {
 export function getInvoiceDetailMatch(invoiceId) {
   return request({
   return request({
     url: `/cpt/invoice/${invoiceId}`,
     url: `/cpt/invoice/${invoiceId}`,
@@ -399,17 +435,19 @@ export function getReceipt(query) {
   return request({
   return request({
     url: `/league/signOrder/getReceipt/${query.orderId}`,
     url: `/league/signOrder/getReceipt/${query.orderId}`,
     method: 'post',
     method: 'post',
-        params:query
+    params: query
   })
   })
 }
 }
+
 export function ppOtaReceipt(query) {
 export function ppOtaReceipt(query) {
   // type 1是下载 2是发送到邮箱
   // type 1是下载 2是发送到邮箱
   return request({
   return request({
     url: `/ota/norder/getReceipt/${query.orderId}`,
     url: `/ota/norder/getReceipt/${query.orderId}`,
     method: 'post',
     method: 'post',
-        params:query
+    params: query
   })
   })
 }
 }
+
 // 获取票务信息
 // 获取票务信息
 export function getTicketInfoByActivityId(params) {
 export function getTicketInfoByActivityId(params) {
   return request({
   return request({
@@ -463,3 +501,21 @@ export function delCustomer(id) {
     method: 'delete',
     method: 'delete',
   })
   })
 }
 }
+
+// 获取价格
+export function getTicketTotalApi(data) {
+  return request({
+    url: `/ota/orderTicket/getTicketTotal`,
+    method: 'POST',
+    data
+  })
+}
+
+// 下单
+export function TicketOrderBoApi(data) {
+  return request({
+    url: `/ota/orderTicket/TicketOrderBo`,
+    method: 'POST',
+    data
+  })
+}

 <template>
 <template>
-  <el-card class="container" >
-    <div v-loading="loading" >
+  <el-card class="container">
+    <div v-loading="loading">
       <div class="title">
       <div class="title">
         {{ languageFormat(language, "订单确认", "Order confirmation") }}
         {{ languageFormat(language, "订单确认", "Order confirmation") }}
       </div>
       </div>
@@ -23,38 +23,38 @@
               <div class="form">
               <div class="form">
                 <el-form label-width="100px">
                 <el-form label-width="100px">
                   <el-form-item
                   <el-form-item
+                    :label="language == 0 ? '联系人' : 'contact'"
+                  >
+                    <el-input
+                      v-model="orderForm.contacts"
+                      :placeholder=" language == 0 ? '请输入联系人' : 'Please enter the contact'"
+                      style="width: 320px"
+                    />
+                  </el-form-item>
+                  <el-form-item
                     :label="language == 0 ? '联系人电话' : 'contact phone'"
                     :label="language == 0 ? '联系人电话' : 'contact phone'"
                   >
                   >
                     <el-input
                     <el-input
-                      v-model="form.phone"
-                      :placeholder=" language == 0 ? '请输入联系电话' : 'Please enter the contact phone number'" style="width: 320px"
+                      v-model="orderForm.phone"
+                      :placeholder=" language == 0 ? '请输入联系电话' : 'Please enter the contact phone number'"
+                      style="width: 320px"
                     />
                     />
                   </el-form-item>
                   </el-form-item>
                   <el-form-item :label="language == 0 ? '观看人' : 'Viewer'">
                   <el-form-item :label="language == 0 ? '观看人' : 'Viewer'">
                     <div class="p_box">
                     <div class="p_box">
                       <div class="people">
                       <div class="people">
-                        <el-checkbox-group
-                          v-model="form.viewers"
-                          :max="order.length"
-                        >
+                        <el-checkbox-group v-model="orderForm.customerList" @change="changeGroup">
                           <div
                           <div
-                            v-for="(it, index) in cousList"
-                            :key="index"
-                            class="prople_item"
-                          >
+                            v-for="(it, index) in personnelList" :key="index" class="prople_item">
                             <div>
                             <div>
                               <div class="name">{{ it.name }}</div>
                               <div class="name">{{ it.name }}</div>
                               <div class="idcard">{{ it.idCard }}</div>
                               <div class="idcard">{{ it.idCard }}</div>
                             </div>
                             </div>
-                            <el-checkbox :value="it.id" />
+                            <el-checkbox :value="it.id"/>
                           </div>
                           </div>
                         </el-checkbox-group>
                         </el-checkbox-group>
                       </div>
                       </div>
-                      <!-- button -->
-                      <div
-                        class="btn"
-                        @click="$router.push({ path: '/booking/ticket/peopleManage' })"
-                      >
+                      <div class="btn" @click="$router.push({ path: '/booking/ticket/peopleManage' })">
                         {{ languageFormat(language, "新增", "Add") }}
                         {{ languageFormat(language, "新增", "Add") }}
                       </div>
                       </div>
                     </div>
                     </div>
@@ -96,11 +96,12 @@
               <span v-if="it.venueId == 1"
               <span v-if="it.venueId == 1"
               >{{ it.area }}{{ languageFormat(language, "区", "Zones") }}
               >{{ it.area }}{{ languageFormat(language, "区", "Zones") }}
               </span>
               </span>
-                  {{ it.pai }}{{ languageFormat(language, "排", "Row") }} {{
-                    it.no
-                  }}{{ languageFormat(language, "座", "Seat") }} ({{
-                    it.venueId == 1 ? "B6" : "B4"
-                  }}{{ languageFormat(language, "馆", "Venue") }})
+                  {{ it.pai }}
+                  {{ languageFormat(language, "排", "Row") }}
+                  {{ it.no }}
+                  {{ languageFormat(language, "座", "Seat") }}
+                  ({{ it.venueId == 1 ? "B6" : "B4" }}
+                  {{ languageFormat(language, "馆", "Venue") }})
                 </div>
                 </div>
               </div>
               </div>
               <div class="detail_b">
               <div class="detail_b">
@@ -109,7 +110,9 @@
                 </div>
                 </div>
                 <div class="price_num">
                 <div class="price_num">
                   <span>{{ language == 0 ? "¥" : "€" }}</span>
                   <span>{{ language == 0 ? "¥" : "€" }}</span>
-                  {{ order?.paymentAmount }}
+                  {{
+                    language == 0 ? price.total_cn : price.total_en
+                  }}
                 </div>
                 </div>
               </div>
               </div>
             </div>
             </div>
@@ -138,7 +141,7 @@
         @closed="payment.handleCloce()"
         @closed="payment.handleCloce()"
       >
       >
         <div>
         <div>
-          <img alt :src="payment.qrCodeData" class="qrcode"/>
+          <img :src="payment.qrCodeData" alt class="qrcode"/>
         </div>
         </div>
       </el-dialog>
       </el-dialog>
     </div>
     </div>
@@ -148,12 +151,8 @@
 
 
 <script setup>
 <script setup>
 import {ref} from 'vue'
 import {ref} from 'vue'
-import {customerListApi} from'@/apiPc/booking'
-import {confirmOrder} from "@/viewsPc/seat/api/index.js";
+import {customerListApi, getTicketTotalApi, TicketOrderBoApi, listApi} from '@/apiPc/booking'
 import {ElMessage} from "element-plus";
 import {ElMessage} from "element-plus";
-import {payOrder, viewPeopleList, checkPaySuccess} from "@/viewsPc/seat/api/index.js";
-// import qrCodeDialog from "./components/qrCodeDialog.vue";
-import qrcode from "qrcode";
 import {languageFormat} from "@/viewsPc/seat/utils/language.js";
 import {languageFormat} from "@/viewsPc/seat/utils/language.js";
 import {useStorage} from "@vueuse/core/index";
 import {useStorage} from "@vueuse/core/index";
 
 
@@ -162,43 +161,30 @@ const loading = ref(false);
 const route = useRoute();
 const route = useRoute();
 const router = useRouter();
 const router = useRouter();
 const order = ref({
 const order = ref({
-  data:{}
+  data: {}
 })
 })
-const audience = ref({})
 const payment = ref({})
 const payment = ref({})
 const props = defineProps({
 const props = defineProps({
   activityId: [String, Number],
   activityId: [String, Number],
 });
 });
 const form = ref({})
 const form = ref({})
-const cousList = ref([])
-
+const personnelList = ref([])
+const orderForm = ref({
+  activeId: route.params.activeId,
+  atId: route.params.latId,
+  attId: route.params.attId,
+  orderId: null,
+  contacts: null,
+  phone: null,
+  remarks: null,
+  customerList: [],
+  num: 0,
+  total: null
+})
+const price = ref({})
+const tickType = ref({})
 let timer = null;
 let timer = null;
 
 
-const startCheckSuccessListener = (orderSn, actId) => {
-  timer = setInterval(() => {
-    checkPaySuccess({orderSn}).then((res) => {
-      if (res.data) {
-        clearInterval(timer);
-        timer = null;
-        // 支付成功
-        payment.showCodeDialog = false;
-        ElMessage({
-          type: "success",
-          message: languageFormat(
-            language.value,
-            "支付成功",
-            "Payment succeeded"
-          ),
-        });
-        router.replace({
-          path: "/seat/order",
-        });
-      } else {
-        return false;
-      }
-    });
-  }, 3000);
-};
 
 
 // const payment = reactive({
 // const payment = reactive({
 //   showCodeDialog: false,
 //   showCodeDialog: false,
@@ -299,15 +285,45 @@ const startCheckSuccessListener = (orderSn, actId) => {
 //   },
 //   },
 // });
 // });
 
 
-
 // audience.fetchData();
 // audience.fetchData();
 // order.fetchData();
 // order.fetchData();
 
 
 
 
 customerList()
 customerList()
-async function customerList(){
-  const res =await customerListApi()
-  cousList.value=res.rows
+
+function changeGroup() {
+  orderForm.value.num = orderForm.value.customerList.length
+  getTicketTotal()
+}
+
+// 获取人员列表
+async function customerList() {
+  const res = await customerListApi()
+  personnelList.value = res.rows
+  console.log(res)
+}
+
+
+// 获取价格
+async function getTicketTotal() {
+  const res = await getTicketTotalApi(orderForm.value)
+  price.value = res.data
+}
+
+getTicketTotal()
+
+// 获取票档信息
+async function getTicketListType() {
+  const res = await listApi({latId: orderForm.value.latId})
+  tickType.value = res.rows.find(item => item.id == orderForm.value.attId)
+}
+
+getTicketListType()
+
+
+// 下单
+async function confirmOrder() {
+  const res = await TicketOrderBoApi(orderForm.value)
 }
 }
 </script>
 </script>
 
 

@@ -95,14 +95,14 @@ import {ref, reactive, onMounted, watch} from "vue";
 import {listApi, getTicketInfoByActivityId, getTicketListApi} from '@/apiPc/booking'
 import {listApi, getTicketInfoByActivityId, getTicketListApi} from '@/apiPc/booking'
 
 
 import {dayjs} from "element-plus";
 import {dayjs} from "element-plus";
-import useUserStore from "@/store/modules/user";
 import {ElMessageBox, ElMessage} from "element-plus";
 import {ElMessageBox, ElMessage} from "element-plus";
 import {languageFormat, getDayName} from "@/viewsPc/seat/utils/language";
 import {languageFormat, getDayName} from "@/viewsPc/seat/utils/language";
 import {fillImgUrl} from "/@/utils/ruoyi";
 import {fillImgUrl} from "/@/utils/ruoyi";
+import {useStorage} from "@vueuse/core/index";
 
 
+const language = useStorage("language", 0);
 const route = useRoute();
 const route = useRoute();
 const router = useRouter();
 const router = useRouter();
-const userStore = useUserStore();
 const activeId = ref(route.params.activeId)
 const activeId = ref(route.params.activeId)
 const props = defineProps({
 const props = defineProps({
   activityId: [String, Number],
   activityId: [String, Number],
@@ -150,14 +150,14 @@ function selectTick(v) {
 }
 }
 
 
 function toSelectSeat() {
 function toSelectSeat() {
-  if (!selectForm.value.latId) return ElMessage.error("请选择票档")
-  if (!selectForm.value.id) return ElMessage.error("请选择时间")
+  if (!selectForm.value.latId) return ElMessage.error(language.value == 0 ? "请选择票档" : 'Please select a ticket file')
+  if (!selectForm.value.id) return ElMessage.error(language.value == 0 ? "请选择时间" : 'Please select time')
   router.push({
   router.push({
-    name:'confirmOrder',
+    name: 'confirmOrder',
     params: {
     params: {
       activeId: activeId.value,
       activeId: activeId.value,
       latId: selectForm.value.latId,
       latId: selectForm.value.latId,
-      id: selectForm.value.id
+      attId: selectForm.value.id
     }
     }
   })
   })
 }
 }

 <template>
 <template>
   <el-card class="container">
   <el-card class="container">
     <div class="title">
     <div class="title">
-        <div
-          class="add_btn"
-          @click="addPeople"
-        >
+      <div class="add_btn" @click="addPeople">
         {{ languageFormat(language, "新增", "Add") }}
         {{ languageFormat(language, "新增", "Add") }}
       </div>
       </div>
       {{ languageFormat(language, "观影人管理", "Viewers") }}
       {{ languageFormat(language, "观影人管理", "Viewers") }}
     </div>
     </div>
     <div class="content">
     <div class="content">
       <div class="people_box">
       <div class="people_box">
-          <div
-            v-for="(it, index) in cousList"
-            :key="index"
-            class="people_item"
+        <div v-for="(it, index) in personnelList" :key="index" class="people_item"
         >
         >
           <div class="name">{{ it.name }}</div>
           <div class="name">{{ it.name }}</div>
           <div class="idcard">
           <div class="idcard">
-              {{ languageFormat(language, "证件号", "Identity Card") }}：{{
-                it.idCard
-              }}
+            {{ languageFormat(language, "证件号", "ID number") }}：{{ it.idCard }}
           </div>
           </div>
           <div class="btn" @click="deletePeople(it.id)">
           <div class="btn" @click="deletePeople(it.id)">
             {{ languageFormat(language, "删除", "delete") }}
             {{ languageFormat(language, "删除", "delete") }}
@@ -31,16 +23,23 @@
 
 
     <el-dialog
     <el-dialog
       v-model="show"
       v-model="show"
+      :title="language==0?'新增观影人':'New moviegoers'"
       center
       center
-        title="新增观影人"
       width="700"
       width="700"
     >
     >
       <el-form ref="formRef" :model="form" :rules="rules" label-width="80px" size="large" style="margin: 80px">
       <el-form ref="formRef" :model="form" :rules="rules" label-width="80px" size="large" style="margin: 80px">
-          <el-form-item label="姓名" required prop="name">
-            <el-input v-model="form.name" size=""></el-input>
+        <el-form-item :label="language==0?'姓名':'name'" prop="name" required>
+          <el-input v-model="form.name" :placeholder="language==0?'请输入':'Please input'"/>
+        </el-form-item>
+        <el-form-item :label="language==0?'证件类型':'ID Type'" prop="idcType" required>
+          <el-select v-model="form.idcType" :placeholder="language==0?'请选择':'Please choose'">
+            <el-option :label="language==0?'身份证':'Identity card'" value="0"/>
+            <el-option :label="language==0?'护照':'Passport'" value="1"/>
+            <el-option :label="language==0?'其他':'Else'" value="2"/>
+          </el-select>
         </el-form-item>
         </el-form-item>
-          <el-form-item label="证件号" required prop="idCard">
-            <el-input v-model="form.idCard"></el-input>
+        <el-form-item :label="language==0?'证件号':'ID number'" prop="idCard" required>
+          <el-input v-model="form.idCard" :placeholder="language==0?'请输入证件号':'Please enter the ID after ah'"/>
         </el-form-item>
         </el-form-item>
       </el-form>
       </el-form>
 
 
@@ -48,8 +47,8 @@
       <br>
       <br>
       <span slot="footer" class="dialog-footer">
       <span slot="footer" class="dialog-footer">
         <div style="text-align: center">
         <div style="text-align: center">
-          <el-button class="can_pay" @click="show = false">取 消</el-button>
-          <el-button class="pay" type="primary" @click="submit">确 定</el-button>
+          <el-button class="can_pay" @click="show = false">{{ language == 0 ? '取 消' : 'cancel' }}</el-button>
+          <el-button class="pay" type="primary" @click="submit">{{ language == 0 ? '确 定' : 'confirm' }}</el-button>
         </div>
         </div>
       </span>
       </span>
       <br>
       <br>
@@ -62,58 +61,15 @@
 
 
 
 
 <script setup>
 <script setup>
-import {reactive, ref} from "vue";
-import {customerListApi,aadCustomer,delCustomer} from '@/apiPc/booking'
-
-import {deleteViewPeople, viewPeopleList} from "@/viewsPc/seat/api/index.js";
-import {ElMessageBox, ElMessage} from "element-plus";
+import {ref} from "vue";
+import {aadCustomer, customerListApi, delCustomer} from '@/apiPc/booking'
+import {ElMessage, ElMessageBox} from "element-plus";
 import {languageFormat} from "@/viewsPc/seat/utils/language.js";
 import {languageFormat} from "@/viewsPc/seat/utils/language.js";
 import {useStorage} from "@vueuse/core/index";
 import {useStorage} from "@vueuse/core/index";
 
 
 const language = useStorage("language", 0);
 const language = useStorage("language", 0);
 
 
-// const audience = reactive({
-//   data: [],
-//   fetchData() {
-//     viewPeopleList().then((res) => {
-//       audience.data = res.data;
-//     });
-//   },
-//
-//   deletePeople(id) {
-//     ElMessageBox.confirm(
-//         languageFormat(
-//           language.value,
-//           "确认删除该观看人吗？",
-//           "Are you sure to delete this viewer?"
-//         ),
-//         languageFormat(language.value, "提示", "Reminder"),
-//         {
-//           confirmButtonText: languageFormat(language.value, "确认", "confirm"),
-//           cancelButtonText: languageFormat(language.value, "取消", "cancel"),
-//           type: "warning",
-//           draggable: true,
-//         }
-//       )
-//       .then(() => {
-//         deleteViewPeople({id}).then(() => {
-//           audience.fetchData();
-//           ElMessage({
-//             type: "success",
-//             message: languageFormat(
-//               language.value,
-//               "操作成功",
-//               "Operate successfully"
-//             ),
-//           });
-//         });
-//       })
-//       .catch(() => {
-//       });
-//   },
-// });
-
-const cousList = ref([])
+const personnelList = ref([])
 const show = ref(false)
 const show = ref(false)
 const form = ref({})
 const form = ref({})
 const formRef = ref(null)
 const formRef = ref(null)
@@ -124,13 +80,16 @@ const rules = ref({
   idCard: [
   idCard: [
     {required: true, message: "请输入证件号", trigger: "blur"},
     {required: true, message: "请输入证件号", trigger: "blur"},
   ],
   ],
+  idcType: [
+    {required: true, message: "请选择证件类型", trigger: "blur"},
+  ],
 })
 })
 
 
 customerList()
 customerList()
+
 async function customerList() {
 async function customerList() {
   const res = await customerListApi()
   const res = await customerListApi()
-  cousList.value = res.rows
-  // cousList.value = [{},{}]
+  personnelList.value = res.rows
 }
 }
 
 
 function addPeople() {
 function addPeople() {
@@ -141,20 +100,35 @@ function addPeople() {
 function submit() {
 function submit() {
   formRef.value.validate((valid) => {
   formRef.value.validate((valid) => {
     if (valid) {
     if (valid) {
-      console.log(form.value);
-      aadCustomer(form.value).then(res=>{
+      aadCustomer(form.value).then(res => {
+        if (res.data == -100) {
+          return ElMessageBox.confirm(language.value == 0 ? '该观影人已存在' : "The viewer already exists", language.value == 0 ? '提示' : 'Reminder', {
+            confirmButtonText: language.value == 0 ? '确认' : 'confirm',
+            cancelButtonText: language.value == 0 ? '取消' : 'cancel',
+            type: "warning",
+            draggable: true,
+          })
+        } else if (res.data == -101) {
+          return ElMessageBox.confirm(language.value == 0 ? '该观影人实名认证未通过' : 'The real name authentication of the moviegoer failed', language.value == 0 ? '提示' : 'Reminder', {
+            confirmButtonText: language.value == 0 ? '确认' : "confirm",
+            cancelButtonText: language.value == 0 ? '取消' : 'cancel',
+            type: "warning",
+            draggable: true,
+          })
+        } else {
           show.value = false
           show.value = false
           customerList()
           customerList()
-        ElMessage.success('添加成功')
+          ElMessage.success(language.value == 0 ? '添加成功' : 'successfully added')
+        }
       })
       })
     } else {
     } else {
-      return ElMessage.waiting('请完善信息')
+      return ElMessage.waiting(language.value == 0 ? '请完善信息' : 'Please complete the information')
     }
     }
   })
   })
 }
 }
 
 
-async function deletePeople(v){
-  await  ElMessageBox .confirm(
+async function deletePeople(v) {
+  await ElMessageBox.confirm(
       languageFormat(language.value, "确认删除该观影人吗？", "Are you sure to delete this viewer?"),
       languageFormat(language.value, "确认删除该观影人吗？", "Are you sure to delete this viewer?"),
       languageFormat(language.value, "提示", "Reminder"),
       languageFormat(language.value, "提示", "Reminder"),
       {
       {
@@ -164,9 +138,9 @@ async function deletePeople(v){
         draggable: true,
         draggable: true,
       }
       }
     )
     )
-    .then(async () =>{
-      const res =await delCustomer(v)
-      if(res.code===200){
+    .then(async () => {
+      const res = await delCustomer(v)
+      if (res.code === 200) {
         ElMessage.success('删除成功')
         ElMessage.success('删除成功')
         await customerList()
         await customerList()
       }
       }