You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

342 lines
16 KiB

  1. @{
  2. ViewBag.Title = "FormAdd";
  3. Layout = null;
  4. }
  5. <html>
  6. <head>
  7. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  8. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  9. <meta name="renderer" content="webkit">
  10. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  11. <meta name="format-detection" content="telephone=no" />
  12. <link rel="shortcut icon" href="" />
  13. <title>数字化校园-宿舍</title>
  14. <meta name="keywords" content="数字化校园-宿舍" />
  15. <meta name="description" content="数字化校园-宿舍" />
  16. <link href="~/Content/css/font-awesome.css" rel="stylesheet" />
  17. <link href="~/Content/css/common.css" rel="stylesheet" />
  18. <link href="~/Content/layui/css/layui.css" rel="stylesheet" media="all" />
  19. <link href="~/Content/css/fromAdd.css" rel="stylesheet" />
  20. </head>
  21. <body>
  22. <div class="header">
  23. <div class="fromSec">
  24. <a href="#">数字化智慧校园</a> <span class="headerLine">|</span> <span>教职工信息注册</span>
  25. </div>
  26. </div>
  27. <div class="warpper" id="app">
  28. <!-- / index_sec5 -->
  29. <div class="chickForm_sec">
  30. <div class="fromSec">
  31. <div class="chickT">注册</div>
  32. <form class="layui-form" action="">
  33. <!-- / chickForm_sec1 -->
  34. <div class="chickForm_sec1">
  35. <div class="chickInput">
  36. <span class="chickInputLable"><span>*</span> 职工编号</span>
  37. <input type="text" id="EmpNo" name="EmpNo" lay-verify="required" placeholder="请输入职工编号" class="layui-input">
  38. </div>
  39. <div class="chickInput">
  40. <span class="chickInputLable"><span>*</span> 姓名</span>
  41. <input id="EmpName" type="text" name="EmpName" lay-verify="required" placeholder="请输入姓名" class="layui-input">
  42. </div>
  43. <div class="chickInput">
  44. <span class="chickInputLable"><span>*</span> 校区</span>
  45. <div class="chickInputBox chickInputBoxs">
  46. <select id="F_CompanyId" name="F_CompanyId" lay-verify=""></select>
  47. </div>
  48. </div>
  49. <div class="chickInput">
  50. <span class="chickInputLable"><span>*</span> 部门</span>
  51. <div class="chickInputBox chickInputBoxs">
  52. <select id="F_DepartmentId" name="F_DepartmentId" lay-verify="">
  53. <option value="">请选择</option>
  54. <option value="96">部门2</option>
  55. <option value="87">部门13</option>
  56. </select>
  57. </div>
  58. </div>
  59. <div class="chickInput">
  60. <span class="chickInputLable"><span>*</span> 性别</span>
  61. <div class="chickInputBox chickInputBoxs">
  62. <select id="GenderNo" name="GenderNo" lay-verify="">
  63. <option value="">请选择</option>
  64. <option value="true">男</option>
  65. <option value="false">女</option>
  66. </select>
  67. </div>
  68. </div>
  69. <div class="chickInput">
  70. <span class="chickInputLable">头像上传</span>
  71. <div class="chickInputBox">
  72. <div class="layui-upload-list" id="chickUpload">
  73. <img src="~/Content/images/chick1.png" class="layui-upload-img" />
  74. <div>选择头像</div>
  75. </div>
  76. </div>
  77. </div>
  78. <div class="chickInput">
  79. <span class="chickInputLable" hidden><span>*</span> 职工编号</span>
  80. <input type="text" id="Photo" name="Photo" placeholder="请输入职工编号" class="layui-input">
  81. </div>
  82. <div class="chickInput">
  83. <span class="chickInputLable"><span>*</span> 出生日期</span>
  84. <div class="chickInputBox" id="time">
  85. <div class="layui-input-inline">
  86. <input lay-verify="required" id="Birthday" name="Birthday" type="text" class="layui-input" placeholder="请选择时间">
  87. <img src="~/Content/images/calendar.png" />
  88. </div>
  89. </div>
  90. </div>
  91. <div class="chickInput">
  92. <span class="chickInputLable">民族</span>
  93. <div class="chickInputBox">
  94. <select id="NationalityNo" name="NationalityNo" lay-verify="">
  95. <option value="">请选择</option>
  96. <option value="96">民族2</option>
  97. <option value="87">民族13</option>
  98. </select>
  99. </div>
  100. </div>
  101. <div class="chickInput">
  102. <span class="chickInputLable"><span>*</span> 政治面貌</span>
  103. <div class="chickInputBox chickInputBoxs">
  104. <select id="PartyFaceNo" name="PartyFaceNo" lay-verify="">
  105. <option value="">请选择</option>
  106. <option value="96">政治面貌</option>
  107. <option value="87">政治面貌</option>
  108. </select>
  109. </div>
  110. </div>
  111. <div class="chickInput">
  112. <span class="chickInputLable">身份证号</span>
  113. <input id="IdentityCardNo" type="text" name="IdentityCardNo" placeholder="请输入身份证号" class="layui-input">
  114. </div>
  115. <div class="chickInput">
  116. <span class="chickInputLable">文化程度</span>
  117. <div class="chickInputBox">
  118. <select id="CultureDegreeNo" name="CultureDegreeNo" lay-verify="">
  119. <option value="">请选择</option>
  120. <option value="96">文化程度2</option>
  121. <option value="87">文化程度13</option>
  122. </select>
  123. </div>
  124. </div>
  125. <div class="chickInput">
  126. <span class="chickInputLable"><span>*</span> 最高学位</span>
  127. <div class="chickInputBox chickInputBoxs">
  128. <select id="DegreeNo" name="DegreeNo" lay-verify="">
  129. <option value="">请选择</option>
  130. <option value="96">最高学位</option>
  131. <option value="87">最高学位</option>
  132. </select>
  133. </div>
  134. </div>
  135. <div class="chickInput">
  136. <span class="chickInputLable">联系电话</span>
  137. <input id="mobile" type="text" name="mobile" placeholder="请输入联系电话" class="layui-input">
  138. </div>
  139. <div class="chickInput">
  140. <span class="chickInputLable">电子邮箱</span>
  141. <input id="EMail" type="text" name="Email" placeholder="请输入电子邮箱" class="layui-input">
  142. </div>
  143. </div>
  144. <!-- / chickForm_sec1 -->
  145. <div class="chickBtn" lay-submit lay-filter="*">提交申请</div>
  146. </form>
  147. </div>
  148. </div>
  149. </div>
  150. <img id="fromBg" src="~/Content/images/from1.png" />
  151. <div class="footer"> Copyright © 2019 数字化智慧校园 版权所有</div>
  152. <script src="~/Content/js/jquery.min.js"></script>
  153. <script src="~/Content/layui/layui.all.js"></script>
  154. <script src="~/Content/vue/vue.js"></script>
  155. <script>
  156. var today = formatDateTimesM();
  157. layui.use(['form', 'laydate', 'upload'], function () {
  158. var form = layui.form;
  159. //登录按钮点击
  160. form.on('submit(*)', function (data) {
  161. $.ajax({
  162. url: "/EducationalAdministration/EmpInfo/SaveForm?keyValue=2b7d3b57-6614-4900-affe-9b26bd77bbb4",
  163. data: { strEntity: JSON.stringify(data.field) },
  164. type: "POST",
  165. dataType: "json",
  166. async: true,
  167. cache: false,
  168. success: function (data) {
  169. },
  170. error: function (XMLHttpRequest, textStatus, errorThrown) {
  171. },
  172. beforeSend: function () {
  173. },
  174. complete: function () {
  175. }
  176. });
  177. return false; //阻止表单跳转。如果需要表单跳转,去掉这段即可。
  178. });
  179. var laydate = layui.laydate;
  180. //时间选择
  181. laydate.render({
  182. elem: '#Birthday',
  183. min: today.y + '-' + today.m + '-' + today.d
  184. });
  185. var upload = layui.upload;
  186. //上传图片
  187. var uploadInst = upload.render({
  188. elem: '#chickUpload',
  189. url: '/LR_SystemModule/Annexes/UploadImg',
  190. before: function (obj) {
  191. //预读本地文件示例,不支持ie8
  192. obj.preview(function (index, file, result) {
  193. $('#chickUpload').html('<img src="' + result + '" alt="">') //图片链接(base64)
  194. });
  195. },
  196. done: function (res) {
  197. //如果上传失败
  198. if (res.code != 200) {
  199. return layer.msg('上传失败');
  200. } else {
  201. $("#Photo").val(res.data.folderId)
  202. }
  203. //上传成功
  204. },
  205. error: function () {
  206. //演示失败状态,并实现重传
  207. var demoText = $('#demoText');
  208. demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>');
  209. demoText.find('.demo-reload').on('click', function () {
  210. uploadInst.upload();
  211. });
  212. }
  213. });
  214. });
  215. $(window).load(function () {
  216. $('.chickInputBoxs input').attr('lay-verify', 'required');
  217. $.ajax({
  218. url: "/LR_SystemModule/DataSource/GetMap?code=" + "company",
  219. async: false,
  220. success: function (msg) {
  221. var companys = $.parseJSON(msg).data.data;
  222. var str = '<option value="">请选择</option>';
  223. $.each(companys, function (i, item) {
  224. str += '<option value="' + item.f_companyid + '">' + item.f_fullname + '</option>'
  225. })
  226. $("#F_CompanyId").html(str);
  227. },
  228. });
  229. $.ajax({
  230. url: "/LR_SystemModule/DataSource/GetMap?code=" + "classdata",
  231. async: false,
  232. success: function (msg) {
  233. var companys = $.parseJSON(msg).data.data;
  234. var str = '<option value="">请选择</option>';
  235. $.each(companys, function (i, item) {
  236. str += '<option value="' + item.id + '">' + item.name + '</option>'
  237. })
  238. $("#F_DepartmentId").html(str);
  239. },
  240. });
  241. $.ajax({
  242. url: "/LR_SystemModule/DataSource/GetMap?code=" + "BCdNationality",
  243. async: false,
  244. success: function (msg) {
  245. var companys = $.parseJSON(msg).data.data;
  246. var str = '<option value="">请选择</option>';
  247. $.each(companys, function (i, item) {
  248. str += '<option value="' + item.nationalityno + '">' + item.nationality + '</option>'
  249. })
  250. $("#NationalityNo").html(str);
  251. },
  252. });
  253. $.ajax({
  254. url: "/LR_SystemModule/DataSource/GetMap?code=" + "BCdPartyFace",
  255. async: false,
  256. success: function (msg) {
  257. var companys = $.parseJSON(msg).data.data;
  258. var str = '<option value="">请选择</option>';
  259. $.each(companys, function (i, item) {
  260. str += '<option value="' + item.partyfaceno + '">' + item.partyface + '</option>'
  261. })
  262. $("#PartyFaceNo").html(str);
  263. },
  264. });
  265. $.ajax({
  266. url: "/LR_SystemModule/DataSource/GetMap?code=" + "BCdCultureDegree",
  267. async: false,
  268. success: function (msg) {
  269. var companys = $.parseJSON(msg).data.data;
  270. var str = '<option value="">请选择</option>';
  271. $.each(companys, function (i, item) {
  272. str += '<option value="' + item.culturedegreeno + '">' + item.culturedegree + '</option>'
  273. })
  274. $("#CultureDegreeNo").html(str);
  275. },
  276. });
  277. $.ajax({
  278. url: "/LR_SystemModule/DataSource/GetMap?code=" + "BCdDegree",
  279. async: false,
  280. success: function (msg) {
  281. var companys = $.parseJSON(msg).data.data;
  282. var str = '<option value="">请选择</option>';
  283. $.each(companys, function (i, item) {
  284. str += '<option value="' + item.degreeno + '">' + item.degreename + '</option>'
  285. })
  286. $("#DegreeNo").html(str);
  287. },
  288. });
  289. renderForm()
  290. })
  291. //重新渲染表单
  292. function renderForm() {
  293. layui.use('form', function () {
  294. var form = layui.form//高版本建议把括号去掉,有的低版本,需要加()
  295. form.render();
  296. });
  297. }
  298. function formatDateTimesM() {
  299. var date = new Date();
  300. var y = date.getFullYear();
  301. var m = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1;
  302. var d = date.getDate() < 10 ? '0' + date.getDate() : date.getDate();
  303. var h = date.getHours() < 10 ? '0' + date.getHours() : date.getHours();
  304. var min = date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes();
  305. return {
  306. y: y,
  307. m: m,
  308. d: d,
  309. h: h,
  310. min: min
  311. }
  312. };
  313. </script>
  314. </body>
  315. </html>