<template>
  <div class="container-dlg" v-show="showTips">
    <div class="text">
      <h1>免责声明</h1>
      <p v-if="disclaimerType=='1'">
        本文为用户投稿，用户在平台中发表的所有资料、言论等仅代表个人观点，与本平台立场无关，不对您构成任何投资建议。本平台对文中陈述、观点判断保持中立，不对所包含内容及数据的真实性、准确性、可靠性或完整性提供任何明示或暗示的保证。请读者仅作参考，并请自行承担全部责任。
      </p>
      <template v-else>
        <p class="disTypeTwo">1、本报告仅供弘则弥道（上海）投资咨询有限公司正式签约的机构客户使用，不会仅因接收人/接受机构收到本报告而将其视为客户。</p>
        <p class="disTypeTwo">
          2、本报告根据国际和行业通行的准则，以合法渠道获得这些信息，尽可能保证可靠、准确和完整，但并不保证报告所述信息的准确性和完整性，也不保证本报告所包含的信息或建议在本报告发出后不会发生任何变更。本报告中所提供的信息仅供参考。
        </p>
        <p class="disTypeTwo">
          3、报告中的内容不对投资者做出的最终操作建议做任何的担保，也没有任何形式的分享投资收益或者分担投资损失的书面或口头承诺。不作为客户在投资、法律、会计或税务等方面的最终操作建议，也不作为道义的、责任的和法律的依据或者凭证，无论是否已经明示或者暗示。
        </p>
        <p class="disTypeTwo">4、在任何情况下，本公司不对客户/接受人/接受机构因使用报告中内容所引致的一切损失负责任，客户/接受人/接受机构需自行承担全部风险。</p>
      </template>
      <p class="hide-tips" @click="isHide">知道了</p>
    </div>
  </div>
</template>
<script>
export default {
  name:'disclaimer',
  props:{
    showTips: {
      type: Boolean,
      required: true,
      default: false,
    },
    // 1: 研选报告 路演精华 2: 报告精选 本周汇总 上周汇总
    disclaimerType:{
      type:String,
      default:'1'
    }
  },
  methods:{
    isHide(){
      this.$emit('hideDlg')
    }
  }
}
</script>
<style lang="scss" scoped>
  .container-dlg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  padding: 0 8vw;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  @media screen and (min-width:790px) {
    padding: 0px 30px;
    width: 1200px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .text {
    width: 100%;
    background-color: #fff;
    border-radius: 2.66667vw;
    @media screen and (min-width:790px) {
    width: 50%;
    border-radius: 20px;
  }
  h1 {
      padding-top: 4vw;
      text-align: center;
      font: 4.26667vw "PingFang-SC-Regular";
      color: #333;
      text-align: center;
      margin-bottom: 2.26667vw;
    @media screen and (min-width:790px) {
      padding-top: 15px;
      margin-bottom: 17px;
      font: 16px "PingFang-SC-Regular";
    }
    }
    p {
      padding: 0 4vw;
      font-size: 3.46667vw;
       @media screen and (min-width:790px) {
    padding: 0 15px;
      font-size: 14px;
    }
    }
    .disTypeTwo{
      color: #666;
    }
    .hide-tips {
      cursor: pointer;
      margin-top: 2.66667vw;
      font-size: 3.73333vw;
      line-height: 10.66667vw;
      color: #2680eb;
      text-align: center;
      border-top: 1px solid #eaeaea;
    @media screen and (min-width:790px) {
      margin-top: 10px;
      font-size: 14px;
      line-height: 40px;
    }
    }
  }
}
</style>