<template>
    <a-modal
        title="用户个人信息保护承诺书"
        v-model="modal"
        :closable="false"
        :mask-closable="false">
      <p><strong>本人郑重承诺：</strong></p>
      <p>1、严格遵守国家保密法律、法规和企业保密规章制度，履行保密义务。</p>
      <p>2、严格遵守公司管理规定，对工作中接触的用户个人信息严格保密，不以口头、书面 、电子数据等方式进行记录、储存、复制，摘抄，确保用户信息不泄露。</p>
      <p>3、在工作期间发现有用户个人信息泄露情况，立即向上级领导或公司安全保卫部门报告。</p>
      <div slot="footer">
          <a-checkbox v-model="single" style="float: left;font-size: 12px;color: #8b8b8b">&nbsp;我已阅读《用户个人信息保护承诺书》</a-checkbox>
          <a-button type="primary" :loading="loading" :disabled="!single" @click="ok">{{ codeMsg }}</a-button>
      </div>
    </a-modal>
</template>

<script>
export default {
  name: "Leak-proof-model",
  data () {
    return {
      modal: true,
      single: false,
      loading:true,
      loginBtn: false,
      countDown: 0,// 倒计时秒数
      codeMsg:"确定",
      timer: null,// 定时器
    }
  },
  props: {
    countNum:Number,
  },
  created(){
  },
  methods: {
    ok () {
      this.$emit("appendData",this.single);
      this.modal = false
    },
    setTimer(){
      this.countDown = this.countNum;
      setInterval(() => {
        this.countDown--;
        if (this.countDown > 0 && this.countDown <= 15) {
          this.loading = true;
          this.codeMsg = "(" + this.countDown + "s)确定";
        }else {
          this.loading = false;
          this.codeMsg = "确定";
        }
      }, 1000)
    },
  }
}
</script>

<style scoped>

</style>