开票

@@ -302,14 +302,18 @@
                   </el-col>
                   </el-col>
                   <el-col :lg="8" :md="12" :sm="12" :xs="24">
                   <el-col :lg="8" :md="12" :sm="12" :xs="24">
                     <div v-if="language == 0 ">
                     <div v-if="language == 0 ">
+                      {{ language == 0 ? '￥' : '€' }}
                       {{
                       {{
                         !v.discount ? form.extJson?.ticketDate?.price : form.extJson?.ticketDate?.rebatePrice
                         !v.discount ? form.extJson?.ticketDate?.price : form.extJson?.ticketDate?.rebatePrice
-                      }}{{ language == 0 ? '￥' : '€' }}/{{ language == 0 ? '张' : 'Tickets' }}
+                      }}
+                      /{{ language == 0 ? '张' : 'Tickets' }}
                     </div>
                     </div>
                     <div v-else>
                     <div v-else>
+                      {{ language == 0 ? '￥' : '€' }}
                       {{
                       {{
                         !v.discount ? form.extJson?.ticketDate?.priceEn : form.extJson?.ticketDate?.rebatePriceEn
                         !v.discount ? form.extJson?.ticketDate?.priceEn : form.extJson?.ticketDate?.rebatePriceEn
-                      }}{{ language == 0 ? '￥' : '€' }}/{{ language == 0 ? '张' : 'Tickets' }}
+                      }}
+                      /{{ language == 0 ? '张' : 'Tickets' }}
                     </div>
                     </div>
                   </el-col>
                   </el-col>
                 </el-row>
                 </el-row>
@@ -325,9 +329,9 @@
                     }}：{{ form.phone }}
                     }}：{{ form.phone }}
                   </el-col>
                   </el-col>
                   <el-col :lg="8" :md="12" :sm="12" :xs="24">
                   <el-col :lg="8" :md="12" :sm="12" :xs="24">
-                    {{ language == 0 ? '共计' : 'total' }}:{{ Number(totalFee).toFixed(2) }}{{
+                    {{ language == 0 ? '共计' : 'total' }}:{{
                       language == 0 ? '￥' : '€'
                       language == 0 ? '￥' : '€'
-                    }}
+                    }}{{ Number(totalFee).toFixed(2) }}
                   </el-col>
                   </el-col>
                 </el-row>
                 </el-row>
 
 

@@ -127,7 +127,12 @@
     </div>
     </div>
 
 
     <div class="container bottom">
     <div class="container bottom">
-      <div class="rich_content" v-html="matchForm.ticketDes"></div>
+      <div style="display: flex">
+        <div :class="{'bg':active==1}" class="buBg" @click="active=1">购票说明</div>
+        <div :class="{'bg' :active==2}" class="buBg" @click="active=2">购票须知</div>
+      </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"/>
     </div>
     </div>
   </div>
   </div>
 </template>
 </template>
@@ -152,6 +157,7 @@ const route = useRoute();
 const router = useRouter();
 const router = useRouter();
 const activeId = ref(route.params.activeId)
 const activeId = ref(route.params.activeId)
 const flag = ref(false)
 const flag = ref(false)
+const active = ref(1)
 const countDown = ref(false)
 const countDown = ref(false)
 const props = defineProps({
 const props = defineProps({
   activityId: [String, Number],
   activityId: [String, Number],
@@ -261,6 +267,19 @@ function toSelectClosed() {
   display: none
   display: none
 }
 }
 
 
+.buBg {
+  cursor: pointer;
+  font-size: 18px;
+  padding: 8px 13px;
+  border-radius: 5px;
+  margin-right: 10px;
+}
+
+.bg {
+  background: linear-gradient(270deg, #493ceb 0%, #8623fc 100%);
+  color: #fff;
+}
+
 .container {
 .container {
   width: 1200px;
   width: 1200px;
   margin: 0 auto;
   margin: 0 auto;
@@ -297,17 +316,17 @@ function toSelectClosed() {
     }
     }
 
 
     .time {
     .time {
-      font-weight: 500;
+      font-weight: 600;
       font-size: 16px;
       font-size: 16px;
-      color: #4a4a4a;
+      color: #000;
       line-height: 24px;
       line-height: 24px;
       margin-bottom: 16px;
       margin-bottom: 16px;
     }
     }
 
 
     .address {
     .address {
-      font-weight: 500;
+      font-weight: 600;
       font-size: 16px;
       font-size: 16px;
-      color: #4a4a4a;
+      color: #000;
       line-height: 24px;
       line-height: 24px;
       margin-bottom: 33px;
       margin-bottom: 33px;
     }
     }
@@ -423,6 +442,12 @@ function toSelectClosed() {
 
 
   .rich_content {
   .rich_content {
     margin-top: 30px;
     margin-top: 30px;
+
+    img {
+      width: 100% !important;
+      height: auto !important;
+    }
+
   }
   }
 }
 }