登录页面制作及用户协议

src/router/index.js

@@ -10,6 +10,17 @@ const constantRouterMap = [
  { path: '/findPwd', component: () => import('@/views/logforms/findPwd') },
  { path: '/register', component: () => import('@/views/logforms/register') },
  { path: '/enterRegister', component: () => import('@/views/logforms/enteringRegister') },
  { path: '/inviteCodeLogin', component: () => import('@/views/logforms/inviteCodeLogin') },
  {
    path: '/userAgreement',
    component: Layout,
    children: [{
      path: '',
      component: () => import('@/views/logforms/userAgreement'),
      name: 'userAgreement',
      meta: { title: '用户协议' }
    }]
  },
  {
    path: '/',
    component: Layout,

src/views/logforms/enteringRegister.vue

@@ -17,9 +17,9 @@
            <el-input v-model="ruleForm.mail" placeholder="请输入短信验证码" class='codeWidth'></el-input>
            <el-button type="primary" class='codeWidth codeButton'>获取短信验证码</el-button>
          </el-form-item>
           <el-form-item>
             <i class="el-icon-check successSelect"></i><span class="protocol">我已阅读并同意<a href='#/loginPlat'>《邢台科技条件平台用户协议》</a></span>
           </el-form-item>
          <el-form-item>
            <i class="el-icon-check successSelect"></i><span class="protocol">我已阅读并同意<a href='#/userAgreement'>《邢台科技条件平台用户协议》</a></span>
          </el-form-item>
          <el-form-item>
            <el-button type="primary" :disabled="isDisabl" :loading="logining" @click="submitForm('ruleForm')">绑定</el-button>
          </el-form-item>
@@ -33,13 +33,9 @@
<script type="text/ecmascript-6">
  import httpUrl from '@/libs/http';
  import Captcha from './Captcha.vue';
  export default {
     data() {
      return {
        isActive: true,
        ActiveNumber: 1,
        activeName: 'second',
        logining: false,
        isDisabl: false,
        ruleForm: {
@@ -65,15 +61,6 @@
      this.$refs.obj.capShow();
    },
    methods: {
      panelSwitch(event) {
       if (event.target.className.includes('tablePanelActive')) {
         return;
       }
        this.isActive = !this.isActive;
      },
      handleClick(tab, event) {
        console.log(tab, event);
      },
      submitForm(formName) {
        this.$refs[formName].validate((valid) => {
          if (valid) {
@@ -115,14 +102,11 @@
            return false;
          }
        });
      },
      goBackPwd() {
        this.$router.push({path: '/findPwd'});
      }
    }
  };
</script>
<style lang="stylus" rel="stylesheet/stylus" scoped>
<style lang="scss" rel="stylesheet/scss" scoped>
  @import './style';
</style>

src/views/logforms/findPwd.vue

@@ -192,6 +192,6 @@
  };
</script>
<style lang="stylus" rel="stylesheet/stylus" scoped>
<style lang="scss" rel="stylesheet/scss" scoped>
  @import './style';
</style>

src/views/logforms/inviteCodeLogin.vue

@@ -0,0 +1,100 @@
<template>
  <div class="login">
    <div class="logo-wrapper"></div>
    <div class="form-wrapper">
      <div class="form-contain">
        <p class="form-title">登录</p>
        <ul class='table-panel'>
          <li class="table-panel-single"><a href="#/loginPlat">密码登录</a></li>
          <li class="table-panel-single tablePanelActive">邀请码登录</li>
        </ul>
        <el-form :model="ruleForm" :rules="rules" ref="ruleForm" class="demo-ruleForm">
          <el-form-item prop="mail">
            <el-input v-model="ruleForm.mail" placeholder="请输入邮箱地址"></el-input>
          </el-form-item>
          <el-form-item prop="pass">
            <el-input type="password" v-model="ruleForm.pass" placeholder="请输入邀请码" auto-complete="off"></el-input>
          </el-form-item>
          <el-form-item></el-form-item>
          <el-form-item>
            <el-button type="primary" :disabled="isDisabl" :loading="logining" @click="submitForm('ruleForm')">登录</el-button>
          </el-form-item>
        </el-form>
      </div>
    </div>
  </div>
</template>
<script type="text/ecmascript-6">
    import httpUrl from '@/libs/http';
    export default {
       data() {
        return {
          logining: false,
          isDisabl: false,
          ruleForm: {
            mail: '',
            pass: ''
          },
          rules: {
            mail: [
              { required: true, message: '请输入邮箱账号', trigger: 'blur' },
              { type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur'] }
            ],
            pass: [
              { required: true, message: '请输入登录密码', trigger: 'blur' },
              { min: 6, max: 24, message: '密码由6-24个字符组成，区分大小写', trigger: 'blur' }
            ]
          }
        };
      },
      methods: {
        submitForm(formName) {
          this.$refs[formName].validate((valid) => {
            if (valid) {
              this.logining = true;
              let paramsData = {
                'email': this.ruleForm.mail,
                'pw': this.ruleForm.pass
              };
              this.$axios.post(httpUrl.hQuery.sign.login, paramsData).then(res => {
                this.logining = false;
                console.log(res);
                if (res.success) {
                  this.$router.push({path: '/WorkHome'});
                } else {
                  let errorCode = [{
                    code: -600001,
                    msg: '用户不存在'
                  }, {
                    code: -600002,
                    msg: '密码不正确'
                  }, {
                    code: -600003,
                    msg: '平台信息不存在'
                  }, {
                    code: -600004,
                    msg: '用户被禁用'
                  }];
                  for (let i = 0; i < errorCode.length; i++) {
                    if (res.code === errorCode[i].code) {
                      this.$message.error(errorCode[i].msg);
                      return;
                    };
                  };
                }
              }).catch(error => {
                console.log(error);
              });
            } else {
              return false;
            }
          });
        }
      }
    };
  </script>
<style lang="scss" rel="stylesheet/scss" scoped>
  @import './style.scss';
</style>

src/views/logforms/loginPlat.vue

@@ -5,18 +5,15 @@
      <div class="form-contain">
        <p class="form-title">登录</p>
        <ul class='table-panel'>
          <li class="table-panel-single" v-bind:class="{ tablePanelActive: isActive }" @click="panelSwitch">密码登录</li>
          <li class="table-panel-single" v-bind:class="{ tablePanelActive: !isActive }" @click="panelSwitch">邀请码登录</li>
          <li class="table-panel-single tablePanelActive">密码登录</li>
          <li class="table-panel-single"><a href="#/inviteCodeLogin">邀请码登录</a></li>
        </ul>
        <el-form :model="ruleForm" :rules="rules" ref="ruleForm" class="demo-ruleForm">
          <el-form-item prop="phone">
            <el-input v-model="ruleForm.phone" placeholder="请输入手机号码"></el-input>
          </el-form-item>
          <el-form-item prop="mail">
            <el-input v-model="ruleForm.mail" placeholder="请输入邮箱账号"></el-input>
          </el-form-item>
          <el-form-item prop="pass">
            <el-input type="password" v-model="ruleForm.pass" placeholder="请输入登录密码" auto-complete="off"></el-input>
          <el-form-item prop="pw">
            <el-input type="password" v-model="ruleForm.pw" placeholder="请输入登录密码" auto-complete="off"></el-input>
          </el-form-item>
          <el-form-item></el-form-item>
          <el-form-item>
@@ -32,18 +29,14 @@
<script type="text/ecmascript-6">
  import httpUrl from '@/libs/http';
  export default {
     data() {
      return {
        isActive: true,
        ActiveNumber: 1,
        activeName: 'second',
        logining: false,
        isDisabl: false,
        ruleForm: {
          mail: '',
          pass: ''
          phone: '',
          pw: ''
        },
        rules: {
          mail: [
@@ -58,15 +51,6 @@
      };
    },
    methods: {
      panelSwitch(event) {
       if (event.target.className.includes('tablePanelActive')) {
         return;
       }
        this.isActive = !this.isActive;
      },
      handleClick(tab, event) {
        console.log(tab, event);
      },
      submitForm(formName) {
        this.$refs[formName].validate((valid) => {
          if (valid) {
@@ -116,27 +100,6 @@
  };
</script>
<style lang="stylus" rel="stylesheet/stylus" scoped>
  @import './style';
    .table-panel
      border-bottom: 2px solid #ebebeb
      margin-bottom: 15px
      overflow: hidden
      .table-panel-single
        height: 40px
        line-height: 40px
        font-size: 14px
        font-weight: 500
        color: #303133
        cursor: pointer
        display: inline-block
        &:nth-child(2)
          float: right
        &:hover
          color: #409eff
      .tablePanelActive
        border-bottom: 2px solid #409eff
        color: #409eff
    .registerButton
      float: right
<style lang="scss" rel="stylesheet/scss" scoped>
  @import './style.scss';
</style>

src/views/logforms/register.vue

@@ -122,6 +122,6 @@
  };
</script>
<style lang="stylus" rel="stylesheet/stylus" scoped>
<style lang="scss" rel="stylesheet/scss" scoped>
  @import './style';
</style>

src/views/logforms/style.scss

@@ -0,0 +1,134 @@
.login {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  @include bg-image('./img/e-sign-on_bg_img_nor.png');
  background-position: 0 bottom;
  .logo-wrapper {
    display: block;
    position: absolute;
    top: 30px;
    left: 30px;
    height: 64px;
    width: 292px;
    @include bg-image('./img/e-sign-on_bg_logo_nor.png');
  }
  .form-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    .form-contain {
      width: 420px;
      background-color: #fff;
      padding: 30px 20px;
      @include border-radius();
      .form-title {
        font-size: 22px;
        line-height: 36px;
        color: $mainColor;
        text-align: center;
      }
      .table-panel {
        border-bottom: 2px solid $borderColor;
        margin-bottom: 15px;
        overflow: hidden;
        .table-panel-single {
          height: 40px;
          line-height: 40px;
          font-size: 14px;
          font-weight: 500;
          color: $commonFont;
          cursor: pointer;
          display: inline-block;
          &:nth-child(2) {
            float: right;
          }
          &:hover {
            color: $mainColor;
          }
        }
        .tablePanelActive {
          border-bottom: 2px solid $mainColor;
          color: $mainColor;
        }
      }
      .el-button--primary {
        width: 100%;
      }
      .codeWidth {
        width: 65%;
        float: left;
      }
      .codeButton {
        width: 30%;
        margin-left: 20px;
      }
      .successSelect {
        display: inline-block;
        width: 15px;
        height: 15px;
        background-color: $mainColor;
        color: #fff;
        margin-right: 15px;
      }
      .protocol {
        font-size: 14px;
        a {
          color: $mainColor;
        }
      }
      .promptText {
        text-align: center;
        font-size: 14px;
        margin: 20px 0;
        color: $commonFont;
      }
      .existing-account {
        text-align: right;
        float: right;
        a {
          color: $mainColor;
          margin-left: 15px;
        }
      }
    }
  }
  .step-wrapper {
    margin-bottom: 30px;
    .el-step__head.is-process {
      color: $mainColor;
      border-color: $mainColor;
    }
    .el-step__title.is-process {
      color: $mainColor;
    }
    .el-step__description.is-process {
      color: $mainColor;
    }
  }
  .step-contain {
    text-align: center;
    .textButton-box {
      height: 60px;
      .textButton {
        position: absolute;
        left: 0;
      }
    }
    .importTip {
      font-size: 18px;
      margin: 10px 0;
    }
    .mainTip {
      color:$mainColor;
    }
    .smallTip {
      color: $secondaryFont;
      line-height: 16px;
      font-size: 13px;
    }
  }
}

src/views/logforms/style.styl

@@ -1,88 +0,0 @@
.login 
  position:relative
  width:100%
  height: 100%
  overflow: hidden
  bg-image('./img/e-sign-on_bg_img_nor.png')
  background-position: 0 bottom
  background-size:cover
  .logo-wrapper
    display:block
    position:absolute
    top:30px
    left:30px
    height:64px
    width:292px
    bg-image('./img/e-sign-on_bg_logo_nor.png')
    background-size:cover
  .form-wrapper
    width:100%
    height:100%
    display:flex
    justify-content: center
    align-items: center
    .form-contain
      width:420px
      background:#fff
      padding:30px 20px
      border-radius()
      .form-title
        font-size: 22px
        line-height: 36px
        color:$mainColor
        text-align:center
      .el-button--primary
        width:100%
      .codeWidth
        width: 65%
        float: left
      .codeButton
        width: 30%
        margin-left: 20px
      .successSelect
        display: inline-block
        width: 15px
        height: 15px
        background-color: #409eff
        color: #fff
        margin-right: 15px
      .protocol
        font-size: 14px
        a
          color: #409eff
      .promptText
        text-align: center
        font-size: 14px
        margin: 20px 0
        color: #606266
      .existing-account
        text-align: right
        a
          color: #409eff
          margin-left: 15px
  .step-wrapper
    margin-bottom:30px
    .el-step__head.is-process
      color: $mainColor
      border-color: $mainColor
    .el-step__title.is-process
      color: $mainColor
    .el-step__description.is-process
      color: $mainColor
  .step-contain
    text-align:center
    .textButton-box
      height:60px
      .textButton
        position:absolute
        left:0
    .importTip
      font-size: 18px
      margin: 10px 0
    .mainTip
      color:$mainColor
    .smallTip
      color:$secondaryFont
      line-height:16px
      font-size:13px

src/views/logforms/userAgreement.vue

@@ -0,0 +1,231 @@
<template>
  <div class="protocolBox">
    <p class="introduction">邢台科技条件平台网（以下简称“本网站”）依据《邢台科技条件平台服务协议》（以下简称“本协议”）的规定提供服务，本协议具有合同效力。用户注册时，请您认真阅读本协议，审阅并接受或不接受本协议（未成年人应在法定监护人陪同下审阅）。</p>
    <p class="introduction">若您已经注册为本网站用户，即表示您已充分阅读、理解并同意自己与本网站订立本协议，且您自愿受本协议的条款约束。本网站有权随时变更本协议并在本网站上予以公告。经修订的条款一经在本网站的公布后，立即自动生效。如您不同意相关变更，必须停止使用本网站。本协议内容包括协议正文及所有本网站已经发布的各类规则。所有规则为本协议不可分割的一部分，与本协议正文具有同等法律效力。一旦您继续使用本网站，则表示您已接受并自愿遵守经修订后的条款。</p>
    <div class="listDiscussion">
      <div>
        <h2>第一条<span>用户资格</span></h2>
        <ul>
          <li>
            1、只有符合下列条件之一的自然人或法人才能申请成为本网站用户，可以使用本网站的服务：
            <dl>
              <dd>A、年满十八岁，并具有民事权利能力和民事行为能力的自然人；</dd>
              <dd>B、无民事行为能力人或限制民事行为能力人应经过其监护人的同意；</dd>
              <dd>C、根据中国法律、法规、行政规章成立并合法存在的机关、企事业单位、社团组织和其他组织。无法人资格的单位或组织不能注册为本网站用户的，其与本网站之间的协议自始无效，本网站一经发现，有权立即终止对该用户的服务，并追究其使用本网站服务的一切法律责任。</dd>
            </dl>
          </li>
          <li>2、用户需要提供明确的联系地址和联系电话，并提供真实姓名或名称。</li>
          <li>3、本网站用户须承诺遵守法律法规、社会主义制度、国家利益、公民合法权益、公共秩序、社会道德风尚和信息真实性。</li>
        </ul>
      </div>
      <div>
        <h2>第二条<span>用户的权利和义务</span></h2>
        <ul>
          <li>1、用户有权根据本协议及本网站发布的相关规则，利用本网站发布需求信息、查询用户信息、参与需求投标，在本网站社区及相关产品发布信息，参加本网站的有关活动及有权享受本网站提供的其他有关资讯及信息服务。</li>
          <li>2、用户须自行负责自己的用户账号和密码，且须对在用户账号密码下发生的所有活动（包括但不限于发布需求信息、网上点击同意各类协议、规则、参与需求投标等）承担责任。用户有权根据需要更改登录和账户提现密码。因用户的过错导致的任何损失由用户自行承担，该过错包括但不限于：不按照交易提示操作，未及时进行交易操作，遗忘或泄漏密码，密码被他人破解，用户使用的计算机被他人侵入。</li>
          <li>3、用户应当向本网站提供真实准确的注册信息，包括但不限于真实姓名、身份证号、联系电话、地址、邮政编码等。保证本网站可以通过上述联系方式与自己进行联系。同时，用户也应当在相关资料实际变更时及时更新有关注册资料。</li>
          <li>
            4、用户在本网站注册的账号名称，不得有下列情形：
            <dl>
              <dd>（1）违反宪法或法律法规规定的；</dd>
              <dd>（2）危害国家安全，泄露国家秘密，颠覆国家政权，破坏国家统一的；</dd>
              <dd>（3）损害国家荣誉和利益的，损害公共利益的；</dd>
              <dd>（4）煽动民族仇恨、民族歧视，破坏民族团结的；</dd>
              <dd>（5）破坏国家宗教政策，宣扬邪教和封建迷信的；</dd>
              <dd>（6）散布谣言，扰乱社会秩序，破坏社会稳定的；</dd>
              <dd>（7）散布淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪的；</dd>
              <dd>（8）侮辱或者诽谤他人，侵害他人合法权益的；</dd>
              <dd>（9）含有法律、行政法规禁止的其他内容的。</dd>
            </dl>
          </li>
          <li>5、用户不得以虚假信息骗取账号名称注册，或其账号头像、简介等注册信息存在违法和不良信息。</li>
          <li>6、用户不得冒用、关联机构或社会名人注册账号名称。</li>
          <li>7、用户不得以任何形式擅自转让或授权他人使用自己在本网站的用户帐号（实名认证通过后，不能进行变更）。</li>
          <li>8、用户有义务确保在本网站上发布的需求信息真实、准确，无误导性。</li>
          <li>9、用户在本网站上发布需求和在社区内及相关产品发布信息，不得违反国家法律、法规、行政规章的规定，不得侵犯他人知识产权或其他合法权益的信息，不得违背社会公共利益或公共道德，不得违反猪本网站的相关规定。</li>
          <li>10、用户在本网站交易中应当遵守诚实信用原则，不得以干预或操纵发布需求等不正当竞争方式扰乱网上交易秩序，不得从事与网上交易无关的不当行为。</li>
          <li>11、用户不应采取不正当手段（包括但不限于虚假需求、互换好评等方式）提高自身或他人信用度，或采用不正当手段恶意评价其他用户，降低其他用户信用度。</li>
          <li>12、用户承诺自己在使用本网站实施的所有行为遵守法律、法规、行政规章和本网站的相关规定以及各种社会公共利益或公共道德。如有违反导致任何法律后果的发生，用户将以自己的名义独立承担相应的法律责任。</li>
          <li>13、未经本网站书面允许，用户不得将本网站的任何资料以及在交易平台上所展示的任何信息作商业性利用（包括但不限于以复制、修改、翻译等形式制作衍生作品、分发或公开展示）。</li>
          <li>
            14、用户不得使用以下方式登录网站或破坏网站所提供的服务：
            <dl>
              <dd>A、以任何机器人软件、蜘蛛软件、爬虫软件、刷屏软件或其它自动方式访问或登录本网站；</dd>
              <dd>B、通过任何方式对本公司内部结构造成或可能造成不合理或不合比例的重大负荷的行为；</dd>
              <dd>C、通过任何方式干扰或试图干扰网站的正常工作或网站上进行的任何活动。</dd>
            </dl>
          </li>
          <li>15、用户同意接收来自本网站的信息，包括但不限于活动信息、交易信息、促销信息等</li>
        </ul>
      </div>
      <div>
        <h2>第三条<span>邢台科技条件平台的权利和义务</span></h2>
        <ul>
          <li>1、 作为交流与合作平台，本网站不直接参与用户之间的交流与合作。基于纠纷、技术原因等因素，本网站保有复制、审查交流与合作过程及内容的权利。</li>
          <li>2、本网站有义务在现有技术水平的基础上努力确保整个网上交流平台的正常运行，尽力避免服务中断或将中断时间限制在最短时间内，保证用户网上交流活动的顺利进行。</li>
          <li>3、本网站有义务对用户在注册使用本网站信息平台中所遇到的与交易或注册有关的问题及反映的情况及时作出回复。</li>
          <li>4、本网站有权对用户的注册资料进行审查，对存在任何问题或怀疑的注册资料，本网站有权发出通知询问用户并要求用户做出解释、改正。</li>
          <li>5、用户因在本网站网上与其他用户产生纠纷的，用户将纠纷告知本网站，或本网站知悉纠纷情况的，经审核后，本网站有权通过电子邮件及电话联系向纠纷双方了解纠纷情况，并将所了解的情况通过电子邮件互相通知对方；用户通过司法机关依照法定程序要求本网站提供相关资料，本网站将积极配合并提供有关资料。</li>
          <li>
            6、本网站不对以下结果进行保证：
            <dl>
              <dd>1）不保证各平台上任何用户所提供资料的真实、准确、安全、合法等问题，由此引发的纠纷，用户自行承担风险；</dd>
              <dd>2）本网站所承载的内容均为传播资讯目的，不对其真实性、科学性、严肃性做任何形式保证；</dd>
              <dd>3）本网站不保证专家所提供服务的意愿和能力，以及是否适用于企业的实际需求；</dd>
              <dd>4）本网站不保证企业用户对于专家服务的满意度，以及企业用户对于专家的反馈及评价；</dd>
              <dd>5）因企业用户对专家服务质量不满所引起的任何纠纷，本网站对此不负有任何赔偿责任。</dd>
              <dd>6）为便于用户的交流与合作，本网站有义务维护平台服务的正常运行，提升及改进技术。</dd>
              <dd>7）根据国家法律、法规、行政规章规定、本协议的内容和本网站所掌握的事实依据，可以认定该用户存在违法或违反本协议行为以及在本网站交易平台上的其他不当行为，本网站有权无需征得用户的同意在本网站交易平台及所在网站上以网络发布形式公布该用户的违法行为，并有权随时作出删除相关信息、终止服务提供等处理。</dd>
            </dl>
          </li>
        </ul>
      </div>
      <div>
        <h2>第四条<span>服务的中断和终止</span></h2>
        <ul>
          <li>1、本网站可自行全权决定以任何理由(包括但不限于本网站认为用户已违反本协议及相关规则的字面意义和精神，或用户在超过180日内未登录本网站等)终止对用户的服务，并有权在两年内保存用户在本网站的全部资料（包括但不限于用户信息、产品信息、等）。同时本网站可自行全权决定，在发出通知或不发出通知的情况下，随时停止提供全部或部分服务。服务终止后，本网站没有义务为用户保留原账户中或与之相关的任何信息，或转发任何未曾阅读或发送的信息给用户或第三方。</li>
          <li>
            2、若用户申请终止本网站服务，需经本网站审核同意，方可解除与本网站的协议关系，但本网站仍保留下列权利：
            <dl>
              <dd>A、本网站有权在法律、法规、行政规章规定的时间内保留该用户的资料，包括但不限于以前的用户资料等；</dd>
              <dd>B、若终止服务之前，该用户在本网站平台上存在违法行为或违反本协议的行为，本网站仍可行使本协议所规定的权利。</dd>
            </dl>
          </li>
          <li>
            3、用户存在下列情况，本网站可以终止向该用户提供服务：
            <dl>
              <dd>A、在用户违反本协议及相关规则规定时，本网站有权终止向该用户提供服务。本网站将在中断服务时通知用户。但该用户在被本网站终止提供服务后，再一次直接或间接或以他人名义注册为本网站用户的，本网站有权再次单方面终止为该用户提供服务；</dd>
              <dd>B、本网站发现用户注册资料中主要内容是虚假的，本网站有权随时终止为该用户提供服务；</dd>
              <dd>C、本协议终止或更新时，用户未确认新的协议的；</dd>
              <dd>D、其它本网站认为需终止服务的情况。</dd>
            </dl>
          </li>
        </ul>
      </div>
      <div>
        <h2>第五条<span>本网站的责任范围</span></h2>
        <p>当用户接受该协议时，用户应当明确了解并同意：</p>
        <ul>
          <li>
            1、本网站不能随时预见到任何技术上的问题或其他困难。该等困难可能会导致数据损失或其他服务中断。本网站是在现有技术基础上提供的服务。本网站不保证以下事项：
            <dl>
              <dd>A、本网站将符合所有用户的要求；</dd>
              <dd>B、本网站不受干扰、能够及时提供、安全可靠或免于出错；</dd>
              <dd>C、本服务使用权的取得结果是正确或可靠的。</dd>
            </dl>
          </li>
          <li>2、是否经由本网站下载或取得任何资料，由用户自行考虑、衡量并且自负风险，因下载任何资料而导致用户电脑系统的任何损坏或资料流失，用户应负完全责任。希望用户在使用本网站时，小心谨慎并运用常识。</li>
          <li>3、用户经由本网站取得的建议和资讯，无论其形式或表现，绝不构成本协议未明示规定的任何保证。</li>
          <li>
            4、基于以下原因而造成的利润、商誉、使用、资料损失或其它无形损失，本网站不承担任何直接、间接、附带、特别、衍生性或惩罚性赔偿（即使本网站已被告知前款赔偿的可能性）：
            <dl>
              <dd>A、本网站的使用或无法使用；</dd>
              <dd>B、用户的传输或资料遭到未获授权的存取或变更；</dd>
              <dd>C、本网站中任何第三方之声明或行为；</dd>
              <dd>D、本网站在服务交易中为用户提供交易机会，推荐交易方；</dd>
              <dd>E、本网站其它相关事宜。</dd>
            </dl>
          </li>
          <li>5、本网站只是为用户提供一个服务的平台，对于用户所发布的需求的合法性、真实性及其品质，以及用户履行的能力等，本网站一律不负任何担保责任。</li>
          <li>6、本网站提供与其它互联网上的网站或资源的链接，用户可能会因此连结至其它运营商经营的网站，但不表示本网站与这些运营商有任何关系。其它运营商经营的网站均由各经营者自行负责，不属于本网站控制及负责范围之内。对于存在或来源于此类网站或资源的任何内容、广告、物品或其它资料，本网站亦不予保证或负责。因使用或依赖任何此类网站或资源发布的或经由此类网站或资源获得的任何内容、物品或服务所产生的任何损害或损失，本网站不负任何直接或间接的责任。</li>
        </ul>
      </div>
      <div>
        <h2>第六条<span>知识产权</span></h2>
        <ul>
          <li>1、本网站及本网站所使用的任何相关软件、程序、内容，包括但不限于作品、图片、档案、资料、网站构架、网站版面的安排、网页设计、经由本网站或广告商向用户呈现的广告或资讯，均由本网站或其它权利人依法享有相应的知识产权，包括但不限于著作权、商标权、专利权或其它专属权利等，受到相关法律的保护。未经本网站或权利人明示授权，用户保证不修改、出租、出借、出售、散布本网站及本网站所使用的上述任何资料和资源，或根据上述资料和资源制作成任何种类产品。</li>
          <li>2、本网站授予用户不可转移及非专属的使用权，使用户可以通过单机计算机使用本网站的目标代码（以下简称“软件”），但用户不得且不得允许任何第三方复制、修改、创作衍生作品、进行还原工程、反向组译，或以其它方式破译或试图破译源代码，或出售、转让“软件”或对“软件”进行再授权，或以其它方式移转“软件”之任何权利。用户同意不以任何方式修改“软件”，或使用修改后的“软件”。</li>
          <li>3、用户不得经由非本网站所提供的界面使用本网站。</li>
        </ul>
      </div>
      <div>
        <h2>第七条<span>隐私权</span></h2>
        <ul>
          <li>
            1、信息使用
            <dl>
              <dd>A、本网站不会向任何人出售或出借用户的个人或法人信息，除非事先得到用户得许可；</dd>
              <dd>B、本网站亦不允许任何第三方以任何手段收集、编辑、出售或者无偿传播用户的个人或法人信息。任何用户如从事上述活动，一经发现，本网站有权立即终止与该用户的服务协议，查封其账号。</dd>
            </dl>
          </li>
          <li>
            2、信息披露
            <p>用户的个人或法人信息将在下述情况下部分或全部被披露：</p>
            <dl>
              <dd>A、经用户同意，向第三方披露；</dd>
              <dd>B、用户在使用本网站过程中涉及到知识产权类纠纷，有他方主张权利的，本网站在审核主张方提交的资料后认为披露用户信息有助于纠纷解决的；</dd>
              <dd>C、根据法律的有关规定，或者行政、司法机关的要求，向第三方或者行政、司法机关披露；</dd>
              <dd>D、若用户出现违反中国有关法律或者网站规定的情况，需要向第三方披露；</dd>
              <dd>E、为提供你所要求的产品和服务，而必须和第三方分享用户的个人或法人信息；</dd>
              <dd>F、为保护您、我们的其他用户或我们的关联方的合法权益，我们可能将您的个人信息用于预防、发现、调查以下事项：欺诈、危害安全、违法或违反与我们或其关联方协议、政策或规则的行为；</dd>
              <dd>G、在遵循隐私权保护以及其他相应的保密安全措施的前提下，允许我们将您的个人信息提供给相关合作方，让其根据我方指令处理相关信息；</dd>
              <dd>
                H、其它本网站根据法律或者网站规定认为合适的披露。
                <p>若您不同意以上内容，请立即停止使用网平台服务。</p>
                <p>用户或者第三方申请本网站披露其他用户信息的，本网站有权视实际情况要求申请人出具申请书，申请书内容应包含申请披露的信息范围、用途及使用承诺等内容。</p>
              </dd>
            </dl>
          </li>
          <li>
            3、信息安全
            <dl>
              <dd>A、在使用本网站服务进行网上交易时，请用户妥善保护自己的个人或法人信息，仅在必要的情形下向他人提供；</dd>
              <dd>B、如果用户发现自己的个人或法人信息泄密，尤其是用户账户及密码发生泄露，请用户立即联络本网站客服，以便我们采取相应措施。</dd>
            </dl>
          </li>
        </ul>
      </div>
      <div>
        <h2>第八条<span>不可抗力</span></h2>
        <p class="proEight">因不可抗力或者其他意外事件，使得本协议的履行不可能、不必要或者无意义的，双方均不承担责任。本合同所称之不可抗力意指不能预见、不能避免并不能克服的客观情况，包括但不限于战争、台风、水灾、火灾、雷击或地震、罢工、暴动、法定疾病、黑客攻击、网络病毒、电信部门技术管制、政府行为或任何其它自然或人为造成的灾难等客观情况。</p>
      </div>
      <div>
        <h2>第九条<span>保密</span></h2>
        <p class="proEight">用户保证在使用本网站过程中所获悉的属于本网站及他方的且无法自公开渠道获得的文件及资料（包括但不限于商业秘密、公司计划、运营活动、财务信息、技术信息、经营信息及其他商业秘密）予以保密。未经该资料和文件的原提供方同意，用户不得向第三方泄露该商业秘密的全部或者部分内容。但法律、法规、行政规章另有规定或者双方另有约定的除外。</p>
      </div>
      <div>
        <h2>第十条<span>其他</span></h2>
        <ul>
          <li>1、本网站在此明确，平台目前仅支持中文语种，对于其他语种的相关功能及需求暂不支持。鼓励并支持用户使用中文参与平台各类活动、使用平台各类功能，实现共享知识经济的良好初衷。</li>
          <li>2、 如您在中国大陆以外的国家或地区访问或使用本网站、您将有责任严格遵守所在国家或地区内有关在线行为和可接受内容的法律规制。</li>
          <li>3、本协议下的服务之所有权、运作权和一切解释权归本网站所有。本网站公司有权在必要时修改并更新用户协议，并通过网站或者移动客户端发布修改、变更消息，且不再另行通知。如果在修改更新生效后用户继续使用服务，则视为您接受用户协议的变动并遵守最新用户协议。</li>
        </ul>
      </div>
    </div>
  </div>
</template>
<style lang="scss" rel="stylesheet/scss" scoped>
  .protocolBox {
    font-size: 14px;
    margin-bottom: 15px;
    color: $mainFont;
    .introduction {
      line-height: 25px;
      margin: 10px;
      text-indent: 2em;
    }
    .listDiscussion div {
      margin-bottom: 10px;
      .proEight {
        margin: 10px 0 0 10px;
        line-height: 25px;
      }
      h2 {
        font-size: 14px;
        font-weight: 700;
        span {
          margin-left: 10px;
        }
      }
      ul {
        margin: 10px 0 0 10px;
        line-height: 25px;
        li
          dl {
            margin: 0 0 0 15px;
          }
      }
    }
  }
</style>