<template>
  <div class="dialog-wrap">
    <el-dialog
      title=""
      v-model:visible="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-006-5252
        </p>
        <p class="tip">
          提示：微信推送不消耗额度，建议您与居民绑定微信，关注云鹊健康微信公众号
        </p>
      </div>
      <template v-slot:footer>
        <div class="dialog-footer">
          <el-button type="primary" @click="closeTipsDialog"
            >我知道了</el-button
          >
        </div>
      </template>
    </el-dialog>
  </div>
</template>

<script>
import { $on, $off, $once, $emit } from '../../../../../utils/gogocodeTransfer'
export default {
  components: {},
  data() {
    return {
      noEnoughDialog: true,
    }
  },
  props: {
    isNoEnoughShow: {
      type: Boolean,
      default: false,
    },
  },
  computed: {},
  mounted() {},
  methods: {
    closeTipsDialog() {
      $emit(this, 'closeTipsDialog', false)
    },
  },
  emits: ['closeTipsDialog'],
}
</script>

<style lang="scss" scoped>
@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>
