<template>
  <div class="dialog-wrap">
    <el-dialog title=""
               :visible.sync="noEnoughDialog"
               v-if="isNoEnoughShow"
               center
               :close-on-click-modal="false"
               :close-on-press-escape="false"
               :before-close="closeTipsDialog">
      <div class="no-enough-content">
        <h3>余额不足提醒</h3>
        <p class="section">您的短信额度已欠费，请前往「云鹊医App-个人中心-啾啾币中心」兑换短信额度后再进行预约<br/>您也可以联系云鹊医客服购买短信额度，客服电话：400-920-8877</p>
        <p class="tip">提示：微信推送不消耗额度，建议您与居民绑定微信，关注云鹊健康微信公众号</p>
      </div>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="closeTipsDialog">我知道了</el-button>
      </div>
    </el-dialog>
  </div>
</template>
<script>

  export default {
    components: {},
    data(){
      return{
        noEnoughDialog: true,
      }
    },
    props: {
      isNoEnoughShow: {
        type: Boolean,
        default: false
      }
    },
    computed: {
    },
    mounted(){
    },
    methods: {
      closeTipsDialog(){
        this.$emit('closeTipsDialog',false)
      },
    }
  }
</script>
<style scoped lang="scss">
  @import '../../../../style/followup/followup-common';
  @import '../../../../style/followup/element-reset.css';

  .warn-tips{
    font-size: 12px;
    color: #e6a23c;
  }
  .no-enough-content{
    text-align: center;
    h3{
      color: #303133;
      font-size: 18px;
      padding-bottom: 30px;
    }
    .section{
      line-height: 30px;
      padding:20px;
      color: #f56c6c;
    }
    .tip{
      font-size: 12px;
      padding: 10px 0;
    }
  }
</style>
