购票修改

@@ -60,45 +60,55 @@
           </van-count-down>
         </div>
         <div v-else>
-          <!-- 时间 -->
+          <div v-if="matchForm.ticketLayout">
+            <span style="color: #493ceb;cursor:pointer"
+                  @click="show=true">{{
+                language == 0 ? '查看场馆布局' : 'View Venue Layout'
+              }}</span>
+            <br>
+            <br>
+          </div>
+          <!-- 票档 -->
           <div class="select_item_box">
             <div class="label">
-              {{ triggerLanguage(language, "场次", "Session") }}
+              {{ triggerLanguage(language, "票档", "Tickets") }}
             </div>
             <div class="select_item">
               <div
-                v-for="(it, index) in tickList"
+                v-for="(it, index) in tickClass"
                 :key="index"
                 :class="[
-                it.id == selectForm.id ? 'tagActive' : 'tag',
-                it.isView==0?'forbid':''
+                it.id == selectForm.latId ? 'tagActive' : 'tag',
               ]"
-                @click="selectTick(it)"
+                @click="select(it)"
               >
-                {{ it.name }} <span v-if="it.ticketType==1" class="tao">{{
-                  language == 0 ? '套票' : 'Package ticket'
-                }}</span>
+                {{ it.name }}
               </div>
             </div>
           </div>
-          <!-- 票档 -->
+
+          <!-- 时间 -->
           <div class="select_item_box">
             <div class="label">
-              {{ triggerLanguage(language, "票档", "Tickets") }}
+              {{ triggerLanguage(language, "场次", "Session") }}
             </div>
             <div class="select_item">
               <div
-                v-for="(it, index) in tickClass"
+                v-for="(it, index) in tickList"
                 :key="index"
                 :class="[
-                it.id == selectForm.latId ? 'tagActive' : 'tag',
+                it.id == selectForm.id ? 'tagActive' : 'tag',
+                it.isView==0?'forbid':''
               ]"
-                @click="select(it)"
+                @click="selectTick(it)"
               >
-                {{ it.name }}
+                {{ it.name }} <span v-if="it.ticketType==1" class="tao">{{
+                  language == 0 ? '套票' : 'Package ticket'
+                }}</span>
               </div>
             </div>
           </div>
+
           <!-- 价格 -->
           <div class="select_item_box">
             <div class="label">
@@ -110,6 +120,17 @@
               </div>
             </div>
           </div>
+          <!--          购票备注-->
+          <div v-if="matchForm.ticketRemark" class="select_item_box">
+            <div class="label">
+              {{
+                triggerLanguage(language, '购票备注', "Ticket Purchase Note")
+              }}
+            </div>
+            <div class="select_item">
+              {{ matchForm.ticketRemark }}
+            </div>
+          </div>
 
           <div v-if="endTime<=0" class="btn" style="margin-left: 40px;opacity: 0.5;cursor: not-allowed;"
                @click="toSelectClosed">
@@ -135,6 +156,12 @@
       </div>
       <div v-show="active==1" class="rich_content" v-html="matchForm.ticketDes"/>
       <div v-show="active==2" class="rich_content" v-html="matchForm.ticketNotice"/>
+
+      <el-dialog v-model="show" title="" width="1000px">
+        <div>
+          <img :src="fillImgUrl(matchForm.ticketLayout)" alt="" style="width: 100%">
+        </div>
+      </el-dialog>
     </div>
   </div>
 </template>
@@ -157,6 +184,7 @@ const useStore = useUserStore()
 const user = computed(() => useUserStore().user)
 const route = useRoute();
 const router = useRouter();
+const show = ref(false)
 const activeId = ref(route.params.activeId)
 const flag = ref(false)
 const active = ref(1)
@@ -468,9 +496,12 @@ function toSelectClosed() {
       margin-right: 15px;
     }
 
-    .info {padding: 0;
+    .info {
+      padding: 0;
+
       .title {
-        font-size: 14px;margin: 0;
+        font-size: 14px;
+        margin: 0;
       }
 
       .time, .address, .label, .tip {
@@ -501,7 +532,9 @@ function toSelectClosed() {
           font-size: 12px;
         }
       }
-      .btn {display: inline-block;
+
+      .btn {
+        display: inline-block;
         margin: 10px 0 0;
         background: linear-gradient(270deg, #493ceb 0%, #8623fc 100%);
         border-radius: 20px;