<template>
  <div class="business-error">
    <svg-icon icon-class="businessError" style="width: 464; height: 309px;" />
    <div class="limit">啊呀，当前暂无可用额度</div>
    <div class="proposal">建议您过段时间再来~~~</div>
    <el-button v-if="isGuarantee" type="primary" icon="el-icon-plus" @click="guaranteeClick">增加担保公司</el-button>
  </div>
</template>

<script>
export default {
  computed: {
    isGuarantee() {
      return this.$route.query.status === 'c_supplier_status_1'
    }
  },
  methods: {
    guaranteeClick() {
      this.$router.push({
        name: 'GuaranteeEnterprise',
        params: { id: 'child' },
        query: {
          id: this.$route.query.id
        }
      })
    }

  }
}
</script>

<style lang="scss" scoped>
.business-error {
  text-align: center;
  .limit {
    color: #222931;
    font-size: 20px;
    margin-top: 20px;
  }
  .proposal {
    font-size: 14px;
    color: #FE7D0B;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
</style>
