<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>
        <view class="account">你的账号已延长至</view>
        <view class="account">{{userInfo.deadline}}</view>
        <view
          class="close_btn"
          @click="goClose"
        >关闭</view>
      </view>
    </view>
  </view>
</template>

<script>
import { mapGetters } from 'vuex'
export default {
  name: "AppResult",
  data () {
    return {
    }
  },
  mounted() {
  },
  computed: {
		...mapGetters({ userInfo: "getUser"})
	},
  methods: {
    goClose () {
      this.$util.pageTo({
        url: '/admin/home/workbench',
        type: 4
      })
    },
  }
};
</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 30px;
      font-size: 32px;
      font-weight: 700;
    }
    .close_btn {
      line-height: 88upx;
      text-align: center;
      width: 550upx;
      height: 88upx;
      border: 1px solid #dddddd;
      border-radius: 8px;
      font-size: 32upx;
      color: #666;
      margin-top: 40upx;
    }
    .account {
      font-size: 32upx;
      color: #999;
      margin-top: 20upx;
    }
  }
}
</style>
