CheckFourElements.cshtml 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260
  1. @{
  2. string RightInfo = ViewBag.RightInfo as string;
  3. string right = ViewBag.right as string;
  4. }
  5. <!DOCTYPE html>
  6. <html>
  7. <head>
  8. <meta charset="utf-8">
  9. <title>四要素验证</title>
  10. <meta name="renderer" content="webkit">
  11. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  12. <meta name="viewport"
  13. content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  14. <link rel="stylesheet" href="/layuiadmin/layui/css/layui.css" media="all">
  15. <script src="/admin/js/jquery-1.10.1.min.js"></script>
  16. <script src="/admin/js/LAreaData2.js"></script>
  17. </head>
  18. <body>
  19. <div class="layui-form" lay-filter="layuiadmin-form-useradmin" id="layuiadmin-form-useradmin">
  20. <form class="layui-form" id="confirmFrm">
  21. <div class="layui-card">
  22. <div class="layui-card-body">
  23. <div class="layui-tab" lay-filter="mytabbar">
  24. <ul class="layui-tab-title">
  25. <li class="layui-this" lay-id="1">基本信息</li>
  26. </ul>
  27. <div class="layui-tab-content mt20">
  28. <div class="layui-tab-item layui-show">
  29. <div class="layui-form-item">
  30. <label class="layui-form-label">结算银行卡号</label>
  31. <div class="layui-input-inline">
  32. <input class="layui-input" type="text" id="bankcard" name="bankcard"
  33. maxlength="50" lay-verify="required|" autocomplete="off"
  34. placeholder="请输入结算银行卡号">
  35. </div>
  36. </div>
  37. <div class="layui-form-item">
  38. <label class="layui-form-label">身份证号</label>
  39. <div class="layui-input-inline">
  40. <input class="layui-input" type="text" id="idcard" name="idcard"
  41. maxlength="50" lay-verify="required|" autocomplete="off"
  42. placeholder="请输入身份证号">
  43. </div>
  44. </div>
  45. <div class="layui-form-item">
  46. <label class="layui-form-label">真实姓名</label>
  47. <div class="layui-input-inline">
  48. <input class="layui-input" type="text" id="name" name="name"
  49. maxlength="50" lay-verify="required|" autocomplete="off"
  50. placeholder="请输入真实姓名">
  51. </div>
  52. </div>
  53. <div class="layui-form-item">
  54. <label class="layui-form-label">银行预留手机号</label>
  55. <div class="layui-input-inline">
  56. <input class="layui-input" type="text" id="mobile" name="mobile"
  57. maxlength="50" lay-verify="required|" autocomplete="off"
  58. placeholder="请输入银行预留手机号">
  59. </div>
  60. </div>
  61. </div>
  62. </div>
  63. </div>
  64. <div class="layui-form-item ml10">
  65. <div class="layui-input-block">
  66. <button type="button" class="layui-btn" onclick="save()">提交</button>
  67. </div>
  68. </div>
  69. </div>
  70. </div>
  71. </form>
  72. </div>
  73. <script src="/layuiadmin/layui/layui.js"></script>
  74. <script src="/other/oss/upload-min@(MySystem.OssHelper.Instance.OssStatus ? "-oss" : "").js?r=@DateTime.Now.ToString("yyyyMMddHHmmss")"></script>
  75. <script src="/other/mybjq/kindeditor-min.js"></script>
  76. <script src="/other/mybjq/lang/zh_CN.js"></script>
  77. <script>
  78. function save() {
  79. var index = layer.load(1, {
  80. shade: [0.5, '#000']
  81. });
  82. var userdata = $("#confirmFrm").serialize();
  83. $.ajax({
  84. type: "POST",
  85. url: "/Admin/SysTools/CheckFourElementsDo?r=" + Math.random(1),
  86. data: userdata,
  87. dataType: "text",
  88. success: function (data) {
  89. layer.close(index); //关闭弹层
  90. if (data == "success") {
  91. layer.msg("验证成功");
  92. } else {
  93. layer.alert(data.replace(/\n/g, '<br />'), {area:['400px','260px']});
  94. }
  95. }
  96. });
  97. }
  98. //编辑器
  99. KindEditor.ready(function (K) {
  100. });
  101. var ids = "";
  102. function getChildren(obj) {
  103. $.each(obj, function (index, value) {
  104. var id = obj[index].id;
  105. ids += id + ",";
  106. var children = obj[index].children;
  107. if (children) {
  108. getChildren(children);
  109. }
  110. });
  111. }
  112. function AreasProvinceInit(tagId, areasVal, form) {
  113. for (var i = 0; i < provs_data.length; i++) {
  114. var sel = "";
  115. if (areasVal.indexOf(provs_data[i].text) > -1) {
  116. sel = " selected=selected";
  117. }
  118. $("#" + tagId + "Province").append('<option value="' + provs_data[i].value + '"' + sel + '>' + provs_data[i].text + '</option>');
  119. }
  120. form.render();
  121. }
  122. function AreasProvinceSelected(tagId, areasVal, form, value) {
  123. $("#" + tagId + "City").html('<option value="">市</option>');
  124. var list = citys_data[value];
  125. for (var i = 0; i < list.length; i++) {
  126. var sel = "";
  127. if (areasVal.indexOf(list[i].text) > -1) {
  128. sel = " selected=selected";
  129. }
  130. $("#" + tagId + "City").append('<option value="' + list[i].value + '"' + sel + '>' + list[i].text + '</option>');
  131. }
  132. $("#" + tagId + "Area").html('<option value="">县/区</option>');
  133. form.render();
  134. $("#" + tagId + "").val($("#" + tagId + "Province option:selected").text() + "," + $("#" + tagId + "City option:selected").text() + "," + $("#" + tagId + "Area option:selected").text());
  135. }
  136. function AreasCitySelected(tagId, areasVal, form, value) {
  137. $("#" + tagId + "Area").html('<option value="">县/区</option>');
  138. var list = dists_data[value];
  139. for (var i = 0; i < list.length; i++) {
  140. var sel = "";
  141. if (areasVal.indexOf(list[i].text) > -1) {
  142. sel = " selected=selected";
  143. }
  144. $("#" + tagId + "Area").append('<option value="' + list[i].value + '"' + sel + '>' + list[i].text + '</option>');
  145. }
  146. form.render();
  147. $("#" + tagId + "").val($("#" + tagId + "Province option:selected").text() + "," + $("#" + tagId + "City option:selected").text() + "," + $("#" + tagId + "Area option:selected").text());
  148. }
  149. function AreasAreaSelected(tagId, form) {
  150. form.render();
  151. $("#" + tagId + "").val($("#" + tagId + "Province option:selected").text() + "," + $("#" + tagId + "City option:selected").text() + "," + $("#" + tagId + "Area option:selected").text());
  152. }
  153. function movePrev(obj, tagId) {
  154. $(obj).parent().prev().insertAfter($(obj).parent());
  155. checkPics(tagId);
  156. }
  157. function moveNext(obj, tagId) {
  158. $(obj).parent().next().insertBefore($(obj).parent());
  159. checkPics(tagId);
  160. }
  161. function deletePic(obj, tagId) {
  162. $(obj).parent().remove();
  163. checkPics(tagId);
  164. }
  165. function checkPics(tagId) {
  166. var pics = "";
  167. var texts = "";
  168. $("#" + tagId + "Image div img").each(function (i) {
  169. pics += $(this).attr("src").replace(osshost, '') + "|";
  170. });
  171. $("#" + tagId + "Image div input").each(function (i) {
  172. texts += $(this).val() + "|";
  173. });
  174. if (pics == "") {
  175. $("#" + tagId).val("");
  176. } else {
  177. pics = pics.substring(0, pics.length - 1);
  178. texts = texts.substring(0, pics.length - 1);
  179. $("#" + tagId).val(pics + "#cut#" + texts);
  180. }
  181. }
  182. function checkBox(tagId) {
  183. var text = "";
  184. $("input[type=checkbox][name=" + tagId + "List]:checked").each(function (i) {
  185. text += $(this).val() + ",";
  186. });
  187. $("#" + tagId).val(text);
  188. }
  189. function showBigPic(picpath) {
  190. parent.layer.open({
  191. type: 1,
  192. title: false,
  193. closeBtn: 0,
  194. shadeClose: true,
  195. area: ['auto', 'auto'],
  196. content: '<img src="' + picpath + '" style="max-width:800px; max-height:800px;" />'
  197. });
  198. }
  199. var tree;
  200. var element;
  201. var upload;
  202. layui.config({
  203. base: '/layuiadmin/' //静态资源所在路径
  204. }).extend({
  205. index: 'lib/index' //主入口模块
  206. }).use(['index', 'form', 'upload', 'layedit', 'laydate', 'element', 'croppers', 'transfer', 'tree', 'util'], function () {
  207. var $ = layui.$
  208. , form = layui.form
  209. , layer = layui.layer
  210. , layedit = layui.layedit
  211. , laydate = layui.laydate
  212. , croppers = layui.croppers
  213. , transfer = layui.transfer
  214. , util = layui.util;
  215. tree = layui.tree;
  216. element = layui.element;
  217. upload = layui.upload;
  218. //Hash地址的定位
  219. var layid = location.hash.replace(/^#test=/, '');
  220. element.tabChange('test', layid);
  221. element.on('tab(test)', function (elem) {
  222. location.hash = 'test=' + $(this).attr('lay-id');
  223. });
  224. //日期
  225. //上传文件
  226. //穿梭框
  227. //TreeView,比如权限管理
  228. //省市区
  229. })
  230. </script>
  231. </body>
  232. </html>