<template>
  <view class="app-content">
    <view class="billing_box_bg">
      <view class="top-view"> </view>
      <view class="result-view">
        <view :class="['iconfont', 'iconchenggong']"></view>
        <view class="result-title">支付成功</view>
        <button class="admin-button-com blue big" @click="go_detail">订单详情</button>
        <button class="admin-button-com big" @click="goClose">返回首页</button>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  name: "AppResult",
  methods: {
    goClose () {
      this.pageTo({ url: "/admin/home/workbench", type: 3 });
    },
    go_detail() {
      this.pageTo({url: '/pagesPurchase/purDetails?status=2&id=' + this.option.id, type: 2})
    }
  },
};
</script>

<style lang="scss" scoped>
.billing_box_bg {
  position: relative;
  padding: 60px 30px;
  display: flex;
  flex-direction: column;
  background-color: #f5f5f5;
  .top-view {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 299px;
    background: #3385ff;
    border-radius: 0px 0px 83px 83px;
  }
  .result-view {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 70px;
    width: 100%;
    background: #ffffff;
    border-radius: 20px;
    z-index: 1;
    .iconchenggong {
      font-size: 170px;
      color: $mainColor1;
    }
    .result-title {
      margin: 50px 0 70px;
      font-size: 32px;
    }
    .close_btn {
      line-height: 88upx;
      text-align: center;
      width: 550upx;
      height: 88upx;
      border: 1px solid #dddddd;
      border-radius: 8px;
      font-size: 32upx;
      color: #666;
    }
  }
  .admin-button-com {
    margin-bottom: 20px;
    width: 100%;
  }
}
</style>
