<template>
  <common-dialog showMask @closePopup="$emit('confirm')">
    <div class="delete_dialog">
      <h2 class="title">提示</h2>
      <img
        class="img"
        src="../assets/images/Uncertified/weirenzheng-2.png"
        alt="删除"
      />
      <p class="tip">您还未认证不能进行上链</p>
      <div class="btnbox">
        <button class="g-btn_primary btn_confirm" @click="$emit('confirm')">
          取消
        </button>
        <button class="g-btn_primary btn_cancel" @click="cancel">去认证</button>
      </div>
    </div>
  </common-dialog>
</template>

<script>
import CommonDialog from "@/components/CommonDialog.vue";
export default {
  components: {
    CommonDialog,
  },
  methods: {
    cancel() {
      this.$store
        .dispatch("selectPage", 2)
        .then(() => {
          this.$emit("cancel");
        })
        .catch(() => {});
    },
  },
};
</script>

<style scoped>
.delete_dialog {
  height: 372px;
  width: 600px;
  text-align: center;
}

.g-btn_primary {
  border: none;
  background: #5779f4;
  font-size: 14px;
  color: #fff;
  outline: none;
  cursor: pointer;
  border-radius: 8px;
}
.title {
  margin: 0;
  padding-left: 44px;
  line-height: 106px;
  font-weight: 500;
  color: #000;
  font-size: 22px;
  text-align: left;
}

.img {
  margin-top: 7px;
}

.tip {
  margin: 17px 0 0 0; /* todo ui图切块有空白无法还原 */
  color: #ffce57;
  font-size: 18px;
  line-height: 25px;
}
.btnbox {
  float: right;
  margin-right: 49px;
}
.btn_confirm {
  float: left;
  margin-top: 56px;
  width: 120px;
  height: 40px;
  color: #5c6476;
  background: white;
}
.btn_cancel {
  float: left;
  margin-top: 56px;
  width: 120px;
  padding: 0;
  height: 40px;
  border-radius: 4px;
  text-align: center;
  line-height: 40px;
}
</style>
