<template>
  <div>
    <card dis-hover style="height: 500px;">
      <div
        style="width: 600px;text-align: center;align-items: center;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);margin-top: -15px">
        <div style="height: 150px">
          <div style="float: left;width: 120px;height: 70px">
            <Icon type="ios-checkmark-circle" size="60" color="#19be6b"/>
          </div>
          <div style="float: left;font-size: 15px;width:450px;text-align: left;height: 70px;vertical: center">
            <div style="margin-top: 6px">
              {{this.selectedMessage}}
              请耐心等待审批结果。
            </div>
          </div>
        </div>
        <div style="width: 580px">
          <Button type="primary" @click="viewRecord" style="margin-right: 20px;margin-left: 20px">查看记录</Button>
          <Button @click="returnStepOne">返回</Button>
        </div>
      </div>
    </card>
  </div>
</template>

<script>
  let _this;
  export default {
    name: 'bcResult',
    props: {
      total: {
        type: Number,
        default: 0
      },
      message: {
        type: String,
        default: ''
      }
    },
    data() {
      return {
        selectedTotal: 0,
        selectedMessage: '',
      }
    }, methods: {
      viewRecord() {
        this.$emit("viewRecord");
      },
      returnStepOne() {
        this.$emit('returnStepOne');
      },
    }, mounted: function () {
      _this = this;
    }, watch: {
      total: {
        immediate: true,
        handler: function () {
          this.selectedTotal = this.total == null ? this.selectedTotal : this.total;
        }
      },
      message: {
        immediate: true,
        handler: function () {
          this.selectedMessage = this.message == null ? this.selectedMessage : this.message;
        }
      }
    }
  }
</script>

<style scoped>

</style>
