Index.cshtml 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408
  1. 
  2. @{
  3. Layout = null;
  4. }
  5. <!DOCTYPE html>
  6. <html>
  7. <head>
  8. <meta name="viewport" content="width=device-width" />
  9. <title>苏州工业园区交易市场监管系统</title>
  10. <link href="~/easyui/themes/default/easyui.css" rel="stylesheet" />
  11. <link href="~/Content/js/plugins/layer/skin/layer.css" rel="stylesheet" />
  12. <link rel="stylesheet" type="text/css" href="~/easyui/themes/icon.css" />
  13. <link href="~/Content/css/bootstrap.min.css" rel="stylesheet" />
  14. <link href="~/Content/js/plugins/layer/skin/layer.css" rel="stylesheet" />
  15. <script src="~/Content/js/jquery.min.js"></script>
  16. <script src="~/Content/js/bootstrap.min.js"></script>
  17. <script src="~/easyui/jquery.easyui.min.js"></script>
  18. <script src="~/easyui/jquery.easyui.mobile.js"></script>
  19. <script src="~/easyui/locale/easyui-lang-zh_CN.js"></script>
  20. <script src="~/Content/js/plugins/validate/jquery.validate.min.js"></script>
  21. <script src="~/Content/js/plugins/validate/messages_zh.min.js"></script>
  22. <script src="~/js/Utils.js"></script>
  23. <script src="~/Content/js/plugins/layer/layer.min.js"></script>
  24. <link href="~/Content/css/Style/Markets.css" rel="stylesheet" />
  25. <script type="text/javascript">
  26. if (window.top !== window.self) {
  27. window.top.location = window.location;
  28. }
  29. function f_Ok() {
  30. if (document.getElementById("txtUser").value === "") {
  31. layer.alert("用户名不能为空!", { icon: 7, title: '信息提示' });
  32. return;
  33. }
  34. if (document.getElementById("txtPassword").value === "") {
  35. layer.alert("密码不能为空!", { icon: 7, title: '信息提示' });
  36. return;
  37. }
  38. //document.getElementById("frm_edit").action = "Default.aspx"
  39. document.getElementById("frm_edit").submit();
  40. }
  41. function f_EnterToTab() {
  42. if (window.event.keyCode === 13) {
  43. if (window.event.srcElement.id.toLowerCase() === "bt_ok")
  44. window.event.keyCode = 20;
  45. else
  46. window.event.keyCode = 9;
  47. }
  48. }
  49. function GetQueryString(name) {
  50. var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
  51. var r = window.location.search.substr(1).match(reg);
  52. if (r != null)
  53. return unescape(r[2]);
  54. return null;
  55. }
  56. $(function() {
  57. $("#ImageCheck").click(function() {
  58. $("#ImageCheck").attr("src", "/Login/ValidateCode?t=" + (new Date()).valueOf());
  59. });
  60. if(GetQueryString("timeout")==="true")
  61. layer.alert('由于您长时间没有操作,请重新登录!', { icon: 5, title: '提示信息:session过期' });
  62. if ($("#hid_Error").val() !== "") {
  63. layer.alert($("#hid_Error").val(), { icon: 2, title: '登录失败' });
  64. }
  65. });
  66. function f_Register() {
  67. $.ajax({
  68. url: "@Url.Action("Register", "Login")",
  69. type: "post",
  70. dataType: "json",
  71. beforeSend: function () {
  72. var form = $("#form");
  73. var lbRetval = true;
  74. if (form[0] != null) {
  75. form.validate({
  76. errorPlacement: function (error, element) {
  77. $(".onfocus").removeClass("onfocus");
  78. $("#err_hid").remove();
  79. element.addClass("onfocus");
  80. var msg = error.text() === "两次密码不一致" ? error.text() : element.prev().text() + error.text();
  81. $("body").append("<p id=\"err_hid\" style=\"display:none\">" + msg + "!</p>");
  82. },
  83. rules: {
  84. Password2: {
  85. equalTo: "#Password"
  86. }
  87. },
  88. messages: {
  89. Password2:"两次密码不一致"
  90. }
  91. });
  92. lbRetval = form.valid();
  93. }
  94. if (!lbRetval) {
  95. var msg = $("#err_hid").html();
  96. $("#err_hid").remove();
  97. layer.alert(msg, { icon: 5, title: '验证提示' }, function (index) {
  98. $(".onfocus").focus().removeClass("onfocus");
  99. layer.close(index);
  100. });
  101. }
  102. return lbRetval;
  103. },
  104. data: {
  105. SystemID: $("#SystemID").val(),
  106. WarrantNumber: $("#WarrantNumber").val(),
  107. UserName: $("#UserName").val(),
  108. MarketID: $("#MarketID").val(),
  109. Password: $("#Password").val(),
  110. LinkTel: $("#LinkTel").val()
  111. },
  112. success: function (data) {
  113. if (CheckAajxData(data) === false) return;
  114. var msg = data.ErrorInfo;
  115. if (data.Success === true) {
  116. $("#winModal").window("close");
  117. layer.alert(msg, { icon: 1, title: '提示信息' });
  118. } else {
  119. layer.alert(msg, {icon:7, title: '提示信息' });
  120. }
  121. }
  122. });
  123. }
  124. function f_HelpOver() {
  125. document.getElementById("imggszz").style.display = "block";
  126. }
  127. function f_HelpOut() {
  128. document.getElementById("imggszz").style.display = "none";
  129. }
  130. //回车时,默认是登陆
  131. function keyEnterLogin() {
  132. if (window.event.keyCode === 13) {
  133. f_Ok();
  134. }
  135. }
  136. </script>
  137. <style type="text/css">
  138. html, body {
  139. height: 100%;
  140. margin: 0;
  141. padding: 0;
  142. overflow: hidden;
  143. font-size: 12px;
  144. font-family: Verdana;
  145. }
  146. a {
  147. color: #72a6d5;
  148. text-decoration: none;
  149. }
  150. a:hover {
  151. color: #72a6d5;
  152. text-decoration: underline;
  153. }
  154. .wrap {
  155. background: url(../images/login_bg.jpg) no-repeat;
  156. position: absolute;
  157. top: 50%;
  158. left: 50%;
  159. width: 647px;
  160. height: 390px;
  161. margin: -180px 0 0 -328px;
  162. }
  163. .form div {
  164. margin: 60px 0 0 63px;
  165. width: 210px;
  166. display: block;
  167. }
  168. .form .TextEditor {
  169. width: 125px;
  170. height: 23px;
  171. padding: 3px 0 0 3px;
  172. border: 1px solid #999;
  173. background: url(../images/input_bg00.gif) no-repeat;
  174. color: #b2b2b2;
  175. }
  176. .form .ActiveTextEditor {
  177. width: 123px;
  178. height: 22px;
  179. padding: 3px 0 0 3px;
  180. border: 2px solid #ffba00;
  181. }
  182. .form .input01b {
  183. width: 57px;
  184. height: 17px;
  185. padding: 3px 0 0 3px;
  186. border: 1px solid #C6D6E3;
  187. background: url(../images/input_bg00.gif) no-repeat;
  188. color: #b2b2b2;
  189. position: relative;
  190. top: -1px;
  191. }
  192. .form .input01c {
  193. width: 128px;
  194. height: 20px;
  195. border: 1px solid #C6D6E3;
  196. }
  197. .form .input02b {
  198. width: 57px;
  199. height: 17px;
  200. padding: 3px 0 0 3px;
  201. border: 1px solid #6aa5d1;
  202. background: url(~/images/input_bg01.gif) no-repeat;
  203. position: relative;
  204. top: -1px;
  205. }
  206. .form img {
  207. width: 60px;
  208. height: 20px;
  209. border: 1px solid #C6D6E3;
  210. margin-right: 6px;
  211. float: left;
  212. }
  213. .btn_login {
  214. background: url(../images/btn_login.gif) no-repeat center;
  215. width: 120px;
  216. height: 34px;
  217. border: 0;
  218. }
  219. .help {
  220. background: url(../images/help.png) no-repeat left 3px;
  221. vertical-align: bottom;
  222. padding-top: 3px;
  223. height: 20px;
  224. width: 80px;
  225. display: block;
  226. text-indent: 20px;
  227. float: right;
  228. margin: 4px 20px 0 0;
  229. }
  230. .exit {
  231. background: url(../images/exit.png) no-repeat left 3px;
  232. vertical-align: bottom;
  233. padding-top: 3px;
  234. height: 20px;
  235. width: 80px;
  236. display: block;
  237. text-indent: 20px;
  238. float: right;
  239. margin: 4px 20px 0 0;
  240. }
  241. .info {
  242. clear: both;
  243. float: right;
  244. width: 435px;
  245. margin-top: 225px;
  246. }
  247. .info p {
  248. margin: 0 0 10px 0;
  249. color: #b2b2b2;
  250. }
  251. .info span {
  252. color: #72a6d5;
  253. }
  254. .footer {
  255. text-align: center;
  256. color: #ffffff;
  257. margin-top: 25px;
  258. }
  259. .style1 {
  260. height: 35px;
  261. width: 64px;
  262. }
  263. .style3 {
  264. height: 22px;
  265. }
  266. .style4 {
  267. width: 64px;
  268. }
  269. </style>
  270. </head>
  271. <body>
  272. <section class="hidden">
  273. <input type="hidden" id="hid_Error" value="@ViewBag.ErrorInfo" />
  274. </section>
  275. <form id="frm_edit" onkeydown="keyEnterLogin();" action="/Login/Login" method="post">
  276. <div class="wrap">
  277. <div style="height: 90px;"></div>
  278. <div class="form" style="height: 154px">
  279. <div style="margin-left: 55px;">
  280. <table width="100%" border="0" cellspacing="5" cellpadding="0">
  281. <tr>
  282. <td valign="middle" class="style1">用户名:</td>
  283. <td colspan="2"><input id="txtUser" name="UserNo" type="text" TabIndex="1" class="TextEditor" value="@ViewBag.UserNo" onBlur="this.className = 'TextEditor'" onFocus="this.className = 'ActiveTextEditor'" /></td>
  284. </tr>
  285. <tr>
  286. <td valign="middle" class="style1">密 码:</td>
  287. <td colspan="2"><input id="txtPassword" name="Password" type="password" TabIndex="2" value="@ViewBag.Password" class="TextEditor" onBlur="this.className = 'TextEditor'" onFocus="this.className = 'ActiveTextEditor'" /></td>
  288. </tr>
  289. @{
  290. if (SysDataLibs.AppEnv.SysSetObj.GetBool("IsShowValidateCode"))
  291. {
  292. <tr>
  293. <td valign="middle" class="style1">验证码:</td>
  294. <td>
  295. <input id="txtIamge" type="text" name="ImageCode" TabIndex="3" class="TextEditor" onBlur="this.className = 'TextEditor'" @ViewBag.RememberMe
  296. onFocus="this.className = 'ActiveTextEditor'" style="width: 55px" />
  297. </td>
  298. <td><img style="width: 50px;" id="ImageCheck" ToolTip="点击刷新" src=@Url.Action("ValidateCode", "Login") /></td>
  299. </tr>
  300. }
  301. }
  302. <tr>
  303. <td class="style4"><input type="checkbox" id="cbCookie" name="RememberMe" TabIndex="3" style="font-size: xx-small" /><label for="cbCookie">记住我</label></td>
  304. <td valign="bottom" colspan="2" class="style3"><input name="bt_ok" id="bt_ok" tabindex="5" class="btn_login" onclick="f_Ok()" type="button" /></td>
  305. </tr>
  306. <tr>
  307. <td height="30" colspan="3" align="center"><a style="color: Black" onclick="$('#winModal').window('open');">注册新用户</a> </td>
  308. </tr>
  309. </table>
  310. </div>
  311. </div>
  312. <a href="mailto:softs@iwbnet.com">
  313. <div class="footer" style="color: white">版权所有:上海玮搏电子科技有限公司 Copyright &copy;2016</div></a>
  314. </div>
  315. </form>
  316. <div id="winModal" class="easyui-window winModal" title="新用户注册" style="width: 450px; height: 400px; padding: 10px;"
  317. iconCls="icon-save" data-options="modal:true,closed:true">
  318. <div class="easyui-layout" data-options="fit:true" style="height: 99%">
  319. <div data-options="region:'center'" style="padding: 15px 25px 0;">
  320. <form id="form" class="row">
  321. <div class="panle-fluid">
  322. <div class="input-group">
  323. <label class="input-group-addon control-label" for="SystemID">用户类型</label>
  324. <select class="form-control input-group-addon" aria-disabled="true" name="SystemID" id="SystemID" type="text" value="">
  325. @Html.Raw(ViewBag.SelSystemIDInfo)
  326. </select>
  327. <strong class="text-requird input-group-addon control-label">*</strong>
  328. </div>
  329. <div class="input-group">
  330. <label class="input-group-addon control-label" for="WarrantNumber">注册号码</label>
  331. <input class="form-control input-group-addon required" aria-disabled="true" name="WarrantNumber" id="WarrantNumber" type="text" value="" placeholder="注册号码"/>
  332. <span class="input-group-addon" onmouseover="f_HelpOver()" onmouseout="f_HelpOut()">
  333. <img alt="帮助" src="/Images/help1.png" style="height: 80%; width: auto"/>
  334. </span>
  335. <strong class="text-requird input-group-addon control-label">*</strong>
  336. </div>
  337. <div class="input-group">
  338. <label class="input-group-addon control-label" for="UserName">企业名称</label>
  339. <input class="form-control input-group-addon required" aria-disabled="true" name="UserName" id="UserName" type="text" value="" placeholder="企业名称"/>
  340. <strong class="text-requird input-group-addon control-label">*</strong>
  341. </div>
  342. <div class="input-group">
  343. <label class="input-group-addon control-label" for="Password">登录密码</label>
  344. <input class="form-control input-group-addon required" aria-disabled="true" name="Password" id="Password" type="password" value="" placeholder="密码"/>
  345. <strong class="text-requird input-group-addon control-label">*</strong>
  346. </div>
  347. <div class="input-group">
  348. <label class="input-group-addon control-label" for="Password2">确认密码</label>
  349. <input class="form-control input-group-addon required" aria-disabled="true" name="Password2" id="Password2" type="password" value="" placeholder="再次输入密码确认"/>
  350. <strong class="text-requird input-group-addon control-label">*</strong>
  351. </div>
  352. <div class="input-group">
  353. <label class="input-group-addon control-label" for="LinkTel">联系电话</label>
  354. <input class="form-control input-group-addon" aria-disabled="true" name="LinkTel" id="LinkTel" type="text" value="" placeholder="联系电话"/>
  355. </div>
  356. </div>
  357. </form>
  358. </div>
  359. <div data-options="region:'south',border:false" style="text-align: right; height: 45px; padding: 13px 20px 0;">
  360. <a class="easyui-linkbutton" id="Save" data-options="iconCls:'icon-ok'" href="javascript:void(0)" onclick="f_Register()" style="width: 80px">注册</a>
  361. <a class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" href="javascript:void(0)" onclick="$('#winModal').window('close');" style="width: 80px">取消</a>
  362. </div>
  363. </div>
  364. </div>
  365. <div style="width: 580px; position: absolute; z-index: 10000; top: 140px; left: 90px;">
  366. <img alt="工商营业执照-范本" id="imggszz" src="/Images/gszz.jpg" style="display: none"/>
  367. </div>
  368. </body>
  369. </html>