Skip to content

H
hls-rljj-wx
Commit 1cedf6a1 authored by 5359's avatar 5359
Browse files
Options

增加用户注册校验和注册信息清除

parent 6fc060d8
Pipeline #6288 canceled with stages
      Hide whitespace changes
      Inline Side-by-side
      Showing with 767 additions and 667 deletions
      src/pages/applications/userRegisters/companyRegister.vue
      View file @ 1cedf6a1
      ......@@ -3,11 +3,11 @@
      <h-content v-if="status != '成功'">
      <list-item class="reg-content">
      <!-- <div class="repre-type" v-if="faceAuthStatus != 'SUCCESS'">
      <input type="radio" name="agent" v-model="agentType" @change="isAgent" value="Y" />
      代理店
      <input
      style="margin-left:32px"
      type="radio"
      ......@@ -230,6 +230,13 @@
      left: 50%;"
      @click="next_step()"
      >下一步</button>
      <p/>
      <button v-if="showStatus== 1"
      @click="go_forword()"
      class="next-step"
      style="margin-top:20px"
      >退出
      </button>
      </div>
      <!-- 组织其他员工 -->
      ......@@ -421,6 +428,13 @@
      </div>
      </div>
      <button class="next-step" @click="next_step_oth()">下一步</button>
      <p/>
      <button v-if="showStatus== 1"
      @click="go_forword()"
      class="next-step"
      style="margin-top:20px"
      >退出
      </button>
      </div>
      </list-item>
      </h-content>
      ......@@ -766,7 +780,8 @@ export default {
      faceAuthStatus: "",
      orgAuthStatus: "",
      authAttachmentId: "",
      authOrgAttachmentId: ""
      authOrgAttachmentId: "",
      showStatus: "",
      };
      },
      ......@@ -1190,6 +1205,27 @@ export default {
      }
      });
      },
      // 退出
      go_forword() {
      let vm = this;
      let url = process.env.rootPath + "/accounts/outerAccounts/delete";
      let param = {
      openId: window.localStorage.openId
      };
      vm.hlsPopup.showLoading("请稍等");
      vm.$post(url, param).then(function (res) {
      vm.hlsPopup.hideLoading();
      if (res.code == 0) {
      vm.$vux.toast.text(res.message, "middle");
      window.open(
      "http://lease.hitachics.com/www/#/UserRegister",
      "_self"
      );
      } else {
      vm.$vux.toast.text(res.message, "middle");
      }
      });
      },
      // 认证结果返回给接口
      authResult(id, code, suc) {
      let vm = this;
      ......@@ -1242,6 +1278,7 @@ export default {
      vm.faceAuthStatus = data.faceAuthStatus;
      vm.orgAuthStatus = data.orgAuthStatus;
      vm.agentType = data.dealerFlag ? data.dealerFlag : "Y";
      vm.showStatus = "1";
      if (data.ctitype == 2) {
      if (data.agentType == 1) {
      //法定代表人
      ......
      src/pages/applications/userRegisters/personalRegister.vue
      View file @ 1cedf6a1
      ......@@ -8,7 +8,8 @@
      style=" width: 150px;line-height: 30px;text-align: center;
      border-radius: 5px;
      background-color: #ddd;font-size:16px;font-weight:700;color:#11111187"
      >个人信息</div>
      >个人信息
      </div>
      </div>
      <item style="border-bottom:1px solid #d0d0d0;font-size:12px">
      <section slot="name" style="font-size:14px">
      ......@@ -69,7 +70,7 @@
      ref="avatarInput"
      class="uppic"
      />-->
      <img :src="cardUp" alt class="pic" @click="addCardImage()" />
      <img :src="cardUp" alt class="pic" @click="addCardImage()"/>
      </div>
      <!-- <div style="border:1px solid #b2b2b2;width:50%;border-radius:5px;position:relative;">
      ......@@ -92,7 +93,14 @@
      <button
      @click="next_step()"
      style="width:120px;height:30px;border-radius:15px;background-color:#09bb07;color:#FFFFFF;margin:70px 0 0 -60px;position:relative;left:50%;"
      >下一步</button>
      >下一步
      </button>
      <p/>
      <button v-if="showStatus== 1"
      @click="go_forword()"
      style="width:120px;height:30px;border-radius:15px;background-color:#09bb07;color:#FFFFFF;margin:20px 0 0 -60px;position:relative;left:50%;"
      >退出
      </button>
      </list-item>
      </h-content>
      ......@@ -102,7 +110,8 @@
      <div
      class="personalInf-text"
      style=" width: 150px;line-height: 30px;text-align: center;border-radius: 5px;background-color: #ddd;font-size:16px;font-weight:700;color:#11111187"
      >个人信息</div>
      >个人信息
      </div>
      </div>
      <item style="border-bottom:1px solid #d0d0d0">
      <section slot="name" style="font-size:14px">
      ......@@ -162,7 +171,7 @@
      class="uppic"
      disabled
      />-->
      <img :src="cardUp" alt class="pic" @click="previewImage()" />
      <img :src="cardUp" alt class="pic" @click="previewImage()"/>
      </div>
      <!-- <div style="border:1px solid #b2b2b2;width:50%;border-radius:5px;position:relative;">
      ......@@ -185,344 +194,370 @@
      <button
      @click="logout()"
      style="width:120px;height:30px;border-radius:15px;background-color:#09bb07;color:#FFFFFF;margin:70px 0 0 -60px;position:relative;left:50%;"
      >注销</button>
      >注销
      </button>
      </list-item>
      </h-content>
      </h-view>
      </template>
      <script>
      import { getUrlParam } from "@/scripts/utils";
      export default {
      data() {
      return {
      cardUp: require("../../../assets/userRegister/camear.png"), //身份证正面url
      identificationNumber: "",
      phoneNumber: "",
      personName: "",
      cardUp1: "", //身份证正面url
      identificationNumber1: "",
      phoneNumber1: "",
      personName1: "",
      status: "",
      serverId: "",
      preview_url: "", //图片预览地址
      attchmentId: "" //附件预览id
      };
      },
      components: {},
      activated: function() {
      // this.getUserInfo();
      },
      updated: function() {},
      methods: {
      // 调用微信接口的基础配置
      wxConfig() {
      let clientUrl = "";
      let u = navigator.userAgent;
      let isAndroid = u.indexOf("Android") > -1 || u.indexOf("Linux") > -1; //g
      let isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
      if (isAndroid) {
      //这个是安卓操作系统
      console.log("机型：android");
      clientUrl = location.href;
      }
      if (isIOS) {
      //这个是ios操作系统
      console.log("机型：ios");
      clientUrl = location.href.split("#")[0];
      }
      // let clientUrl = encodeURIComponent(location.href)
      // let url = $config.rootPath + '/js/sdk/getWxConfig?wxCode=' + $config.wxCode + '&clientUrl=' + clientUrl
      let url = process.env.basePathRl + "getSignature";
      let param = {
      apiKey: "handexinxi",
      url: clientUrl
      import {getUrlParam} from "@/scripts/utils";
      export default {
      data() {
      return {
      cardUp: require("../../../assets/userRegister/camear.png"), //身份证正面url
      identificationNumber: "",
      phoneNumber: "",
      personName: "",
      cardUp1: "", //身份证正面url
      identificationNumber1: "",
      phoneNumber1: "",
      personName1: "",
      status: "",
      showStatus: "",
      serverId: "",
      preview_url: "", //图片预览地址
      attchmentId: "" //附件预览id
      };
      hlsHttp.post(url, param).then(function(res) {
      wx.config({
      beta: true,
      debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
      appId: res.result.appId, // 必填，公众号的唯一标识
      timestamp: res.result.timestamp, // 必填，生成签名的时间戳
      nonceStr: res.result.nonceStr, // 必填，生成签名的随机串
      signature: res.result.signature, // 必填，签名，见附录1
      jsApiList: [
      "chooseImage",
      "previewImage",
      "downloadImage",
      "getLocalImgData",
      "uploadImage",
      "hideOptionMenu"
      ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
      });
      wx.ready(function() {
      wx.hideOptionMenu();
      });
      });
      },
      addCardImage: function() {
      console.log("11111111");
      let self = this;
      // if(!self.cardUp){
      wx.chooseImage({
      count: 1, //张数， 默认9
      sizeType: ["compressed"], //建议压缩图
      sourceType: ["album", "camera"], // 来源是相册、相机
      success: function(res) {
      self.cardUp = res.localIds[0];
      self.uploadToWeixinServer(res.localIds[0]);
      }
      });
      // }else{
      // if(self.attchmentId){
      // this.previewImage();
      // }
      // }
      components: {},
      activated: function () {
      // this.getUserInfo();
      },
      //预览图片
      previewImage() {
      hlsPopup.showBigPicture({
      imgUrl: vm.cardUp
      });
      updated: function () {
      },
      uploadToWeixinServer(localId) {
      let self = this;
      wx.uploadImage({
      localId: localId,
      isShowProgressTips: 1, // 默认为1，显示进度提示
      success: function(res) {
      //res.serverId 返回图片的微信服务器端ID
      console.log("上传图片后返回的信息", res);
      self.serverId = res.serverId;
      self.uploadToserver(res.serverId);
      methods: {
      // 调用微信接口的基础配置
      wxConfig() {
      let clientUrl = "";
      let u = navigator.userAgent;
      let isAndroid = u.indexOf("Android") > -1 || u.indexOf("Linux") > -1; //g
      let isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
      if (isAndroid) {
      //这个是安卓操作系统
      console.log("机型：android");
      clientUrl = location.href;
      }
      });
      },
      uploadToserver(serverId) {
      console.log("mediaId", serverId);
      let vm = this;
      let url = process.env.rootPath + "/auth/upload/image/hls/from/wx";
      let param = {
      openId: window.localStorage.openId,
      mediaId: serverId,
      sourceType: "app_file_id_card",
      fileName: new Date().getTime() + ".jpg"
      };
      vm.hlsPopup.showLoading("请稍等");
      vm.$post(url, param).then(function(res) {
      vm.hlsPopup.hideLoading();
      vm.personName = res["姓名"];
      vm.identificationNumber = res["公民身份号码"];
      vm.attchmentId = res["attchmentId"];
      vm.cardUp =
      process.env.rootPath +
      "/app/fileViewSvc?attachment_id=" +
      vm.attchmentId +
      "&apiName=download&sysName=HCL_UPLOAD_FILE&access_token=" +
      window.localStorage.access_token_rl;
      });
      },
      // 下一步
      next_step() {
      let vm = this;
      if (
      !vm.personName ||
      !vm.identificationNumber ||
      !vm.phoneNumber ||
      !vm.cardUp
      ) {
      vm.hlsPopup.showLongCenter("必输字端不能为空！");
      return;
      } else if (vm.hlsUtil.isCardID(vm.identificationNumber)) {
      vm.hlsPopup.showLongCenter("身份证号有误");
      return;
      } else if (!vm.hlsUtil.phoneNumber(vm.phoneNumber)) {
      vm.hlsPopup.showLongCenter("手机号码有误!");
      return;
      } else {
      // alert("验证通过");
      let url = process.env.rootPath + "/auth/api/individual/face";
      if (isIOS) {
      //这个是ios操作系统
      console.log("机型：ios");
      clientUrl = location.href.split("#")[0];
      }
      // let clientUrl = encodeURIComponent(location.href)
      // let url = $config.rootPath + '/js/sdk/getWxConfig?wxCode=' + $config.wxCode + '&clientUrl=' + clientUrl
      let url = process.env.basePathRl + "getSignature";
      let param = {
      apiKey: "handexinxi",
      url: clientUrl
      };
      hlsHttp.post(url, param).then(function (res) {
      wx.config({
      beta: true,
      debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
      appId: res.result.appId, // 必填，公众号的唯一标识
      timestamp: res.result.timestamp, // 必填，生成签名的时间戳
      nonceStr: res.result.nonceStr, // 必填，生成签名的随机串
      signature: res.result.signature, // 必填，签名，见附录1
      jsApiList: [
      "chooseImage",
      "previewImage",
      "downloadImage",
      "getLocalImgData",
      "uploadImage",
      "hideOptionMenu"
      ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
      });
      wx.ready(function () {
      wx.hideOptionMenu();
      });
      });
      },
      addCardImage: function () {
      console.log("11111111");
      let self = this;
      // if(!self.cardUp){
      wx.chooseImage({
      count: 1, //张数， 默认9
      sizeType: ["compressed"], //建议压缩图
      sourceType: ["album", "camera"], // 来源是相册、相机
      success: function (res) {
      self.cardUp = res.localIds[0];
      self.uploadToWeixinServer(res.localIds[0]);
      }
      });
      // }else{
      // if(self.attchmentId){
      // this.previewImage();
      // }
      // }
      },
      //预览图片
      previewImage() {
      hlsPopup.showBigPicture({
      imgUrl: vm.cardUp
      });
      },
      uploadToWeixinServer(localId) {
      let self = this;
      wx.uploadImage({
      localId: localId,
      isShowProgressTips: 1, // 默认为1，显示进度提示
      success: function (res) {
      //res.serverId 返回图片的微信服务器端ID
      console.log("上传图片后返回的信息", res);
      self.serverId = res.serverId;
      self.uploadToserver(res.serverId);
      }
      });
      },
      uploadToserver(serverId) {
      console.log("mediaId", serverId);
      let vm = this;
      let url = process.env.rootPath + "/auth/upload/image/hls/from/wx";
      let param = {
      openId: window.localStorage.openId,
      idNo: vm.identificationNumber,
      name: vm.personName,
      mobile: vm.phoneNumber,
      redirectUrl:
      "http://lease.hitachics.com/www/#/UserRegister/PersonalRegister?Regstatus=1"
      mediaId: serverId,
      sourceType: "app_file_id_card",
      fileName: new Date().getTime() + ".jpg"
      };
      vm.hlsPopup.showLoading("请稍等");
      vm.$post(url, param).then(function(res) {
      vm.$post(url, param).then(function (res) {
      vm.hlsPopup.hideLoading();
      vm.personName = res["姓名"];
      vm.identificationNumber = res["公民身份号码"];
      vm.attchmentId = res["attchmentId"];
      vm.cardUp =
      process.env.rootPath +
      "/app/fileViewSvc?attachment_id=" +
      vm.attchmentId +
      "&apiName=download&sysName=HCL_UPLOAD_FILE&access_token=" +
      window.localStorage.access_token_rl;
      });
      },
      // 下一步
      next_step() {
      let vm = this;
      if (
      !vm.personName ||
      !vm.identificationNumber ||
      !vm.phoneNumber ||
      !vm.cardUp
      ) {
      vm.hlsPopup.showLongCenter("必输字端不能为空！");
      return;
      } else if (vm.hlsUtil.isCardID(vm.identificationNumber)) {
      vm.hlsPopup.showLongCenter("身份证号有误");
      return;
      } else if (!vm.hlsUtil.phoneNumber(vm.phoneNumber)) {
      vm.hlsPopup.showLongCenter("手机号码有误!");
      return;
      } else {
      // alert("验证通过");
      let url = process.env.rootPath + "/auth/api/individual/face";
      let param = {
      openId: window.localStorage.openId,
      idNo: vm.identificationNumber,
      name: vm.personName,
      mobile: vm.phoneNumber,
      redirectUrl:
      "http://lease.hitachics.com/www/#/UserRegister/PersonalRegister?Regstatus=1"
      };
      vm.hlsPopup.showLoading("请稍等");
      vm.$post(url, param).then(function (res) {
      vm.hlsPopup.hideLoading();
      if (res.code == 0) {
      vm.$vux.toast.text(res.message, "middle");
      if (res.url) {
      window.open(res.url, "_self");
      }
      } else {
      vm.$vux.toast.text(res.message, "middle");
      }
      });
      }
      },
      // 获取url地址参数
      UrlSearch() {
      var name, value;
      // var str="http://lease.hitachics.com/www/#/UserRegister/PersonalRegister?Regstatus=1&status=true&serviceId=1151815015435601748&verifycode=4accf0d2106f9c7361be72093e1fb793&contextId=10074&passed=true"; //取得整个地址栏
      var str = window.location.href; //取得整个地址栏
      // alert(str)
      var num = str.indexOf("?");
      str = str.substr(num + 1); //取得所有参数 stringvar.substr(start [, length ]
      var arr = str.split("&"); //各个参数放到数组里
      for (var i = 0; i < arr.length; i++) {
      num = arr[i].indexOf("=");
      if (num > 0) {
      name = arr[i].substring(0, num);
      value = arr[i].substr(num + 1);
      this[name] = value;
      }
      }
      },
      // 认证结果返回给接口
      authResult(id, code, suc) {
      let vm = this;
      let url = "http://lease.hitachics.com/core/api/public/listen/auth/result";
      let param = {
      contextId: id,
      verifycode: code,
      success: suc
      };
      vm.hlsPopup.showLoading("请稍等");
      vm.$post(url, param).then(function (res) {
      vm.hlsPopup.hideLoading();
      });
      },
      // 注销
      logout() {
      let vm = this;
      hlsPopup.showConfirm({
      title: "签名成功",
      content: "请确认合同是否都已下载完成，注销后无法下载,请知悉,谢谢！",
      onConfirm: function (index) {
      if (index === 1) {
      let url = process.env.rootPath + "/accounts/outerAccounts/delete";
      let param = {
      openId: window.localStorage.openId
      };
      vm.hlsPopup.showLoading("请稍等");
      vm.$post(url, param).then(function (res) {
      vm.hlsPopup.hideLoading();
      if (res.code == 0) {
      vm.$vux.toast.text(res.message, "middle");
      window.open(
      "http://lease.hitachics.com/www/#/UserRegister",
      "_self"
      );
      } else {
      vm.$vux.toast.text(res.message, "middle");
      }
      });
      }
      }
      });
      },
      // 退出
      go_forword() {
      let vm = this;
      let url = process.env.rootPath + "/accounts/outerAccounts/delete";
      let param = {
      openId: window.localStorage.openId
      };
      vm.hlsPopup.showLoading("请稍等");
      vm.$post(url, param).then(function (res) {
      vm.hlsPopup.hideLoading();
      if (res.code == 0) {
      vm.$vux.toast.text(res.message, "middle");
      if (res.url) {
      window.open(res.url, "_self");
      }
      window.open(
      "http://lease.hitachics.com/www/#/UserRegister",
      "_self"
      );
      } else {
      vm.$vux.toast.text(res.message, "middle");
      }
      });
      }
      },
      // 获取url地址参数
      UrlSearch() {
      var name, value;
      // var str="http://lease.hitachics.com/www/#/UserRegister/PersonalRegister?Regstatus=1&status=true&serviceId=1151815015435601748&verifycode=4accf0d2106f9c7361be72093e1fb793&contextId=10074&passed=true"; //取得整个地址栏
      var str = window.location.href; //取得整个地址栏
      // alert(str)
      var num = str.indexOf("?");
      str = str.substr(num + 1); //取得所有参数 stringvar.substr(start [, length ]
      var arr = str.split("&"); //各个参数放到数组里
      for (var i = 0; i < arr.length; i++) {
      num = arr[i].indexOf("=");
      if (num > 0) {
      name = arr[i].substring(0, num);
      value = arr[i].substr(num + 1);
      this[name] = value;
      },
      // 键盘消失，页面回到顶部
      goTop() {
      setTimeout(function () {
      var scrollHeight =
      document.documentElement.scrollTop || document.body.scrollTop || 0;
      console.log(scrollHeight);
      window.scrollTo(0, Math.max(scrollHeight, 0));
      }, 100);
      },
      // 获取用户信息
      getUserInfo() {
      var Request = new this.UrlSearch(); //实例化
      this.status = Request.Regstatus;
      var contextId = Request.contextId;
      var verifycode = Request.verifycode;
      var success = Request.passed;
      if (this.status == 1) {
      this.authResult(contextId, verifycode, success);
      }
      }
      },
      // 认证结果返回给接口
      authResult(id, code, suc) {
      let vm = this;
      let url = "http://lease.hitachics.com/core/api/public/listen/auth/result";
      let param = {
      contextId: id,
      verifycode: code,
      success: suc
      };
      vm.hlsPopup.showLoading("请稍等");
      vm.$post(url, param).then(function(res) {
      vm.hlsPopup.hideLoading();
      });
      },
      // 注销
      logout() {
      let vm = this;
      hlsPopup.showConfirm({
      title: "签名成功",
      content: "请确认合同是否都已下载完成，注销后无法下载,请知悉,谢谢！",
      onConfirm: function(index) {
      if (index === 1) {
      let url = process.env.rootPath + "/accounts/outerAccounts/delete";
      let param = {
      openId: window.localStorage.openId
      };
      vm.hlsPopup.showLoading("请稍等");
      vm.$post(url, param).then(function(res) {
      vm.hlsPopup.hideLoading();
      if (res.code == 0) {
      vm.$vux.toast.text(res.message, "middle");
      window.open(
      "http://lease.hitachics.com/www/#/UserRegister",
      "_self"
      );
      } else {
      vm.$vux.toast.text(res.message, "middle");
      }
      });
      let vm = this;
      let url =
      process.env.rootPath +
      "/sign/info/hclc/query/by/openid?openId=" +
      window.localStorage.openId;
      vm.hlsPopup.showLoading("请稍等");
      vm.$post(url).then(function (res) {
      vm.hlsPopup.hideLoading();
      if (res.rows) {
      if (res.rows.length > 0) {
      var data = res.rows[0];
      vm.cardUp =
      process.env.rootPath +
      "/app/fileViewSvc?attachment_id=" +
      data.attachmentId +
      "&apiName=download&sysName=HCL_UPLOAD_FILE&access_token=" +
      window.localStorage.access_token_rl;
      vm.identificationNumber = data.idNo;
      vm.phoneNumber = data.mobile;
      vm.personName = data.name;
      // vm.identificationNumber = '22222222222222222';
      // vm.phoneNumber = '18230982828';
      // vm.personName = 'chaiwei';
      vm.showStatus = "1";
      }
      }
      }
      });
      },
      // 键盘消失，页面回到顶部
      goTop() {
      setTimeout(function() {
      var scrollHeight =
      document.documentElement.scrollTop || document.body.scrollTop || 0;
      console.log(scrollHeight);
      window.scrollTo(0, Math.max(scrollHeight, 0));
      }, 100);
      },
      // 获取用户信息
      getUserInfo() {
      var Request = new this.UrlSearch(); //实例化
      this.status = Request.Regstatus;
      var contextId = Request.contextId;
      var verifycode = Request.verifycode;
      var success = Request.passed;
      if (this.status == 1) {
      this.authResult(contextId, verifycode, success);
      });
      }
      let vm = this;
      let url =
      process.env.rootPath +
      "/sign/info/hclc/query/by/openid?openId=" +
      window.localStorage.openId;
      vm.hlsPopup.showLoading("请稍等");
      vm.$post(url).then(function(res) {
      vm.hlsPopup.hideLoading();
      if (res.rows) {
      if (res.rows.length > 0) {
      var data = res.rows[0];
      vm.cardUp =
      process.env.rootPath +
      "/app/fileViewSvc?attachment_id=" +
      data.attachmentId +
      "&apiName=download&sysName=HCL_UPLOAD_FILE&access_token=" +
      window.localStorage.access_token_rl;
      vm.identificationNumber = data.idNo;
      vm.phoneNumber = data.mobile;
      vm.personName = data.name;
      // vm.identificationNumber = '22222222222222222';
      // vm.phoneNumber = '18230982828';
      // vm.personName = 'chaiwei';
      }
      }
      });
      }
      },
      created() {
      this.wxConfig();
      // wx.hideOptionMenu();
      },
      created() {
      this.wxConfig();
      // wx.hideOptionMenu();
      // var data = this.$route.params.userInfo;
      this.getUserInfo();
      }
      };
      // var data = this.$route.params.userInfo;
      this.getUserInfo();
      }
      };
      </script>
      <style lang="less" type="text/less" scoped>
      @import "../../../styles/vue-1px.less";
      @import "../../../styles/vue-1px.less";
      .personalRegister {
      font-size: 12px !important;
      .personalInfo {
      width: 100%;
      height: 100% !important;
      }
      .uppic {
      height: 100%;
      width: 100%;
      margin: 0 auto;
      opacity: 0;
      z-index: 1000;
      position: absolute;
      }
      .pic {
      width: 100%;
      height: 100%;
      position: absolute;
      .personalRegister {
      font-size: 12px !important;
      .personalInfo {
      width: 100%;
      height: 100% !important;
      }
      .uppic {
      height: 100%;
      width: 100%;
      margin: 0 auto;
      opacity: 0;
      z-index: 1000;
      position: absolute;
      }
      .pic {
      width: 100%;
      height: 100%;
      position: absolute;
      }
      }
      }
      // iPhoneX适配
      @media (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) {
      .platform-ios {
      #home {
      // iPhoneX适配
      @media (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) {
      .platform-ios {
      #home {
      }
      }
      }
      }
      // iPhoneX Max适配
      @media (device-width: 414px) and (device-height: 896px) {
      .platform-ios {
      // iPhoneX Max适配
      @media (device-width: 414px) and (device-height: 896px) {
      .platform-ios {
      #home {
      .platform-ios {
      #home {
      }
      }
      }
      }
      }
      </style>
      src/pages/applications/userRegisters/userRegister.vue
      View file @ 1cedf6a1
      ......@@ -40,7 +40,7 @@ export default {
      isClick2: false,
      isHighLight: true,
      isHighLight1: true,
      isReadOnlyPersonal: true,
      isReadOnlyPersonal: false,
      isReadOnlyCompany: false,
      userInfo: null,
      userInfo1: null,
      ......
      src/pages/home.vue
      View file @ 1cedf6a1
      ......@@ -62,415 +62,443 @@
      </template>
      <script>
      import functionState from "./functionState";
      import { getUrlParam } from "@/scripts/utils";
      import functionState from "./functionState";
      import {getUrlParam} from "@/scripts/utils";
      export default {
      data() {
      return {
      imgList: [],
      recommendList: [],
      moduleSeparateList: [],
      functionList: [], // 全部应用
      messageList: [],
      area: {},
      box1: {},
      box2: {},
      searchInput: "",
      subscribe: false
      };
      },
      beforeCreate: function() {},
      created: function() {
      // debugger;
      // window.localStorage.setItem('user_id', 2009)
      // this.imgList = [...functionState.bannerList]
      // this.recommendList = [...functionState.recommendList]
      this.moduleSeparateList = [...functionState.moduleSeparateList];
      this.moduleSeparateList.forEach(item => {
      this.functionList = this.functionList.concat(item.functions);
      });
      this.getToken().then(res => {
      this.wxConfig();
      // if (window.localStorage.openId) {
      // this.getWxUserInfo(window.localStorage.openId);
      // }
      // this.noticeQuery()
      // 注意，此处用户个人信息是写死的user_id 后续项目实施中根据以下代码实时获取企业通讯录个人信息
      var code = getUrlParam("code");
      // code = "111";
      if (code) {
      this.getOpenId(code);
      }
      this.subscribe = window.localStorage.subscribe;
      });
      },
      updated: function() {},
      methods: {
      // 调用微信接口的基础配置
      wxConfig() {
      let clientUrl = "";
      let u = navigator.userAgent;
      let isAndroid = u.indexOf("Android") > -1 || u.indexOf("Linux") > -1; //g
      let isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
      if (isAndroid) {
      //这个是安卓操作系统
      console.log("机型：android");
      clientUrl = location.href;
      }
      if (isIOS) {
      //这个是ios操作系统
      console.log("机型：ios");
      clientUrl = location.href.split("#")[0];
      }
      // let url = $config.rootPath + '/js/sdk/getWxConfig?wxCode=' + $config.wxCode + '&clientUrl=' + clientUrl
      let url = process.env.basePathRl + "getSignature";
      let param = {
      apiKey: "handexinxi",
      url: clientUrl
      export default {
      data() {
      return {
      imgList: [],
      recommendList: [],
      moduleSeparateList: [],
      functionList: [], // 全部应用
      messageList: [],
      area: {},
      box1: {},
      box2: {},
      searchInput: "",
      subscribe: false
      };
      hlsHttp.post(url, param).then(function(res) {
      wx.config({
      beta: true,
      debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
      appId: res.result.appId, // 必填，公众号的唯一标识
      timestamp: res.result.timestamp, // 必填，生成签名的时间戳
      nonceStr: res.result.nonceStr, // 必填，生成签名的随机串
      signature: res.result.signature, // 必填，签名，见附录1
      jsApiList: [
      "chooseImage",
      "previewImage",
      "downloadImage",
      "getLocalImgData",
      "uploadImage",
      "hideOptionMenu"
      ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
      });
      wx.ready(function() {
      wx.hideOptionMenu();
      });
      });
      },
      // search () {
      // let vm = this
      // let flag = 'N'
      // if (vm.searchInput) {
      // for (let i of vm.allFunctionList) {
      // if (vm.searchInput === i.functionName) {
      // vm.$router.push({
      // name: i.functionState,
      // })
      // flag = 'Y'
      // break
      // }
      // }
      // } else {
      // vm.hlsPopup.showLongCenter('请输入功能名称')
      // }
      // if (flag === 'N') {
      // vm.hlsPopup.showLongCenter('没有此功能')
      // }
      // },
      // goModuleFunction (data) {
      // this.$router.push({
      // name: 'ModuleFunction',
      // params: {
      // moduleFunctionList: data,
      // },
      // })
      // },
      getToken() {
      let vm = this;
      let url = process.env.loginPathRl + "admin";
      let param = {};
      return vm.hlsHttp.post(url, param).then(function(res) {
      window.localStorage.setItem("access_token_rl", res.access_token);
      beforeCreate: function () {
      },
      created: function () {
      // debugger;
      // window.localStorage.setItem('user_id', 2009)
      // this.imgList = [...functionState.bannerList]
      // this.recommendList = [...functionState.recommendList]
      this.moduleSeparateList = [...functionState.moduleSeparateList];
      this.moduleSeparateList.forEach(item => {
      this.functionList = this.functionList.concat(item.functions);
      });
      this.getToken().then(res => {
      this.wxConfig();
      // if (window.localStorage.openId) {
      // this.getWxUserInfo(window.localStorage.openId);
      // }
      // this.noticeQuery()
      // 注意，此处用户个人信息是写死的user_id 后续项目实施中根据以下代码实时获取企业通讯录个人信息
      var code = getUrlParam("code");
      // code = "111";
      if (code) {
      this.getOpenId(code);
      }
      this.subscribe = window.localStorage.subscribe;
      });
      },
      goFunctionHome(data) {
      if (this.subscribe) {
      this.$router.push({
      name: data.functionState
      updated: function () {
      },
      methods: {
      // 调用微信接口的基础配置
      wxConfig() {
      let clientUrl = "";
      let u = navigator.userAgent;
      let isAndroid = u.indexOf("Android") > -1 || u.indexOf("Linux") > -1; //g
      let isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
      if (isAndroid) {
      //这个是安卓操作系统
      console.log("机型：android");
      clientUrl = location.href;
      }
      if (isIOS) {
      //这个是ios操作系统
      console.log("机型：ios");
      clientUrl = location.href.split("#")[0];
      }
      // let url = $config.rootPath + '/js/sdk/getWxConfig?wxCode=' + $config.wxCode + '&clientUrl=' + clientUrl
      let url = process.env.basePathRl + "getSignature";
      let param = {
      apiKey: "handexinxi",
      url: clientUrl
      };
      hlsHttp.post(url, param).then(function (res) {
      wx.config({
      beta: true,
      debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
      appId: res.result.appId, // 必填，公众号的唯一标识
      timestamp: res.result.timestamp, // 必填，生成签名的时间戳
      nonceStr: res.result.nonceStr, // 必填，生成签名的随机串
      signature: res.result.signature, // 必填，签名，见附录1
      jsApiList: [
      "chooseImage",
      "previewImage",
      "downloadImage",
      "getLocalImgData",
      "uploadImage",
      "hideOptionMenu"
      ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
      });
      wx.ready(function () {
      wx.hideOptionMenu();
      });
      });
      } else {
      hlsPopup.showPopup({
      title: "提示",
      content: "未关注公众号，请先关注后再进入!",
      onConfirm() {}
      },
      // search () {
      // let vm = this
      // let flag = 'N'
      // if (vm.searchInput) {
      // for (let i of vm.allFunctionList) {
      // if (vm.searchInput === i.functionName) {
      // vm.$router.push({
      // name: i.functionState,
      // })
      // flag = 'Y'
      // break
      // }
      // }
      // } else {
      // vm.hlsPopup.showLongCenter('请输入功能名称')
      // }
      // if (flag === 'N') {
      // vm.hlsPopup.showLongCenter('没有此功能')
      // }
      // },
      // goModuleFunction (data) {
      // this.$router.push({
      // name: 'ModuleFunction',
      // params: {
      // moduleFunctionList: data,
      // },
      // })
      // },
      getToken() {
      let vm = this;
      let url = process.env.loginPathRl + "admin";
      let param = {};
      return vm.hlsHttp.post(url, param).then(function (res) {
      window.localStorage.setItem("access_token_rl", res.access_token);
      });
      }
      },
      // moreRecommend () {
      // console.log('go moreRecommend')
      // },
      getOpenId(code) {
      let vm = this;
      let url = process.env.basePathRl + "getOpenId";
      let param = {
      apiKey: "handexinxi",
      code: code
      };
      // window.localStorage.openId = "oBdoRwI9gj9Brbe9iqlDCg5G2dDc";
      // vm.getWxUserInfo(window.localStorage.openId);
      vm.hlsHttp.post(url, param).then(function(res) {
      if (res.resultCode == "00") {
      window.localStorage.openId = res.result;
      if (window.localStorage.openId) {
      vm.getWxUserInfo(window.localStorage.openId);
      }
      },
      goFunctionHome(data) {
      // if (this.subscribe) {
      // this.$router.push({
      // name: data.functionState
      // });
      // } else {
      // hlsPopup.showPopup({
      // title: "提示",
      // content: "未关注公众号，请先关注后再进入!",
      // onConfirm() {}
      // });
      // }
      if (!this.subscribe) {
      hlsPopup.showPopup({
      title: "提示",
      content: "未关注公众号，请先关注后再进入！",
      onConfirm: function () {
      }
      })
      } else {
      "Y" == window.localStorage.authFlag || "UserRegister" == data.functionState ? this.$router.push({name: data.functionState}) : hlsPopup.showPopup({
      title: "提示",
      content: "当前用户未完成注册，请先注册!",
      onConfirm: function () {
      }
      })
      }
      });
      },
      getWxUserInfo(id) {
      let vm = this;
      let url = process.env.basePathRl + "getWxUserInfo";
      let params = {
      apiKey: "handexinxi",
      openid: id
      // openid: "oBdoRwI9gj9Brbe9iqlDCg5G2dDc"
      };
      },
      // moreRecommend () {
      // console.log('go moreRecommend')
      // },
      getOpenId(code) {
      let vm = this;
      let url = process.env.basePathRl + "getOpenId";
      let param = {
      apiKey: "handexinxi",
      code: code
      };
      // window.localStorage.openId = "oBdoRwP0WSbegPOoe9WTEMPkKsWQ";
      // vm.getWxUserInfo(window.localStorage.openId);
      vm.hlsHttp.post(url, param).then(function (res) {
      if (res.resultCode == "00") {
      window.localStorage.openId = res.result;
      if (window.localStorage.openId) {
      vm.getWxUserInfo(window.localStorage.openId);
      vm.getUserInfo(window.localStorage.openId)
      }
      }
      });
      },
      getWxUserInfo(id) {
      let vm = this;
      let url = process.env.basePathRl + "getWxUserInfo";
      let params = {
      apiKey: "handexinxi",
      openid: id
      // openid: "oBdoRwI9gj9Brbe9iqlDCg5G2dDc"
      };
      // window.localStorage.openId = "1234567"
      vm.hlsHttp.post(url, params).then(function(res) {
      if (res.resultCode == "00") {
      vm.subscribe = window.localStorage.subscribe = res.result.subscribe;
      // console.log("vvvv", res.result.subscribe);
      }
      });
      // window.localStorage.openId = "1234567"
      vm.hlsHttp.post(url, params).then(function (res) {
      if (res.resultCode == "00") {
      vm.subscribe = window.localStorage.subscribe = res.result.subscribe;
      // console.log("vvvv", res.result.subscribe);
      }
      });
      },
      getUserInfo: function (openId) {
      let vm = this,
      url = process.env.rootPath + "/sign/info/hclc/query/by/openid?openId=" + openId;
      vm.$post(url).then(function (res) {
      if (res.rows.length > 0) {
      var results = res.rows[0];
      vm.authFlag = window.localStorage.authFlag = results.authFlag;
      }
      })
      }
      }
      }
      };
      };
      </script>
      <style lang="less" scoped type="text/less">
      @import "../styles/vue-1px";
      @import "../styles/vue-1px";
      #home {
      .top-box {
      // height: 264px;
      width: 100%;
      overflow: hidden;
      position: relative;
      .header {
      #home {
      .top-box {
      // height: 264px;
      width: 100%;
      height: 40px;
      position: absolute;
      top: 0;
      z-index: 100;
      input {
      width: calc(~"100% - 53px");
      height: 26px;
      margin: 10px 0 0 10px;
      background: white;
      // border: 1px solid white;
      border-radius: 15px;
      text-align: center;
      color: #b6b6b6;
      font-size: 12px;
      }
      overflow: hidden;
      position: relative;
      img {
      width: 21px;
      height: 21px;
      .header {
      width: 100%;
      height: 40px;
      position: absolute;
      top: 12px;
      right: 10px;
      }
      }
      top: 0;
      z-index: 100;
      .hls-swipe {
      height: 175px;
      width: 100%;
      overflow: hidden;
      }
      .function {
      height: 117px;
      width: 100%;
      position: absolute;
      bottom: 0;
      background: url("../assets/image/home/moduleBg@2x.png");
      background-size: 100%;
      padding-top: 43px;
      display: flex;
      justify-content: space-between;
      input {
      width: calc(~"100% - 53px");
      height: 26px;
      margin: 10px 0 0 10px;
      background: white;
      // border: 1px solid white;
      border-radius: 15px;
      text-align: center;
      color: #b6b6b6;
      font-size: 12px;
      }
      &:before {
      content: "";
      img {
      width: 21px;
      height: 21px;
      position: absolute;
      top: 12px;
      right: 10px;
      }
      }
      &:after {
      content: "";
      .hls-swipe {
      height: 175px;
      width: 100%;
      overflow: hidden;
      }
      .function-item {
      text-align: center;
      }
      }
      }
      .function {
      height: 117px;
      width: 100%;
      position: absolute;
      bottom: 0;
      background: url("../assets/image/home/moduleBg@2x.png");
      background-size: 100%;
      padding-top: 43px;
      display: flex;
      justify-content: space-between;
      .middle-box {
      margin-top: 8px;
      background: white;
      &:before {
      content: "";
      }
      header {
      height: 33px;
      display: flex;
      align-items: center;
      line-height: 100%;
      color: #5d98f6;
      position: relative;
      &:after {
      content: "";
      }
      &:before {
      content: "";
      width: 4px;
      height: 15px;
      margin-right: 9px;
      margin-left: 10px;
      background-image: linear-gradient(-180deg, #5d98f6 0%, #76bcee 100%);
      border-radius: 2px;
      .function-item {
      text-align: center;
      }
      }
      }
      &:after {
      .setBottomLine();
      }
      .middle-box {
      margin-top: 8px;
      background: white;
      span {
      font-size: 12px;
      color: #878a8d;
      position: absolute;
      right: 15px;
      }
      }
      .function {
      display: flex;
      flex-wrap: wrap;
      header {
      height: 33px;
      display: flex;
      align-items: center;
      line-height: 100%;
      color: #5d98f6;
      position: relative;
      .function-item {
      width: 25%;
      height: 89px;
      font-size: 12px;
      // border: 1px solid rgba(169,169,169,0.1); /*no*/
      /deep/ img {
      height: 30px;
      width: 30px;
      margin: 23px 28px 9px 33px;
      &:before {
      content: "";
      width: 4px;
      height: 15px;
      margin-right: 9px;
      margin-left: 10px;
      background-image: linear-gradient(-180deg, #5d98f6 0%, #76bcee 100%);
      border-radius: 2px;
      }
      &:before {
      &:after {
      .setBottomLine();
      }
      &:after {
      .setRightLine();
      span {
      font-size: 12px;
      color: #878a8d;
      position: absolute;
      right: 15px;
      }
      }
      .function {
      display: flex;
      flex-wrap: wrap;
      /*.function-item:last-child{
      /deep/ img{
      height: 27px;
      width: 27px;
      margin: 31px 34px;
      .function-item {
      width: 25%;
      height: 89px;
      font-size: 12px;
      // border: 1px solid rgba(169,169,169,0.1); /*no*/
      /deep/ img {
      height: 30px;
      width: 30px;
      margin: 23px 28px 9px 33px;
      }
      }*/
      }
      }
      .important-message {
      width: 100%;
      height: 42px;
      margin-top: 8px;
      background-color: #ffffff;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      .important-message-title {
      -webkit-flex: 0 0 20%;
      flex: 0 0 20%;
      max-width: 20%;
      color: #e84a55;
      font-size: 14px;
      //margin-left: 3.2%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      }
      &:before {
      .setBottomLine();
      }
      .important-message-title-icon {
      height: 100%;
      margin-left: 1%;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      img {
      width: 13px;
      height: 12px;
      }
      }
      &:after {
      .setRightLine();
      }
      }
      #scroll {
      height: 42px;
      overflow: hidden;
      margin-left: 5%;
      /*.function-item:last-child{
      /deep/ img{
      height: 27px;
      width: 27px;
      margin: 31px 34px;
      }
      }*/
      }
      }
      #scroll li {
      .important-message {
      width: 100%;
      height: 42px;
      color: #565656;
      font-size: 13px;
      line-height: 18px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      /*word-wrap: break-word;
      word-break: break-all;
      white-space: normal;*/
      margin-top: 8px;
      background-color: #ffffff;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      margin-right: 10px;
      }
      }
      /*.message-box{
      margin-top: 16px;
      height: 42px;
      line-height: 42px;
      display: -webkit-flex;
      display: flex;
      background: white;
      .title{
      font-size: @font-size-small;
      margin-left: 12px;
      color: #E84A55;
      }
      img{
      height: 13px;
      width: auto;
      margin: 15px 20px 15px 3px;
      .important-message-title {
      -webkit-flex: 0 0 20%;
      flex: 0 0 20%;
      max-width: 20%;
      color: #e84a55;
      font-size: 14px;
      //margin-left: 3.2%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      }
      #scrollBox{
      .important-message-title-icon {
      height: 100%;
      margin-left: 1%;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      img {
      width: 13px;
      height: 12px;
      }
      }
      #scroll {
      height: 42px;
      overflow: hidden;
      margin-left: 5%;
      }
      #scroll li {
      height: 42px;
      color: #565656;
      font-size: 13px;
      color: #E84A55;
      line-height: 18px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      /*word-wrap: break-word;
      word-break: break-all;
      white-space: normal;*/
      display: flex;
      align-items: center;
      margin-right: 10px;
      }
      }*/
      }
      /*.message-box{
      margin-top: 16px;
      height: 42px;
      line-height: 42px;
      display: -webkit-flex;
      display: flex;
      background: white;
      .title{
      font-size: @font-size-small;
      margin-left: 12px;
      color: #E84A55;
      }
      img{
      height: 13px;
      width: auto;
      margin: 15px 20px 15px 3px;
      }
      #scrollBox{
      height: 100%;
      overflow: hidden;
      font-size: 13px;
      color: #E84A55;
      }
      }*/
      .bottom-box {
      .recommend {
      flex: 1;
      border: 1px solid rgba(169, 169, 169, 0.1); /*no*/
      border-top: none;
      .bottom-box {
      .recommend {
      flex: 1;
      border: 1px solid rgba(169, 169, 169, 0.1); /*no*/
      border-top: none;
      img {
      height: 100%;
      width: 100%;
      margin: 0;
      img {
      height: 100%;
      width: 100%;
      margin: 0;
      }
      }
      }
      }
      }
      </style>
      Markdown is supported
      0% or
      You are about to add 0 people to the discussion. Proceed with caution.
      Finish editing this message first!
      Please register or to comment