<template>
  <div class="main">
    <div class="video">
      <video autoplay loop muted class="login-video">
        <source src="@/assets/background.mp4" type="video/mp4">
      </video>
    </div>
    <div :class="{'registration-head':agreeRegister}">
      <img class="logo" src="@/assets/images/logo.png">
      <img class="righttop" src="@/assets/images/ico01.png">
    </div>
    <el-dialog title="注册" custom-class="registration" :modal="false" :visible.sync="agreeRegister" width="100vw" top="75px">
      <el-dialog title="请选择经营类型" :visible.sync="addTypeVisible" width="742px" custom-class="typeDialog" append-to-body top="30px" close-on-click-modal>
        <div class="title">
          <span>请选择经营类型</span>
          <el-input v-model="typeSearch" placeholder="请输入" @input="getTypeSearch()"></el-input>
          <div class="typeList" v-if="typeListShow && typeListSearch.length > 0">
            <template v-for="item in typeListSearch">
              <template v-for="itemChild in item.children">
                <template v-for="itemChildThree in itemChild.children">
                  <div class="typeRows" @click="getCatIdName(itemChildThree.name,itemChildThree.catId)">
                    <span class="typeTitle">{{itemChildThree.name}}</span>
                    <span class="typeParent">{{item.name}}>{{itemChild.name}}</span>
                  </div>
                </template>
              </template>
            </template>
          </div>
        </div>
        <div class="content">
          <div class="content-rows" v-for="item in typeList">
            <span class="row-frist">{{item.name}}</span>
            <div class="row-second" v-if=" item.children">
              <el-tabs v-model="activeName" @tab-click="handleClick" type="card">
                <el-tab-pane v-for="itemChild in item.children" :name="itemChild.name">
                  <span slot="label">{{itemChild.name}}<i :class="activeName == itemChild.code ? 'el-icon-caret-bottom' : 'el-icon-caret-top' "></i></span>
                  <div class="row-three" v-if=" itemChild.children">
                    <ul>
                      <li v-for="itemChildThree in itemChild.children" @click="getCatIdName(itemChildThree.name)">
                        <el-radio v-model="ruleForm.catId" :label="itemChildThree.catId">{{itemChildThree.name}}</el-radio>
                      </li>
                    </ul>
                  </div>
                </el-tab-pane>
              </el-tabs>
            </div>
          </div>
        </div>
        <div style="padding: 24px 16px 0 0; display: flex; justify-content: start; ">
          <!--<el-button @click="addTypeVisible = false">取 消</el-button>-->
          <el-button type="primary" style="margin-left: 16px;" :disabled="ruleForm.catId ? disabled : ''" @click="addTypeVisible = false">确 定</el-button>
        </div>
      </el-dialog>
      <div>
        <div class="header">
          <el-steps :active="registerType" simple>
            <el-step title="填写注册人信息"></el-step>
            <el-step title="填写企业信息"></el-step>
            <el-step title="等待审核"></el-step>
          </el-steps>
          <!--<div><p>填写注册人信息</p><i class="el-icon-arrow-right el-icon--right"></i></div>
        <div><p>填写企业信息</p><i class="el-icon-arrow-right el-icon--right"></i></div>
        <div><p>等待审核</p><i class="el-icon-arrow-right el-icon--right"></i></div>-->
        </div>
        <div class="content">
          <template v-if="registerType == 1">
            <el-form ref="form" :model="form" :rules="rule" label-width="auto">
              <el-form-item label="手机号码" prop="phone">
                <el-input v-model="form.phone" placeholder="请输入手机号"></el-input>
                <el-button type="text" class="send-email" @click="getPhoneCode" v-if="codeShow">发送验证码</el-button>
                <el-button type="text" class="send-email" v-else>重新发送({{phoneCodeTime}}s)</el-button>
              </el-form-item>
              <el-form-item label="手机验证码" prop="smsCode">
                <el-input v-model="form.smsCode" placeholder="请输入6位动态验证码"></el-input>
              </el-form-item>
              <el-form-item label="性别" prop="sex">
                <el-select v-model="form.sex" placeholder="请选择">
                  <el-option label="男" value="0"></el-option>
                  <el-option label="女" value="1"></el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="联系人姓名" prop="userName">
                <el-input v-model="form.userName" placeholder="请输入真实姓名"></el-input>
              </el-form-item>
              <el-form-item label="设置密码" prop="password">
                <el-input type="password" v-model="form.password" placeholder="8-12字符"></el-input>
              </el-form-item>
              <el-form-item label=" 确认密码" prop="passwordCheck">
                <el-input type="password" v-model="form.passwordCheck" placeholder="请再次输入密码"></el-input>
              </el-form-item>
              <el-form-item label=" 邮箱" class="email-input" prop="email">
                <el-input v-model="form.email" placeholder="请输入常用邮箱"></el-input>
              </el-form-item>
            </el-form>
            <div class="line-box"></div>
            <el-button type="primary" class="checkBtn" @click="userInfo('form')">下一步</el-button>
          </template>
          <template v-if="registerType == 2">
            <el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="auto" class="company-detail">
              <el-form-item label="公司名称" prop="companyName" class="left-title">
                <el-input v-model="ruleForm.companyName" placeholder="请输入公司名称"></el-input>
              </el-form-item>
              <el-form-item label="统一社会信用代码" prop="creditCode">
                <el-input v-model="ruleForm.creditCode" placeholder="请输入统一社会信用代码"></el-input>
              </el-form-item>
              <el-form-item label="法定代表人" prop="name" class="left-title more-left-title">
                <el-input v-model="ruleForm.name" placeholder="请输入法定代表人"></el-input>
              </el-form-item>
              <el-form-item label="注册资本" prop="registeredCapital">
                <el-input v-model="ruleForm.registeredCapital" placeholder="请输入注册资本"></el-input>
              </el-form-item>
              <el-form-item label="成立日期" prop="registeredDate" class="left-title">
                <el-date-picker v-model="ruleForm.registeredDate"
                                type="date"
                                placeholder="请输入成立日期">
                </el-date-picker>
              </el-form-item>
              <el-form-item label="企业注册地" prop="registeredAddress">
                <el-select v-model="ruleForm.registeredAddress" placeholder="请选择企业注册地">
                  <el-option v-for="item in filePlaceCodeList" :label="item.label" :value="item.id"></el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="办公地址" prop="addressDetail" class="left-title">
                <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 2}" placeholder="请输入办公地址" v-model="ruleForm.addressDetail" style="width: 670px;"></el-input>
              </el-form-item>
              <el-form-item label="企业简介" prop="briefing" class="left-title">
                <el-input type="textarea" :autosize="{ minRows: 3, maxRows: 3}" placeholder="请输入企业简介" v-model="ruleForm.briefing" style="width: 670px;"></el-input>
              </el-form-item>
              <el-form-item label="营业执照扫描件" prop="licenseUrl" class="upload-image" style="margin-bottom: 34px;">
                <el-upload ref="upload"
                           :data="ruleForm"
                           class="avatar-uploader"
                           action=""
                           :http-request="httpRequest"
                           :show-file-list="false"
                           :on-success="handleAvatarSuccess"
                           :on-change='changeUpload'
                           :before-upload='beforeAvatarUpload'>

                  <!--<el-upload ref="upload"
                :auto-upload="false"
                :data="ruleForm"
                class="avatar-uploader"
                action="uploadFile"
                 :show-file-list="false"
                 :on-success="handleAvatarSuccess"
                 :before-upload="beforeAvatarUpload">-->

                  <img v-if="ruleForm.licenseUrl" :src="ruleForm.licenseUrl" class="avatar" style=" height: 100%;">
                  <div v-else>
                    <img src="@/assets/images/upload.png" />
                    <p>请上传营业执照扫描件</p>
                  </div>
                  <div slot="tip" class="el-upload__tip">文件大小在5MB以内，支持png/jpg/gif格式</div>
                </el-upload>
              </el-form-item>
              <el-form-item label="法人代表身份证扫描件" prop="cardUrl" class="upload-image" style="width: 375px; margin-bottom: 34px;">
                <el-upload ref="upload"
                           :data="ruleForm"
                           class="avatar-uploader"
                           action=""
                           :http-request="httpRequest1"
                           :show-file-list="false"
                           :on-success="cardHandleAvatarSuccess"
                           :on-change='cardChangeUpload'
                           :before-upload='beforeAvatarUpload'>

                  <!--<el-upload ref="upload"
                :auto-upload="false"
                :data="ruleForm"
                class="avatar-uploader"
                              action="http://localhost:8866/test/file/uploadFile"
                :show-file-list="false"
                :on-success="handleAvatarSuccess"
                :before-upload="beforeAvatarUpload">-->

                  <img v-if="ruleForm.cardUrl" :src="ruleForm.cardUrl" class="avatar" style=" height: 100%;">
                  <div v-else>
                    <img src="@/assets/images/upload.png" />
                    <p>请上传法人代表身份证扫描件</p>
                  </div>
                  <div slot="tip" class="el-upload__tip">文件大小在5MB以内，支持png/jpg/gif格式</div>
                </el-upload>
              </el-form-item>


              <div class="form-title">供应类型</div>
              <el-form-item label="供应类型选择" prop="catId" style=" margin-bottom: 0;" class="more-left-title more-content-left-title">
                <div @click="addTypeVisible = true" style="position: absolute; width: 240px; height: 40px; z-index: 999; "></div>
                <el-input v-model="catIdName" placeholder="请选择供应类型选择" :disabled="true"></el-input>
              </el-form-item>
              <div class="form-title">合作承诺函</div>
              <el-form-item label="合作承诺函" style=" margin-bottom: 0;" class="more-left-title more-content-left-title">
                <el-upload ref="upload"
                           :data="ruleForm"
                           class="avatar-uploader"
                           action=""
                           :http-request="httpRequest2"
                           :show-file-list="false"
                           :on-success="hezuoHandleAvatarSuccess"
                           :on-change='hezuoChangeUpload'
                           :before-upload='beforeAvatarUploadWord'
                           style="width: 66px; float: left;">
                  <el-input v-model="ruleForm.fileUrl" :disabled="true" style="opacity: 0; position: absolute; height: 0;"></el-input>
                  <div plain style=" width: 66px; height: 32px; border-radius: 4px 4px 4px 4px; line-height: 32px; opacity: 1; border: 1px solid #0081FF; color: #0081FF;">
                    <i class="el-icon-upload2"></i>上传
                  </div>
                </el-upload>
                <!--<el-link type="primary" href="../assets/aaa.docx" target="_blank" style="margin-left: 32px; float: left;">下载模板</el-link>-->
                <el-button type="text" style="margin-left: 32px; float: left;" @click='downloadFile()'>下载模板</el-button>
              </el-form-item>


            </el-form>

            <!--<div class="line-box"></div>
          <div class="form-title">供应类型</div>
          <el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="auto" class="company-detail">
          </el-form>
          <div class="line-box"></div>
          <div class="form-title">合作承诺函</div>
          <el-form ref="ruleForm" :model="ruleForm.fileUrl" :rules="rules" label-width="auto" class="company-detail">
          </el-form>-->
            <!--<div class="line-box"></div>-->


            <el-button type="primary" class="checkBtn" @click="register('ruleForm')">提交审核</el-button>
            <div class="agreement">提交即表示已阅读并同意 <el-button type="text" style=" padding: 0;" @click="dialogVisible = true">《服务协议》</el-button>和<el-button type="text" style="margin-left: 0; padding: 0;" @click="dialogVisible1 = true">《隐私协议》</el-button></div>
          </template>
          <template v-if="registerType == 3">
            <div class="register-results">
              <img src="@/assets/images/successbg.png" />
              <p>供应商入驻提交成功</p>
              <span>您的认证申请已成功提交，审核结果将会在24小时内短信通知，请耐心等待。</span>
            </div>
          </template>
        </div>
      </div>
    </el-dialog>

    <el-dialog title="建设库用户协议" custom-class="registration-policy" :visible.sync="dialogVisible" width="670px" close-on-click-modal>
      <div>
        欢迎使用建设库，本协议自开始使用网站，并成为网站的注册用户时即产生法律效力，本协议是您与建设库（简称"本站"，网址：www.jiansheku.com） 所有者重庆大司空信息科技有限公司（以下简称为"大司空"或“大司空科技”）之间就建设库服务等相关事宜所订立的契约，请您仔细阅读本协议， 您点击"同意并继续"按钮后，本协议即构成对双方有约束力的法律文件。
        <br>一.引言
        <br>1.1.宗旨
        <br>建设库是一款服务大众的企业信用信息查询工具,方便用户实时查询企业相关的法人，企业招投标信息， 信用信息；提供北京、上海、广州、重庆、河南、河北、浙江、安徽、山东、湖南等全国企业建筑资质,公司招投标信息、信用查询服务以及企业人员，荣誉奖项查询。
        <br>1.2.协议的生效与修改
        <br>本协议在您开始使用网站，并成为网站的注册用户时即产生法律效力。您一旦使用建设库网站即视为全权授权建设库为您获取、汇编、整理、提供政府公共数据。
        <br>无论有无其他约定，用户注册建设库账号即表示用户已接受了本协议的全部的条款和条件及大司空科技随时对其所做的修改， 并同意接受建设库网站现有的及不时更新的或新发布的用户服务条款和隐私权政策以及其他各项规则、制度等的约束。
        <br>用户理解并同意，大司空科技有权基于业务功能、使用规则、法律法规及监管要求、更好的提供服务、经营策略等原因随时修改和（或） 补充前述条款和条件，并只需将之公示于其官网(www.jiansheku.com)，而无需征得用户的事先同意且无需另行通知用户，修改后的条款和条件自公示于官网后即时生效。 如果用户不同意大司空科技对本协议相关条款所做的修改和条件，用户应停止使用服务，如在大司空科技修改相关条款并将之公示于网站后， 用户继续使用服务应被视作已接受了修改后的条款。
        <br>建设库/大司空始终贯彻向用户提供合法合规的服务的原则，因《征信业务管理办法》及相关法律和监管的变化等不可抗力，建设库/大司空有权随时调整或限制境外（即非中国大陆） 用户的部分功能使用，包括但不限于搜索功能、导出数据、下载报告等，请您及时采取措施避免个人损失。
        <br>二.义务
        <br>2.1. 服务资格
        <br>为使用“服务”，您同意:
        <br>(1) 您必须满足18岁，请未成年人（18岁以下）勿向本网站提供任何个人资料或使用本服务。
        <br>(2) 您只能拥有一个建设库帐户；
        <br>(3) 建设库/大司空有根据法律法规或在合理状况下限制您使用“服务”。
        <br>(4) 为了能够确保您在遵守法律及本协议约定的情形下使用服务，您同意对您使用建设库的服务接受国家监管机构和建设库/大司空的监督和检查， 建设库/大司空有权自行或是根据国家机构要求，对您享有的服务开展风险评估、检测、检查和审计的权利，涉及隐私信息的， 我们会采取合理的保护措施，您同意予以配合。如您拒绝，建设库/大司空有权停止向您提供服务，直至您配合并且建设库/大司空确认您使用建设库/大司空服务行为符合法律及本协议约定后， 方可正常使用建设库/大司空的服务；
        <br>(5) 您不得将使用建设库/大司空服务或产品时获得的服务信息或该服务自身用于任何商业行为，除非取得建设库/大司空的许可；您也不得以营利为目的， 将您在使用建设库服务时获得的服务信息或该服务自身向第三方出售或以其他形式提供。否则建设库/大司空有权停止向您提供服务，并追究法律责任。
        <br>2.2.会员资格与义务
        <br>用户帐号、密码及完成本服务的注册程序之后，您将选择一个密码及帐号。维持密码及帐号的机密安全，是您的责任。您应对所有用您的密码及帐号的活动负完全的责任。您同意∶
        <br>您的密码或帐号遭到未获授权的使用，或者发生其他任何安全问题时，您将立即通知大司空科技；
        <br>一个账户在同一时间内仅能登录一台同一类型设备（如您使用电脑登录，则同一账号同一时间仅能在一台电脑上登录，但您同时可以在手机上登录），否则您将被迫下线而我们无需承担任何责任。 用户使用时，不得存在非人为的连续、频繁的查询操作行为，否则我们的后台将自动对您的账号封号且无需向您承担任何责任。若您暂时不进行查询操作， 请主动安全退出登录以保障您的账户安全。如您未能依前述规定行事，对于任何人利用该密码及帐号及您不当操作所进行的任何行为，您应负完全的责任。 对于因此而产生的任何损失或损害，建设库/大司空科技不承担任何责任；
        <br>用户不得修改、改编、翻译我们的系列产品和服务，或创作我们系列产品和服务的派生作品，或通过反编译、反向工程、反汇编或其它方式从我们系列产品和服务中得到源代码。 若用户存在上述情形，则我们有权终止提供服务并要求保留向用户主张损失的权利。用户行为若涉嫌犯罪的，将交由司法机关处理。
        <br>在使用建设库软件及相关服务的过程中，我们可能会要求您提供或授权我方收集您的个人信息，包括但不限于您的姓名、电话号码、身份证号码、 位置信息、通讯录、音视频文件、设备信息等，您有权拒绝向我们提供这些信息，或者撤回您对这些信息的授权同意。请您了解，拒绝或撤回授权同意， 将可能导致您无法使用建设库软件或相关的特定功能。
        <br>非经过您的同意或法律法规的规定，我们不会向第三方共享、提供、转让您的个人信息、查询记录及使用习惯。
        <br>2.3.VIP会员服务条款
        <br>（一）成为VIP会员的方式
        <br>（1）您必须先填写真实、准确信息注册成为建设库用户。您所填写的内容与个人资料必须真实有效，否则我们有权拒绝您的申请或撤销您的VIP会员资格， 并不予任何赔偿或退还VIP会员服务费。VIP会员的个人资料发生变化，应及时修改注册的个人资料，否则由此造成的VIP会员权利不能全面有效行使的责任由VIP会员自己承担， 建设库/大司空有权因此取消您的VIP会员资格，并不予退还VIP会员费或其他任何形式的任何赔偿。
        <br>（2）用户可通过各种已有和未来新增的渠道成为建设库VIP会员，通过大司空或建设库提示的方式进行支付，成为VIP会员。在用户使用具体某种方式成为VIP会员时， 须阅读并确认接受相关的服务条款和使用方法。建设库/大司空在此声明：任何通过非建设库或大司空渠道购买的VIP账户，建设库/大司空有权回收，并有权追究其法律责任。
        <br>（3）建设库VIP会员账号所有权归建设库/大司空所有，VIP会员拥有建设库账号的有限使用权。成为VIP会员后， 您有权利不接受建设库/大司空的服务，可联系客服取消VIP会员服务，但VIP会员服务费不予退还。
        <br>(二)服务说明及账号查询
        <br>（1）当VIP会员使用建设库各单项服务时，VIP会员的使用行为视为其对各单项服务的服务条款以及建设库/大司空在该单项服务中发出各类公告的同意。
        <br>（2） 您明确了解并同意，建设库VIP会员的付费方式为代收费运营商托收的付款方式，您通过此种付费方式付费可能存在一定的商业风险， 包括但不限于不法分子利用您账户或银行卡等有价卡进行违法活动，该等风险均会给您造成相应的经济损失。您应自行承担向侵权方追究侵权责任和追究责任不能的后果。
        <br>（3） 您应自行负责妥善且正确地保管、使用、维护您在建设库申请取得的账户、账户信息及账户密码。非因建设库/大司空原因致使您账户密码泄漏以及因您保管、 使用、维护不当造成损失的，建设库/大司空无须承担与此有关的任何责任。
        <br>（4） 建设库/大司空不对您因第三方的行为或不作为造成的损失承担任何责任，包括但不限于支付服务和网络接入服务、任意第三方的侵权行为。
        <br>（5）一旦您成为建设库VIP会员，即视为您认可该项服务标明之价格；成为建设库VIP会员后，该项服务即时生效。 VIP会员的增值服务标准以建设库网站上标注的详细资费标价为准。您可以通过登录建设库VIP会员中心免费查询您的账号信息详情。
        <br>（三） VIP会员的义务
        <br>（1）VIP会员服务有固定的服务使用期限，您一旦成为VIP会员即视为认可它的服务使用期限。VIP会员服务仅限于申请账号自行使用；VIP会员服务期内不能在建设库帐号之间转移， 禁止赠与、借用、转让或售卖。否则建设库/大司空有权在未经通知的情况下取消转让账户、受让账户的VIP会员服务资格，由此带来的损失由VIP会员自行承担。
        <br>（2）若VIP会员的行为持续违反本协议或违反国家相关法律法规，或建设库/大司空认为VIP会员行为有损建设库/大司空或他人的声誉及利益，我们有权取消该VIP会员的VIP会员资格而无须给与任何补偿。
        <br>（3）建设库内所有的企业联系方式来源于已公开的企业年报，仅供户查询之用。VIP用户导出企业相关信息后，不得用于买卖、交换等用途，若由此引起的任何纠纷由行为人承担，建设库/大司空不承担任何责任。
        <br>（4）任何VIP会员不得使用带有非法、淫秽、污辱或人身攻击的含义污辱或人身攻击的昵称和评论，一经发现，建设库/大司空有权取消其VIP会员资格而无需给与任何补偿和退费。
        <br>2.4.建设库平台发帖规则
        <br>1）用户注册建设库账号，制作、发布、传播信息内容的，需实名认证，不得以虚假或冒用的居民身份信息、企业相关信息进行注册；若用户的个人资料有任何变动，用户应及时更新。
        <br>2）未经相关权利人授权，用户不得以他人或其他组织机构名义注册建设库账号，亦不得使用引人误解的信息注册账号，包括但不限于让人误认为该账号与其他个人或机构组织存在关联关系的名称、头像或简介等。
        <br>3）建设库运营方有权对用户使用建设库的行为及信息进行审查、监督及处理，包括但不限于用户信息（账号信息、个人信息等）、 发布内容（位置、文字、图片、音频、视频、商标、专利、出版物等）、用户行为（构建关系、@信息、评论、私信、参与话题、参与活动、营销信息发布、举报投诉等）等范畴。
        <br>4）如用户在使用建设库的过程中发现其它用户上传违法侵权等内容，用户可联系建设库/大司空客服人员，相关人员会尽快核实并进行处理； 如涉及姓名权、名称权、名誉权、荣誉权、肖像权、隐私权等人身权益纠纷的处理，用户可先行联系建设库/大司空客服予以处理；如用户认为上述方法无法解决遇到的问题、 或用户觉得有必要向司法行政机关寻求帮助的，用户可尽快向相关机关反馈，建设库运营方将依法配合司法机关的调查取证工作。
        <br>2.5. 通知及服务信息
        <br>建设库/大司空科技可能会通过电子邮件和发布在网站上的通告与您联系，这包括向新用户介绍本服务各种功能的电子邮件。您将收到建设库/大司空科技向您发出与您的账户有关的电子邮件， 包括当在您人际网络内的其他用户向您发放相关机会的电子邮件通知。建设库/大司空科技有可能向您发放促销信息，除非您选择不收取类似信息。
        <br>建设库/大司空所提供的企业、员工名片功能均为用户及企业自行上传，相关数据内容与信息均通过本人或所属企业自行公开公示，仅供用户进行参考，相关数据真实性还需用户自行判断， 不构成我们对任何人之明示或暗示的观点或保证，建设库/大司空不承担任何法律风险和连带责任。
        <br>2.6. 信息和分享
        <br>建设库服务提供了多种发送和分享信息的方式，如个人档案、企业信息等。您分享或发布的信息和内容都可能被其他“会员”查看，如果是公开信息，也会被“访客”查看。您可对以上信息和内容进行设置， 我们也尊重您对于谁能查看您的个人内容 或信息的选择。我们没有义务发表您使用建设库服务的所有的相关信息或内容，但可以根据法律法规或在合理状况下自行决定删除信息或内容，并且无需发送通知。
        <br>三.免责声明与其它担保
        <br>3.1.免责声明
        <br>（1）建设库/大司空科技对由于政府禁令、现行生效的适用法律或法规的变更、火灾、地震、动乱、战争、停电、通讯线路中断、黑客攻击、计算机病毒侵入或发作、电信部门技术调整、因政府管制而造成网站的暂时性关闭等任何影响网络正常运营的不可预见、 不可避免、不可克服和不可控制的事件（“不可抗力事件”），以及他人蓄意破坏、建设库/大司空科技工作人员的疏忽或不当使用，正常的系统维护、系统升级， 或者因网络拥塞而导致本网站不能访问而造成的本网站所提供的信息及数据的延误、停滞或错误，以及使用者由此受到的一切损失不承担任何责任。
        <br>（2）使用建设库/大司空科技的“服务”时，您可能会看到不准确、不完整、过时、有误导性、非法、冒犯性或有害的内容或信息。建设库/大司空科技难以审查每个用户提供的内容或信息是否属于上述情况。 我们平台仅就用户提交的查询请求做识别应答，查询到的内容与被提交查询的主体是否相符由用户负责掌握和判断。我们平台没有义务对于识别结果本身的真实性进行分辨或核验。 平台返回的数据结果，不构成我们对任何人之明示或暗示的观点或保证。查询的结果请以官方网站公布为准。故，您同意，我们不对第三方 (包括其他用户) 提供的内容或信息负责， 也不对您因使用或参考该内容或信息而造成的损失负责。如您认为建设库网站上存在上述内容或信息的，请及时根据法律法规规定的程序通知建设库/大司空科技，以便及时处理。
        <br>我们的信息来源于公开官网，我们不做任何明示或暗示的承诺或保证，您同意不将我们的服务作为任何依据以主张任何权利，一旦发现属于违反使用规则，我们将停止对您提供服务。
        <br>（3）建设库/大司空科技根据法律规定或政府相关政策要求提供您的个人信息。
        <br>（4）建设库“UGC”内容（包括公司简介、职位、点评等）均由用户创建，是用户对该公司名称所指事物、现象介绍、评论的平台。“UGC”内容仅代表作者观点，与建设库/大司空无关。 除法律另有规定外，对于用户言论的真实性引发的全部责任，由用户自行承担，建设库/大司空科技不承担任何责任。
        <br>（5） 因网络状况、通讯线路、第三方网站等任何原因而导致您不能正常使用建设库。
        <br>（6） 建设库/大司空科技在各服务条款及声明中列明的使用方式或免责情形。
        <br>3.2.无担保
        <br>（1）建设库/“大司空科技”无法保证以下事项∶
        <br>1）本服务完全符合您的要求；
        <br>2）本服务不受干扰、及时提供、安全可靠或不会出错；
        <br>3）使用本服务取得之结果正确可靠；
        <br>4）您经由本服务购买或取得之任何产品、服务、资讯或其他信息符合您的期望；
        <br>5）软件中任何错误都得到更正。
        <br>（2）是否使用本服务下载或取得任何资料应由您自行考量且自负风险，因任何资料之下载而导致的您电脑系统之任何损坏或数据流失等后果，由您自行承担。
        <br>（3）您自建设库/大司空科技或经由本服务取得的任何建议或信息，无论是书面或口头形式，除非本服务条款有明确规定，将不构成本服务条款以外之任何保证。
        <br>当您同意该协议时，默认您已经同意以上无担保条款。
        <br>3.3 .费用退还
        <br>VIP会员服务系网络商品和虚拟商品，您所支付的费用是您所购买的会员服务所对应的网络商品价格，而非预付款或者存款、定金、储蓄卡等性质， VIP会员服务一经开通后不可退款（如因VIP会员服务存在重大瑕疵导致您完全无法使用等建设库违约情形、本协议另有约定、法律法规要求必须退款的或建设库/大司空同意退款等除外）。 建设库/大司空在此特别提醒您，您在购买VIP会员服务之前应仔细核对账号信息、购买的服务内容、价格、服务期限等信息。
        <br>四．知识产权归属
        <br>除非建设库/大司空科技另行声明，本网站（www.jiansheku.com）的所有产品、技术、软件、程序、数据及其他信息（包括但不限于文字、图像、图表、版面设计、电子文档）的所有知识产权 （包括但不限于版权、商标权、专利权、商业秘密）及相关权利，均归建设库/大司空科技所有。
        <br>未经建设库/大司空科技书面授权许可，任何人不得擅自（包括但不限于：以不合理或不合法的方式抓取、复制、传播、展示、镜像、上载、下载、非通过建设库/大司空科技购买） 获取或使用建设库平台的数据、信息和资料，或通过不当方式影响建设库的正常服务，任何人不得擅自以软件程序自动获得建设库数据。否则，建设库/大司空科技将依法追究法律责任。
        <br>五. 服务终止
        <br>用户或建设库/大司空科技可根据实际情况中断服务。建设库/大司空科技不需对任何个人或第三方负责而中断服务。 用户若反对任何服务条款的建议或对后来的条款修改有异议，或对建设库/大司空科技服务不满，用户可有以下的追索权：
        <br>（1）不再使用建设库/大司空科技服务；
        <br>（2）通告建设库/大司空科技停止该用户的服务。
        <br>结束用户服务后，用户使用建设库/大司空科技服务的权利马上终止。同时，建设库/大司空科技不再对用户承担任何义务。
        <br>六. 会员纠纷
        <br>建设库/大司空保留权利，但没有责任监督、处理您和其他会员之间的纠纷。
        <br>七. 用户行为
        <br>7.1.应做事项
        <br>如果您同意该项协议，则默认您遵守以下内容：
        <br>（1）遵守法律、法规及有关部门规章的；
        <br>（2）提供准确信息，并及时更新信息；
        <br>（3）在档案使用真是的合法身份；
        <br>（4）以专业的态度使用“服务”。
        <br>（5）不得非法使用建设库服务，确保用于合法的信息查询、跨境贸易、投融资等合理用途，不得危害国家安全。
        <br>7.2.禁止事项
        <br>如果您同意该项协议，则默认您承诺不做以下行为：
        <br>（1）上载、展示、张贴、传播或以其它方式传送含有下列内容之一的信息（包括但不限于图片、文字、视频、链接、音乐等）：
        <br>1）反对宪法所确定的基本原则的；
        <br>2）危害国家安全，泄露国家秘密，颠覆国家政权，破坏国家统一的；
        <br>3）损害国家荣誉和利益的；
        <br>4）煽动民族仇恨、民族歧视、破坏民族团结的；
        <br>5）破坏国家宗教政策，宣扬邪教和封建迷信的；
        <br>6）散布谣言，扰乱社会秩序，破坏社会稳定的；
        <br>7）散布淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪的
        <br>8）侮辱或者诽谤他人，侵害他人合法权利的；
        <br>9）含有虚假、欺诈、有害、胁迫、侵害他人隐私、骚扰、侵害、中伤、粗俗、猥亵、与公序良俗不符或其它道德上令人反感的内容；
        <br>10）含有中国法律、法规、规章、条例以及任何具有法律效力之规范所限制或禁止的其它内容的。
        <br>（2）为任何非法目的而使用网络服务系统；
        <br>（3）恶意注册建设库账号；
        <br>（4）利用建设库服务从事以下活动：
        <br>1) 未经书面允许，进入计算机信息网络或者使用计算机信息网络资源的；
        <br>2) 未经书面允许，对计算机信息网络功能进行删除、修改或者增加的；
        <br>3) 未经书面允许，进入计算机信息网络中对存储、处理或者传输的数据和应用程序进行删除、修改或者增加的；
        <br>4) 故意制作、传播计算机病毒（包括木马）等破坏性程序，盗取其他用户账户、密码、隐私、操控他人电脑的；
        <br>5) 其他危害计算机信息网络安全的行为。
        <br>（5）未经书面允许，利用建设库从事广告发布、变相广告、口碑营销、产品销售、传销等行为。
        <br>（6）对建设库相关服务任何部分或本服务之使用或获得，进行复制、拷贝、出售、转售或用于任何其它商业目的。
        <br>（7）公布不是简历的资料，如意见、通知、商业广告或其他非简历内容。
        <br>（8）为建设库的竞争同行回应职位、招揽用户。
        <br>（9）除发布者外，删除或修改其他个人或公司公布的资料。
        <br>（10）擅自打印、复制、传播、销售或以其他方式使用有关雇员的任何个人资料或有关雇主的商业信息。
        <br>（11）未经建设库/大司空同意，给公布信息的个人或公司发电子邮件、打电话、寄信或以其他方式进行擅自接触。
        <br>7.3 用户信息
        <br>用户信息，是您在建设库的一张“名片”。用户在填写个人资料时，请遵守国家相关法律、法规，对于违规内容，建设库/大司空有权提示用户修改、删除相关信息， 清空违规信息，或视严重程度封禁账号。个人资料违规内容包括但不限于以下几点：
        <br>（1）头像
        <br>1) 盗用他人照片，包括但不限于党和国家领导人及各界社会名人的肖像
        <br>2) 含有广告推销、各种链接、二维码、联系方式等信息的图片
        <br>3) 带有人身攻击、谩骂、侮辱、挑衅、低俗用语等不文明内容的图片
        <br>4) 含有国家组织机构或其他组织机构的图片
        <br>5) 违反法律法规的其他图片
        <br>（2）其他信息
        <br>1) 冒充他人信息
        <br>2) 含有广告推销、各种链接、二维码、联系方式等信息的内容
        <br>3) 带有人身攻击、谩骂、侮辱、挑衅、低俗用语等不文明内容的内容
        <br>4) 违反法律法规的其他内容
        <br>（3）个人账户
        <br>1) 伪造虚假企业信息，进行冒牌
        <br>2) 通过注册多个账户谋求不正当利益
        <br>3) 其他扰乱建设库/大司空正常秩序或影响网站运营安全的行为
        <br>八．来源声明
        <br>大司空科技所开发、运营的建设库大数据软件是一款建筑行业 企业招标、中标、人员、资质、工商数据等公开信息查询系统。根据用户指令， 建设库的搜索引擎系统会以非人工检索方式自动生成用户检索的已经依法公开的企业信息，以便用户能 够找到和使用该已被公开信息。
        <br>建设库目前网站公示数据来源为如下网站，现就数据来源及其合规性简述如下：
        <br>8.1、全国企业信用信息公示系统 （http://gsxt.saic.gov.cn）
        <br>（1）公示依据
        <br>本站信息公示依据《中华人民共和国 政府信息公开条例》、《企业信息公示暂行条例》等法律法规、规章的有关规定。
        <br>据 2014年10月1日起实施的《企业信息公示暂行条例（国务院令第654号）》，相关规定 如下：
        <br>“第六条工商行政管理部门应当通过企业信用信息公示系统，公示其在履行职 责过程中产生的下列企业信息：
        <br>（一）注册登记、备案信息；
        <br>（二）动产抵押 登记信息；
        <br>（三）股权出质登记信息；
        <br>（四）行政处罚信息；
        <br>（五）其他 依法应当公示的信息。
        <br>前款规定的企业信息应当自产生之日起20个工作日内予以公 示。”
        <br>“第七条工商行政管理部门以外的其他政府部门（以下简称其他政府部门）应当 公示其在履行职责过程中产生的下列企业信息：
        <br>（一）行政许可准予、变更、延续信 息；
        <br>（二）行政处罚信息；
        <br>（三）其他依法应当公示的信息。
        <br>其他政府部 门可以通过企业信用信息公示系统，也可以通过其他系统公示前款规定的企业信息。工商行 政管理部门和其他政府部门应当按照国家社会信用信息平台建设的总体要求，实现企业信息 的互联共享。”
        <br>“第九条企业年度报告内容包括：
        <br>（一）企业通信地址、邮政编 码、联系电话、电子邮箱等信息；
        <br>（二）企业开业、歇业、清算等存续状态信息；
        <br>（三）企业投资设立企业、购买股权信息；
        <br>（四）企业为有限责任公司或者股份有限 公司的，其股东或者发起人认缴和实缴的出资额、出资时间、出资方式等信息；
        <br>（五） 有限责任公司股东股权转让等股权变更信息；
        <br>（六）企业网站以及从事网络经营的网 店的名称、网址等信息；
        <br>（七）企业从业人数、资产总额、负债总额、对外提供保证 担保、所有者权益合计、营业总收入、主营业务收入、利润总额、净利润、纳税总额信息。
        <br>前款第一项至第六项规定的信息应当向社会公示，第七项规定的信息由企业选择是否向社会 公示。
        <br>经企业同意，公民、法人或者其他组织可以查询企业选择不公示的信息。”
        <br>“第十条企业应当自下列信息形成之日起20个工作日内通过企业信用信息公示系统向社 会公示：
        <br>（一）有限责任公司股东或者股份有限公司发起人认缴和实缴的出资额、出 资时间、出资方式等信息；
        <br>（二）有限责任公司股东股权转让等股权变更信息；
        <br>（三）行政许可取得、变更、延续信息；
        <br>（四）知识产权出质登记信息；
        <br>（五） 受到行政处罚的信息；
        <br>（六）其他依法应当公示的信息。
        <br>工商行政管理部门发 现企业未依照前款规定履行公示义务的，应当责令其限期履行。”
        <br>（2）本站公示的信 息来自工商行政管理部门、其他政府部门及市场主体，政府部门和市场主体分别对其公示信 息的真实性负责。
        <br>（3）本站使用过程中如有问题，可具体咨询市场主体所在省、自 治区、直辖市企业信用信息公示系统主页下方的业务咨询电话或技术支持电话。
        <br>综上， 企业信息的公示内容系行政法规的强制性规定。由此可知，该网站内所公示信息为公开的信 息，不构成商业秘密或个人隐私。
        <br>如果您对该系统数据信息存有异议，请按以下方式 联系信息管理单位：
        <br>全国工商业务及技术咨询电话
        <br>工商总局：010-88652427、 010-68035737
        <br>北京：010-82691213、010-82691523、010-82691768（公示）、010-82691101（年报）
        <br>天津：022-24453622、022-27958867、022-27958401
        <br>河北：0311-88636652（企管）0311-88635699（内资）0311-88635709（外资）0311-88636616
        <br>山西：0351-7680261、0351-7680289、0351-7680330
        <br>内蒙古： 0471-6628362(企业)、0471-6628367(个体)、0471-4503252
        <br>辽宁： 024-96315-1-3706(内资)、024-96315-1-2211(外资)、024-96315-1-5155
        <br>吉林： 0431-82752046、0431-85279013、0431-85279085、0431-85270516
        <br>黑龙江： 0451-84572609、0451-84642258
        <br>上海：021-12315、021-64220000-1002
        <br>江 苏：025-86639070、025-83321128、025-83314392
        <br>浙江：400-888-4636、 400-888-4636
        <br>安徽：0551-64675064、0551-64675090
        <br>福建：0591-87725970、 18144071802
        <br>江西：0791-86350261、0791-86350123、0791-86350123、0791-86350813、0791-86350125
        <br>山东：0531-88527852、0531-88527676、 0531-88527673、0531-88527468、0531-88527558
        <br>广东：020-87512559、 020-85587067、020-85587112
        <br>广西：0771-5595316、0771-5531831、 0771-5531229、0771-5558657
        <br>海南：0898-66767974、0898-66521115-812、 0898-66521115
        <br>河南：0371-66779157、0371-66779334
        <br>湖北：027-86786596、 027-86721041、027-86780040
        <br>湖南：0731-85693057、0731-85693057
        <br>重庆：023-63712629、023-63725808（内资）、023-63725709（外资）、023-63724177、023-63724214、023-68423826
        <br>四川：028-86522011、028-86522208、 028-86780788、028-86784279
        <br>贵州：0851-85850056(注册指导处)、0851-85827973(市场诚信处)、0851-85827973
        <br>云南：0871-64566609、 0871-64638836、0871-64566169
        <br>西藏：0891-6335407、0891-6335788
        <br>陕西： 029-86138127、029-86138127
        <br>甘肃：0931-8533300、0931-8533123
        <br>青海： 0971-8214754、0971-8271072、8227502、0971-8214933、0971-8271065
        <br>宁夏： 0951-5672031、0951-5672073、0951-5672074
        <br>新疆：0991-2811781、 0991-7598666、0991-2842918
        <br>8.2、中国裁判文书网 （http://wenshu.court.gov.cn/Index）
        <br>（1）公示依据
        <br>据2016年10月1日起实 施的《最高人民法院关于人民法院在互联网公布裁判文书的规定（法释〔2016〕19号）》，相关规定如下：
        <br>“第二条中国裁判文书网是全国法院公布裁判文书的统一平台。各级人民法院在本院政务网站及司法公开平台设置中国裁判文书网的链接。”
        <br>“第三条人民 法院作出的下列裁判文书应当在互联网公布：
        <br>（一）刑事、民事、行政判决书；
        <br>（二）刑事、民事、行政、执行裁定书；
        <br>（三）支付令；
        <br>（四）刑事、民事、 行政、执行驳回申诉通知书；
        <br>（五）国家赔偿决定书；
        <br>（六）强制医疗决定书 或者驳回强制医疗申请的决定书；
        <br>（七）刑罚执行与变更决定书；
        <br>（八）对妨害诉讼行为、执行行为作出的拘留、罚款决定书，提前解除拘留决定书，因对不服拘留、罚款等制裁决定申请复议而作出的复议决定书；
        <br>（九）行政调解书、民事公益诉讼调解 书；
        <br>（十）其他有中止、终结诉讼程序作用或者对当事人实体权益有影响、对当事人程序权益有重大影响的裁判文书。”
        <br>“第四条人民法院作出的裁判文书有下列情形之一 的，不在互联网公布：
        <br>（一）涉及国家秘密的；
        <br>（二）未成年人犯罪的；
        <br>（三）以调解方式结案或者确认人民调解协议效力的，但为保护国家利益、社会公共利益、 他人合法权益确有必要公开的除外；
        <br>（四）离婚诉讼或者涉及未成年子女抚养、监护 的；
        <br>（五）人民法院认为不宜在互联网公布的其他情形。”
        <br>综上，中国裁判文书 网所公示之内容，系依法公开内容，不存在不宜公开事宜。
        <br>8.3、中华人民共和国最高人民法院全国法院被执行人信息查询（中国执行信息公开网）（http://zhixing.court.gov.cn/search）
        <br>(1)公开依据：
        <br>据2013年10月1日起施行的《最高人民法院关于公布失信被执行人名单信息的若干规定(法释〔2013〕17号)》，相关规定如下：
        <br>“第四条记载和公布的失信被执行人名单信息应当包括：
        <br>（一）作为被执行人的法人或者其他组织的名称、组织机构代码、法定代表人或者负责人姓名；
        <br>（二）作为被执行人的自然人的姓名、性别、年龄、身份证号码；
        <br>（三） 生效法律文书确定的义务和被执行人的履行情况；
        <br>（四）被执行人失信行为的具体情 形；
        <br>（五）执行依据的制作单位和文号、执行案号、立案时间、执行法院；
        <br>（六）人民法院认为应当记载和公布的不涉及国家秘密、商业秘密、个人隐私的其他事项。”
        <br>8.4、企业招投标信息（全国各省市公共资源交易网、招投标中心、建设工程交易中心）
        <br>公开依据：据2000年1月1日起施行的《中华人民共和国招标投标法》、《中华人民共和国招标投标法实施条例》等法律规定：
        <br>招投标法“第十六条
        <br>（一） 招标人采用公开招标方式的，应当发布招标公告。依法必须进行招标的项目的招标公告，应当通过国家指定的报刊、信息网络或者其他媒介发布。
        <br>（二）招标公告应当载明招标人的名称和地址、招标项目的性质、数量、实施地点和时间以及获取招标文件的办法等事项。”
        <br>招投标实施条例“第五十四条
        <br>（一）依法必须进行招标的项目，招标人应当自收到评标报告之日起3日内公示中标候选人，公示期不得少于3日。”
        <br>综上，本站公示的 招投标信息内容，为法律要求依法公开之内容
        <br>如果您对该系统数据信息存有异议，请 按以下方式联系信息管理单位：
        <br>全国住房和城乡建设部咨询电话：010-58934114
        <br>九. 用户隐私
        <br>建设库/大司空绝对尊重用户的个人隐私权，建设库/大司空绝不会公开、编辑、透漏用户的任何资料给第三方，除非有法律和政府的强制规定或是用户本人的同意。具体细则请见——隐私条款。
        <br>十． 法律管辖与适用
        <br>10.1.本协议的生效、履行、解释及争议的解决均适用中华人民共和国法律；您同意有关本协议以及使用建设库的服务产生的争议交由重庆大司空信息科技有限公司住所地法院以诉讼方式解决。
        <br>10.2.您理解并同意，根据服务的升级，我们有权对本协议进行更改。我们会在我们的网站及相关软件产品中公告相关的更改，请您随时予以关注。在本协议修改之后，您继续使用建设库及相关服务的行为，将表示您已经同意并接受了本协议的更改。
        <br>十一．版权政策
        <br>除非建设库/大司空另行声明，建设库平台内的本网站（www.jiansheku.com）的所有产品、技术、软件、程序、数据及其他信息 （包括但不限于文字、图像、图片、照片、音频、视频、图表、色彩、版面设计、电子文档、Logo、“建设库”、“大司空”文字、“JSK”、“DSK”等文字、图形及其组合， 以及建设库平台的其他标识、徽记、产品和服务名称）的所有权利所有知识产权（包括但不限于版权、商标权、专利权、商业秘密及其他所有相关权利）均归建设库/大司空所有。 未经建设库/大司空许可，任何人不得擅自使用（包括但不限于通过任何机器人、蜘蛛等程序或设备监视、复制、传播、展示、镜像、上载、下载）建设库平台内的任何内容及信息， 也不得以任何方式展示、使用或作其他处理，也不得向他人表明您有权展示、使用或作其他处理。否则，建设库/大司空保留采取一切合法方式维护正当利益的权利。
        <br>未经建设库/大司空许可，任何人不得擅自（包括但不限于：以非法的方式复制、传播、展示、镜像、上载、下载）使用，或通过非常规方式（如：恶意干预建设库数据）影响建设库/大司空的正常服务， 任何人不得擅自以机器（如软件程序）自动获得建设库数据，一旦发生建设库/大司空有权立即停止服务，不退还费用，同时建设库/大司空将采取法律措施追究其法律责任。
        <br>您确认您已仔细阅读以上条款，同时完全接受以上条款的内容。

      </div>
      <div slot="footer">
        <el-button class="searchBtn" type="primary" style="width: 90px;" @click="dialogVisible = false">同意</el-button>
      </div>
    </el-dialog>
    <el-dialog title="建设库隐私权政策" custom-class="registration-policy" :visible.sync="dialogVisible1" width="670px" close-on-click-modal>
      <div>
        本协议最后更新于：2022年8月15日
        <br>
        <br>本协议是您与建设库（简称"本站"，网址：www.jiansheku.com）所有者重庆大司空信息科技有限公司（以下简称为"大司空"或“大司空科技”）之间就建设库服务等相关事宜所订立的契约，请您仔细阅读本协议，您点击"同意并继续"按钮后，本协议即构成对双方有约束力的法律文件。
        <br>
        <br>建设库重视用户的隐私权，我们也深知您向建设库提供各种信息是基于对建设库的完全信任。在使用建设库各项服务前，请您务必仔细阅读并透彻理解本《隐私权政策》，在确认充分理解并同意后再开始使用建设库服务。在使用建设库各项服务前，请您务必仔细阅读并透彻理解本《隐私权政策》，在确认充分理解并同意后再开始使用建设库服务。如对本政策内容有任何疑问、意见或建议，您可通过建设库公布的联系方式与我们联系。建设库的宗旨是以诚信为本，我们一定会以负责的态度对待您提交给我们的信息，建设库郑重承诺如下：
        <br>1、建设库郑重承诺不会出售用户的任何信息，并保护您的电子邮件、手机号码、姓名的基本信息和敏感信息。
        <br>2、建设库采取了有效的措施保护您的个人隐私资料。除非根据法律或政府的强制性规定，否则在未得到用户的许可之前，我们不会把用户的任何个人资料提供给无关的第三方（包括公司或个人）。
        <br>3、通过《建设库隐私权服务条款》，您主要可以了解如下内容：
        <br>•我们所收集的信息以及如何使用
        <br>•我们如何使用Cookie及同类技术
        <br>•我们如何公开信息、共享与转让
        <br>•我们如何存储、保护信息
        <br>•我们如何保护未成年信息
        <br>•我们如何保障您的信息权利
        <br>•本《隐私权政策》如何变更
        <br>•本《隐私权政策》如何变更
        <br>•如何联系我们
        <br>
        <br>下面是具体的阐述本软件如何处理用户的隐私问题：
        <br>一、我们所收集的信息以及如何使用
        <br>为能有效的为您提供基本服务和各项优化服务，我们可能收集两类信息:
        <br>为了能向您提供基本服务，我们经过您同意授权后收集的信息，如果未经授权，建设库将无法向您提供基本服务。为了能让您享受建设库为您提供的各项增值优化服务，您可以选择是否同意授权建设库收集您的信息，如果未经您授权同意，建设库将无法为您提供各项优化服务，但是不影响基本服务及功能的实现。:
        <br>（一） 基本业务功能中我们收集和使用您个人信息的情形:
        <br>1、用户提交资料：当您注册建设库时，您需要提供手机号码、验证码，我们收集您的上述信息是为了帮助您完成建设库账户的注册，保护您的账户安全，如您不提供这类信息，我们将无法为您创建账户并正常向您提供服务。另外，电子邮件地址，以便我们识别您的身份或与您联络。我们会利用合法有效方法，确认您的个人资料的正确性与有效性。:
        <br>2、企业信息查询：当您进行企业信息查询并想要获取查询报告时，我们需要您填写收件地址、邮箱地址或联系电话。如您不同意我们收集收件信息，您可能因无法获得企业信息查询报告而不能正常使用我们的服务，但不影响您仅进行企业信息查询操作。
        <br>3、在您使用建设库服务过程中，为识别账号异常状态、了解产品适配性、向您提供更契合您需求的页面展示和搜索结果，我们可能会自动收集您的使用情况并存储为网络日志信息，包括：
        <br>（1）设备信息： 我们会根据您在访问及/或使用中的具体操作及后台状态下，接收并记录您所使用的设备相关信息（包括设备型号、操作系统版本、设备设置、MAC地址及IMEI、IDFA、OAID设备标识符、设备环境、移动应用列表软硬件特征信息）、设备所在位置相关信息（包括您授权的GPS位置以及WLAN接入点、蓝牙和基站传感器信息；
        <br>为了保障网络访问和服务的基本安全，我们会收集您的MAC地址作为定位您的网络设备。
        <br>为收集上述信息，我们需要调用您设备的手机状态、更改wifi状态权限。我们收集您的上述信息是为了保障网络访问和应用运行安全，由于您无法关闭收集上述数据的权限，如您不提供这类信息，则您将无法使用我们的服务
        <br>（2）服务日志信息： 当您使用建设库服务时，我们会自动收集您对我们服务的详细使用情况，作为服务日志保存，包括但不限于浏览、搜索查询、关注企业、监控企业以及IP地址、浏览器类型、电信运营商、使用语言、访问日期和时间。
        <br>请注意，单独的设备信息、服务日志信息是无法识别特定自然人身份的信息。如果我们将这类非个人信息与其他信息结合用于识别特定自然人身份，或者将其与个人信息结合使用，则在结合使用期间，这类非个人信息将被视为个人信息，除取得您授权或法律法规另有规定外，我们会将这类信息进行匿名处理。
        <br>4、为完成增值服务订单支付： 您需要提供第三方支付平台（支付宝、微信支付）账户并选择付款方式，我们会将您的用户名、对应的第三方支付平台账户名、订单支付相关信息、订单安全相关设备信息及其他反洗钱法律要求的必要信息通过在应用程序中嵌入的SDK方式与第三方支付平台共享，前述第三方支付平台将获得您连接网络的权限、手机信息权限，并获取网络状态和wifi状态。
        <br>5、非个人资料辨别： 我们除了向您收集个人资料以便为您提供服务以外，还可能通过您的IP地址收集一些非个人隐私的统计资料，使我们能够进一步改善建设库的服务。例如，当您浏览一个网页时，此网址、当时的时间、您所使用的浏览器性质、给您提供接入服务的ISP，都会被自动记录下来。
        <br>（二）当您使用建设库时，您可以选择授权我们收集和使用个人信息的场景:
        <br>1、用户的个人详细资料（profile）： 除了注册必填信息之外，我们还有一部分如下关于您更细致描述的信息，姓名、生日、家庭住址、所在公司、头像、昵称、电话号码、邮箱、微信号、行业、职务、名片，您可以选择填写与否。但是您一定知道，您的资料越完整，您的提供的信息越丰富，就越有可能获得更多的机会和商务社交关系。
        <br>2、当您使用“IP绑定”功能。为了让您完成IP覆盖，您在体验该功能时，需要向我们提供您的IP地址信息。
        <br>3、当您使用企业认证功能时，我们会收集您主动提供的身份认证材料（包括：营业执照照片、法人身份证（人像面）照片、授权书、认证材料、手机号），以确保信息真实有效。上述信息属于敏感信息，拒绝提供该信息仅会使您无法获得企业认证及关联功能，但不影响您正常使用建设库的其他功能。
        <br>当您完成企业认证后，在使用企业信息修改功能时，我们会收集您主动提供的企业信息相关材料（包括：手机号、邮箱、产品信息、资质证书、荣誉证书、公告内容、合作伙伴）。上述信息属于敏感信息，拒绝提供该信息仅会使您无法获得企业信息修改及关联功能，但不影响您正常使用建设库的其他功能。
        <br>当您使用实名认证功能时，我们会收集您主动提供的身份认证材料（包括：名片、工牌、营业执照照片、在职证明或建设库电子名片）。上述信息属于敏感信息，拒绝提供该信息仅会使您无法获得实名认证及关联功能，但不影响您正常使用建设库的其他功能。
        <br>4、联系人的信息：当您邀请您的朋友加入建设库时，您需要填写对方的姓名，手机号或是邮箱地址。这些信息仅会被用来给您的联系人发出邀请或是其他信息之用。您也可以自行为您的联系人填加一些个人信息，但是建设库保证这些信息仅会被您看到。您为您联系人所填信息也符合此隐私条款。
        <br>
        <br>二、我们如何使用Cookie及同类技术
        <br>1、Cookie 是指从网络服务器发送到您的浏览器，并储存到电脑硬盘上的少量数据，通常包括一些特殊标识符，是用来记录您的使用者ID。
        <br>2、您以根据自己的喜好，设定接收所有cookies，拒收所有cookies ，或在设定cookie时得到通知。然而您必须在开启您的 cookies时才能使用建设库所提供的服务。
        <br>3、为保障建设库相关功能的实现与应用的稳定运行，我们可能会接入由第三方提供的软件开发包（SDK）以实现相关目的。我们会对合作方获取信息的软件工具开发包（SDK）进行严格的安全监测，以保障您的信息安全。您可以通过附件1 第三方服务列表查看第三方的数据使用和保护规则。
        <br>
        <br>三、我们如何公开信息、共享与转让
        <br>1、用户的信息将会被分类分级别的，按照用户个人的意愿展示给其联络人。建设库不会将您的个人资料提供给任何人。但以下情况除外：
        <br>(1)已获得用户的明确授权；
        <br>(2)根据有关法律法规的要求或按照法院或相关政府部门的要求；
        <br>(3)为维护建设库的合法权益；
        <br>(4)为维护建设库的用户和社会公众的合法权益；
        <br>(5)建设库认为有必要的其他情况。
        <br>2、当您使用建设库时，我们的部分服务或功能，需要使用第三方SDK来协助完成，或者由第三方SDK直接提供相关服务。目前我们的SDK合作方包括：
        <br>(1)为了统计分析目的，我们的产品集成了“友盟+”SDK，友盟+SDK需要在使用时及后台状态下收集您设备的国际移动设备识别码（IMEI）、iOS广告标识符（IDFA)、设备Mac地址和设备型号信息。为了您的信息安全，我们已与该SDK服务商约定严格的数据安全保密义务，确保其会严格遵守我们的数据隐私和安全要求。除非得到您的同意，我们不会与其共享您的个人信息。
        <br>(2)为了实现费用支付功能，我们将嵌入第三方支付平台。您点击同意本隐私政策时，即视为您授权同意我们的合作伙伴按照前述规定获取并处理您的权限及信息。
        <br>3、在未获的您的明确同意前提下，建设库不会将您的信息转让给任何主体，如果建设库发现用户出现该类行为，我们将终止合作，并追究责任。
        <br>4、为保障您的信息安全，我们将详细的第三方服务名单公示，详见附件1第三方服务列表。
        <br>
        <br>四、我们如何保护、存储信息
        <br>1、我们将采取严格的措施保护您的隐私，我们的重要信息系统已经通过了网络安全等级保护的三级测评。确保您的隐私权不受任何侵犯。只要您提供给我们任何个人信息，我们都会采取有效的手段保护您的信息（法律或政府的强制性规定不在此限）。
        <br>2、我们收集信息的前提为向您提供更为优质的服务，并避免收集与向您提供服务无关的信息。我们将收集您的信息储存在我们国内的服务器上，并且在为您提供服务的所必要的期限保留您的信息。
        <br>3、建设库不会超期储存您的信息，当您选择退出、终止服务，注销账户或是建设库不在向您提供服务，建设库将对您的信息进行删除处理。
        <br>
        <br>五、我们如何保护未成年信息
        <br>1、建设库是为具有完全行为能力的主体提供服务，如果不具备行为能力的主体、儿童、未成年人在没有监护人的明确同意，不得申请账户及各项服务。
        <br>2、即使是不具备行为能力的主体、儿童、未成年人已经取得了监护明确同意，为了践行保护未成年和不具备行为能力主体的责任，我们也只在法律法规、监管允许，监护人明确同意以及保护未成年人和无行为能力主体必要情形下，为其提供服务或是使用、公开信息。
        <br>3、为了有效保护儿童的合法权益，我们将未年满14周岁的均视为儿童。
        <br>4、如果我们发现自己在未事先获得监护人同意的情况下收集了儿童的个人信息，我们将删除相关数据。
        <br>
        <br>六、我们如何保障您的信息权利
        <br>建设库保障您对信息行使以下权利：
        <br>1、查询个人信息。您可以通过以下方式查询您的信息，在使用建设库网页端时，您可以点击页面右上角您的用户名链接按钮进行查询；如您需要查询您的企业监控、企业关注、收藏信息，请在右上角您的用户名悬停菜单中，点击对应按钮进行查询。 在使用建设库时，您可以进入“我的-编辑-个人资料页”进行查询；如您需要查询您的企业监控、企业关注、收藏信息，请进入“我的”页面进行查询。
        <br>2、改变授权范围。 每个业务功能需要相应的个人信息才能得以完成。 对于为实现建设库服务附加功能相关个人信息的收集和使用，您可以随时给予或收回您的授权同意。您可以与建设库客服联系，或改变您的移动设备设置给予或收回您的授权同意。当您收回同意后，我们将不再处理相应的个人信息。但您收回同意的决定，不会影响此前基于您的授权而开展的个人信息处理。
        <br>3、信息更新
        <br>（1）为了使您能和您的联系人保持长久的联系，在您的个人资料有变动的情况下，您可以更新和修改您的个人资料已使其有效。您在任何时候都能非常容易地使用您的注册名与密码登录；
        <br>（2）当您发现我们处理的关于您的个人信息有误时，您可以登录建设库“我的-编辑-个人信息”页面随时更正，或前往网页端页面右上角，点击您的用户名链接按钮并在跳转页面修改； 如您需要修改您的企业监控、企业关注、收藏信息， 请进入建设库“我的”页面进行修改，或前往网页端页面，并在右上角您的用户名悬停菜单中选择相应栏目进行修改。
        <br>4、信息删除。在以下情形下，您可以自行进入建设库“我的-编辑-个人信息”删除您的部分信息，或前往网页端页面右上角，点击您的用户名链接按钮并在弹出页面删除；如果您发现不能删除信息，您可联系建设库（见隐私政策第八条）：
        <br>（1）如果建设库未经您同意收集、使用、处理您的信息；
        <br>（2）如果建设库收集、使用、处理信息违反了与您的协议和约定；
        <br>（3） 如果您在使用建设库的服务，或是您已经注销了建设库账户；
        <br>（4）建设库不再为您提供服务。
        <br>5、账户注销。您可以通过以下方式申请注销您的账号：
        <br>（1）登录建设库，通过“我的-账户管理-注销账号”提交账号注销申请；
        <br>（2）您可以向建设库客服邮箱发送电子邮件，提交您注销账号的需求，我们会协助您申请注销您的账号。
        <br>
        <br>七、本《隐私权政策》如何变更
        <br>1、建设库会根据法律法规、监管规定以及服务内容以及收集信息的必要性，可能会对隐私权政策进行修改。如果在使用用户个人信息政策方面有大幅度修改时，我们会通过电子邮件或是其他显著方式通知您。
        <br>2. 未经您明确同意，我们不会削减您按照本《隐私权政策》所应享有的权利。 我们会在专门页面上发布对本《隐私权政策》所做的任何变更。对于重大变更， 我们还会提供更为显著的通知（如网站公示或向您提供弹窗提示形式），说明具体变更内容。
        <br>3、在未经您同意时，建设库根据与您的约定确保您享有各项权利，本隐私保护制度最后一次更新时间为2022年7月12日。
        <br>
        <br>八、如何联系我们
        <br>您可以通过以下方式与我们联系，我们将在收到您的需求后，在15个工作日内予以回复：
        <br>1、如对本政策内容有任何疑问、意见或建议，您可通过建设库客服与我们联系。
        <br>2、如发现个人信息可能被泄露，您可以通过建设库客服进行投诉举报； 我们设立了个人信息保护专职部门，建设库客服会将您的需求向其转达；
        <br>建设库客服邮箱【kf@jiansheku.net】；建设库客服电话：【400-023-5575】。
        <br>3、建设库服务提供者：重庆大司空信息科技有限公司，注册地址：重庆市渝北区财富大道19号1幢（财富三号A栋6楼1、2#-1）。
      </div>
      <div slot="footer">
        <el-button class="searchBtn" type="primary" style="width: 90px;" @click="dialogVisible1 = false">同意</el-button>
      </div>
    </el-dialog>

    <footers />
  </div>
</template>

<script>
  import footers from '@/components/foots'
  import { checkUser, getCategoryList, validateSmsCode, uploadFile, register } from '@/api/login.js'
  import jsk_data from '@/utils/jsk.json';
  import axios from "axios";

  export default {
    components: { footers },
    data() {
      return {
        agreeRegister: true,
        addTypeVisible: false,
        registerType: 1,
        form: {
          phone: "",
          smsCode: "",
          sex: '',
          userName: "",
          password: "",
          passwordCheck: "",
          email: "",
        },
        rule: {
          phone: [
            { required: true, message: '请输入手机号', trigger: 'change' }
          ],
          smsCode: [
            { required: true, message: '请输入短信验证码', trigger: 'change' }
          ],
          sex: [
            { required: true, message: '请输入性别', trigger: 'change' }
          ],
          userName: [
            { required: true, message: '请输入联系人姓名', trigger: 'change' }
          ],
          password: [
            { required: true, message: '请输入设置密码', trigger: 'change' },
            { min: 8, max: 12, message: '密码长度必须在8到12个字符之间', trigger: 'blur' }
          ],
          passwordCheck: [
            { required: true, message: '请输入确认密码', trigger: 'change' }
          ],
          email: [
            { required: true, message: '请输入邮箱', trigger: 'change' },
            { type: 'email',  message: '请输入正确的邮箱格式', trigger: 'change' }
          ],
        },
        ruleForm: {
          companyName: "",
          creditCode: "",
          name: "",
          registeredDate: "",
          registeredCapital: "",
          registeredAddress: "",
          addressDetail: "",
          briefing: "",
          licenseUrl: '',
          catId:'',
          cardUrl: ''
        },
        rules: {
          companyName: [
            { required: true, message: '请输入公司名称', trigger: 'change' }
          ],
          creditCode: [
            { required: true, message: '请输入统一社会信用代码', trigger: 'change' }
          ],
          name: [
            { required: true, message: '请输入法定代表人', trigger: 'change' }
          ],
          registeredDate: [
            { required: true, message: '请输入成立日期', trigger: 'change' }
          ],
          registeredCapital: [
            { required: true, message: '请输入注册资本', trigger: 'change' }
          ],
          registeredAddress: [
            { required: true, message: '请选择企业注册地', trigger: 'change' }
          ],
          addressDetail: [
            { required: true, message: '请输入办公地址', trigger: 'change' }
          ],
          briefing: [
            { required: true, message: '请输入企业简介', trigger: 'change' }
          ],
          catId: [
            { required: true, message: '请输入供应商类型', trigger: 'change' }
          ],
          licenseUrl: [
            { required: true, message: '请上传营业执照', trigger: 'change' }
          ],
          cardUrl: [
            { required: true, message: '请上传身份证', trigger: 'change' }
          ],
          fileUrl: [
            { required: true, message: '请上传合作承诺函', trigger: 'change' }
          ],
        },
        phoneCodeTime: 60,
        codeShow: true,
        timer: null,
        activeName: '',
        typeList: [],
        typeListSearch:[],
        catIdName: '',
        filePlaceCodeList: '',
        typeSearch: '',
        typeListShow: false,
        dialogVisible: false,
        dialogVisible1: false,
      };
    },
    computed: {
    },
    mounted() {
      this.getCategoryList()
      this.addressListfn()
    },
    watch: {
      type(val) {
        this.cleardata()
      }
    },
    methods: {
      //获取手机验证码
      getPhoneCode() {
        var phone = this.form.phone, reg = /^[a-zA-Z0-9_]{11,11}$/;
        if (phone == "") {
          this.$message({
            message: '请先输入手机号',
            type: 'warning'
          });
          return
        } else if (!reg.test(phone)) {
          this.$message({
            message: '手机号输入有误',
            type: 'warning'
          });
          return;
        }
        if (!this.timer) {
          this.codeShow = false;
          this.phoneCodeTime = 60
          this.timer = setInterval(() => {
            if (this.phoneCodeTime > 0 && this.phoneCodeTime <= 60) {
              this.phoneCodeTime--;
            } else {
              this.codeShow = true;
              clearInterval(this.timer);
              this.timer = null;
            }
          }, 1000);
        }
        let param = {
          phone: this.form.phone,
        }
        checkUser(param).then(res => {
          //if (res.code == 200) {

          //}
        })
      },
      //用户信息
      userInfo(form) {
        this.$refs[form].validate((valid) => {
          if (valid) {
            if (this.form.password != this.form.passwordCheck) {
              this.$message({
                message: '两次密码输入不同',
                type: 'warning'
              });
              return false
            }
            let param = {phone:this.form.phone,code:this.form.smsCode}
            validateSmsCode(param).then(res => {
              if (res.code == 200) {
                //下一步
                this.registerType = 2
              } else {

                this.$message({
                  message: res.msg,
                  type: 'warning'
                });
                return false
              }
            })

          } else {
            return false;
          }
        });
      },
    //注册
      register(ruleForm) {
        this.$refs[ruleForm].validate((valid) => {
          if (valid) {
            if (!this.ruleForm.fileUrl) {
              this.$message.error('请上传合作承诺函');
              return false;
            }
            let param = { ...this.form, ...this.ruleForm };
            param.registeredDate = param.registeredDate.toLocaleString()
            console.log(param)
            register(param).then(res => {
              if (res.code == 200) {
            //注册成功
                this.registerType = 3
              }
            })
          } else {
            return false;
          }
        });

      },
      //获取全部类型
      getCategoryList() {
        let param = {
          name: ''
        }
      getCategoryList(param).then(res => {
        if (res.code == 200) {
          console.log(res)
          this.typeList = res.data
          this.activeName = res.data[0].children[0].name
          console.log(this.typeList)
        }
      })
      },

      //提交文件
      handleAvatarSuccess(res, file) {
        this.ruleForm.licenseUrl = res.url
        console.log(this.ruleForm.licenseUrl)
      },
      changeUpload: function (file) {

        //console.log('file2', file)
        //console.log('file1', this.ruleForm)
        let fileName = file.name;
        let regex = /(.jpg|.jpeg)$/
        if (regex.test(fileName.toLowerCase())) {
          this.ruleForm.licenseUrl = URL.createObjectURL(file.raw)
        }
        //let formData = new FormData();
        //formData.append("file", file.raw);
        //uploadFile(formData).then(res => {
        //      if (res.code == 200) {
        //    //注册成功
        //        this.registerType = 3
        //      }
        //    })
      },
      cardHandleAvatarSuccess(res, file) {
        this.ruleForm.cardUrl = res.url
      },
      cardChangeUpload: function (file) {
        let fileName = file.name;
        let regex = /(.jpg|.jpeg)$/
        if (regex.test(fileName.toLowerCase())) {
          this.ruleForm.cardUrl = URL.createObjectURL(file.raw)
        }
      },
      hezuoHandleAvatarSuccess(res, file) {
        this.ruleForm.fileUrl = res.url
      },
      hezuoChangeUpload: function (file) {
        let fileName = file.name;
        let wordReg = /^.+(\.doc|\.docx)$/
        if (wordReg.test(fileName.toLowerCase())) {
          this.ruleForm.fileUrl = URL.createObjectURL(file.raw)
        }
      },
      beforeAvatarUpload(file) {
        //console.log('file3', file)
        //console.log('file1', this.ruleForm)
        const isJPG = file.type === 'image/jpeg' || file.type === 'image/png' || file.type === 'image/gif'  ;

        //if (!(_imgType == '.jpg' || _imgType == '.jpeg' || _imgType == '.png' || _imgType == '.PNG' || _imgType == '.gif' || _imgType == '.GIF')) {
        //  this.$message.error(`图片格式仅支持.png、.jpg、.jpeg、.gif!`)
        //  return false
        //}
        const isLt2M = file.size / 1024 / 1024 < 2;

        //console.log(isJPG)
        if (!isJPG) {
          this.$message.error('上传图片只能是 png/jpg/gif 格式!');
        }
        if (!isLt2M) {
          this.$message.error('上传图片大小不能超过 2MB!');
        }
        return isJPG && isLt2M;
      },
      beforeAvatarUploadWord(file) {
        console.log('file3', file)
        //console.log('file1', this.ruleForm)
        const isJPG = file.type === 'application/vnd.openxmlformats-officedocument.wordprocessingml.document';
        const isLt2M = file.size / 1024 / 1024 < 2;

        //console.log(isJPG)
        if (!isJPG) {
          this.$message.error('上传文件只能是doc或者docx格式!');
        }
        if (!isLt2M) {
          this.$message.error('上文件大小不能超过 2MB!');
        }
        return isJPG && isLt2M;
      },
      httpRequest(param) {
        console.log(param)
        let fd = new FormData();
        fd.append('file', param.file); // 传文件

        uploadFile(fd).then(res => {
          if (res.code == 200) {
            this.ruleForm.licenseUrl = res.url
          }
        })
      },
      httpRequest1(param) {
        console.log(param)
        let fd = new FormData();
        fd.append('file', param.file); // 传文件

        uploadFile(fd).then(res => {
          if (res.code == 200) {
            this.ruleForm.cardUrl = res.url
          }
        })
      },
      httpRequest2(param) {
        console.log(param)
        let fd = new FormData();
        fd.append('file', param.file); // 传文件

        uploadFile(fd).then(res => {
          if (res.code == 200) {
            this.ruleForm.fileUrl = res.url
          }
        })
      },

      handleClick(tab, event) {
        console.log(tab, event);
      },
      //下载模板
      downloadFile() {
        let word = "https://gys-file.oss-cn-chengdu.aliyuncs.com/file/image/2022-11-11/%E4%BE%9B%E5%BA%94%E5%95%86%E6%89%BF%E8%AF%BA%E4%B9%A61668165098059.docx?Expires=4821765098&OSSAccessKeyId=LTAI5t87xwSHQUZPgAGgRG5x&Signature=bUeY5CzXM29S72Lb5j4lxkEc%2Fj0%3D"
        window.open(word, '_blank')
      },
      //获取选中类型名称
      getCatIdName(val, catId='') {
        console.log(val)
        this.catIdName = val
        if (catId) {
          this.ruleForm.catId = catId
        }
      },
      //获取地区
      addressListfn() {
        var str = [];
        for (let x = 0; x < 3; x++) {
          for (let i = 0; i < jsk_data.length; i++) {
            if (jsk_data[i].regionLevel == (x + 1) && (x + 1) == 1) {
              str.push({
                'id': jsk_data[i].id,
                "label": jsk_data[i].regionName,
                "short": jsk_data[i].short,
                "value": jsk_data[i].parentId,
                "children": []
              })
            } else if (jsk_data[i].regionLevel == (x + 1) && (x + 1) == 2) {
              for (let j = 0; j < str.length; j++) {
                if (str[j].id == jsk_data[i].parentId) {
                  str[j].children.push({
                    'id': jsk_data[i].id,
                    "label": jsk_data[i].regionName,
                    "short": jsk_data[i].short,
                    "value": jsk_data[i].parentId,
                    "children": []
                  })
                }
              }
            } else if (jsk_data[i].regionLevel == (x + 1) && (x + 1) == 3) {
              for (let j = 0; j < str.length; j++) {

                for (let k = 0; k < str[j].children.length; k++) {

                  if (str[j].children[k].id == jsk_data[i].parentId) {
                    // console.log(JSON.stringify(str));
                    str[j].children[k].children.push({
                      'id': jsk_data[i].id,
                      "label": jsk_data[i].regionName,
                      "short": jsk_data[i].short,
                      "value": jsk_data[i].parentId,
                      // "children":[]
                    })

                  }

                }

              }
            }
          }
        }
        //this.addressList = str;
        this.filePlaceCodeList = str;
        // console.log(JSON.stringify(str));
      },
      //获取搜索类型
      getTypeSearch() {
        let param = {
          name: this.typeSearch
        }
        getCategoryList(param).then(res => {
          if (res.code == 200) {
            this.typeListShow = true
            this.typeListSearch = res.data
          }
            
        })
      }
    },
  }
</script>

<style scoped lang="scss">
  .main {
    position: relative;
    height: 100%;
    width: 100%;
    .loginbox{
      margin-bottom: 24px;
      .logionhead {
        border-bottom: 1px solid #F0F0F0;
        text-align: center;
        margin-bottom: 32px;
        .title {
          font-size: 18px;
          color: #666;
          display: inline-block;
          margin: 0 20px;
          padding-bottom: 18px;
          cursor: pointer;
        }
        .title.on {
          color: #0081FF;
          position: relative;
        }
        .title.on::after {
          content: ' ';
          width: 42px;
          height: 3px;
          background: #0081FF;
          border-radius: 1px 1px 1px 1px;
          position: absolute;
          bottom: 0;
          margin-left: -21px;
          left: 50%;
        }
      }
    }
    .loginzc{
      font-size: 12px;
      margin-top: 24px;
      display: flex;
      justify-content: space-between;
      padding: 0 52px 32px;
      >p{
        line-height: 20px;
        color: #999999;
        cursor: pointer;
        >span{
          cursor: pointer;
          color: #0081ff;
        }
      }
    }
    .registration-head {
      position: absolute;
      width: 100vw;
      height: 75px;
      background: #FFFFFF;
    }

    .login-video {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;

      source {
        width: 100%;
        height: 100%;
      }
    }

    .bot {
      position: fixed;
      bottom: 0;
      left: 0;
    }

    .logo {
      position: absolute;
      left: 16px;
      top: 16px;
    }

    .righttop {
      position: absolute;
      right: 16px;
      top: 17px;
      z-index: 1;
    }

    .login {
      width: 426px;
      /*height: 451px;*/
      background: #FFFFFF;
      border-radius: 8px;
      opacity: 1;
      position: absolute;
      top: 50%;
      transform: translate(0,-50%);
      right: 61px;
      .logintop {
        position: absolute;
        left: 12px;
        top: 12px;
      }

      > h3 {
        font-size: 24px;
        font-weight: bold;
        color: #0081FF;
        text-align: center;
        margin-top: 60px;
        margin-bottom: 40px;
        line-height: 17px;
      }

      .inputs {
        margin-bottom: 24px;
        padding: 0 43px;

        ::v-deep .el-input__inner {
          width: 100%;
          height: 48px;
          border-radius: 8px;
          border: 1px solid #E3E3E3;
          text-indent: 16px;
          outline: none;
          font-size: 14px;
          padding: 0;
        }

        .hqyzm {
          position: relative;
          ::v-deep .el-input-group__append {
            cursor: pointer;
            width: 102px;
            padding: 0;
            display: block;
            position: absolute;
            top: 12px;
            right: 0;
            background: 0;
            border: 0;
            line-height: 24px;
            text-align: center;
            color: #0081ff;
            font-size: 14px;
            border-left: 1px solid #D8D8D8;
          }
        }
        input::-webkit-input-placeholder,
        textarea::-webkit-input-placeholder {
          color: #9E9E9E;
        }

        .small {
          width: 191px;
        }

        .login-code {
          float: right;
          width: 131px;
          height: 46px;
          background: #FFFFFF;
          border-radius: 8px;
          border: 1px solid #F1F1F1;
        }
      }

      .loginin {
        width: 340px;
        height: 48px;
        background: #0081FF;
        border-radius: 4px;
        margin: 0 auto;
        line-height: 48px;
        font-size: 16px;
        font-family: Microsoft YaHei-Bold, Microsoft YaHei;
        font-weight: bold;
        color: #FFFFFF;
        text-align: center;
      }

      .loginbot {
        position: absolute;
        bottom: 32px;
        left: 169px;
      }
    }
  }
  /*注册样式*/
  ::v-deep .el-dialog.registration {
    height: calc(100% - 132px);
    overflow-y: auto;
    overflow-x: hidden;


    .el-dialog__header {
      display: none;
    }

    .el-dialog__body {
      padding: 30px 0;

      .header {
        display: flex;
        justify-content: center;

        .el-steps {
          padding: 0;
          background: #FFFFFF;
          margin-left: -8px;

          .el-step__title {
            width: 226px;
            max-width: 226px;
            padding: 8px 0 8px 16px;
            background: #F2F2F2;
            height: 18px;
            font-size: 14px;
            font-weight: 400;
            color: #999999;
            line-height: 18px;
          }

          .el-step__title.is-finish {
            font-weight: bold;
            color: #FFFFFF;
            background: #0081FF;
          }

          .el-step__title::before, .el-step__title::after {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            width: 0;
            height: 0;
          }

          .el-step__title::before {
            left: 0;
            border-top: 17px solid transparent;
            border-left: 8px solid #FFFFFF;
            border-bottom: 17px solid transparent;
            z-index: 9;
          }


          .el-step__title::after {
            right: -8px;
            border-top: 17px solid transparent;
            border-left: 8px solid #F2F2F2;
            border-bottom: 17px solid transparent;
          }

          .el-step__title.is-finish::after {
            right: -8px;
            border-top: 17px solid transparent;
            border-left: 8px solid #0081FF;
            border-bottom: 17px solid transparent;
          }

          .el-step:first-child .el-step__title::before, .el-step:last-child .el-step__title::after {
            display: none;
          }

          .el-step.is-simple {
            .el-step__arrow {
              display: none;
            }
          }

          .el-step__icon.is-text {
            display: none;
          }
        }
      }

      .content {
        .el-form {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          width: 750px;
          margin: 24px auto;

          .el-form-item {
            margin-bottom: 16px;

            .send-email {
              position: absolute;
              right: 16px;
              padding: 0;
              padding-left: 16px;
              border-left: 1px solid #D8D8D8;
              margin: 12px 0;
            }
          }

          .el-input {
            width: 260px;

            input {
              height: 34px;
            }
          }

          .is-disabled .el-input__inner {
            background-color: #FFF !important;
            color: #606266;
          }

          .email-input .el-input {
            width: 668px;
          }
        }

        .form-title {
          width: 750px;
          height: 24px;
          font-size: 14px;
          font-weight: bold;
          color: #333333;
          line-height: 24px;
          margin: 24px auto;
        }

        .line-box {
          position: relative;
          width: 100vw;
          height: 1px;
          background: #EEEEEE;
        }

        .checkBtn {
          display: block;
          width: 178px;
          padding: 9px 20px;
          margin: 24px auto;
        }

        .agreement {
          width: 345px;
          height: 18px;
          font-size: 14px;
          color: #9E9E9E;
          line-height: 18px;
          margin: auto;
        }

        .company-detail {

          .el-input {
            width: 240px;
          }

          .upload-image {
            display: flex;
            flex-wrap: wrap;
            width: 300px;

            .el-form-item__label-wrap {
              margin-left: 0 !important;
            }

            .el-form-item__content {
              width: 287px;
              height: 176px;
              background: #F4F4F4;
              border-radius: 8px 8px 8px 8px;
              opacity: 1;
              border: 1px solid #DCDCDC;
              margin-left: 0 !important;

              .avatar-uploader {
                height: 100%;

                .el-upload {
                  width: 100%;
                  height: 100%;

                  div {
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: center;
                    margin-top: 46px;
                  }

                  img {
                    width: 56px;
                  }

                  p {
                    margin: 16px;
                    width: 100%;
                    height: 18px;
                    font-size: 14px;
                    color: #999999;
                    line-height: 18px;
                  }
                }

                .el-upload__tip {
                  height: 18px;
                  font-size: 14px;
                  color: #9E9E9E;
                  line-height: 18px;
                  margin-left: 7px;
                  margin-top: 16px;
                }
              }
            }
          }

          .left-title {
            .el-form-item__label-wrap {
              margin-left: 0 !important;
            }

            .el-form-item__content {
              margin-left: 79px !important;
            }
          }

          .more-left-title {
            .el-form-item__label-wrap {
              margin-left: -14px !important;
            }
          }

          .more-content-left-title {
            .el-form-item__content {
              margin-left: 100px !important;
            }
          }
        }

        .register-results {
          width: 480px;
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          justify-content: center;
          margin: 96px auto;

          img {
            width: 130px;
            height: 108px;
          }

          p {
            width: 100%;
            height: 21px;
            font-size: 16px;
            font-weight: bold;
            color: #333333;
            line-height: 21px;
            text-align: center;
            margin: 32px 0 24px;
          }

          span {
            height: 18px;
            font-size: 14px;
            font-weight: 400;
            color: #999999;
            line-height: 18px;
          }
        }
      }
    }
  }
  ::v-deep .el-dialog.registration-policy {
    .el-dialog__body {
      height: 567px;
      overflow-y: auto;
      padding: 16px 16px 3px;
      margin: 10px 16px 0;
      background: #F9F9F9;
    }

    .el-dialog__footer {
      text-align: left;

      .el-button {
        padding: 9px 20px;
      }
    }
  }
  ::v-deep .el-dialog.typeDialog {
    ul {
      margin: 0;
      padding: 0;
    }

    li {
      list-style: none
    }

    .el-dialog__header {
      display: none;
    }

    .el-dialog__body {
      padding: 16px 0;

      .title {
        padding: 0 0 16px 24px;
        display: flex;
        align-items: center;
        border-bottom: 1px solid #EEEEEE;

        span {
          height: 20px;
          font-size: 14px;
          color: #333333;
          line-height: 20px;
        }

        .el-input {
          width: 212px;
          margin-left: 18px;

          input {
            height: 34px;
          }
        }

        .typeList {
          position: absolute;
          top: 49px;
          left: 140px;
          background: #ffffff;
          border: 1px solid #eeeeee;
          /*padding: 0 16px;*/
          width: 212px;
          box-sizing: border-box;
          z-index: 9;
          height: 200px;
          overflow-y: auto;


          .typeRows {
            padding: 4px 16px;
            border-bottom: 1px solid #eeeeee;
            display: flex;
            flex-wrap: wrap;
            cursor: pointer;


            span {
              width: 100%;
            }
            /*
            span:first-child {
              margin-bottom: 2px;
            }*/

            span:last-child {
              color: #C0C4CC;
            }
          }

          .typeRows:hover {
            background: #eeeeee;
          }
        }
      }

      .content {
        padding: 0 24px;
        height: 500px;
        overflow-y: auto;

        .content-rows {
          .row-frist {
            height: 20px;
            font-size: 16px;
            font-weight: bold;
            color: #333333;
            line-height: 20px;
            display: block;
            margin-top: 24px;
          }
          /*  el-icon-caret-bottom*/
          .row-second {
            .el-tabs__active-bar {
              display: none;
            }

            .el-tabs__header {
              border: 0;
              margin: 24px 0 16px 0;
            }

            .el-tabs__nav {
              border: 0;
            }

            .el-tabs__item {
              padding: 0 16px 0 0;
              border: 0;
              height: 20px;
              font-size: 14px;
              line-height: 20px;

              .el-icon-caret-top, .el-icon-caret-bottom {
                margin-left: 11px;
              }
            }

            ul {
              padding: 24px 0 16px 0;
              display: flex;
              flex-wrap: wrap;
            }
          }

          .row-three {
            width: 694px;
            max-height: 268px;
            background: #FDFDFD;
            border-radius: 8px 8px 8px 8px;
            border: 1px solid #F3F3F3;
            overflow-y: auto;
            padding-bottom: 16px;

            ul {
              padding: 0;

              li {
                padding: 16px 0 0 16px;

                .el-radio__input {
                  display: none;
                }
              }
            }
          }
        }
      }
    }
  }
</style>
