@CRMAIF_REQ_2549@迁移文件

show-server/src/main/resources/server-data.xml

@@ -44,4 +44,12 @@
	<!--自定义getVersion接口-->
	<action name="getVersion" class="com.ai.ipu.show.bean.LoginBean" method="getVersion" verify="false"></action>
	<!--video-->
	<!-- 普通登录 -->
	<action name="LoginBean.login" class="com.ai.video.bean.LoginBean" method="login" verify="false"></action>
	<!-- 模拟发送验证码 -->
	<action name="LoginBean.sendVerificationCode" class="com.ai.video.bean.LoginBean" method="sendVerificationCode" verify="false"></action>
	<action name="LoginBean.shortVideoToken" class="com.ai.video.bean.LoginBean" method="shortVideoToken" verify="false"></action>
	<!--video-end-->
</datas>

show-server/src/main/resources/server-page.xml

@@ -180,6 +180,7 @@
    <action name="ChooseFile" template="template/webapp/plugins/chooseFile.html"></action>
    <action name="showSliderVerify" template="template/webapp/plugins/showSliderVerify.html"></action>
    <action name="videoLogin" template="template/webapp/video/login.html"></action>
    <action name="videoSearch" template="template/webapp/video/video-search.html"></action>
    <action name="videoHistory" template="template/webapp/video/video-history.html"></action>
    <action name="videoAdd" template="template/webapp/video/video-add.html"></action>

show-server/src/main/webapp/biz/js/common/carousel/CustomCarousel.js

@@ -0,0 +1,367 @@
// 临时用组件
define(["Hammer", "jquery", "ipuUI"], function (Hammer, $, ipuUI) {
  /**
   * @class
   * @uses Hammer.js
   * 通过hammer.js实现的banner功能组件，
   * 因为实现轮播，显示第一项后，再显示第一项，所以第一项有被复制到添加到最后
   *
   *        @example
   *        <!-- 组件html结构如下，li里的内容用户可自定义  -->
   *        <div class="ipu-carousel ipu-hammer-carousel">
   *          <ul class="ipu-carousel-wrapper">
   *            <li ><img src="../../biz/img/01.jpg" alt=""></li>
   *            <li ><img src="../../biz/img/02.jpg" alt=""></li>
   *            <li ><img src="../../biz/img/03.jpg" alt=""></li>
   *            <li ><img src="../../biz/img/04.jpg" alt=""></li>
   *          </ul>
   *        </div>
   *
   * @constructor  不能直接访问该类，调用 {@link ipu#customCarousel}生成实例
   * @param {String|JqueryObj} slt
   *      jquery选择器字符串或jquery对象，用来查找要被组件初始化化的dom
   * @param {Object} option 组件配置参数，默认配置见 {@link #cfg-defaultOption}
   */
  function CustomCarousel(slt, option) {
    this.option = $.extend({}, this.defaultOption, option);
    this.el = $(slt).get(0);
    this._init();
  }
  $.extend(CustomCarousel.prototype, {
    /**
     * 组件默认配置项
     *
     * @cfg {Object} defaultOption
     * @cfg {Number} defaultOption.index 初始化时显示第几项，用户未指定时，会查找子项内容上有ipu-current的项显示，默认显示第一项
     * @cfg {Number} defaultOption.showItemSize 一屏最多时出现的子项数量（循环的时候要复制的数量）
     * @cfg {Boolean} defaultOption.loop 是否循环切换，只有轮播切换时，才能自动轮播
     * @cfg {Boolean} defaultOption.autoPlay 是否自动轮播
     * @cfg {Number} defaultOption.duration 自动轮播时的间隔时间，单位ms
     * @cfg {Boolean} defaultOption.indicator 是否生成banner提示器，true右下角出现小点
     * @cfg {Function} defaultOption.callBack 轮播显示某项时的回调函数
     * @cfg {Number} defaultOption.callBack.index 当前显示的项索引
     * @cfg {Function} defaultOption.clickBack
     *          切换项时被点击时的回调函数，此处主要是为了处理复制项与第一项的点击事件进行处理，
     *          让用户不关注点击的是第一项或是复制项，回调作用域为组件对象
     * @cfg {Number} defaultOption.clickBack.index 点击的项索引
     */
    defaultOption: {
      index: null,
      showItemSize: 1,
      startIndex: 0,  // 起始位置，有时起始位置不为0;
      loop: true,
      autoPlay: false,
      duration: 3000,
      indicator: false,
      callBack: null,
      clickBack: null
    },
    _init: function () {
      this.wrapper = $(">.ipu-carousel-wrapper", this.el);
      this.carouselItems = $(">li", this.wrapper);
      this.itemSize = this.carouselItems.size();  // 子项数量
      this.showItemSize = this.option.showItemSize; // 一屏展示子项数量，默认显示1个，做循环显示时只需要复制一个子项
      if (this.showItemSize > this.itemSize + 1) {
        this.enable = false;
        return; // 不能正常工作，无法初始化此组件，需要做异常处理
      }
      this.enable = true;
      this.startIndex = Math.ceil(this.option.startIndex);   // 起始位置，表明0不会显示，因为没法显示0
      this.endIndex = this.startIndex + this.itemSize;       // 结束位置展现同起始位置，只是索引不同
      this.carouselItemWides = []; // 子项宽度尺寸
      /** @property {Number} 当前显示子项索引，从0开始 */
      this.currentIndex = 0; // 当前显示子项索引
      this.moveLen = 0;      // 当前滚动移动距离
      /** @type {Boolean} 循环展示时，第一项会被复制，显示项是第一项时，是否为第一项的复制项 */
      this.cloneItem = false; //这个参数用来标记是否复制项
      if (this.option.indicator) {
        this._addIndicator();
      }
      // 如果做循环展示，则要复制起始展示项到最后面
      if (this.option.loop) {
        var cloneItem = this.carouselItems.slice(0, this.showItemSize).clone().appendTo(this.wrapper).removeClass("ipu-current");  // 这里假设每个元素宽度都是相等的
        if (cloneItem.size() < this.showItemSize) {
          this.carouselItems.slice(0, 1).clone().appendTo(this.wrapper).removeClass("ipu-current");
        }
      }
      var that = this;
      if (this.option.clickBack) {
        $(">li", this.wrapper).each(function (i) {
          $(this).click(function () {
            that.option.clickBack.call(this, i % that.size);
          });
        })
      }
      this.hammer = new Hammer.Manager(this.el);
      this.hammer.add(new Hammer.Pan({direction: Hammer.DIRECTION_HORIZONTAL, threshold: 10}));
      this.hammer.on("panstart panmove panend pancancel", Hammer.bindFn(this._onPan, this));
      this._sizeCount();
      $(window).resize(function () { // 在窗口尺寸变化时，更新尺寸信息
        that.refresh();
      });
      if (this.option.index == null) {
        var activeIndex = this.carouselItems.filter(".ipu-current").index();
        this.currentIndex = activeIndex != -1 ? activeIndex : 0;
      }
      this._show(this.currentIndex, false);
    },
    /**
     * 停止自动滚动
     */
    stop: function () {
      this._pause();
      this.option.autoPlay = false;
    },
    _pause: function () {
      if (this.timeoutId) {
        clearTimeout(this.timeoutId);
        this.timeoutId = null;
      }
    },
    /**
     * 切换到上一项
     */
    prev: function () {
      var index;
      if (this.option.loop) {
        if (this.realIndex == this.startIndex) {
          this._show(this.endIndex, false);
          this.wrapper.width();
          index = this.endIndex - 1;
        } else {
          index = this.realIndex - 1;
        }
      } else {
        index = (this.currentIndex - 1 + this.itemSize) % this.itemSize;
      }
      this._show(index);
    },
    /**
     * 切换到下一项
     */
    next: function () {//下一张
      var index;
      if (this.option.loop) {
        if (this.realIndex == this.endIndex) {
          this._show(this.startIndex, false);
          this.wrapper.width();
          index = this.startIndex + 1;
        } else {
          index = this.realIndex + 1;
        }
      } else {
        index = (this.currentIndex + 1) % this.itemSize;
      }
      this._show(index);
    },
    /**
     * 切换显示指定项
     *
     * @param {Number} index 要切换到的项索引
     *
     */
    show: function (index) {  // 跳到指定索引处，这里是realIndex
      var index = index % this.itemSize;  // todo: 起始项与结束项相同，应该看离那项近，往那边移动？
      if (index < 0) {
        index = this.itemSize + index;
      }
      index = this.startIndex + index;
      this._show(index); // 默认追加动画
    },
    /**
     * 自动轮播
     */
    play: function () {
      this.option.autoPlay = true;
      this._play();
    },
    _play: function () {
      if (this.option.autoPlay && this.option.loop && !this.timeoutId) {
        var that = this;
        this.timeoutId = setTimeout(function () {
          that.timeoutId = null;//清空这个timeoutId，代表该次处理已经执行了
          that.next();
        }, that.option.duration);
      }
    },
    _addIndicator: function () {
      var html = "";
      for (var i = 0; i < this.itemSize; i++) {
        html += "<li></li>";
      }
      html = "<ul class='ipu-carousel-indicator'>" + html + "</ul>";
      this.indicator = $(html).appendTo(this.el);
      this.indicatorIndexs = $("li", this.indicator);
    },
    _sizeCount: function () {
      this.wrapperWidth = this.wrapper.outerWidth(true);
      this.itemWidth = this.carouselItems.eq(0).outerWidth(true);
      $(this.wrapper).removeClass("ipu-carousel-animate").width();
      this.carouselItemWides = [];
      var that = this;
      $(">li", this.wrapper).each(function (index, dom) {
        that.carouselItemWides[index] = $(this).position().left;
      });
      this.mostSize = this.itemSize * this.itemWidth;           // 宽度*数量
      this.startSize = that.carouselItemWides[this.startIndex]; // 起始位置
      this.endSize = that.carouselItemWides[this.endIndex];     // 宽度*数量
      // console.log(this.startSize + "--" + this.endSize);
    },
    /**
     * 宽度信息或尺寸信息发生变更时，进行刷新计算
     * 判断是否需要重新计算尺寸，若宽度尺寸发生变化，进行重新尺寸计算
     */
    refresh: function () {
      if (this.wrapperWidth != this.wrapper.outerWidth(true)) {
        this._sizeCount();
        this._show(this.realIndex, false); //新的位置
      }
    },
    _move: function (moveLen) { // 拖动时的处理
      this._pause();
      $(this.wrapper).removeClass("ipu-carousel-animate");
      if (this.option.loop) { // 循环时，起始位置
        moveLen = moveLen % this.mostSize;
        var move = (this.moveLen - moveLen);
        if (move < this.startSize) {
          move = move + this.mostSize;
        } else if (move > this.endSize) {
          move = move - this.mostSize
        }
      } else {
        var move = this.moveLen - moveLen;
        if (move < 0) {
          move = move / 2;
        } else if (move > this.endSize) {
          move = this.endSize + (move - this.endSize) / 2;
        }
      }
      this.displayMoveLen = move;
      move = -move + "px";
      $(this.wrapper).css("transform", "translate3d(" + move + ", 0, 0)");
    },
    _show: function (index, animate) { // index = realIndex
      if (animate !== false) { // 默认值为true
        animate = true;
      }
      // console.log(index); // 判断距离起始始和结束哪个位置更近
      this._pause();
      $(this.wrapper).toggleClass("ipu-carousel-animate", animate);
      if (index < this.startIndex) {  // 起始位置不一定位于0
        index = this.itemSize + index;
      } else if (index > this.endIndex) {
        index = index - this.itemSize;
      }
      if ((index == this.startIndex || index == this.endIndex) && this.displayMoveLen) { // 对于重复位置，需要根据最靠近移动
        var moveSize = Math.abs(this.displayMoveLen / this.itemWidth);
        if (Math.abs(this.startIndex - moveSize) > Math.abs(this.endIndex - moveSize)) {
          index = this.endIndex;
        } else {
          index = this.startIndex;
        }
      }
      this.realIndex = index;
      this.currentIndex = index % this.itemSize;
      this.cloneItem = index >= this.itemSize;
      this.moveLen = this.carouselItemWides[index];
      var move = -this.moveLen + "px";
      $(this.wrapper).css("transform", "translate3d(" + move + ", 0, 0)");
      var currentIndex = this.currentIndex;
      if (animate && this.option.callBack) {
        this.option.callBack(currentIndex, this.cloneItem);//返回当前索引,以及是滞最后一项参数
      }
      if (this.indicator) {
        this.indicatorIndexs.eq(currentIndex).addClass("ipu-current").siblings().removeClass("ipu-current");
      }
      // console.log(this.realIndex + " : " + this.currentIndex);
      if (this.displayMoveLen) {  // 这个值只在pancancel时使用，否则清0
        this.displayMoveLen = 0;
      }
      this._play();//处理自动播放
    },
    _onPan: function (ev) {
      var delta = ev.deltaX;  // 内容往左，deltaX为正值
      // pancancel与panend，有效的pan事件结束与无效的pan事件结束？
      if (ev.type == 'panend' || ev.type == 'pancancel') {
        var value = delta / this.itemWidth;
        var intValue = parseInt(Math.abs(value));               // 取整数
        var decimal = Math.abs(value) % 1;                      // 取小数
        if (decimal > 0.2) { // 滑动超过页面宽20%；
          intValue = intValue + 1;
        }
        if (delta > 0) {
          intValue = -intValue;
        }
        var index;
        // console.log("平移位置：" + intValue);
        if (this.option.loop) {
          intValue = intValue % this.itemSize;
          index = (this.realIndex + intValue);
          if (index < this.startIndex) {
            index = index + this.itemSize;
          } else if (index > this.endIndex) {
            index = index - this.itemSize;
          }
        } else { // 非循环时
          index = this.currentIndex + intValue;
          if (index < 0) {
            index = 0;
          } else if (index > this.itemSize - 1) {
            index = this.itemSize - 1;
          }
        }
        this._show(index);
      } else if (ev.type == 'panmove') {
        this._move(delta);
      }
    }
  });
  /**
   * @member ipuUI
   * 生成HammerCarousel实例，参数信息见{@link CustomCarousel#method-constructor}
   *
   * @param {String} slt
   * @param {Object} option
   * @returns {CustomCarousel}
   */
  ipuUI.customCarousel = function (slt, option) {
    return new CustomCarousel(slt, option);
  };
});

show-server/src/main/webapp/biz/js/common/require-config.js

@@ -10,6 +10,9 @@ require.config({
		'LeftSwipe': 'biz/js/common/LeftSwipe',
		'WebTorrent': 'biz/js/common/webtorrent.min',
		'gesture': 'biz/lib/gesture/gesture.password',				 //　手势密码第三方库
		'customCarousel':'biz/js/common/carousel/customCarousel', // 自定义轮播组件
		'userManager':'biz/js/common/user/userManager', // 账号管理
		'vali':'biz/js/common/validate/common-validate',  // 自定义校验
	},
	shim:{
        'dragsort': { deps: ['jquery'] }

show-server/src/main/webapp/biz/js/common/user/userManager.js

@@ -0,0 +1,207 @@
/**
 * 用户管理类
 * currentUserAccount:当前登录用户名 字符串
 * userAccountList：本地存储所有登录用户的列表 DatasetList字符串形式 例如：userAccountList:[{userData},{userData}]
 * userData：DataMap字符串形式
 */
define(["common", "mobile", "ipuMobile", "jcl"], function (Common, Mobile, WadeMobile, Wade) {
  var userManager = {};
  // 本地缓存的key值定义
  userManager.currentUserAccount = "currentUserAccount";//当前登录的用户名
  userManager.userAccountList = "userAccountList";//当前登录多个用户的列表对应的key值
  userManager.userAccount = "userAccount";//用户名
  userManager.passwd = "password";//密码
  userManager.gesturePasswd = "gesturePasswd";//手势锁密码
  userManager.usingGesturePasswd = "usingGesturePasswd"; //是否启用手势锁
  userManager.hasRememberPasswd = "hasRememberPasswd";//是否记住密码。true：记住密码；false：不记录密码
  userManager.hasRememberPasswd_true = "true";
  userManager.hasRememberPasswd_false = "false";
  userManager.currentUserData = null;// 当前登录用户对象，全局变量
  userManager.currentUserGestureValue = null;// 当前登录用户手势锁值，全局变量
  // 获取当前登录的用户对象
  userManager.getCurrentUserData = function (callback) {
    Common.getLocal(function (data) {
      data = typeof (data) == "string" ? Wade.DataMap(data) : data;
      var currentUserAccount = null;
      if (data.get(userManager.currentUserAccount)) {
        currentUserAccount = data.get(userManager.currentUserAccount);
      }
      if (data.get(userManager.userAccountList)) {
        var userAccountList = data.get(userManager.userAccountList);
        userAccountList = typeof (userAccountList) == "string" ? Wade.DatasetList(userAccountList) : userAccountList;
        if (userAccountList.length > 0) {
          var obj;
          for (var i = 0; i < userAccountList.length; i++) {
            obj = userAccountList.get(i);
            obj = typeof (obj) == "string" ? Wade.DataMap(obj) : obj;
            var userAccount = obj.get(userManager.userAccount);
            if (userAccount == currentUserAccount) {
              console.log("获取到已有登录对象：" + obj.toString());
              userManager.currentUserData = obj;
              return callback(obj);
            }
          }
        }
      }
      console.log("未获取到已登录对象");
      return callback(null);
    }, [userManager.currentUserAccount, userManager.userAccountList]);
  };
  // 向本地添加用户数据
  userManager.addUserData = function (userData) {
    Common.getLocal(function (data) {
      var _currentUserAccount = userData.get(userManager.userAccount);
      var _hasRememberPasswd = userData.get(userManager.hasRememberPasswd);
      data = typeof (data) == "string" ? Wade.DataMap(data) : data;
      var has_update_data = false;//true：更新数据；false：新增数据；
      var _userAccountList = Wade.DatasetList();
      if (data.get(userManager.userAccountList)) {
        _userAccountList = data.get(userManager.userAccountList);
        _userAccountList = typeof (_userAccountList) == "string" ? Wade.DatasetList(_userAccountList) : _userAccountList;
        //更新数据
        if (_userAccountList.length > 0) {
          var obj;//循环对象
          for (var i = 0; i < _userAccountList.length; i++) {
            obj = _userAccountList.get(i);
            obj = typeof (obj) == "string" ? Wade.DataMap(obj) : obj;
            var userAccount = obj.get(userManager.userAccount);
            if (_currentUserAccount == userAccount) {
              has_update_data = true;
              //该用户数据已存在，更新数据
              obj.put(userManager.userAccount, userData.get(userManager.userAccount));
              obj.put(userManager.hasRememberPasswd, _hasRememberPasswd);
              if (_hasRememberPasswd == userManager.hasRememberPasswd_true) {
                //记录密码
                obj.put(userManager.passwd, userData.get(userManager.passwd));
              } else if (_hasRememberPasswd == userManager.hasRememberPasswd_false) {
                //不记录密码
                obj.removeKey(userManager.passwd);
              }
              console.log("更新用户对象：" + obj.toString());
              break;
            }
          }
        }
      }
      //新插入用户数据
      if (!has_update_data) {
        var obj = Wade.DataMap();
        obj.put(userManager.hasRememberPasswd, userData.get(userManager.hasRememberPasswd));
        obj.put(userManager.userAccount, _currentUserAccount);
        if (_hasRememberPasswd == userManager.hasRememberPasswd_true) {
          //记录密码
          obj.put(userManager.passwd, userData.get(userManager.passwd));
        } else if (_hasRememberPasswd == userManager.hasRememberPasswd_false) {
          //不记录密码
        }
        console.log("新增用户对象：" + obj.toString());
        _userAccountList.add(obj);
      }
      // 重新放置本地缓存数据
      Common.putLocal(userManager.userAccountList, _userAccountList.toString());
      // 强制更新当前登录用户值
      Common.putLocal(userManager.currentUserAccount, _currentUserAccount);
    }, [userManager.userAccountList]);
  };
  //启用手势锁管理
  userManager.addCurrentUsingGesturePasswd = function (usingGesturePasswd) {
    if(usingGesturePasswd){
      usingGesturePasswd = true;
    }else {
    }
    // Common.putLocal(userManager.usingGesturePasswd, usingGesturePasswd);
    Common.getLocal(function(data) {
      data = typeof(data)=="string"?Wade.DataMap(data):data;
      var currentUserAccount = null;
      if(data.get(userManager.currentUserAccount)){
        currentUserAccount = data.get(userManager.currentUserAccount);
      }
      if(data.get(userManager.userAccountList)){
        var userAccountList = data.get(userManager.userAccountList);
        userAccountList = typeof(userAccountList)=="string"?Wade.DatasetList(userAccountList):userAccountList;
        if(userAccountList.length>0){
          var obj;
          for(var i=0;i<userAccountList.length;i++){
            obj = userAccountList.get(i);
            obj = typeof(obj)=="string"?Wade.DataMap(obj):obj;
            var userAccount = obj.get(userManager.userAccount);
            if(userAccount == currentUserAccount){
              obj.put(userManager.usingGesturePasswd, usingGesturePasswd);
              if(usingGesturePasswd){
                // 开启手势密码
              }else{
                // 关闭手势密码，移除原有密码
                if(userManager.gesturePasswd){
                  obj.removeKey(userManager.gesturePasswd);
                }
              }
              break;
            }
          }
        }
        // 重新放置本地缓存数据
        Common.putLocal(userManager.userAccountList, userAccountList.toString());
      }
    }, [userManager.currentUserAccount,userManager.userAccountList]);
  }
  // 获取当前手势锁值
  userManager.getCurrentUserGestureValue = function(callback){
    if(userManager.currentUserGestureValue != null){
      return callback(userManager.currentUserGestureValue);
    }
    if(userManager.currentUserData != null){
      return callback(userManager.currentUserData.get(userManager.gesturePasswd));
    }
    userManager.getCurrentUserData(function(userData){
      if(userData==null){
        return callback(null);
      }
      return callback(userData.get(userManager.gesturePasswd));
    });
  };
  userManager.addCurrentUserGestureValue = function(value){
    Common.getLocal(function(data) {
      data = typeof(data)=="string"?Wade.DataMap(data):data;
      var currentUserAccount = null;
      if(data.get(userManager.currentUserAccount)){
        currentUserAccount = data.get(userManager.currentUserAccount);
      }
      if(data.get(userManager.userAccountList)){
        var userAccountList = data.get(userManager.userAccountList);
        userAccountList = typeof(userAccountList)=="string"?Wade.DatasetList(userAccountList):userAccountList;
        if(userAccountList.length>0){
          var obj;
          for(var i=0;i<userAccountList.length;i++){
            obj = userAccountList.get(i);
            obj = typeof(obj)=="string"?Wade.DataMap(obj):obj;
            var userAccount = obj.get(userManager.userAccount);
            if(userAccount == currentUserAccount){
              var lastGesturePasswd = obj.get(userManager.gesturePasswd);
              if(lastGesturePasswd){
                console.log("更新手势锁密码，旧密码是："+lastGesturePasswd+",新手势锁密码是："+value);
              }else{
                console.log("新增手势锁密码："+value);
              }
              obj.put(userManager.gesturePasswd, value);
            }
          }
        }
        // 重新放置本地缓存数据
        Common.putLocal(userManager.userAccountList, userAccountList.toString());
      }
    }, [userManager.currentUserAccount,userManager.userAccountList]);
  };
  return userManager;
});

show-server/src/main/webapp/biz/js/common/validate/common-validate.js

@@ -0,0 +1,62 @@
/**
 * 常用校验
 */
define(['jquery', 'ipuUI'], function ($, ipuUI) {
  var Vali = new function () {
    // 是否为电话号码
    this.isPhoneNumber= function (number) {
      if (!number || typeof number == 'undefined' || number == '') {
        ipuUI.toast('请输入手机号');
        return false;
      }
      var mobileReg = /^((13+\d{9})|(145+\d{8})|(147+\d{8})|(15+\d{9})|(16+\d{9})|(17+\d{9})|(18+\d{9})|(19+\d{9}))$/;
      if(!mobileReg.test(number)){
        ipuUI.toast('手机号格式错误');
        return false;
      }
      return true;
    }
    // 校验空字符
    this.isNotNull = function (testValue, tipText) {
      if (testValue == "") {
        ipuUI.toast('请输入' + tipText + '！');
        return false;
      }
      return true;
    };
    // 校验自然数(0、正整数)
    this.isNaturalNumber = function (testValue, tipText) {
      var reg = /^(0|[1-9][0-9]*)$/;
      if (!reg.test(testValue)) {
        ipuUI.toast(tipText + '必须为数字');
        return false;
      }
      return true;
    };
    // 校验整数(正整数、0、负整数)
    this.isInteger = function (testValue, tipText) {
      var reg = /^(0|-?[1-9][0-9]*)$/;
      if (!reg.test(testValue)) {
        ipuUI.toast(tipText + '必须为整数');
        return false;
      }
      return true;
    };
    // 校验字符串长度
    this.valiLength = function (testValue, tipText, minLength, maxLength) {
      if (testValue < minLength || testValue > maxLength) {
        ipuUI.toast(tipText + '的长度必须在' + minLength + "-" + maxLength + "之间");
        return false;
      }
      return true;
    };
  }
  return Vali;
});

show-server/src/main/webapp/biz/js/video/login.js

@@ -0,0 +1,206 @@
require(['jquery', 'ipuUI', 'mobile', 'ipuMobile', 'jcl', 'common', 'userManager', 'vali'], function ($, ipuUI, Mobile, WadeMobile, Wade, Common, userManager, Vali) {
  $(function () {
    // 初始化登录页面
    showCurrentUserData();
    //记住密码
    $(".remember-pwd").click(function () {
      if ($(".remember-pwd").find(".app-icon").hasClass("icon-checkbox-blank-circle-outline")) {
        $(".remember-pwd").find(".app-icon").removeClass("icon-checkbox-blank-circle-outline");
        $(".remember-pwd").find(".app-icon").addClass("icon-checkbox-marked-circle");
      } else {
        $(".remember-pwd").find(".app-icon").addClass("icon-checkbox-blank-circle-outline");
        $(".remember-pwd").find(".app-icon").removeClass("icon-checkbox-marked-circle");
      }
    });
    // 获取焦点，变更底边框颜色
    $(".form-row").focusin(function () {
      $(this).addClass("form-row-focus");
    });
    // 丢失焦点，恢复底边框颜色
    $(".form-row").focusout(function () {
      $(this).removeClass("form-row-focus");
    });
    // 清空输入框
    $(".input-clear").click(function () {
      var row = $(this).parents(".form-row");
      $("input", row).val("");
      $(this).hide();
    });
    //显示隐藏清空按钮
    $(".form-row .form-input").on('keyup blur', checkInput);
    function checkInput() {
      if ($.trim($(this).val()) != "") {
        $(".input-clear", $(this).parents(".form-row")).show();
      } else {
        $(".input-clear", $(this).parents(".form-row")).hide();
      }
    }
    // 获取验证码，倒计时
    $(".send-code").click(function () {
      var params = Wade.DataMap();
      var phone="1353456788";
      params.put("phone",phone);
      if (!$(this).hasClass("time-count")) { // 非倒计时状态，获取验证码
        var total = 60; // 倒计总时长
        var sendBtn = $(this).addClass("time-count");
        var defaultText = sendBtn.text();
        // 向后台请求数据
        Common.callSvc("LoginBean.sendVerificationCode", params, function(result){
          result = typeof(result) == "string" ? Wade.DataMap(result) : result;
          if(result.get(Constant.RETURN_CODE_KEY) == Constant.RETURN_CODE_SUCCESS){
            ipuUI.toast(result.get(Constant.RETURN_MSG_KEY));
            // 登录按钮可用
            $(".ipu-btn").prop("disabled",false);
          }else{
            ipuUI.toast(result.get(Constant.RETURN_MSG_KEY));
            return;
          }
        });
        function updateTimeCount() {
          total--;
          if (total > 0) {
            sendBtn.text(total + "s");
            setTimeout(updateTimeCount, 1000);
          } else {
            sendBtn.text(defaultText).removeClass("time-count");
          }
        }
        updateTimeCount();
        // 验证码输入框可输入
        $("#4a_code").prop("disabled",false);
      }
    });
    // 点登录进入首页
    $(".ipu-btn").click(function () {
      var params = Wade.DataMap();
      var userAccount = $("#4a_name").val();
      var password = $("#4a_password").val();
      var verificationCode = $("#4a_code").val();
      // 校验用户名是否为空
      if(!Vali.isNotNull(userAccount,"用户名")){
        $("#4a_name").val("").focus();
        return;
      }
      // 校验密码是否为空
      if(!Vali.isNotNull(password,"密码")){
        $("#4a_password").val("").focus();
        return;
      }
      // 校验验证码是否为空
      if(!Vali.isNotNull(verificationCode,"验证码")){
        $("#4a_code").val("").focus();
        return;
      }
      params.put(userManager.userAccount, userAccount);
      params.put(userManager.passwd, password);
      params.put("verificationCode", verificationCode);
      params.put(userManager.hasRememberPasswd, $(".remember-pwd").find(".app-icon").hasClass("icon-checkbox-blank-circle-outline") ? userManager.hasRememberPasswd_false : userManager.hasRememberPasswd_true);
      // 加载请求等待样式
      ipuUI.showIndicator();
      // 向后台请求数据
      Common.callSvc("LoginBean.login", params, function (result) {
        result = typeof(result) == "string" ? Wade.DataMap(result) : result;
        if(result.get(Constant.RETURN_CODE_KEY) == Constant.RETURN_CODE_SUCCESS){
          // 用户数据本地保存
          userManager.addUserData(params);
          Common.putLocal(Constant.LAST_PASSWORD, password);
          // 保存主账号数据
          Common.put(Constant.SESSION_ID, result.get("SESSION_ID"));
          Common.put(Constant.STAFF_ID, result.get("USER_ID"));
          Common.put("userAccount", userAccount);
          // 传递至一下页面的参数
          var dataParam = Wade.DataMap();
          dataParam.put("userId", result.get("USER_ID"));
          dataParam.put("userAccount", userAccount);
          dataParam.put("userName", result.get("USER_NAME"));
          dataParam.put("email", result.get("USER_MAIL"));
          dataParam.put("lastPage", "Login");
          // 打开主页
          //Mobile.openTemplate("Index",dataParam);
          ipuUI.toast("登录成功！");
          Mobile.openTemplate("Login",dataParam);
          // 关闭请求等待样式
          ipuUI.hideIndicator();
        }else{
          ipuUI.toast(result.get(Constant.RETURN_MSG_KEY));
          ipuUI.hideIndicator();
        }
      });
    });
    // 手势密码登录
    $("#gesture-pass-login").click(function () {
      //判断是否设置过手势锁
      userManager.getCurrentUserData(function(userData){
        if(userData==null){
          return ;
        }
        var gestureValue = userData.get(userManager.gesturePasswd);
        var usingGesturePasswd = userData.get(userManager.usingGesturePasswd);
        if(usingGesturePasswd&&JSON.parse(usingGesturePasswd)){
          if(gestureValue){
            // 有手势锁样式
            var param = Wade.DataMap();
            var data = Wade.DataMap();
            data.put("loginFlag", "1");
            param.put("data", data);
            Mobile.openTemplate("GestureLockLogin", param);
          }else{
            // 没有手势锁样式
            ipuUI.toast("还未设置手势锁");
          }
        }else{
          // 没有手势锁样式
          ipuUI.toast("还未启用手势锁");
        }
      });
    });
    // 初始化登录用户数据
    function showCurrentUserData() {
      userManager.getCurrentUserData(function (userData) {
        if(userData==null){
          return;
        }
        var _hasRememberPasswd = userData.get(userManager.hasRememberPasswd);
        // 记录密码
        if (_hasRememberPasswd == userManager.hasRememberPasswd_true) {//记录密码
          $(".remember-pwd").find(".app-icon").removeClass("icon-checkbox-blank-circle-outline");
          $(".remember-pwd").find(".app-icon").addClass("icon-checkbox-marked-circle");
          if (userData.get(userManager.userAccount)) {
            $("#4a_name").val(userData.get(userManager.userAccount));
          }
          if (userData.get(userManager.passwd)) {
            // 聚焦到密码末尾
            $("#4a_password").val("").focus().val(userData.get(userManager.passwd));
          }
        } else if (_hasRememberPasswd == userManager.hasRememberPasswd_false) {//不记录密码
          // 不记录密码样式
          $(".remember-pwd").find(".app-icon").addClass("icon-checkbox-blank-circle-outline");
          $(".remember-pwd").find(".app-icon").removeClass("icon-checkbox-marked-circle");
          // 聚焦到用户名
          $("#4a_name").val("").focus();
          $("#4a_password").val("");
        }
      });
    }
  });
});

show-server/src/main/webapp/template/webapp/video/login.html

@@ -0,0 +1,85 @@
<!doctype html>
<html>
<head>
  <title>登录</title>
  {%>template/common/Head.html%}
  <script src="biz/js/video/login.js"></script>
</head>
<body class="pages-login">
<div class="ipu-flex-row ipu-flex-vertical">
    <div class="ipu-flex-col  login-head">
      <div class="login-head-content">
        <div class="app-info">
          <span class="app-logo"></span>
          <span class="app-name">超级客户端登录</span>
        </div>
      </div>
    </div>
    <div class="ipu-flex-col ipu-flex-col-auto ipu-flex-row ipu-flex-vertical">
      <div class="ipu-flex-col ipu-tab-body">
        <ul class="type-4a">
          <li class="login-type-4a">
            <div class="page-content">
              <div class="page-form">
                <div class="form-row-label">
                  NT账号
                </div>
                <div class="ipu-flex form-row">
                  <div class="ipu-flex-col-auto  form-input-wrap">
                    <input type="text" class="form-input" id="4a_name" placeholder="请输入您的用户名">
                  </div>
                  <div class="ipu-flex-col form-input-asset">
                    <div class="app-icon icon-close-circle input-clear"></div>
                  </div>
                </div>
                <div class="form-row-label">
                  密码
                </div>
                <div class="ipu-flex form-row">
                  <div class="ipu-flex-col-auto  form-input-wrap">
                    <input type="password" class="form-input" id="4a_password" placeholder="请输入您的密码">
                  </div>
                  <div class="ipu-flex-col form-input-asset">
                    <div class="app-icon icon-close-circle input-clear"></div>
                  </div>
                </div>
                <div class="form-row-label">
                  短信验证码
                </div>
                <div class="ipu-flex form-row">
                  <div class="ipu-flex-col-auto  form-input-wrap">
                    <input type="text" class="form-input" id="4a_code" placeholder="请输入您的短信验证码" disabled>
                  </div>
                  <div class="ipu-flex-col form-input-asset">
                    <div class="send-code">发送验证码</div>
                  </div>
                </div>
                <div class="login-assets">
                  <a  href="javascript:;" class="link-gesture-login" id="gesture-pass-login">手势密码登录</a>
                  <div class="remember-pwd">
                    <div class="ipu-flex">
                      <div class="app-icon icon-checkbox-blank-circle-outline"></div>
                      <div><p>记住密码</p></div>
                    </div>
                  </div>
                </div>
                <div class="form-btns">
                  <button class="ipu-btn common-btn" disabled>登录</button>
                </div>
              </div>
            </div>
          </li>
        </ul>
      </div>
    </div>
</div>
</body>
</html>