zhoufan
/
ZXDT_CallCenter


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194
							<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <title></title>
  <meta name="keywords" content="郑州市轨道交通全媒体客服平台" />
  <meta name="description" content="郑州市轨道交通全媒体客服平台" />
  <meta name="renderer" content="webkit" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="Author" content="larry" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="format-detection" content="telephone=no" />
  <link rel="Shortcut Icon" href="favicon.ico" />

  <link href="/Content/layui/css/layui.css" rel="stylesheet" />
  <link rel="stylesheet" type="text/css" href="/Content/css/gobal.css" media="all" />
  <link rel="stylesheet" type="text/css" href="/Content/css/animate.css" media="all" />
  <link rel="stylesheet" type="text/css" href="/Content/css/metrologin.css" media="all" />
</head>

<body>
  <div class="larry-main layui-layout animated shake larry-delay2" id="larry_login"
    style="margin-top: 100px; margin-bottom:50px;">
    @* <div class="title">
      <img src="" style="height:160px;" alt="">
    </div> *@
    <div class="user-info">
      @* <div style="height:120px;">&nbsp;</div> *@
      <div class="avatar" style=" width:250px; height:50px;">
        <p class="info" style="font-size:20pt;">
          热线客服平台
        </p>
      </div>
      <div class="layui-form" id="larry_form">
        <div class="layui-form-item">
          <label class="layui-form-label">
            用户名:
          </label>
          <input id="txtusername" type="text" name="user_name" required lay-verify="required" aautocomplete="off"
            class="layui-input larry-input" placeholder="请输入您的用户名" value="@Model.F_UserName" autocomplete="off">
        </div>
        <div class="layui-form-item" id="password">
          <label class="layui-form-label">
            密&nbsp;&nbsp;&nbsp;码:
          </label>
          <input id="txtpassword" type="password" name="password" required lay-verify="required|password"
            aautocomplete="off" class="layui-input larry-input" placeholder="请输入您的登录密码" autocomplete="off"
            value="">
        </div>
        <div class="layui-form-item">
          <button class="layui-btn larry-btn" onclick="EventLoginIn();">
            立即登录
          </button>
        </div>
        <div class="layui-form-item">
          <span id="lblTip" style="color:Red;">&nbsp;</span>
        </div>
      </div>
    </div>
    <div class="copy-right" style=" color:White;">
     @*©版权所有 郑州地铁集团有限公司运营分公司*@
    </div>
  </div>
  <!-- 加载js文件-->

  <script src="/Content/layui/layui.js"></script>
  <script src="/Content/js/ZXDT.config.js"></script>
  <script src="/Content/js/jquery-1.8.3.min.js"></script>
  <script src="/Content/js/ZXDT.http.js"></script>
  <script src="/Content/js/jquery.md5.js"></script>
	<script src="/Content/js/aes/crypto-js.js"></script>

  <div class="layui-layer-move">
    <ul style="visibility: visible;" id="supersized" class="quality">
      <li style="visibility: visible; opacity: 1;" class="slide-0 activeslide">
        <a target="_blank">
          <img id="bgimage1" src="/Content/images/signin_bg.png" style="width: 100%;height:100%;" />
        </a>
      </li>
      <li style="visibility: visible;
                    opacity: 1;" class="slide-1">
        <a target="_blank">
          <img src="/Content/images/login/1.jpg" />
        </a>
      </li>
      <li style="visibility: visible; opacity: 1;" class="slide-2 prevslide">
        <a target="_blank">
          <img src="/Content/images/login/2.jpg" />
        </a>
      </li>
    </ul>
  </div>
  <script type="text/javascript">
   $(document).ready(function () {
      
      
    });
    //获取url中的参数
    function getUrlParam(name) {
      var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
      var r = window.location.search.substr(1).match(reg);  //匹配目标参数
      if (r != null) return unescape(r[2]); return null; //返回参数值
    }
  </script>
  <script type="text/javascript">
    function EventLoginIn() {
      var IsVerification = verification();
      if (IsVerification == true) {
        var username = document.getElementById("txtusername").value;
        if (getUrlParam("ExtPhone") != null) {
          extensionphone = getUrlParam("ExtPhone");
        } else {
          var extensionphone = "1009";
        }

        var password = document.getElementById("txtpassword").value; //todo，这里需加密
        var currenttime = helper.DateFormat.curentTime();
        var datatime = currenttime.split(' ')[1].split(':').join('')
        var key = CryptoJS.enc.Utf8.parse(")O[9d]6,YF}+efcaj{+8>Z'e9M"+datatime);
        password = CryptoJS.enc.Utf8.parse($.md5(password));
        var encrypted = CryptoJS.AES.encrypt(password, key, {mode:CryptoJS.mode.ECB,padding: CryptoJS.pad.Pkcs7});
        console.log(encrypted.toString())
        @* var params = "username=" + username + "&extensionphone=" + extensionphone + "&password=" + encrypted.toString()+ "&logintime=" +currenttime.replace(/ /g, "%20"); *@
        $.ajax({
            type: "post",
            url: "/Default/LoginIn",
            dataType: 'text',
            async: true,
            data: {
              username: username,
              extensionphone:extensionphone,
              password:encrypted.toString(),
              logintime:currenttime
            },
            success: function(data) {
              /*验证请求*/
              if (data == "success") {
                location.href = "/Main/Index";
                helper.cookies.set('callState', 1);
                helper.cookies.set('clsCookie', "");
              }
              else {
                lblTip.innerHTML = "登录失败，用户名密码错误或数据库连接异常";
                document.getElementById("txtpassword").focus();
              }

            }
          });
      }
    }

    function clickLoginIn() {
      //任何需要执行的js特效
      if ("@ViewBag.Return" == "success") {
        location.href = "/Main/Index";
        helper.cookies.set('callState', 1);
        helper.cookies.set('clsCookie', "");
      }
      else {
        alert("这时候跳转到集团登陆页-" + "@ViewBag.Return");
        window.location = "https://portal.zzmetro.cn:4443/ZZMSsoLogin/zzmteroLogin.jsp";
      }
    }

    function verification() {
      if (document.getElementById("txtusername").value == "") {
        document.getElementById("lblTip").innerHTML = "&nbsp;*&nbsp;请输入您的用户名";
        document.getElementById("txtusername").focus();
        return false;
      }
      else if (document.getElementById("txtpassword").value == "") {
        document.getElementById("lblTip").innerHTML = "&nbsp;*&nbsp;请输入您的登录密码";
        document.getElementById("txtpassword").focus();
        return false;
      }
      return true;
    }


    document.onkeydown = function (event) {
      var e = event || window.event || arguments.callee.caller.arguments[0];
      if (e && e.keyCode == 13) {
        EventLoginIn();
      }
    };
  </script>
</body>

</html>