<template>
  <div class="service-result" v-if="showPage">
    <image src="/static/img/service-success.png" />
    <h2>申请成功，等待审批！</h2>
    <div class="text">
      <span>可在</span>
      <i>我的-办事进度</i>
      <span>中查看</span>
    </div>
    <div class="service-btn" hover-class="text-hover" @click="back">确定</div>
  </div>
</template>

<script>
export default {
  appName: '加载中...',
  name: 'result',
  data() {
    return {
      showPage: false,
      title: '',
    }
  },
  onLoad(query) {
    this.title = query.title
    uni.setNavigationBarTitle({
      title: this.title,
    })
    if (this.title) {
      this.showPage = true
    }
  },

  methods: {
    back() {
      // uni.reLaunch({
      //   url: './AppServiceOnlineNew',
      // })
      uni.navigateBack({delta: 3})
    },
  },
}
</script>

<style lang="scss" scoped>
.service-result {
  min-height: 100vh;
  padding-top: 96px;
  text-align: center;
  background: #fff;
  box-sizing: border-box;

  .service-btn {
    width: 558px;
    height: 88px;
    line-height: 88px;
    margin: 120px auto 0;
    text-align: center;
    background: #197df0;
    font-size: 36px;
    color: #fff;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.02);
    border-radius: 8px;
  }

  h2 {
    margin-bottom: 32px;
    color: #333333;
    font-size: 36px;
    font-weight: 600;
  }

  .text {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    color: #333;

    i {
      color: #467dfe;
    }
  }

  image {
    width: 192px;
    height: 192px;
  }
}
</style>
