<template>
  <view class="page">
    <custom-navbar ref="customNavbar" title="预约成功" />

    <image :src="CommonEnum.SUCCESS_APPOINTMENT"></image>
    <view class="container">
      <view class="info">
        <text class="success">您提交的预约已成功！</text>

        <text class="date">预约日期：{{ date }}</text>
        <text class="time">预约时段：{{ time }}</text>
      </view>
    </view>
    <view class="back" @click="back">返回首页</view>
  </view>
</template>

<script>
import CommonEnum from "../../enum/common";
import BottomButton from "../../components/bottom-button/bottom-button.vue";

export default {
  components: { BottomButton },
  data() {
    return {
      CommonEnum,
      loading: false,
      time: "",
      date: "",
      number: "",
      activityName: "",
    };
  },
  onLoad(options) {
    // 接收传递的参数
    this.time = decodeURIComponent(options.time || "");
    this.date = decodeURIComponent(options.date || "");
    this.number = decodeURIComponent(options.number || "");
  },
  methods: {
    // 返回首页
    back() {
      uni.navigateTo({
        url: `/pages/nearbystores/index`,
      });
    },
  },
};
</script>

<style lang="scss" scoped>
.page {
  background: #faf8f3;
  display: flex;
  flex-direction: column;

  align-items: center;
  //border: 1rpx solid #250404;

  image {
    margin-top: 24rpx;
    width: 564rpx;
    height: 564rpx;
    //border: 1rpx solid #250404;
  }

  .container {
    position: relative;
    top: -46rpx;
    margin-bottom: 150rpx;

    .info {
      display: flex;
      flex-direction: column;
      align-items: center;
      //border: 1rpx solid #250404;

      text {
        color: #695347;
        text-align: center;
        //border: 1rpx solid #250404;
        font-size: 32rpx;
        font-weight: 500;
        line-height: 216.5%;
      }

      .success {
      }

      .time {
      }
    }
  }

  .back {
    width: 552rpx;
    height: 100rpx;
    border-radius: 50rpx;
    box-sizing: border-box;
    border: 2rpx solid #c7a26d;
    text-align: center;
    font-size: 36rpx;
    font-weight: 500;
    line-height: 100rpx;
    color: #c7a26d;
  }
}
</style>
