<!--
 * @Descripttion: 当前组件信息
 * @version: 1.0.0
 * @Author: 无尘
 * @Date: 2020-04-14 09:50:16
 * @LastEditors: 无尘
 * @LastEditTime: 2020-05-13 14:17:07
 -->
<!--
  <expired-dialog ></expired-dialog>
  import expiredDialog from '@/components/company/expired-dialog.vue';
 -->
<template>
  <el-dialog title="到期提醒" :visible="visible" width="600px" append-to-body @close="onClose">
    <div class="m-b-20 text-center">
      <div class="img-tip-wrap"><img src="../../assets/expired.png" alt="" /></div>
      <div class="font-18 color-303133 m-t-17">使用已到期</div>
      <div class="font-14 color-909399 m-t-10 line-h-20">
        <span class="font-14 color-909399">服务已到使用期限，请升级</span>
        <span class="color-2f54eb cursor-pointer" @click="toDamo">达摩服务</span>
      </div>
    </div>
  </el-dialog>
</template>
<script>
export default {
  props: {
    visible: {
      type: Boolean,
      default: false
    }
  },
  methods: {
    onClose() {
      this.$emit('update:visible', false);
    },
    toDamo() {
      window.open(location.origin.indexOf('localhost') >= 0 ? 'https://www.gicdev.com/' : location.origin);
    }
  }
};
</script>
<style lang="scss" scoped>
.m-b-20 {
  margin-bottom: 20px;
}
.m-t-17 {
  margin-top: 17px;
}
.m-t-10 {
  margin-top: 10px;
}
.line-h-20 {
  line-height: 20px;
}
.font-18 {
  font-size: 18px;
}
.img-tip-wrap {
  img {
    width: 112px;
  }
}
</style>
