登录

src/api/common.js

@@ -597,6 +597,16 @@ export const HttpReq = {
         return res
       })
     },
+    // 请求短信验证
+    sendSmsCode: function(data) {
+      return request({
+        url: '/api/bsw/bigScreen/personalCenter/sendSmsCode',
+        method: 'post',
+        data: data
+      }).then((res) => {
+        return res
+      })
+    },
     id: null
   }
 }

src/api/login.js

 import request from '@/utils/request'
 
-export function login(username, password, code, uuid) {
+export function login(username, password, code, uuid, smsCode) {
   return request({
     url: 'auth/login',
     method: 'post',
@@ -8,7 +8,8 @@ export function login(username, password, code, uuid) {
       username,
       password,
       code,
-      uuid
+      uuid,
+      smsCode
     }
   })
 }

src/store/modules/user.js

@@ -30,7 +30,7 @@ const user = {
     Login({ commit }, userInfo) {
       const rememberMe = userInfo.rememberMe
       return new Promise((resolve, reject) => {
-        login(userInfo.username, userInfo.password, userInfo.code, userInfo.uuid).then(res => {
+        login(userInfo.username, userInfo.password, userInfo.code, userInfo.uuid, userInfo.smsCode).then(res => {
           setToken(res.token, rememberMe)
           commit('SET_TOKEN', res.token)
           setUserInfo(res.user, commit)

src/views/homepage/login.vue

@@ -37,8 +37,8 @@
               <img :src="codeUrl" @click="getCode">
             </div>
           </el-form-item>
-          <el-form-item v-show="mode!==1" prop="sms">
-            <el-input v-model="loginForm.sms" size="medium" auto-complete="off" placeholder="短信验证码" style="width: 70%" @keyup.enter.native="handleLogin">
+          <el-form-item v-show="mode!==1" prop="smsCode">
+            <el-input v-model="loginForm.smsCode" size="medium" auto-complete="off" placeholder="短信验证码" style="width: 70%" @keyup.enter.native="handleLogin">
               <svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon" />
             </el-input>
             <div class="login-code">
@@ -66,14 +66,15 @@
               <span class="underline touch" @click="changeMode(1)">使用已有账号登录</span>
             </div>
             <div style="padding: 10px 0;">
-              <el-checkbox v-model="loginForm.rememberMe" style="margin:0;opacity:0.8" />
-              <div class="login-agreement"><span class="touch">阅读并接受《中国基建传感器网用户协议》及《中国基建传感器网隐私权保护声明》</span></div>
+              <el-checkbox v-model="loginForm.agreement" style="margin:0;opacity:0.8" />
+              <div class="login-agreement"><span style="opacity:0.8">阅读并接受</span><span class="touch" @click="openView(1)">《中国基建传感器网用户协议》</span><span style="opacity:0.8">及</span><span class="touch" @click="openView(3)">《中国基建传感器网隐私权保护声明》</span></div>
             </div>
           </el-form-item>
         </el-form>
       </div>
     </div>
     <home-footer ref="homeFooter" />
+    <user-agreement ref="userAgreement" />
   </div>
 </template>
 
@@ -87,9 +88,11 @@ import titleMenus from './components/titleMenus'
 import userLogin from './components/userLogin'
 import languageSetting from './components/languageSetting'
 import homeFooter from './components/homeFooter'
+import { HttpReq } from '@/api/common'
+import userAgreement from './userAgreement'
 
 export default {
-  components: { titleMenus, userLogin, languageSetting, homeFooter },
+  components: { titleMenus, userLogin, languageSetting, homeFooter, userAgreement },
   data() {
     const validateMobile = (rule, value, callback) => {
       if (value === 'admin') {
@@ -137,15 +140,16 @@ export default {
         username: '',
         password: '',
         rememberMe: false,
+        agreement: true,
         code: '',
-        sms: '',
+        smsCode: '',
         uuid: ''
       },
       loginRules: {
         username: [{ required: true, trigger: 'blur', message: '手机号不能为空' }, { validator: validateMobile, trigger: 'blur' }],
         password: [{ validator: validatePass, trigger: 'blur' }],
         code: [{ validator: validateCode, trigger: 'change' }],
-        sms: [{ validator: validateSms, trigger: 'change' }]
+        smsCode: [{ validator: validateSms, trigger: 'change' }]
       },
       loading: false,
       redirect: undefined
@@ -182,12 +186,21 @@ export default {
     }
   },
   methods: {
+    openView(item) {
+      this.$refs.userAgreement.loadData(item)
+    },
     changeMode(mode) {
       this.mode = mode
       if (mode === 1) {
         this.title = '登录'
+        this.loginForm.password = ''
+        this.loginForm.code = ''
+        this.loginForm.smsCode = ''
       } else if (mode === 2) {
         this.title = '快捷登录'
+        this.loginForm.password = ''
+        this.loginForm.code = ''
+        this.loginForm.smsCode = ''
       } else {
         this.title = '注册'
       }
@@ -196,16 +209,34 @@ export default {
       if (this.timer && this.smsTime) {
         return
       }
-      this.smsBtn = '短信已发送'
-      this.smsTime = 30
-      this.timer = setInterval(() => {
-        this.smsTime--
-        if (this.smsTime === 0) {
-          clearInterval(this.timer)
-          this.timer = null
-          this.smsBtn = '短信获取验证码'
+      if (!this.loginForm.username) {
+        return this.$notify({
+          message: '请输入手机号！',
+          type: 'warning',
+          duration: 5000
+        })
+      }
+      HttpReq.webClientApi.sendSmsCode({
+        tel: this.loginForm.username
+      }).then((res) => {
+        this.$notify({
+          title: res.msg,
+          type: 'success',
+          duration: 2500
+        })
+        if (res.code === 200) {
+          this.smsBtn = '短信已发送'
+          this.smsTime = 30
+          this.timer = setInterval(() => {
+            this.smsTime--
+            if (this.smsTime === 0) {
+              clearInterval(this.timer)
+              this.timer = null
+              this.smsBtn = '短信获取验证码'
+            }
+          }, 1000)
         }
-      }, 1000)
+      })
     },
     getCode() {
       getCodeImg().then(res => {
@@ -224,7 +255,10 @@ export default {
         username: username === undefined ? this.loginForm.username : username,
         password: password,
         rememberMe: rememberMe === undefined ? false : Boolean(rememberMe),
-        code: ''
+        code: '',
+        agreement: true,
+        smsCode: '',
+        uuid: ''
       }
     },
     handleRegister() {
@@ -234,7 +268,7 @@ export default {
           password: this.loginForm.password,
           rememberMe: this.loginForm.rememberMe,
           code: this.loginForm.code,
-          sms: this.loginForm.sms,
+          smsCode: this.loginForm.smsCode,
           uuid: this.loginForm.uuid
         }
         if (user.password !== this.cookiePass) {
@@ -271,7 +305,7 @@ export default {
           password: this.loginForm.password,
           rememberMe: this.loginForm.rememberMe,
           code: this.loginForm.code,
-          sms: this.loginForm.sms,
+          smsCode: this.loginForm.smsCode,
           uuid: this.loginForm.uuid
         }
         if (user.password !== this.cookiePass) {

src/views/homepage/userAgreement.vue

+<template>
+  <!-- 表单渲染 -->
+  <el-dialog append-to-body :close-on-click-modal="false" :show-close="false" :title="title" :visible="visible" width="50%" top="10vh">
+    <el-input
+      v-model="content"
+      type="textarea"
+      resize="none"
+      :readonly="true"
+      :autosize="{ minRows: 32, maxRows: 32}"
+    />
+    <div slot="footer" class="dialog-footer" style="text-align: center">
+      <el-button type="primary" size="medium" @click="cancelView">我已了解</el-button>
+    </div>
+  </el-dialog>
+</template>
+<script>
+
+export default {
+  data() {
+    return {
+      visible: false,
+      title: '',
+      content: '',
+      text1: '《中国基建传感器网用户协议》\n' +
+        '\n' +
+        '欢迎阅读中国基建传感器网服务条款协议(下称“本协议”)。本协议阐述之条款和条件适用于您使用中国基建传感器网所提供的在企业间(B-TO-B)电子市场中进行贸易和交流的各种工具和服务(下称“服务”)。\n' +
+        '\n' +
+        '1.接受条款 \n' +
+        '以任何方式进入中国基建传感器网网站即表示您同意自己已经与中国基建传感器网订立本协议，且您将受本协议的条款和条件(“条款”)约束。中国基建传感器网可随时自行全权决定更改“条款”。如“条款”有任何变更，中国基建传感器网将在其网站上刊载公告，通知予您。如您不同意相关变更，必须停止使用“服务”。经修订的“条款”一经在中国基建传感器网网站的公布后，立即自动生效。您应在第一次登录后仔细阅读修订后的“条款”，并有权选择停止继续使用“服务”；一旦 您继续使用“服务”，则表示您已接受经修订的“条款”，当您与中国基建传感器网)发生争议时，应以最新的服务协议为准。除另行明确声明外，任何使“服务”范围扩大或功能增强的新内容均受本协议约束。除非经中国基建传感器网的授权高层管理人员签订书面协议，本协议不得另行作出修订。\n' +
+        '2.谁可使用中国基建传感器网网站？ \n' +
+        '“服务”仅供能够根据相关法律订立具有法律约束力的合约的个人或公司使用。因此，您的年龄必须在十八周岁或以上，才可使用本公司服务。如不符合本项条件，请勿使用“服务”。中国基建传感器网可随时自行全权决定拒绝向任何人士提供“服务”。“服务”不会提供给被暂时或永久中止资格的中国基建传感器网会员。\n' +
+        '3.中国基建传感器网网站仅作为交易地点 \n' +
+        '本公司网站仅作为用户物色交易对象，就货物和服务的交易进行协商，以及获取各类与贸易 相关的服务的地点。但是，本公司不能控制交易所涉及的物品的质量、安全或合法性，商贸信息的真实性或准确性，以及交易方履行其在贸易协议项下的各项义务的能力。本公司不能 也不会控制交易各方能否履行协议义务。此外，您应注意到，与外国国民、未成年人或以欺诈手段行事的人进行交易的风险是客观存在的。 \n' +
+        '4.您的资料和供买卖的物品 \n' +
+        '“您的资料”包括您在注册、交易或列举物品过程中、在任何公开信息场合或通过任何电子 邮件形式，向本公司或其他用户提供的任何资料，包括数据、文本、软件、音乐、声响、照 片、图画、影像、词句或其他材料。您应对“您的资料”负全部责任，而本公司仅作为您在 网上发布和刊登“您的资料”的被动渠道。但是，倘若本公司认为“您的资料”可能使本公司承担任何法律或道义上的责任，或可能使本公司 (全部或部分地) 失去本公司的互联网服 务供应商或其他供应商的服务，或您未在中国基建传感器网规定的期限内登录或 再次登录网站，则本公司可自行全权决定对“您的资料”采取本公司认为必要或适当的任何 行动，包括但不限于删除该类资料。您特此保证，您对提交给中国基建传感器网 的“您的资料”拥有全部权利，包括全部版权。您确认，中国基建传感器网没有责任去认定或决定您提交给本公司的资料哪些是应当受到保护的，对享有“服务”的其他用 户使用“您的资料”，本公司也不必负责。 \n' +
+        '5.1注册义务 \n' +
+        '如您在中国基建传感器网网站注册，您同意：\n' +
+        '(a)根据中国基建传感器网网站刊载的会员资料表格的要求，提供关于您或贵公司的真实、准确、完整和反映当前情况的资料； \n' +
+        '(b)维持并及时更新会员资料，使其保持真实、准确、完整和反映当前情况。倘若您提供任 何不真实、不准确、不完整或不能反映当前情况的资料，或中国基建传感器网有合理理由怀疑该等资料不真实、不准确、不完整或不能反映当前情况,中国基建传感器网 (/home)有权暂停或终止您的注册身份及资料，并拒绝您在目前或将来对“服务”(或其 任何部份)以任何形式使用。如您代表一家公司或其他法律主体在本公司登记，则您声明和保证，您有权使该公司或其他法律主体受本协议“条款”约束。\n' +
+        ' 5.2 会员注册名、密码和保密 \n' +
+        '在登记过程中，您将选择会员注册名和密码。您须自行负责对您的会员注册名和密码保密，且须对您在会员注册名和密码下发生的所有活动承担责任。您同意：\n' +
+        '(a)如发现任何人未经授权使用您的会员注册名或密码，或发生违反保密规定的任何其他情况，您会立即通知中国基建传感器网； \n' +
+        '(b)确保您在每个上网时段结束时，以正确步骤离开网站。中国基建传感器网不能也不会对因您未能遵守本款规定而发生的任何损失或损毁负责。\n' +
+        ' 5.3 关于您的资料的规则，您同意：\n' +
+        '“您的资料”和您供在中国基建传感器网网站上交易的任何“物品”（泛指一切可供依法交易的、有形的或无形的、以各种形态存在的某种具体的物品或某种权利或利益，或某种票据或证券，或某种服务或行为。本协议中“物品”一词均含此义） \n' +
+        'a.不会有欺诈成份，与售卖伪造或盗窃无涉；\n' +
+        'b.不会侵犯任何第三者对该物品享有的物权，或版权、专利、商标、商业秘密或其他知识 产权，或隐私权、名誉权；\n' +
+        'c.不会违反任何法律、法规、条例或规章 (包括但不限于关于规范出口管理、贸易配额、保护消费者、不正当竞争或虚假广告的法律、法规、条例或规章)；\n' +
+        'd.不会含有诽谤（包括商业诽谤）、非法恐吓或非法骚扰的内容； \n' +
+        'e.不会含有淫秽、或包含任何儿童色情内容；\n' +
+        'f.不会含有蓄意毁坏、恶意干扰、秘密地截取或侵占任何系统、数据或个人资料的任何病毒、 伪装破坏程序、电脑蠕虫、定时程序炸弹或其他电脑程序；\n' +
+        'g.不会直接或间接与下述各项货物或服务连接，或包含对下述各项货物或服务的描述： \n' +
+        '(i)本协议项下禁止的货物或服务；或 (ii) 您无权连接或包含的货物或服务。\n' +
+        ' 5.4 被禁止物品您不得在本公司网站公布或通过本公司网站买卖：\n' +
+        ' 本公司隐私声明的全部条款属于本协议的一部份，因此，您必须仔细 阅读。请注意，您一旦自愿地在中国基建传感器网交易地点披露“您的资料”， 该等资料即可能被其他人士获取和使用。确议 本公司不会且不能牵涉进交易各方的交易当中。倘若您与一名或一名以上用户，或与您通过 本公司网站获取其服务的第三者服务供应商发生争议，您免除中国基建传感器网 (及本公司代理人和雇员) 在因该等争议而引起的，或在任何方面与该等争议有关的不同种类和性质的任何(实际和后果性的) 权利主张、要求和损害赔偿等方面的责任。\n',
+      text2: '《中国基建传感器网隐私权保护声明》\n' +
+        '\n' +
+        '中国基建传感器网提醒您：在使用中国基建传感器网的服务前，请您仔细阅读本声明。当您选择使用中国基建传感器网服务时，您的使用行为将被视为对本声明全部内容的认可。\n' +
+        '作为中国基建传感器网的运营者，深知个人信息对您的重要性，我们将按照法律法规的规定，保护您的个人信息及隐私安全。\n' +
+        '一、隐私权政策\n' +
+        '中国基建传感器网尊重并保护所有使用中国基建传感器网服务用户的个人隐私权。为了给您提供更准确、更有个性化的服务，中国基建传感器网会按照本隐私权政策的规定使用和披露您的个人信息。但中国基建传感器网将以高度的勤勉、审慎义务对待这些信息。除本隐私权政策另有规定外，在未征得您事先许可的情况下，中国基建传感器网不会将这些信息对外披露或向第三方提供。中国基建传感器网会不时更新本隐私权政策。 您在同意中国基建传感器网的服务协议之时，即视为您已经同意本隐私权政策全部内容。本隐私权政策属于中国基建传感器网服务协议不可分割的一部分。\n' +
+        '\n' +
+        '1. 我们如何收集和使用个人信息\n' +
+        '我们会按照如下方式收集您在使用服务时主动提供的，以及通过自动化手段收集您在使用功能或接受服务过程中产生的信息:\n' +
+        '1.1 注册、登录、认证\n' +
+        '1.1.1 注册、登录\n' +
+        'a. 当您注册、登录中国基建传感器网及相关服务时，您可以通过手机号创建帐号，并且您可以完善相关的网络身份识别信息(头像、昵称)，收集这些信息是为了帮助您完成注册。您还可以根据自身需求选择填写性别、公司和职位来完善您的信息，收集这些信息的目的是为了更好地向您推荐内容。\n' +
+        'b. 基于我们与通信运营商的合作，当您使用中国基建传感器网“快捷登录”功能时，经过您的明示同意，我们会与运营商处理您的手机号码，便于我们为您提供快捷的登录服务。如果拒绝上述处理，将无法使用“快捷登录”方式注册登录中国基建传感器网，但不影响您通过其他方式注册登录，也不影响其他功能的正常使用。\n' +
+        'd. 当您设置、更换头像时，我们会请求您授权摄像头、相册权限。您如果拒绝授权提供摄像头权限，将无法通过拍照方式进行设置、更换头像;您如果拒绝授权提供相册权限，将无法通过上传相册图片方式进行设置、更换头像，但以上均不影响您正常使用中国基建传感器网的其他功能。\n' +
+        '1.1.2 认证\n' +
+        '在您使用身份认证的功能或相关服务所需时，根据相关法律法规，我们可能会收集您的真实身份信息（真实姓名、身份证号码、电话号码等)以完成实名验证。部分信息属于个人敏感信息,您可以拒绝提供，如果拒绝提供您将可能无法获得相关服务，但不影响其他功能与服务的正常使用。\n' +
+        '1.2 内容浏览\n' +
+        '1.2.1 为保障推荐内容的质量并向您推荐可能感兴趣的内容及相关信息，中国基建传感器网可能会收集相关必要的日志信息。\n' +
+        '1.2.2 用于内容浏览的信息包括：您操作、使用的行为信息，例如：搜索、浏览、点击、加入收藏、下载等。\n' +
+        '1.2.3 我们会基于您所感兴趣的行业向您展示、推荐相关的行业资讯。\n' +
+        '1.2.4 您发布文章、视频、微头条等内容及评论、提问或回答时，我们将收集您发布的信息，并展示您的昵称、头像及所发布的内容。\n' +
+        '1.2.5 当您播放视频等操作时，为了适配您的设备状态，我们可能会调用设备的加速度等传感器，以识别您的设备横竖屏状态。\n' +
+        '1.3 搜索\n' +
+        '您使用中国基建传感器网的搜索服务时，我们会收集您的搜索关键字信息、日志记录。为了提供高效的搜索服务，部分前述信息会暂时存储在您的本地存储设备之中，并可向您展示搜索结果内容、搜索历史记录。\n' +
+        '1.4 消息通知\n' +
+        '您知悉并同意，对于您在使用产品及/或服务的过程中提供的您的联系方式（例如:联系电话)，我们在运营中可能会向其中的一种或多种发送多类通知，用于用户消息告知、身份验证、安全验证等用途;此外，我们也可能会向在前述过程中收集的手机号码通过短信、电话的方式，为您提供您可能感兴趣的服务、功能或营销活动等商业性信息的用途，但请您放心，如您不愿接受这些信息，您可以通过手机短信中提供的退订方式进行退订，也可以直接与我们联系进行退订。\n' +
+        '1.7 运营与安全保障\n' +
+        '1.7.1 运营与安全我们致力于为您提供安全、可信的产品与使用环境，提供优质、高效、可靠的服务与信息是我们的核心目标。为了维护我们服务的正常运行并保护您或其他用户或公众的合法利益免受损失，我们会收集用于维护产品或服务安全稳定运行的必要信息。\n' +
+        '1.7.2 设备信息与日志信息\n' +
+        'a. 为了预防恶意程序、保障运营质量及效率，我们会收集安装的应用信息或正在运行的进程信息、应用程序的总体运行、使用情况与频率、应用崩溃情况、总体安装使用情况、性能数据、应用来源。\n' +
+        'b. 为了分析应用新增、激活、留存、性能等统计性指标，我们可能会调用剪切板对相关统计信息进行归因分析，请您放心，我们不会收集您的隐私信息。\n' +
+        'c. 我们可能使用您的账户信息、设备信息、服务日志信息以及我们关联方、合作方在获得您授权或依法可以提供的信息，用于判断账户状态及交易安全、进行身份验证、识别违法违规情况、检测及防范安全事件，并依法采取必要的记录、分析、处置措施。\n' +
+        'd. 为给您带来更好的产品服务，确保您在使用产品时播放与使用效果，我们可能会获取您设备的屏幕状态、系统音量大小等系统数据信息。\n' +
+        '1.8 收集、使用个人信息目的变更\n' +
+        '请您了解，随着我们业务的发展，我们可能会对中国基建传感器网的功能和提供的服务有所调整变化。原则上，当新功能或服务与我们当前提供的功能或服务相关时，收集与使用的个人信息将与原处理目的具有直接或合理关联。在与原处理目的无直接或合理关联的场景下，我们收集、使用您的个人信息，会再次按照法律法规及国家标准的要求以页面提示、交互流程、协议确认等方式另行向您进行告知说明，并征得您的同意。\n' +
+        '1.9 依法豁免征得同意收集和使用的个人信息\n' +
+        '请您理解，在下列情形中，根据法律法规及相关国家标准，我们收集和使用您的个人信息不必事先征得您的授权同意:\n' +
+        '1.9.1 与我们履行法律法规规定的义务相关的;\n' +
+        '1.9.2 为订立、履行您作为一方当事人的合同所必需;\n' +
+        '1.9.3 与国家安全、国防安全直接相关的;\n' +
+        '1.9.4 与公共安全、公共卫生、重大公共利益直接相关的;\n' +
+        '1.9.5 与刑事侦查、起诉、审判和判决执行等直接相关的;\n' +
+        '1.9.6 出于维护您或他人的生命、财产等重大合法权益但又很难得到本人同意的;\n' +
+        '1.9.7 您自行向社会公众公开的个人信息;\n' +
+        '1.9.8 从合法公开披露的信息中收集的您的个人信息的，如合法的新闻报道、政府信息公开等渠道;\n' +
+        '1.9.9 用于维护软件及相关服务的安全稳定运行所必需的，例如发现、处置软件及相关服务的故障;\n' +
+        '1.9.10 为合法的新闻报道所必需的;\n' +
+        '1.9.11 学术研究机构，基于公共利益开展统计或学术研究所必要，且对外提供学术研究或描述的结果时，对结果中所包含的个人信息进行去标识化处理的;\n' +
+        '1.9.12 法律法规规定的其他情形。\n' +
+        '特别提示您注意，如信息无法单独或结合其他信息识别到您的个人身份，其不属于法律意义上您的个人信息;当您的信息可以单独或结合其他信息识别到您的个人身份时或我们将无法与任何特定个人信息建立联系的数据与其他您的个人信息结合使用时，这些信息在结合使用期间，将作为您的个人信息按照本隐私政策处理与保护。根据法律规定，共享、转让经去标识化处理的个人信息，且确保数据接收方无法复原并重新识别个人信息主体的，不属于个人信息的对外共享、转让及公开披露行为，对此类数据的处理将无需另行向您通知并征得您的同意。\n' +
+        '2. 信息使用\n' +
+        'a) 中国基建传感器网可能使用您所提供的信息向您提供我们的产品和服务、回应您的请求、和您联系、维护您的帐户，或者向您发送我们或第三方的产品、服务、活动预告、优惠推广信息、或其他市场营销资料。\n' +
+        'b) 中国基建传感器网可以使用您的个人信息以预防、发现、调查欺诈、危害安全、非法或违反与中国基建传感器网或其关联公司协议、政策或规则的行为，或用于数据分析和研究等内部目的，以保护您、其他中国基建传感器网用户，或中国基建传感器网 或其关联公司合法权益。\n' +
+        '\n' +
+        '3. 信息披露\n' +
+        '在如下情况下，中国基建传感器网将依据您的个人意愿或法律的规定全部或部分的披露您的个人信息：\n' +
+        'a) 经您事先同意，向第三方披露；\n' +
+        'b) 如您是适格的知识产权投诉人并已提起投诉，应被投诉人要求，向被投诉人披露，以便双方处理可能的权利纠纷；\n' +
+        'c) 根据法律的有关规定，或者行政或司法机构的要求，向第三方或者行政、司法机构披露；\n' +
+        'd) 如您出现违反中国有关法律、法规或者中国基建传感器网服务协议或相关规则的情况，需要向第三方披露；\n' +
+        'e) 为提供您所要求的产品和服务，而必须和第三方分享您的个人信息；\n' +
+        'f) 其它中国基建传感器网根据法律、法规或者网站政策认为合适的披露。\n' +
+        '\n' +
+        '5. 信息存储和交换\n' +
+        '中国基建传感器网收集的有关您的信息和资料将保存在中国基建传感器网及（或）其关联公司的服务器上，这些信息和资料可能传送至您所在国家、地区或中国基建传感器网收集信息和资料所在地的境外并在境外被访问、存储和展示。\n' +
+        '\n' +
+        '6. 信息安全\n' +
+        'a) 您的账户均有安全保护功能，请妥善保管您的账户及密码信息。中国基建传感器网将通过向其它服务器备份、对用户密码进行加密等安全措施确保您的信息不丢失，不被滥用和变造。尽管有前述安全措施，但同时也请您注意在信息网络上不存在“完善的安全措施”。\n' +
+        '\n' +
+        '7. 未成年人的特别注意事项\n' +
+        '如果您不是具备完全民事权利能力和完全民事行为能力的自然人，您无权使用中国基建传感器网服务，因此中国基建传感器网希望您不要向我们提供任何个人信息。\n' +
+        '\n' +
+        '二、知识产权声明\n' +
+        '任何被授权的浏览、复制、打印和传播属于中国基建传感器网内信息内容都不得用于商业目的，且所有信息内容及其任何部分的使用都必须包括此版权声明；\n' +
+        '中国基建传感器网所有的产品、技术与所有程序均属于中国基建传感器网知识产权。“中国基建传感器网”以及中国基建传感器网其他产品服务名称及相关图形、标识等为互联港湾的注册商标。未经中国基建传感器网许可，任何人不得擅自（包括但不限于：以非法的方式复制、传播、展示、镜像、上载、下载）使用。否则，中国基建传感器网将依法追究法律责任。\n'
+    }
+  },
+
+  mounted() {
+  },
+  methods: {
+    showView() {
+      this.visible = true
+    },
+    hideView() {
+      this.visible = false
+    },
+    cancelView() {
+      this.hideView()
+    },
+    loadData(id) {
+      if (id === 1) {
+        this.title = '中国基建传感器网用户协议'
+        this.content = this.text1
+      } else {
+        this.title = '中国基建传感器网隐私权保护声明'
+        this.content = this.text2
+      }
+      this.showView()
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.logo{
+  position: fixed;
+  background-color: #333;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  opacity: 0.6;
+}
+.zck{
+  position: fixed;
+  height: 545px;
+  width: 947px;
+  top: 10px;
+  left: 197px;
+  background-color: white;
+}
+.sm{
+  background-color: lightgrey;
+  height: 31px;
+}
+</style>