From 4ced58ce6d3cfd703de419a0a30945acd01295c8 Mon Sep 17 00:00:00 2001 From: yzh <snbbt@21cn.com> Date: 星期五, 13 五月 2022 18:32:09 +0800 Subject: [PATCH] 优化密码框 --- web/web/GwClient.aspx | 448 +++++++++++++++++++++++++++++++------------------------ 1 files changed, 252 insertions(+), 196 deletions(-) diff --git a/web/web/GwClient.aspx b/web/web/GwClient.aspx index 83637f5..16280ba 100644 --- a/web/web/GwClient.aspx +++ b/web/web/GwClient.aspx @@ -1,12 +1,14 @@ -锘�<%@ Page Language="C#" masterpagefile="~/Main.master" AutoEventWireup="true" CodeFile="GwClient.aspx.cs" Inherits="_GwClient" %> +锘�<%@ Page Language="C#" MasterPageFile="~/Main.master" AutoEventWireup="true" CodeFile="GwClient.aspx.cs" Inherits="_GwClient" %> <asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server"> + <%--<link href="css/plugins/bootstrap-fileinput/fileinput.min.css" rel="stylesheet"/> + <script src="js/plugins/bootstrap-fileinput/fileinput.min.js" type="text/javascript"></script>--%> <script> - $(function() { + $(function () { $("#pager").Pager({ pageSize: 20, - onChange: function(pageIndex, pageSize) { + onChange: function (pageIndex, pageSize) { loadPageList(); } }); @@ -20,7 +22,7 @@ url: "GwClient.ashx", type: "POST", data: { action: "loadGwClientPageList", ClientID: ClientID, ClientName: ClientName, Telephone: Telephone, Agent: Agent, pageSize: $("#pager").Pager("getPageSize"), pageIndex: $("#pager").Pager("getPageIndex") }, - success: function(result) { + success: function (result) { if (result.OK) { $("#gwclientTable tbody").html(result.Message.Table); $("#pager").Pager("setTotalCount", result.Message.TotalCount); @@ -42,35 +44,50 @@ return pwd; } - $(document).ready(function() { + $(document).ready(function () { $("textarea").numberedtextarea(); - $(document).on("click", ".action-query", function() { + $(document).on("click", ".action-query", function () { loadPageList(); }); loadPageList(); - $(document).on("click", ".action-modal-create", function() { - $("#clientDialog .modal-title").text("鍒涘缓瀹㈡埛璧勬枡"); + $(document).on("click", ".action-modal-create", function () { + $("#clientDialog .modal-title").text("鍒涘缓瀹㈡埛璐︽埛"); $("#clientDialog input").attr("readonly", false); $("#clientDialog input[name=action]").val("save"); + + //$("#clientDialog #id").val(""); + $("#clientDialog #clientID").val(""); + $("#clientDialog #company").val(""); + $("#clientDialog #clientName").val(""); + $("#clientDialog #agent").val(""); + $("#clientDialog #address").val(""); + $("#clientDialog #telephone").val(""); + $("#clientDialog #remark").val(""); + $("#clientDialog input[name=permissionData]").iCheck("uncheck"); + $("#clientDialog").modal("show"); + + $("#password").val(randomString(8)); + }); - $(document).on("click", ".action-generate-password", function() { + $(document).on("click", ".action-generate-password", function () { $("#password").val(randomString(8)); }); - $(document).on("click", ".action-modal-edit", function() { + $(document).on("click", ".action-modal-edit", function () { $("#clientDialog .modal-title").text("淇敼瀹㈡埛璧勬枡"); $("#clientDialog input[name=action]").val("update"); var id = $(this).data("id"); - $.get("gwclient.ashx?action=get", { clientID: id }, function(r) { + $.get("gwclient.ashx?action=get", { clientID: id }, function (r) { if (r.OK) { try { $("#clientDialog #id").val(r.Message.Id); $("#clientDialog #clientID").val(r.Message.ClientID); - $("#clientDialog #password").val(r.Message.Password); + $("#clientDialog #company").val(r.Message.Company); + $("#clientDialog #password").val(r.Message.Password); $("#clientDialog #clientName").val(r.Message.ClientName); $("#clientDialog #agent").val(r.Message.Agent); $("#clientDialog #address").val(r.Message.Address); @@ -78,7 +95,7 @@ $("#clientDialog #remark").val(r.Message.Remark); var permissionData = $.evalJSON(r.Message.PermissionData); $("#clientDialog input[name=permissionData]").iCheck("uncheck"); - $.each(permissionData, function(i) { + $.each(permissionData, function (i) { $("#clientDialog input[name=permissionData][value='" + this + "']").iCheck("check"); }); } @@ -93,9 +110,9 @@ }, "json"); }); - $(document).on("click", ".action-modal-black", function() { + $(document).on("click", ".action-modal-black", function () { var id = $(this).data("id"); - $.get("gwclient.ashx?action=getBlack", { clientID: id }, function(r) { + $.get("gwclient.ashx?action=getBlack", { clientID: id }, function (r) { if (r.OK) { $("#blackDialog input[name='clientID']").val(id); $("#blackDialog textarea").val(r.Message); @@ -107,9 +124,9 @@ }, "json"); }); - $(document).on("click", ".action-modal-white", function() { + $(document).on("click", ".action-modal-white", function () { var id = $(this).data("id"); - $.get("gwclient.ashx?action=getWhite", { clientID: id }, function(r) { + $.get("gwclient.ashx?action=getWhite", { clientID: id }, function (r) { if (r.OK) { $("#whiteDialog input[name='clientID']").val(id); $("#whiteDialog textarea").val(r.Message); @@ -121,12 +138,12 @@ }, "json"); }); - $(document).on("click", ".action-delete", function() { + $(document).on("click", ".action-delete", function () { var id = $(this).data("id"); - mytek.confirm("鏄惁闇�瑕佸垹闄よ瀹㈡埛锛�", "瀹㈡埛鍒犻櫎鍚庡皢鏃犳硶鎭㈠锛岃璋ㄦ厧鎿嶄綔锛�", function(b) { + mytek.confirm("鏄惁闇�瑕佸垹闄よ瀹㈡埛锛�", "瀹㈡埛鍒犻櫎鍚庡皢鏃犳硶鎭㈠锛岃璋ㄦ厧鎿嶄綔锛�", function (b) { if (b) { - $.post("gwclient.ashx", { action: "delete", clientID: id }, function(r) { - mytek.alert(r.Message, r.OK, function() { + $.post("gwclient.ashx", { action: "delete", clientID: id }, function (r) { + mytek.alert(r.Message, r.OK, function () { window.location.reload(); }); }); @@ -135,21 +152,23 @@ }); $("#blackForm,#whiteForm").ajaxForm({ - success: function(r) { - mytek.alert(r.Message, r.OK, function() { + success: function (r) { + mytek.alert(r.Message, r.OK, function () { $("#whiteDialog,#blackDialog").modal("hide"); }); } }); $("#clientForm").ajaxForm({ - success: function(r) { - mytek.alert(r.Message, r.OK, function() { + success: function (r) { + mytek.alert(r.Message, r.OK, function () { r.OK && (window.location.reload()); }); } }); }) + + }); </script> @@ -158,231 +177,268 @@ <asp:Content ID="Content3" ContentPlaceHolderID="content" runat="Server"> <div class="modal inmodal fade" id="whiteDialog" tabindex="-1" role="dialog" aria-hidden="true"> <form name="whiteForm" method="post" action="gwclient.ashx?action=updateWhite" id="whiteForm" - class="form-horizontal"> - <div class="modal-dialog modal-sm"> - <div class="modal-content "> - <div class="modal-header"> - <button type="button" class="close" data-dismiss="modal"> - <span aria-hidden="true">×</span><span class="sr-only">Close</span></button> - <h4 class="modal-title"> - 瀹㈡埛鐧藉悕鍗� - </h4> - 瀹㈡埛鐧藉悕鍗曞璇ュ鎴蜂笅鎵�鏈夋帴鍏ヨ处鍙峰潎鏈夋晥<input type="hidden" value="" name="clientID" /> - </div> - <div class="modal-body"> - <div class="form-group"> - <span class="help-block m-b-none">姣忚涓�涓彿鐮侊紝瀹㈡埛鐧藉悕鍗曞唴鐨勬墜鏈哄彿鐮佸皢涓嶅彈姣忓皬鏃朵笅鍙戞鏁伴檺鍒讹紱 鐧藉悕鍗曟�绘暟灏介噺鎺у埗2000浠ュ唴</span></div> - <div class="form-group"> - <textarea class="form-control" name="mobileData" rows="6"></textarea> + class="form-horizontal"> + <div class="modal-dialog modal-sm"> + <div class="modal-content "> + <div class="modal-header"> + <button type="button" class="close" data-dismiss="modal"> + <span aria-hidden="true">×</span><span class="sr-only">Close</span></button> + <h4 class="modal-title">瀹㈡埛鐧藉悕鍗� + </h4> + 瀹㈡埛鐧藉悕鍗曞璇ュ鎴蜂笅鎵�鏈夋帴鍏ヨ处鍙峰潎鏈夋晥<input type="hidden" value="" name="clientID" /> </div> - </div> - <div class="modal-footer"> - <button class="btn btn-warning" data-dismiss="modal" aria-hidden="true"> - 鍙栨秷</button> + <div class="modal-body"> + <div class="form-group"> + <span class="help-block m-b-none">姣忚涓�涓彿鐮侊紝瀹㈡埛鐧藉悕鍗曞唴鐨勬墜鏈哄彿鐮佸皢涓嶅彈姣忓皬鏃朵笅鍙戞鏁伴檺鍒讹紱 鐧藉悕鍗曟�绘暟灏介噺鎺у埗2000浠ュ唴</span> + </div> + <div class="form-group"> + <textarea class="form-control" name="mobileData" rows="6"></textarea> + </div> + </div> + <div class="modal-footer"> + <button class="btn btn-warning" data-dismiss="modal" aria-hidden="true"> + 鍙栨秷</button> <button class="btn btn-primary action-save"> 淇濆瓨</button> + </div> </div> </div> - </div> </form> </div> <div class="modal inmodal fade" id="blackDialog" tabindex="-1" role="dialog" aria-hidden="true"> <form name="blackForm" method="post" action="gwclient.ashx?action=updateBlack" id="blackForm" - class="form-horizontal"> - <div class="modal-dialog modal-sm"> - <div class="modal-content "> - <div class="modal-header"> - <button type="button" class="close" data-dismiss="modal"> - <span aria-hidden="true">×</span><span class="sr-only">Close</span></button> - <h4 class="modal-title"> - 瀹㈡埛榛戝悕鍗� - </h4> - 瀹㈡埛榛戝悕鍗曞璇ュ鎴蜂笅鎵�鏈夋帴鍏ヨ处鍙峰潎鏈夋晥<input type="hidden" value="" name="clientID" /> - </div> - <div class="modal-body"> - <div class="form-group"> - <span class="help-block m-b-none">姣忚涓�涓彿鐮侊紝瀹㈡埛榛戝悕鍗曞唴鐨勬墜鏈哄彿鐮佸皢鏃犳硶涓嬪彂鐭俊锛� 榛戝悕鍗曟�绘暟灏介噺鎺у埗2000浠ュ唴锛涘闇�鏇村ぇ榛戝悕鍗曪紝璇蜂娇鐢ㄥ叏灞�榛戝悕鍗�</span></div> - <div class="form-group"> - <textarea class="form-control" name="mobileData" rows="6"> </textarea> + class="form-horizontal"> + <div class="modal-dialog modal-sm"> + <div class="modal-content "> + <div class="modal-header"> + <button type="button" class="close" data-dismiss="modal"> + <span aria-hidden="true">×</span><span class="sr-only">Close</span></button> + <h4 class="modal-title">瀹㈡埛榛戝悕鍗� + </h4> + 瀹㈡埛榛戝悕鍗曞璇ュ鎴蜂笅鎵�鏈夋帴鍏ヨ处鍙峰潎鏈夋晥<input type="hidden" value="" name="clientID" /> </div> - </div> - <div class="modal-footer"> - <button class="btn btn-warning" data-dismiss="modal" aria-hidden="true"> - 鍙栨秷</button> + <div class="modal-body"> + <div class="form-group"> + <span class="help-block m-b-none">姣忚涓�涓彿鐮侊紝瀹㈡埛榛戝悕鍗曞唴鐨勬墜鏈哄彿鐮佸皢鏃犳硶涓嬪彂鐭俊锛� 榛戝悕鍗曟�绘暟灏介噺鎺у埗2000浠ュ唴锛涘闇�鏇村ぇ榛戝悕鍗曪紝璇蜂娇鐢ㄥ叏灞�榛戝悕鍗�</span> + </div> + <div class="form-group"> + <textarea class="form-control" name="mobileData" rows="6"> </textarea> + </div> + </div> + <div class="modal-footer"> + <button class="btn btn-warning" data-dismiss="modal" aria-hidden="true"> + 鍙栨秷</button> <button class="btn btn-primary action-save"> 淇濆瓨</button> + </div> </div> </div> - </div> </form> </div> + + <!--鍒涘缓瀹㈡埛璐︽埛闈㈡澘 --> <div class="modal inmodal fade" id="clientDialog" tabindex="-1" role="dialog" aria-hidden="true"> <form name="clientForm" method="post" action="gwclient.ashx" id="clientForm" class="form-horizontal"> - <div class="modal-dialog modal-lg"> - <div class="modal-content "> - <div class="modal-header"> - <button type="button" class="close" data-dismiss="modal"> - <span aria-hidden="true">×</span><span class="sr-only">Close</span></button> - <h4 class="modal-title"> - 鍒涘缓/淇敼瀹㈡埛 - </h4> - <input name="action" value="add" type="hidden" /> - <input name="id" id="id" type="hidden" value="" /> - </div> - <div class="modal-body"> - <div class="form-group"> - <label class="control-label col-sm-2"> - 鐧诲綍璐﹀彿 - </label> - <div class="col-sm-4"> - <input type="text" name="clientID" id="clientID" value="" class="form-control" /> - </div> - <span class="help-block m-b-none"><i class="fa fa-exclamation-triangle"></i>璇疯緭鍏ュ叕鍙稿崟浣嶅悕绉�</span> + <div class="modal-dialog modal-lg"> + <div class="modal-content "> + <div class="modal-header"> + <button type="button" class="close" data-dismiss="modal"> + <span aria-hidden="true">×</span><span class="sr-only">Close</span></button> + <h4 class="modal-title">鍒涘缓/淇敼瀹㈡埛 + </h4> + <input name="action" value="add" type="hidden" /> + <input name="id" id="id" type="hidden" value="" /> </div> - <div class="form-group"> - <label class="control-label col-sm-2"> - 鐧诲綍瀵嗙爜 - </label> - <div class="col-sm-4"> - <input type="text" name="password" id="password" value="123456" class="form-control" /> + <div class="modal-body"> + <div class="form-group"> + <label class="control-label col-sm-2"> + 鐧诲綍璐︽埛 <span style="color:red">*</span> + </label> + <div class="col-sm-4"> + <input type="text" name="clientID" id="clientID" value="" class="form-control" /> + </div> + <!--<span class="help-block m-b-none"><i class="fa fa-exclamation-triangle"></i>璇疯緭鍏ュ叕鍙稿崟浣嶅悕绉�</span>--> </div> - <div class="col-sm-6"> - <a class="btn btn-xs btn-primary action-generate-password ">鐢熸垚瀵嗙爜</a> + + <div class="form-group"> + <label class="control-label col-sm-2"> + 鍏徃鍚嶇О(鍏ㄧО) + </label> + <div class="col-sm-4"> + <input type="text" name="company" id="company" value="" class="form-control" /> + </div> + <!--<span class="help-block m-b-none"><i class="fa fa-exclamation-triangle"></i>璇疯緭鍏ュ叕鍙稿崟浣嶅悕绉�</span>--> + </div> + + + <div class="form-group"> + <label class="control-label col-sm-2"> + 鐧诲綍瀵嗙爜 <span style="color:red">*</span> + </label> + <div class="col-sm-4"> + <input type="password" name="password" id="password" value="123456" class="form-control" /> + </div> + <div class="col-sm-6"> + <a class="btn btn-xs btn-primary action-generate-password ">鐢熸垚瀵嗙爜</a> + </div> + </div> + <div class="form-group"> + <label class="control-label col-sm-2"> + 鑱旂郴浜� <span style="color:red">*</span> + </label> + <div class="col-sm-4"> + <input type="text" name="clientName" id="clientName" value="" class="form-control" /> + </div> + </div> + <div class="form-group "> + <label class="control-label col-sm-2"> + 鑱旂郴鐢佃瘽 <span style="color:red">*</span> + </label> + <div class="col-sm-4"> + <input type="text" name="telephone" id="telephone" value="" class="form-control" /> + </div> + </div> + <div class="form-group"> + <label class="control-label col-sm-2"> + 鑱旂郴鍦板潃 + </label> + <div class="col-sm-10"> + <input type="text" name="address" id="address" value="" class="form-control" /> + </div> + </div> + <!-- + <div class="form-group"> + <label class="control-label col-sm-2"> + 褰掑睘涓氬姟鍛� + </label> + <div class="col-sm-4"> + <input type="text" name="agent" id="agent" value="" class="form-control" /> + </div> + </div> + --> + <div class="form-group"> + <label class="control-label col-sm-2"> + 褰掑睘涓氬姟鍛� + </label> + <div class="col-sm-4"> + <select name="agent" id="agent" class="form-control"> + <%=SysUserOptions(0)%> + </select> + </div> + </div> + <!-- + <div class="form-group"> + <label class="control-label col-sm-2">钀ヤ笟鎵х収</label> + <div class="col-sm-4"> + <input type="file" name="txt_file" id="txt_file" class="file-loading" /> + </div> + </div> + --> + <div class="form-group"> + <label class="control-label col-sm-2"> + 鏉冮檺绠$悊 + </label> + <div class="col-sm-10"> + <input type="checkbox" class="icheck-me" value="GwClientList.aspx" name="permissionData" />浠g悊鍟嗙鐞�(*鏄惁鏀寔鍒涘缓涓嬬骇浠g悊) + <!-- + <input type="checkbox" class="icheck-me" value="LgSmsDetailReport.aspx" name="permissionData" />鏌ョ湅鐘舵�佹姤鍛� + <input type="checkbox" class="icheck-me" value="1" name="permissionData" />鍙戦�佹潈闄� + <input type="checkbox" class="icheck-me" value="2" name="permissionData" />鏌ョ湅鏁版嵁鏉冮檺 + --> + </div> + </div> + <div class="form-group"> + <label class="control-label col-sm-2"> + 澶囨敞 + </label> + <div class="col-sm-10"> + <input type="text" name="remark" id="remark" value="" class="form-control" /> + </div> </div> </div> - <div class="form-group"> - <label class="control-label col-sm-2"> - 鑱旂郴浜�</label> - <div class="col-sm-4"> - <input type="text" name="clientName" id="clientName" value="" class="form-control" /> - </div> - </div> - <div class="form-group "> - <label class="control-label col-sm-2"> - 鑱旂郴鐢佃瘽 - </label> - <div class="col-sm-4"> - <input type="text" name="telephone" id="telephone" value="" class="form-control" /> - </div> - </div> - <div class="form-group"> - <label class="control-label col-sm-2"> - 鑱旂郴鍦板潃 - </label> - <div class="col-sm-10"> - <input type="text" name="address" id="address" value="" class="form-control" /> - </div> - </div> - <div class="form-group"> - <label class="control-label col-sm-2"> - 涓氬姟鍛� - </label> - <div class="col-sm-4"> - <input type="text" name="agent" id="agent" value="" class="form-control" /> - </div> - </div> - <div class="form-group"> - <label class="control-label col-sm-2"> - 鏉冮檺绠$悊 - </label> - <div class="col-sm-10"> - <input type="checkbox" class="icheck-me" value="GwClientList.aspx" name="permissionData" />浠g悊鍟嗙鐞�(*鏄惁鏀寔鍒涘缓涓嬬骇浠g悊) - <input type="checkbox" class="icheck-me" value="LgSmsDetailReport.aspx" name="permissionData" />鏌ョ湅鐘舵�佹姤鍛� - </div> - </div> - <div class="form-group"> - <label class="control-label col-sm-2"> - 澶囨敞 - </label> - <div class="col-sm-10"> - <input type="text" name="remark" id="remark" value="" class="form-control" /> - </div> - </div> - </div> - <div class="modal-footer"> - <button class="btn btn-warning" data-dismiss="modal" aria-hidden="true"> - 鍙栨秷</button> + <div class="modal-footer"> + <button class="btn btn-warning" data-dismiss="modal" aria-hidden="true"> + 鍙栨秷</button> <button class="btn btn-primary action-save"> 淇濆瓨</button> + </div> </div> </div> - </div> </form> </div> + <form name="queryForm" method="post" id="queryForm" class="form-inline"> - <div class="form-group"> - <div class="input-group m-b"> - <span class="input-group-addon">瀹㈡埛璐﹀彿</span> - <input type="text" name="ClientID" id="ClientID" class="form-control" /> + <div class="form-group"> + <div class="input-group m-b"> + <span class="input-group-addon">瀹㈡埛璐﹀彿</span> + <input type="text" name="ClientID" id="ClientID" class="form-control" /> + </div> </div> - </div> - <div class="form-group"> - <div class="input-group m-b"> - <span class="input-group-addon">鑱旂郴浜�</span> - <input type="text" name="ClientName" id="ClientName" class="form-control" /> + <div class="form-group"> + <div class="input-group m-b"> + <span class="input-group-addon">鍏徃鍚嶇О</span> + <input type="text" name="Company" id="Company" class=" form-control" /> + </div> </div> - </div> - <div class="form-group"> - <div class="input-group m-b"> - <span class="input-group-addon">鑱旂郴鐢佃瘽</span> - <input type="text" name="Telephone" id="Telephone" class="form-control" /> + <div class="form-group"> + <div class="input-group m-b"> + <span class="input-group-addon">鑱旂郴浜�</span> + <input type="text" name="ClientName" id="ClientName" class="form-control" /> + </div> </div> - </div> - <div class="form-group"> - <div class="input-group m-b"> - <span class="input-group-addon">涓氬姟鍛�</span> - <input type="text" name="Agent" id="Agent" class="form-control" style="width:100px"/> + <div class="form-group"> + <div class="input-group m-b"> + <span class="input-group-addon">鑱旂郴鐢佃瘽</span> + <input type="text" name="Telephone" id="Telephone" class="form-control" /> + </div> </div> - </div> - <div class="form-group"> - <div class="input-group m-b"> - <input type="button" value="鏌ヨ" class="btn btn-primary action-query" />  + <div class="form-group"> + <div class="input-group m-b"> + <span class="input-group-addon">涓氬姟鍛�</span> + <input type="text" name="Agent" id="Agent" class="form-control" style="width: 100px" /> + </div> + </div> + <div class="form-group"> + <div class="input-group m-b"> + <input type="button" value="鏌ヨ" class="btn btn-primary action-query" />  <input class="btn btn-success action-modal-create" value="鍒涘缓瀹㈡埛" type="button" /> + </div> + </div> - - - - - - </div> </form> + <div class="table-responsive"> <table class="table table-striped table-bordered table-hover" id="gwclientTable"> <thead> <tr class="header"> - <th> - 瀹㈡埛璐﹀彿 + <th>瀹㈡埛璐﹀彿 </th> - <th> - 鑱旂郴浜� + <th>鍏徃鍚嶇О</th> + <th>鑱旂郴浜� </th> - <th> - 鑱旂郴鐢佃瘽 + <th>鑱旂郴鐢佃瘽 </th> - <th> - 鎬婚噾棰�/浣欓 + <th>璐︽埛浣欓 + </th> + <th>绱鍏呭�� </th> - <th> - 涓氬姟鍛� + <th>涓氬姟鍛� </th> - <th> - 澶囨敞 + <th>璁よ瘉鐘舵�� </th> - <th> - 鎿嶄綔 + <th>鎿嶄綔 </th> </tr> </thead> <tbody> </tbody> - + </table> </div> <div id="pager"> </div> - - + + </asp:Content> - - \ No newline at end of file + -- Gitblit v1.9.1