<!--
 * @Descripttion: 门票模块测试页面
 * @version: 1.0.0
 * @Author: Assistant
 * @Date: 2025-01-22
-->
<template>
  <view class="test-container">
    <view class="header">
      <text class="title">门票模块测试</text>
    </view>

    <view class="button-list">
      <button class="test-btn" @click="goToTicketList">进入门票活动</button>

      <button class="test-btn" @click="goToBuyTicket">测试购票页面</button>

      <button class="test-btn" @click="goToTicketDetail">测试门票详情</button>
    </view>

    <view class="info">
      <text class="info-text">点击按钮测试相应功能模块</text>
    </view>
  </view>
</template>

<script>
export default {
  methods: {
    // 进入门票活动列表
    goToTicketList() {
      uni.navigateTo({
        url: '/pages/ticket/index',
      })
    },

    // 测试购票页面
    goToBuyTicket() {
      uni.navigateTo({
        url: '/pages/ticket/buy?activityId=12&activityName=测试活动&price=0.03',
      })
    },

    // 测试门票详情
    goToTicketDetail() {
      uni.navigateTo({
        url: '/pages/ticket/detail?ticketId=201',
      })
    },
  },
}
</script>

<style lang="scss" scoped>
.test-container {
  padding: 20px;
  background: #f8f8f8;
  min-height: 100vh;
}

.header {
  text-align: center;
  margin-bottom: 40px;

  .title {
    font-size: 24px;
    font-weight: 600;
    color: #333;
  }
}

.button-list {
  .test-btn {
    width: 100%;
    height: 50px;
    background: #005bac;
    color: #fff;
    border: none;
    border-radius: 25px;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 600;
  }
}

.info {
  text-align: center;
  margin-top: 40px;

  .info-text {
    font-size: 14px;
    color: #999;
  }
}
</style>
