<template>
  <div class="loginBox">
    <div class="loginRgiht"></div>
    <div class="loginMain">
      <div class="loginTitles">HELLO</div>
      <div class="loginTitlesTwe">欢迎登录</div>
      <div class="loginTitlesThr">反欺凌信息采集及评测系统</div>
      <!-- <div class="loginTab">
        <ul>
          <li class="current">登录</li>
          <li @click="logotabCLick">激活</li>
          <li @click="chushihCLick">初始化密码</li>
        </ul>
      </div> -->
      <div>
        <!-- <div @click="araCLick">1111111111111</div> -->
        <el-form :model="ruleForm" status-icon :rules="rules" ref="ruleForm" class="demo-ruleForm">
          <el-form-item prop="name">
            <div class="gjhqIptLogin" v-if="activate == 1"><div class="loginIconUser"></div>
              <el-input v-model="ruleForm.name" class="inps" placeholder="请输入用户名" maxlength="11"></el-input>
            </div>
            <div class="gjhqIptLogin" v-if="activate == 2"><div class="loginIconUser"></div>
              <el-input v-model="ruleForm.name" class="inps" placeholder="请输入用户名"></el-input>
            </div>
          </el-form-item>
          <el-form-item prop="password">
            <div class="gjhqIptLogin"><div class="loginIconPass"></div>
            <div class="loginIconPassNoSee" v-if="ruleForm.typeVal == 'password'" @click="loginIconPassNoSee"></div>
            <div class="loginIconPassYSee" v-if="ruleForm.typeVal == 'text'" @click="loginIconPassYSee"></div>
            <el-input v-model="ruleForm.password" :type="ruleForm.typeVal" autocomplete="off" placeholder="请输入密码"></el-input></div>
          </el-form-item>
        </el-form>
        <!-- 已激活 -->
        <div class="gjhqbtnLogin" v-if="activate == 1"><el-button class="gjhqbtnLoginBtn" @click="submitForm('ruleForm')">登录</el-button></div>
        <!-- 未激活 -->
        <div class="gjhqbtnLogin" v-if="activate == 2"><el-button class="gjhqbtnLoginBtn" @click="submitNJHForm('ruleForm')">登录</el-button></div>
        <div class="noPassword"><span @click="forgotClick">忘记密码？</span></div>
        <div class="loginUserxy">
          <el-radio v-model="userradioId" label="我已阅读用户协议" @change="userRadioChange" style="margin-right:0;"></el-radio>
          <span @click="xieyiClickHanld('xy')">《用户隐私协议》</span>
          <span @click="xieyiClickHanld('zqs')">《数据收集处理协议》</span>
          <span @click="xieyiClickHanld('sjsj')">《数据收集与使用知情同意书》</span>
        </div>
      </div>
    </div>

    <el-dialog
      :title="userXieyiTil"
      :visible.sync="userXieYiSHow"
      class="userLoginXieyi"
      width="30%">
      <div class="userXieBody">
        <div class="posopTitle">{{ poptitles }}</div>
        <div v-for="(item, i) in xyData" :key="i">
          <h4 v-if="item.title != ''">{{ item.title }}</h4>
          <p>{{ item.txt }}</p>
          <div v-if="item.list.length > 0">
            <p v-for="(subItem, index) in item.list" :key="index">{{ subItem.txt }}</p>
          </div>
        </div>
        <div class="yejiaoTxt">
          <p>国教环球教育科技（北京）有限公司</p>
          <p>2025年6⽉</p>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <span class="gjhqbtn">
          <el-button class="gjhqmorenbtn" @click="userXieYiSHow = false">拒 绝</el-button>
          <el-button class="gjhqprimarybtn" @click="xieyiClick">我已阅读并同意以上内容</el-button>
        </span>
      </span>
    </el-dialog>

    <el-dialog
      :title="userXieyiTil"
      :visible.sync="userXieYiTweSHow"
      class="userLoginXieyi"
      width="30%">
      <div class="userXieBody">
        <div class="posopTitle">{{ poptitles }}</div>
        <div v-for="(item, i) in xyData" :key="i">
          <h4 v-if="item.title != ''">{{ item.title }}</h4>
          <p>{{ item.txt }}</p>
          <div v-if="item.list.length > 0">
            <p v-for="(subItem, index) in item.list" :key="index">{{ subItem.txt }}</p>
          </div>
        </div>
        <div class="yejiaoTxt">
          <p>国教环球教育科技（北京）有限公司</p>
          <p>2025年6⽉</p>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <span class="gjhqbtn">
          <el-button class="gjhqmorenbtn" @click="userXieYiTweSHow = false">关 闭</el-button>
        </span>
      </span>
    </el-dialog>
  </div>
</template>
<script>
import { adminLogin, checkIsActivate, activateCheckAdmin } from '../../axios/api'
import { checkInternetConnection } from '../../js/networkapijs'
import md5 from 'blueimp-md5'
export default {
  name: 'login',
  data () {
    return {
      poptitles: '数据采集⼀体机ALL IN ONE PC⽤户隐私协议',
      userXieyiTil: '',
      userXieYiSHow: false,
      userXieYiTweSHow: false,
      userradioId: '1',
      textDass: '',
      newtime: '',
      curVal: 1,
      ruleForm: {
        name: '',
        password: '',
        typeVal: 'password'
      },
      rules: {
        name: [
          { required: true, message: '请输入用户名', trigger: 'blur' }
        ],
        password: [
          { required: true, message: '请输入密码', trigger: 'blur' }
        ]
      },
      activate: 2,
      xyData: '',
      yhxyData: [
        {
          title: '⼀.引⾔',
          txt: '本《⽤户隐私协议》（以下简称“本协议”）适⽤于[国教环球教育科技（北京）有限公司]（以下简称“我们”）开发的ALL IN ONE PC设备及其相关软件应⽤程序（以下简称“本设备及软件”）。本协议旨在明确我们在收集、存储、使⽤、共享和保护⽤户个⼈信息⽅⾯的政策和措施，确保⽤户的隐私权益得到充分尊重和保障。我们深知⽤户隐私的重要性，承诺严格遵守《中华⼈⺠共和国⽹络安全法》《中华⼈⺠共和国数据安全法》《中华⼈⺠共和国个⼈信息保护法》等相关法律法规，以及本协议的规定，妥善处理⽤户的个⼈信息。',
          list: []
        },
        {
          title: '⼆.个⼈信息的收集',
          txt: '2.1.收集⽬的',
          list: [
            {
              txt: '2.1.1本设备及软件主要⽤于从学校收集相关数据，并依法向当地公安机关及相关政府部⻔传输，以便进⾏校园反欺凌安全管理、政府部⻔的⾏政审批及监管⼯作、公共安全事件预防与监管、法律法规规定的其他⽤途。我们仅在实现上述⽬的所必需的范围内收集⽤户的个⼈信息。'
            },
            {
              txt: '2.1.2为确保设备及软件的正常运⾏、优化⽤户体验、提供技术⽀持和售后服务，我们可能会收集部分与设备使⽤相关的技术信息。'
            }
          ]
        },
        {
          title: '',
          txt: '2.2收集的信息类型',
          list: [
            {
              txt: '学校管理信息：包括学校名称、地址、联系⽅式、管理⼈员信息等，⽤于与学校进⾏沟通和数据管理。校园规章制度、保安巡逻记录、监控室值班情况、反欺凌培训记录、家⻓⽼师沟通记录、校园安全事件信息等。'
            },
            {
              txt: '2.2.1设备使⽤信息'
            },
            {
              txt: '包括设备的型号、序列号、安装位置、使⽤时间、系统⽇志等，⽤于设备的维护、升级和技术⽀持。'
            },
            {
              txt: '2.2.2数据传输信息'
            },
            {
              txt: '在向公安机关及相关政府部⻔传输数据时，可能会涉及部分与校园安全管理相关的必要信息，但我们会严格限制此类信息的范围，并确保其合法性、必要性和安全性。'
            },
            {
              txt: '2.2.3收集⽅式'
            },
            {
              txt: '我们通过本设备及软件的安装、使⽤和数据传输过程⾃动收集上述信息。⽤户在使⽤本设备及软件时，即视为同意我们按照本协议的规定收集相关信息。'
            }
          ]
        },
        {
          title: '三.个⼈信息的存储',
          txt: '3.1存储地点',
          list: []
        },
        {
          title: '',
          txt: '我们将⽤户的个⼈信息存储于中华⼈⺠共和国境内。如因业务需要确需向境外传输数据的，我们将严格按照相关法律法规的要求，履⾏必要的审批程序，并确保数据接收⽅具备同等的安全保护能⼒。',
          list: []
        },
        {
          title: '',
          txt: '3.2存储期限',
          list: []
        },
        {
          title: '',
          txt: '我们仅在实现本协议所述⽬的所必需的最短期间内存储⽤户的个⼈信息。⼀旦相关⽬的实现或根据法律法规的要求需要删除信息时，我们将⽴即停⽌存储并按照安全的⽅式进⾏删除或匿名化处理。',
          list: []
        },
        {
          title: '四.个⼈信息的使⽤',
          txt: '4.1使⽤⽬的',
          list: []
        },
        {
          title: '',
          txt: '我们将收集到的个⼈信息⽤于以下⽬的：',
          list: [
            {
              txt: '4.1.1.向公安机关及相关政府部⻔传输数据，以⽀持校园反欺凌安全管理、⾏政审批及监管⼯作。'
            },
            {
              txt: '4.1.2.确保本设备及软件的正常运⾏，包括但不限于设备的维护、升级、故障排除等。'
            },
            {
              txt: '4.1.3.优化⽤户体验，根据⽤户的使⽤习惯和反馈改进设备及软件的功能和服务。'
            },
            {
              txt: '4.1.4.提供技术⽀持和售后服务，解决⽤户在使⽤过程中遇到的问题。'
            }
          ]
        },
        {
          title: '',
          txt: '4.2使⽤限制',
          list: []
        },
        {
          title: '',
          txt: '我们不会将⽤户的个⼈信息⽤于本协议未明确约定的其他⽬的，也不会在未经⽤户同意的情况下将⽤户的个⼈信息提供给任何第三⽅，但以下情形除外：',
          list: [
            {
              txt: '4.2.1根据法律法规的要求或⾏政、司法机关的强制性要求必须提供的。'
            },
            {
              txt: '4.2.2为维护国家安全、社会公共利益或他⼈合法权益所必需的。'
            },
            {
              txt: '4.2.3在紧急情况下为保护⽤户或其他个⼈的⽣命、财产安全所必需的。'
            }
          ]
        },
        {
          title: '五.个⼈信息的共享与披露',
          txt: '5.1共享',
          list: []
        },
        {
          title: '',
          txt: '我们不会与任何⽆关第三⽅共享⽤户的个⼈信息，但以下情形除外：',
          list: [
            {
              txt: '5.1.1与公安机关及相关政府部⻔共享数据，以履⾏法定职责和义务。'
            },
            {
              txt: '5.1.2与我们的关联公司、合作伙伴或服务提供商共享信息，但仅限于为实现本协议所述⽬的所必需的范围内，并且我们会要求接收⽅严格遵守本协议的保密条款和相关法律法规的规定。'
            }
          ]
        },
        {
          title: '',
          txt: '5.2披露',
          list: []
        },
        {
          title: '',
          txt: '我们不会主动公开披露⽤户的个⼈信息，但根据法律法规的要求或⾏政、司法机关的强制性要求必须披露的除外。在披露过程中，我们会采取必要的措施，确保披露的信息范围最⼩化，并对披露的信息进⾏必要的脱敏处理。',
          list: []
        },
        {
          title: '六.个⼈信息的安全保护',
          txt: '6.1安全措施',
          list: [
            {
              txt: '我们采取严格的安全措施保护⽤户的个⼈信息，防⽌信息的泄露、篡改、丢失或被⾮法使⽤。具体措施包括但不限于：'
            },
            {
              txt: '6.1.1采⽤国密算法SM4标准对个⼈信息进⾏加密存储和传输。'
            },
            {
              txt: '6.1.2建⽴完善的信息安全管理体系，包括访问控制、数据备份与恢复、安全审计等机制。'
            },
            {
              txt: '6.1.3定期对设备及软件进⾏安全评估和漏洞扫描，及时修复安全漏洞。'
            },
            {
              txt: '6.1.4对员⼯进⾏信息安全培训，确保员⼯了解并遵守相关法律法规和本协议的规定。'
            }
          ]
        },
        {
          title: '',
          txt: '6.2安全事件处理',
          list: [
            {
              txt: '如发⽣个⼈信息安全事件，我们将⽴即启动应急预案，采取必要的措施进⾏处理，包括但不限于通知⽤户、采取技术⼿段阻⽌事件进⼀步扩⼤、向相关监管部⻔报告等。同时，我们将及时向⽤户通报事件的相关情况，并告知⽤户可以采取的减轻影响的措施。'
            }
          ]
        },
        {
          title: '七.⽤户权利',
          txt: '7.1访问和更正个⼈信息',
          list: [
            {
              txt: '⽤户有权随时访问和更正其个⼈信息。⽤户可以通过本设备及软件提供的相关功能或联系我们的客服⼈员，查询、更正或删除其个⼈信息。我们将在合理的时间内响应⽤户的请求，并按照相关法律法规的要求进⾏处理。'
            }
          ]
        },
        {
          title: '',
          txt: '7.2撤回同意',
          list: [
            {
              txt: '⽤户有权随时撤回其对本协议的同意。⽤户可以通过删除本设备及软件或联系我们的客服⼈员，撤回其对个⼈信息收集、使⽤和共享的同意。⼀旦⽤户撤回同意，我们将停⽌收集、使⽤和共享其个⼈信息，并按照本协议的规定进⾏删除或匿名化处理。但请注意，⽤户撤回同意可能会导致其⽆法正常使⽤本设备及软件的部分功能。'
            }
          ]
        },
        {
          title: '',
          txt: '7.3投诉和建议',
          list: [
            {
              txt: '⽤户如对我们的个⼈信息处理有任何疑问、投诉或建议，可以通过以下⽅式与我们联系：'
            },
            {
              txt: '电⼦邮箱：GJHQ@teachaiot.com'
            },
            {
              txt: '通讯地址：北京市丰台区开阳路8号京印国际中⼼D座903-3室'
            },
            {
              txt: '我们将在收到⽤户投诉或建议后的[具体时间]内进⾏处理，并及时向⽤户反馈处理结果。'
            }
          ]
        },
        {
          title: '⼋.未成年⼈个⼈信息保护',
          txt: '8.1未成年⼈使⽤限制',
          list: [
            {
              txt: '本设备及软件主要⾯向学校管理⼈员及授权代表使⽤，不适⽤于未成年⼈。我们不会主动收集未成年⼈的个⼈信息。如果我们在不知情的情况下收集了未成年⼈的个⼈信息，我们将在得知后⽴即删除相关信息。'
            }
          ]
        },
        {
          title: '',
          txt: '8.2监护⼈同意',
          list: [
            {
              txt: '如果未成年⼈在使⽤本设备及软件时提供了个⼈信息，我们要求其监护⼈必须事先同意。监护⼈有权随时查询、更正或删除未成年⼈的个⼈信息，并可以随时撤回对未成年⼈个⼈信息收集、使⽤和共享的同意。'
            }
          ]
        },
        {
          title: '九.协议的变更',
          txt: '9.1变更通知',
          list: [
            {
              txt: '我们可能会根据法律法规的变化或业务发展的需要对本协议进⾏修订。我们将在本设备及软件的显著位置或通过其他合理⽅式向⽤户通知变更内容。'
            }
          ]
        },
        {
          title: '',
          txt: '9.2⽤户同意',
          list: [
            {
              txt: '如果⽤户在本协议变更后继续使⽤本设备及软件，即视为⽤户同意变更后的协议内容。如果⽤户不同意变更后的协议内容，⽤户有权停⽌使⽤本设备及软件，并按照本协议的规定撤回其对个⼈信息收集、使⽤和共享的同意。'
            }
          ]
        },
        {
          title: '⼗.法律适⽤与争议解决',
          txt: '10.1法律适⽤',
          list: [
            {
              txt: '本协议的订⽴、效⼒、解释、履⾏和争议解决均适⽤中华⼈⺠共和国法律。'
            }
          ]
        },
        {
          title: '',
          txt: '10.2争议解决',
          list: [
            {
              txt: '如⽤户与我们之间因本协议的履⾏发⽣任何争议，双⽅应⾸先通过友好协商解决。协商不成的，任何⼀⽅均有权向我司所在地的⼈⺠法院提起诉讼。'
            }
          ]
        },
        {
          title: '⼗⼀.其他',
          txt: '11.1定义',
          list: [
            {
              txt: '11.1.1个⼈信息：指以电⼦或者其他⽅式记录的能够单独或者与其他信息结合识别⾃然⼈个⼈身份的各种信息，包括但不限于⾃然⼈的姓名、出⽣⽇期、身份证件号码、个⼈⽣物识别信息、住址、电话号码等。'
            },
            {
              txt: '11.1.2关联公司：指与我们存在直接或间接控制关系或重⼤影响关系的公司。'
            },
            {
              txt: '11.1.3合作伙伴或服务提供商：指与我们合作或为我们提供服务的第三⽅，包括但不限于技术⽀持服务提供商、数据处理服务提供商等。'
            }
          ]
        },
        {
          title: '',
          txt: '11.2联系⽅式',
          list: [
            {
              txt: '如⽤户对本协议有任何疑问或需要进⼀步了解，可以通过以下⽅式与我们联系：'
            },
            {
              txt: '电⼦邮箱：GJHQ@teachaiot.com'
            },
            {
              txt: '通讯地址：北京市丰台区开阳路8号京印国际中⼼D座903-3室'
            },
            {
              txt: '我们将在收到⽤户咨询后的[具体时间]内进⾏回复。'
            }
          ]
        }
      ],
      zqsData: [
        {
          title: '⼀.⽬的与依据',
          txt: '为规范ALL IN ONE PC（以下简称"本设备"）的数据收集、处理、传输和使⽤⾏为，保护个⼈信息安全，根据《中华⼈⺠共和国⽹络安全法》、《中华⼈⺠共和国数据安全法》、《中华⼈⺠共和国个⼈信息保护法》等相关法律法规，制定本协议。',
          list: []
        },
        {
          title: '⼆.定义',
          txt: '“数据”是由数据提供⽅提供给数据使⽤⽅并与数据使⽤⽅的客户相关的所有数据，以下所列均是数据的⼀部分：',
          list: [
            {
              txt: '1. 存储或者以其它⽅式固定于有形媒体、电⼦媒体或其他媒体上并且可提取为可察觉形式的所有资料、数据⽂档、图像、图表、影像；此类数据或者已经清晰注明保密，或者本身属性已是保密类型；'
            },
            {
              txt: '2. 在处理上述数据的过程中产⽣的资料、数据⽂档、图像、图表、影像。“保密资料和数据”包括但不限于在履⾏本协议过程中或者在双⽅业务处理过程中可获得的双⽅交易和业务有关的所有信息（书⾯、⼝头或电⼦形式的信息）；'
            },
            {
              txt: '3. 数据处理分析服务内容包括对数据提供⽅提供的相关业务数据的记录、整理、计算、作图、分析等⽅⾯的服务。'
            },
            {
              txt: '4. 本设备将收集，包括但不限于以下类型数据：'
            },
            {
              txt: '基础信息：学校名称、地址、联系⼈等；'
            },
            {
              txt: '⼈员信息：教职⼯和学⽣的必要身份信息（如姓名、身份证号等）；'
            },
            {
              txt: '安全信息：校园安全事件记录、监控数据（如配置、监控功能）；'
            },
            {
              txt: '设备信息：设备运⾏状态、访问⽇志等。'
            }
          ]
        },
        {
          title: '三.适⽤范围',
          txt: '本协议适⽤于通过本设备收集、处理、传输的所有数据，包括但不限于：',
          list: [
            {
              txt: '• 学校师⽣基本信息'
            },
            {
              txt: '• 校园安全相关数据'
            },
            {
              txt: '• 设备运⾏⽇志数据'
            },
            {
              txt: '• 其他依法收集的数据'
            }
          ]
        },
        {
          title: '四.数据收集原则',
          txt: '本协议适⽤于通过本设备收集、处理、传输的所有数据，遵循以下原则：',
          list: [
            {
              txt: '• 合法性原则：仅收集法律法规允许和必要的基础信息、⼈员信息、安全信息、设备信息、教育管理数据；'
            },
            {
              txt: '• 最⼩必要原则：只收集与校园安全管理直接相关的必要数据，禁⽌超出声明范围的滥⽤；'
            },
            {
              txt: '• 公开透明原则：保留数据采集的渠道、时间、⽅式等信息，便于审计和追溯；'
            },
            {
              txt: '• 安全保障原则：采取必要措施保障数据安全。'
            }
          ]
        },
        {
          title: '五.数据处理与使⽤',
          txt: '5.1收集的数据将⽤于，包括但不限于以下场景：',
          list: [
            {
              txt: '• 校园安全管理'
            },
            {
              txt: '• 公安部⻔安全监管'
            },
            {
              txt: '• 政府部⻔监督管理'
            },
            {
              txt: '• 设备运维与改进'
            },
            {
              txt: '5.2数据处理⽅式，包括但不限于：'
            },
            {
              txt: '• 本地加密存储'
            },
            {
              txt: '• 安全通道传输'
            },
            {
              txt: '• 严格访问控制'
            }
          ]
        },
        {
          title: '六.数据共享与传输',
          txt: '6.1数据将按照法律规定共享给：',
          list: [
            {
              txt: '• 当地公安相关部⻔'
            },
            {
              txt: '• ⼤数据中⼼相关部⻔'
            },
            {
              txt: '• 其他依法有权获取数据的政府部⻔'
            },
            {
              txt: '6.2数据传输将采⽤AES⾼级加密标准、SM4.0加密标准。按照GM/T 0002-2012《SM4分组密码算法》（原SMS4分组密码算法）执⾏。'
            }
          ]
        },
        {
          title: '七.⽤户权利保障',
          txt: '数据主体享有以下权利：',
          list: [
            {
              txt: '• 查询、更正个⼈信息的权利'
            },
            {
              txt: '• 删除个⼈信息的权利（依法不允许删除的除外）'
            },
            {
              txt: '• 撤回同意的权利'
            },
            {
              txt: '• 投诉举报的权利'
            }
          ]
        },
        {
          title: '⼋.责任与义务',
          txt: '数据提供⽅：确保数据采集合法合规，保护数据采集设备的安全；',
          list: [
            {
              txt: '数据使⽤⽅：保证所有数据的安全性、完整性；防⽌数据的毁损、修改和遗失。'
            },
            {
              txt: '双⽅必须⼀致对数据及与有关服务相关之⼀切资料予以保密，不得将数据作为履⾏其在本协议项下责任以'
            },
            {
              txt: '外之任何其他⽤途（中国法律法规及监管要求另有规定除外）；'
            }
          ]
        },
        {
          title: '九.协议变更',
          txt: '本协议如有修改，将提前60天公示通知。',
          list: []
        },
        {
          title: '⼗.争议解决',
          txt: '',
          list: [
            {
              txt: '10.1本合同适⽤中华⼈⺠共和国所有法律并依照其解释。'
            },
            {
              txt: '10.2有关本合同的任何疑义，双⽅应⾸先本着相互信任、⻓期合作的原则，共同协商解决。'
            },
            {
              txt: '10.3如果本合同的某些条款与本合同签订时的法律、法规发⽣冲突，该条款⽆效。'
            }
          ]
        },
        {
          title: '⼗⼀.⽣效⽇期',
          txt: '本协议⾃⼀体机设备开机即⽣效。',
          list: []
        },
        {
          title: '⼗⼆.同意签署',
          txt: '我已充分了解相关内容。⽤户⾃愿签署本数据收集处理协议，表示同意接受数据收集与处理协议，并承诺遵守本知情同意书中的各项规定。',
          list: []
        }
      ],
      sjsjData: [
        {
          title: '⼀.数据收集⽬的',
          txt: '本设备ALL IN ONE PC，⽤于向学校收集相关数据，并依法向当地公安机关及相关政府部⻔传输，以便进⾏校园反欺凌安全管理、⾏政审批及监管⼯作。',
          list: []
        },
        {
          title: '⼆.收集的数据类型',
          txt: '在使⽤本设备时，您（学校管理⼈员及授权代表）需提供以下数据，包括但不限于：',
          list: [
            {
              txt: '• 学校基本信息：学校名称、地址、负责⼈信息等；'
            },
            {
              txt: '• 教职⼯及学⽣信息：姓名、身份证号、职务/班级等必要信息；'
            },
            {
              txt: '• 校园安全相关数据：出⼊记录、访客登记、欺凌突发事件记录等；'
            },
            {
              txt: '• 设备运⾏数据：登录⽇志、操作记录等。'
            }
          ]
        },
        {
          title: '三.数据使⽤范围',
          txt: '您提供的数据将⽤于：',
          list: [
            {
              txt: '• 校园反欺凌安全管理：公安部⻔监管、突发事件处理；'
            },
            {
              txt: '• 政府⾏政审批：审核学校资质、政策执⾏情况；'
            },
            {
              txt: '• 设备运维与优化：故障排查、功能改进。'
            }
          ]
        },
        {
          title: '四.数据存储与传输',
          txt: '',
          list: [
            {
              txt: '存储⽅式：数据将加密存储于⾼机密服务器，并采取严格访问控制。'
            },
            {
              txt: '传输⽅式：数据仅通过安全加密通道传输⾄公安机关及政府部⻔。'
            },
            {
              txt: '保留期限：数据存储时间以有关部⻔相关法律指定期限为准，过期数据将依法删除或匿名化处理。'
            }
          ]
        },
        {
          title: '五.您的权利',
          txt: '',
          list: [
            {
              txt: '知情权：您有权了解数据如何被收集、使⽤及共享。'
            },
            {
              txt: '更正权：如发现数据有误，可申请更正。'
            }
          ]
        },
        {
          title: '六.⻛险提示',
          txt: '',
          list: [
            {
              txt: '如拒绝提供必要数据，可能导致⽆法正常使⽤本设备的部分功能。'
            },
            {
              txt: '数据将依法共享给公安及政府部⻔，超出本同意书范围的使⽤需另⾏授权。'
            }
          ]
        },
        {
          title: '七.同意声明',
          txt: '我已阅读并理解本《知情同意书》的全部内容，确认所提供的数据真实、合法，并同意按照上述⽅式收集、使⽤和共享数据。',
          list: []
        }
      ]
    }
  },
  created () {
    let that = this
    if (navigator.onLine) {      
    } else {
      that.$messageOne({message: '网络异常，请检测网络是否链接！', type: 'error', duration: 3000})
      return
    }
    checkInternetConnection()
    checkIsActivate().then(res => {
      if (res.code == 10000) {
        console.log('11111111111111', res)
        that.activate = res.activate
      } else {
        that.$messageOne({message: res.message, type: 'error', duration: 3000})
      }
    }).catch(error => {
      that.$messageOne({message: error, type: 'error', duration: 3000})
    })
    localStorage.removeItem('UserToken')
  },
  mounted () {
    document.body.style.background = '#e8e8e8'
    document.body.style.height = 'auto'
  },
  methods: {
    loginIconPassNoSee () {
      this.ruleForm.typeVal = 'text'
    },
    loginIconPassYSee () {
      this.ruleForm.typeVal = 'password'
    },
    araCLick () {
      this.$router.push({name: 'activation'})
    },
    xieyiClickHanld (obj) {
      let that = this
      that.xyData = ''
      if (obj == 'xy') {
        that.userXieYiTweSHow = true
        that.userXieyiTil = '用户隐私协议'
        that.poptitles = '数据采集⼀体机ALL IN ONE PC⽤户隐私协议'
        that.xyData = that.yhxyData
      } else if (obj == 'zqs') {
        that.userXieYiTweSHow = true
        that.userXieyiTil = '【1】数据收集处理协议'
        that.poptitles = '【1】数据收集处理协议'
        that.xyData = that.zqsData
      } else if (obj == 'sjsj') {
        that.userXieYiTweSHow = true
        that.userXieyiTil = '数据收集与使用知情同意书'
        that.poptitles = '数据收集与使⽤知情同意书'
        that.xyData = that.sjsjData
      }
    },
    xieyiClick () {
      this.userradioId = '我已阅读用户协议'
      this.userXieYiSHow = false
    },
    userRadioChange (e) {
      console.log(e)
    },
    logotabCLick () {
      this.$router.push({name: 'activation'})
    },
    chushihCLick () {
      this.$router.push({name: 'initialization'})
    },
    submitForm (formName) {
      let that = this
      let txt = '我已阅读用户协议'
      let userradioId = that.userradioId
      if (userradioId == txt) {
        that.$refs[formName].validate((valid) => {
          if (valid) {
            // md5 加密
            // let hash = md5(that.ruleForm.password)
            // that.ruleForm.password = hash
            let regNumber = /^\d{11}$/
            let obj = that.ruleForm
            if (regNumber.test(obj.name) == false) {
              that.$messageOne({message: '账户必须是手机号！', type: 'error', duration: 3000})
              return
            }
            adminLogin(obj).then(res => {
              if (res.code == 10000) {
                let userToken = res.laravel_session_admin
                localStorage.setItem('UserToken', userToken)
                that.$router.push({name: 'homes'}) // 登录主页
              } else {
                that.$messageOne({message: res.message, type: 'error', duration: 3000})
              }
            }).catch(error => {
              that.$messageOne({message: error, type: 'error', duration: 3000})
            })
          }
        })
      } else {
        that.userXieYiSHow = true
        that.userXieyiTil = '用户隐私协议'
        that.xyData = that.yhxyData
      }
    },
    submitNJHForm (formName) {
      let that = this
      let txt = '我已阅读用户协议'
      let userradioId = that.userradioId
      if (userradioId == txt) {
        that.$refs[formName].validate((valid) => {
          if (valid) {
            // md5 加密
            // let hash = md5(that.ruleForm.password)
            // that.ruleForm.password = hash
            let obj = that.ruleForm
            activateCheckAdmin(obj).then(res => {
              if (res.code == 10000) {
                let userToken = res.laravel_session_admin
                localStorage.setItem('UserToken', userToken)
                this.$router.push({name: 'activation'})
              } else {
                that.$messageOne({message: res.message, type: 'error', duration: 3000})
              }
            }).catch(error => {
              that.$messageOne({message: error, type: 'error', duration: 3000})
            })
          }
        })
      } else {
        that.userXieYiSHow = true
        that.xyData = that.yhxyData
      }
    },
    forgotClick () {
      this.$router.push({name: 'forgotpage'})
    }
  }
}
</script>
<style scoped>
body{background:#5C9AEF;}
.loginBox{margin:0 auto;width:1920px;height:1080px;background:url('../../assets/bj.png') no-repeat 0 0/100%;position:relative;}
.loginRgiht{width: 670px;height: 1080px;background: #FFFFFF;box-shadow: inset 2px 0px 0px 0px #FFFFFF;border-radius: 0px 4px 4px 0px;float:right;opacity: 0.5;backdrop-filter: blur(10px);}
.loginMain{width:430px;position:absolute;top:320px;right:120px;z-index:999;}
.loginTitles{font-weight: bold;font-size: 32px;color: #DCDFE6;line-height: 38px;}
.loginTitlesTwe{font-size: 32px;color: #161617;line-height: 45px;margin:4px 0;}
.loginTitlesThr{font-size: 20px;color: #8D8888;line-height: 28px;margin-bottom:32px;}
.noPassword{text-align:right;font-size: 16px;color: #0071DB;line-height: 24px;margin-top:12px;}
.noPassword span{cursor:pointer;}
.gjhqIptLogin{position:relative;}
.gjhqIptLogin .loginIconUser{display:block;width:20px;height:20px;background:url('../../assets/icon34.png') no-repeat 0 0/100%;position:absolute;top:14px;left:12px;z-index:999;}
.gjhqIptLogin .loginIconPass{display:block;width:20px;height:20px;background:url('../../assets/icon35.png') no-repeat 0 0/100%;position:absolute;top:14px;left:12px;z-index:999;}
.gjhqIptLogin .loginIconPassNoSee{display:block;width:22px;height:22px;background:#fff url('../../assets/icon54.png') no-repeat 0 0/100%;position:absolute;top:13px;right:10px;z-index:999;cursor:pointer;}
.gjhqIptLogin .loginIconPassYSee{display:block;width:22px;height:22px;background:#fff url('../../assets/icon55.png') no-repeat 0 0/100%;position:absolute;top:13px;right:10px;z-index:999;cursor:pointer;}
.gjhqIptLogin >>> .el-input__inner{height: 48px;background: #FFFFFF;border-radius: 4px;border: 1px solid #E6DCDC;padding-left:44px;}
.gjhqbtnLogin .gjhqbtnLoginBtn{height: 48px;background: #0071DB;border-radius: 4px;font-size: 18px;color: #FFFFFF;text-align: center;width:100%;}
.gjhqbtnLogin .gjhqbtnLoginBtn:hover{background: var(--button-78A9FF);color:var(--button-fff);}
.loginUserxy{font-size: 14px;color: #0071DB;line-height: 22px;margin-top:20px;}
.userLoginXieyi >>> .el-dialog__header{height: 52px;background: #FFFFFF;line-height:52px;padding:0 20px;border-bottom:1px solid #e6e6e6;}
.userLoginXieyi >>> .el-dialog__footer{padding:16px 20px;border-top:1px solid #e6e6e6;}
.userLoginXieyi >>> .el-dialog__body{padding:20px 0 20px 20px;background:#fafafa;}
.userLoginXieyi h4{font-size: 14px;color: #303133;line-height: 20px;font-weight:bold;margin-bottom:10px;}
.userLoginXieyi p{font-size: 14px;color: #303133;line-height: 20px;margin-bottom:10px;text-indent:24px;}
.userLoginXieyi .userXieBody{height:380px;overflow:hidden;overflow-y:auto;padding-right:20px;}
.posopTitle{text-align:center;font-size:20px;height:30px;margin-bottom:10px;line-height:30px;color:#303133;font-weight:bold;}
.yejiaoTxt{text-align:right;margin:20px 0;line-height:30px;font-size:14px;font-weight:bold;color:#303133;}
</style>
