<template>
  <div class="agreement_wrap">
    <!-- 多元测评协议 -->
    <div class="agreement_box clearfix">
      <!-- 多元测评标题 -->
      <div class="mul_title agree_title clearfix">
        <h1>多元性潜能发展测评</h1>
      </div>
      <!-- 使用条款 -->
      <div class="agree_article clearfix">
        <h2>使用条款</h2>
        <!-- 具体条款 -->
        <div class="det_article">
          <div class="single" v-for="item in articleList" :key="item.index">
            <div>{{item.content}}</div>
            <div class="single_det" v-for="(items,index) in item.name" :key="index">{{items}}</div>
          </div>
        </div>
      </div>
      <!-- 同意 -->
      <div class="agree_tips layout justify_center align_center">
        <div class="agree_img" @click="agreeClause()">
          <img :src="isAgree?src2:src1" alt />
        </div>
        <div class="agree_con">我已阅读并同意以上使用条款</div>
      </div>
      <div class="inter_answer_btn" @click="nextPage">下一页</div>
    </div>
  </div>
</template>
<script>
import { Notification } from "element-ui";
export default {
  data() {
    return {
      articleList: [
        {
          articleId: 0,
          content:
            "欢迎使用PAC中学生测评系统，在您正式成为我们的使用者之前，请详细阅读本服务使用条款的内容。 "
        },
        {
          articleId: 1,
          content:
            "一、主体： 本服务使用条款由您和本公司所共同约定，主要是为了规范您使用PAC中学生测评系统（以下称「本系统」）以及使用各项服务（以下称「本服务」）的行为。"
        },
        {
          articleId: 2,
          content:
            "二、前提： 除非您已详细阅读本服务使用条款的内容并且同意所有条款，否则请不要登入或是使用本服务。本公司于确认您的身分后，本服务使用条款即构成本公司与您之 间的契约。另外，本公司往后对这份服务使用条款可以随时更改任何条款的内容，如果您不同意本公司所公布的更新条款，请您停止使用本服务并且通知本公司；如果您在 本公司公布更新条款后继续使用本服务，就视为您同意遵守我们的更新条款内容。"
        },
        {
          articleId: 3,
          content: "三、定义：",
          name: [
            "1.本系统：本服务使用条款所称的本系统包括本公司所开发的校园发展评量、职场潜能评量、心理健康评量在线测评系统、所有的更新版本以及任何本公司以后所提供的辅 助或附加应用程序。 ",
            "2.正式使用者：本服务使用条款所称的正式使用者是指所有同意本服务使用条款内容，并完成登入程序成为正式用户。 ",
            "3.内容：本服务使用条款所称的内容包括本系统内的各种心理测评服务结果、信息、文字、照片、图片、音乐及其他相关项目(以下统称「内容」)。",
            "4.服务：本服务使用条款所称的服务是指本公司透过因特网，向正式使用者所提供的在线测评管理/评量服务。",
            "5.使用者账号：系指经由本公司提供之账号密码，登入指定网页以使用本服务。",
            "6.服务期间：服务期间系指各正式使用者按其所选择使用服务的内容及付费方式，所得使用本服务之期间。"
          ]
        },
        {
          articleId: 4,
          content:
            " 四、授权： 在您同意本服务使用条款所有内容的前提下，本公司授权您使用本服务，但您必须确实遵守本服务使用条款的规定，如有任何违反本服务使用条款的地方，本 公司得在察觉该违反情形后，不经通知即单方面停止您使用本服务的权利。",
          name: [
            "1.本服务所容许的使用方式：本公司授权您使用本服务进行本服务各项内容之在线测评，但您不得更改、再授权、出租、销售、或转让任何本服务使用条款所赋予您的权 利。您并同意遵守所有适用的地方、国家及国际法律、法规，即只为合法目的而使用本服务。 ",
            "2.本服务所禁止的使用方式：本公司禁止任何正式使用者对本服务的原始程序编码进行任何修改、阻止或妨碍其他正式使用者享受本服务、藉本服务而散布病毒或其他足以 损害他人计算机运作之程序、违反任何本服务使用条款的软件或内容、及任何可能侵害他人知识产权或其它权益之内容。您不可以对本系统进行还原工程、反向编码、简化 为常人可理解形式或反向组译。",
            "3.除执行本系统所必要的情形外，您不得复制或修改本公司所提供的技术或网页档。如任何其他第三人检举，并且经本公司证实您使用本系统的方式确实超出本服务使用 条款所许可的范围，本公司得随时不经通知即取消您的正式用户权力。",
            " 4.本公司保留采取任何必要的手段来阻止您以本服务使用条款所禁止的方式使用本服务，包括但不限于以技术性障碍阻止您登入本服务或直接与您的网络服务提供商联络。"
          ]
        },
        {
          articleId: 5,
          content: "五、使用者的责任：",
          name: [
            "1.如果您是付费使用本服务管理者系统的正式用户，您同意按照本公司的规定而给付使用本服务之费用。如果您未依规定缴交费用，本公司有权立即冻结您的账号并暂时终 止您使用本服务的权利，直到您补缴费用为止。 ",
            "2.您同意于使用本服务各项内容之在线测评时，提供正确的个人资料，并秉持诚意、不故意为相反或错误之作答。",
            "3.您使用本服务的行为，除了表示您同意遵守本服务使用条款的内容外，也表示您同意在遵守中华人民共和国著作权法之各项条款的前提下，使用本系统内之各项内容。",
            "4.您应妥善保管您的账号和密码，以免遭他人冒用或不当使用。您对以您的账号所进行的任何及全部行为负责，包括但不限于任何因使用您的账号所获得之内容及服务而应 给付予本公司的费用。",
            "5.您不得以本服务所容许使用范围外的方式修改、复制、公开展示、公布或分发系统内容或者以其他方式把它们用于任何公开或商业目的。本公司禁止以任何目的把系统内 容用于其他Web网站或连网计算机环境。系统的内容受版权保护，任何未经授权的使用都可能构成侵犯版权、商标和其他法律。如果您违反本条款，您使用本服务的权利 将自动终止，同时您必须自行负责一切违法使用的法律责任。",
            "6.您同意本公司保存所有测评之相关资料复本3年，作为学校测评结果分析、日后产品研发参考及与其他测评结果统计比较之用等非销售用途。 "
          ]
        },
        {
          articleId: 6,
          content: "六、隐私权： ",
          name: [
            "1.本公司尊重正式使用者之隐私权并将其数据保密，但基于诚信、在合理的必要情况下、为满足法律、司法单位的要求、为增进、改善本服务内容、为正常地操作系统、为 保护本公司或第三人，或者本服务使用条款另有容许时，本公司可以披露任何有关您或是您的账号资料、以及您使用本服务的相关记录。您使用本服务即代表您同意本公司 在上述情形下可以不经通知您本人即披露前述信息。",
            "2.如果您是以学校/机关/团体/机构/单位之成员的身分接受施测，则视为您同意本公司可以将您的测评分析报告向您学校/机关/团体/机构/单位内部之相关辅导人员揭露，以 供该辅导人员在其辅导业务范围内使用。但您了解该辅导人员原本（依法令或依契约）即负有保守您的个人隐私的义务，若该辅导人员擅自泄露您的测评分析报告，或者超 出其辅导业务范围而使用您的测评分析报告，应由该辅导人员自负一切责任，与本公司无涉。"
          ]
        },
        {
          articleId: 7,
          content:
            "七、知识产权： 本公司所提供的软件、文本文件及任何编码，不论是储存于磁盘、可读式储存媒体、任何其他媒体上，本公司仅准许您使用本系统，而并非将其所有权移转 给您。您只可以根据本服务使用条款的内容加以使用，一切本公司没有在本服务使用条款中明确授予您的权利，均由本公司保留。本公司及其授权人保留对本系统的所有权 及一切知识产权。您承认本公司技术受版权法及国际条约规定的保护，并同意不会变更、消除、隐匿其中所包含的任何版权或其它所有权或产品的标记。 "
        },
        {
          articleId: 8,
          content: "八、责任限制：",
          name: [
            "1.本公司对于透过本服务所提供的任何信息、产品或服务，均仅依各该服务当时之功能及现况提供使用，至于其速度、安全性、正确性、可靠性、完整性及不会断线和出错 等，本公司不负任何形式或内容之担保或保证责任。",
            "2.本公司不对由任何正式使用者所提供的内容负责，而且对透过本服务所提供内容的准确性、实时性、完整性、可靠性或有用性，不承担任何责任亦不承诺任何担保或保障。",
            "3.无论在任何情况下，本公司及其授权人都不应该对使用者的任何损失负损害赔偿的责任，包括因使用或无法使用本系统或服务而引起的损失或其它直接、间接、意外、特 别或附随性的损失(包括但不限于任何其它金钱上的损失)。"
          ]
        },
        {
          articleId: 9,
          content:
            "九、损害赔偿条款： 本公司对于正式使用者因本公司及其他正式使用者的故意过失行为所造成的任何瑕疵与损害不负担保与赔偿之责。这些瑕疵与损害包括但不限于因系 统延误而失去的数据、系统当机时间、错误发送、网络或系统停用、档案错误或服务中断等情形。您并同意维护本公司与其母公司、子公司及相关公司，以及雇员、受许可 人之权益，而使其不承担任何损失、责任、赔偿要求、要求、损害赔偿以及律师费用。 "
        },
        {
          articleId: 10,
          content:
            "十、服务使用条款的修改： 本服务使用条款构成您与本公司就使用本服务所同意的全部内容。本公司保留随时修改本服务使用条款的权利，而且修改后的服务使用条款一经 本公司的网站上公布即生效，本公司不另外个别通知各位正式使用者。如果您不能接受本公司对本服务使用条款所做的任何修改，您可以随时通知本公司终止您的正式使用 者资格。当本公司将修改后的服务使用条款内容于本公司网站上公布以后，您若继续使用本系统与服务的行为即视为您已接受此修改。"
        }
      ],
      src1: require("../../../assets/img/agree1.png"),
      src2: require("../../../assets/img/agree.png"),
      isAgree: true
    };
  },
  methods: {
    agreeClause() {
      this.isAgree = !this.isAgree;
    },
    nextPage() {
      if (this.isAgree) {
        this.$router.push({ path: "/MulEvalution" });
      } else {
        Notification.info({
          title: "提示",
          message: "请选择用户协议",
          duration: 1500
        });
      }
    }
  }
};
</script>
<style scoped>
/* 施测说明标题 */
@import "../../../style/mulTitle.css";
/* 下一页按钮 */
@import "../../../style/btn.css";
.agreement_wrap {
  width: 100%;
  background-color: #f2f5fa;
  padding: 36px 0 40px;
}
.agreement_box {
  width: 1200px;
  margin: 0 auto;
  background: #fff;
}
/* 标题 */
.agree_title {
  padding-top: 69px;
}
/* 使用条款 */
.agree_article {
  width: 1108px;
  margin: 0 auto;
  background-color: #f1f1f1;
}
h2 {
  color: #34485e;
  font-size: 20px;
  padding: 30px 0 0;
}
.det_article {
  padding: 27px 23px 0;
  font-size: 14px;
  color: #8c9198;
}
/* 单个条款 */
.single {
  margin-bottom: 30px;
  text-align: left;
}
/* 同意 */
.agree_img {
  margin-right: 8px;
  width: 14px;
  height: 14px;
  line-height: 14px;
}
.agree_img img {
  display: block;
}
.agree_tips {
  color: #409eff;
  margin-top: 54px;
}
/* 下一页 */
.inter_answer_btn {
  margin-bottom: 53px;
}
</style>