<template>
  <view class="container">
    <view class="content">
      <view class="white-panel display-flex__ac display-flex__jc">
        <view class="panel-inner">
          <image class="panel-icon" src="../static/images/icon_success.png" mode="aspectFit"/>
          <view class="title-main text-color__dominant text-center font-bold">申请提交成功</view>
          <view class="title-sub text-color__secondary text-center">您可以在退款申请记录查询退款状态</view>
        </view>
      </view>

      <view class="btn-area">
        <view class="public_btn backgroundCustom" @click="toRecord">查看申请记录</view>
        <view class="public_btn border boderColorCustom colorCustom" @click="toHome">返回首页</view>
      </view>
    </view>
  </view>
</template>

<script setup lang="ts">
import { common } from '@/utils';

/**
 * 查看申请记录
 */
const toRecord = () => {
  // 旧
  // common.goToUrl(`/pagesPatient/st1/business/refund/refundApplicationRecord/refundApplicationRecord`, { skipWay: "navigateTo", data: "" });
  // 新
  common.goToUrl(`/pagesPatient/st1/business/outpatient/outpatientRefundNew/refundRecord/refundRecord`, { skipWay: "reLaunch", data: "" });
};

/**
 * 返回首页
 */
const toHome = () => {
  common.goToUrl(`/pages/st1/business/tabbar/homePage/homePage`, { skipWay: "reLaunch", data: "" });
};
</script>

<style>
@import "../static/css/refund.css";

.white-panel {
  min-height: 300upx;
  padding: 100upx 0 180upx;
}

.panel-icon {
  width: 100%;
  height: 200upx;
}

.title-main {
  font-size: 36upx;
  margin-top: 30upx;
}

.title-sub {
  margin-top: 30upx;
  font-size: 30upx;
  line-height: 50upx;
  padding: 0 30upx;
  text-align: justify;
}

.btn-area {
  margin-top: 80upx;
}

.btn-area .public_btn + .public_btn {
  margin-top: 30upx;
}
</style>
