login.blade.php 6.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144
  1. @extends('app.hardware.layout.hardware')
  2. @push('meta')
  3. @endpush
  4. @push('css')
  5. <link rel="stylesheet" href="{{theme_asset('app/css/pad/bootstrap.min.css')}}" />
  6. <link rel="stylesheet" href="{{theme_asset('app/css/pad/style.css')}}" />
  7. <link rel="stylesheet" href="{{theme_asset('app/css/pad/login.css')}}"/>
  8. <style type="text/css">
  9. #banner { position: relative; width: 1024px; height: 768px; border: 1px solid #666; overflow: hidden; }
  10. #banner_list img { border: 0px; }
  11. #banner_bg { position: absolute; bottom: 0; background-color: #000; height: 30px; filter: Alpha(Opacity=30); opacity: 0.3; z-index: 1000; cursor: pointer; width: 478px; }
  12. #banner_info { position: absolute; bottom: 0; left: 5px; height: 22px; color: #fff; z-index: 1001; cursor: pointer }
  13. #banner_text { position: absolute; width: 120px; z-index: 1002; right: 3px; bottom: 3px; }
  14. #banner ul { position: absolute; list-style-type: none; filter: Alpha(Opacity=80); opacity: 0.8; z-index: 1002; margin: 0; padding: 0; bottom: 3px; right: 5px; }
  15. #banner ul li { padding: 0px 8px; float: left; display: block; color: #FFF; background: #6f4f67; cursor: pointer; border: 1px solid #333; }
  16. #banner ul li.on { background-color: #000; }
  17. #banner_list a { position: absolute; }
  18. </style>
  19. @endpush
  20. @push('js')
  21. <script type="text/javascript" src="{{theme_asset('app/js/pad/jquery.cookie.js')}}"></script>
  22. <script type="text/javascript" src="{{theme_asset('app/js/pad/common.js')}}" ></script>
  23. <script type="text/javascript" src="{{theme_asset('app/js/pad/AndroidJSTest.js')}}"></script>
  24. @endpush
  25. @section('content')
  26. <body style="background-image:url({{theme_asset('app/images/hardware/pad/tablet_login.jpg')}})">
  27. <div class="login" id="content" >
  28. <form method="post" style="height:100%;margin-top:20%">
  29. {{--<h2 style="color: #ffffff">{{$comp_info['companyname']}}</h2>--}}
  30. <label class="login_rel"><span class="login_user"></span><span class="del_user js_del_user"></span><input type="text" name="username" value="{{$comp_info['username'] or ''}}" placeholder="{{$comp_info['username'] or '该设备暂无招聘会'}}" class="user form-control" id="userName"/></label>
  31. <label class="login_rel"><span class="login_pass"></span><input type="password" name="password" value="" placeholder="请输入密码" class="password form-control" id="passWord" /></label>
  32. <div class="btn">
  33. <input type="button" class="login_btn" value="登 录"/>
  34. </div>
  35. </form>
  36. <div class="btn">
  37. <input type="button" style="display: none" class="login_btn" id="btnSysSetting" value="调 试"/>
  38. </div>
  39. <div class="fot_des">
  40. <p>本系统采用<font color="#0190dc">招聘通</font>平台!让招聘更轻松!</p>
  41. <p>技术支持单位:江苏艾克斯信息科技有限公司</p>
  42. </div>
  43. </div>
  44. <div class="error_box">
  45. <span class="icon"></span>
  46. <p></p>
  47. </div>
  48. <div class="success_box"></div>
  49. @endsection
  50. @section('script')
  51. <script>
  52. $(function () {
  53. var flag = "{{$flag}}";
  54. if(!flag){
  55. $(function () {
  56. setInterval(function(){
  57. refreshLogin();
  58. }, 10000);
  59. });
  60. }
  61. });
  62. function refreshLogin() {
  63. window.location.reload();
  64. };
  65. //提交登录数据
  66. $('.login_btn').on('click', function () {
  67. var account = $("#userName").val();
  68. var password = $("#passWord").val();
  69. var eid = "{{$eid}}";
  70. if(account == '' || password == ''){
  71. $('.error_box').show(300).delay(1500).hide(300).find('p').html('请输入账号或密码');
  72. return false;
  73. }
  74. if (account == 'tadmin') {
  75. $("#btnSysSetting").attr("style", "");
  76. } else {
  77. $.ajax({
  78. type: 'post',
  79. url: "{{route('hardware.pad.login')}}",
  80. data: {
  81. _token:"{{csrf_token()}}",
  82. username:account,
  83. password:password,
  84. eid:eid,
  85. },
  86. dataType: 'json',
  87. success: function (data) {
  88. if (data.data.status != 1) {
  89. $('.error_box').show(300).delay(1500).hide(300).find('p').html(data.data.msg);
  90. setTimeout("refreshLogin()", "3000");
  91. } else {
  92. $('.success_box').html(data.data.msg).show(100).delay(1500).hide(100);
  93. setTimeout(function(){
  94. location.href = "{{route('hardware.pad.index')}}"
  95. }, 1000);
  96. }
  97. }
  98. });
  99. }
  100. });
  101. $(function () {
  102. $.AndroidHost.setEvents({
  103. onEvent: function (name, value) {
  104. output('event:' + name + ',' + value);
  105. },
  106. });
  107. //$.AndroidHost.setDeviceSerialNumber('aaaaa');
  108. $('#btnDeviceSerialNumber').on('click', function () {
  109. output('DeviceSerialNumber:' + $.AndroidHost.getDeviceSerialNumber());
  110. });
  111. $('#btnSysSetting').on('click', function () {
  112. $.AndroidHost.showSysSetting();
  113. });
  114. $('#btnStartReadIDCard').on('click', function () {
  115. $.AndroidHost.startReadIDCard();
  116. });
  117. $('#btnReceiveIDCard').on('click', function () {
  118. $.AndroidHost.onReceiveIDCard('sdfadfadf-asdfasdfasdf');
  119. });
  120. $('#btnUpdateAPK').on('click', function () {
  121. $.AndroidHost.UpdateAPK();
  122. });
  123. $('#btnShowMsg').on('click', function () {
  124. $.AndroidHost.toast('hello');
  125. });
  126. output('current url:' + window.location.href);
  127. });
  128. function output(message) {
  129. $('#output').append('<div>' + message + '</div>');
  130. }
  131. </script>
  132. @endsection