edit.html 9.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8"/>
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  6. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  7. <title>编辑驾驶员</title>
  8. <link rel="stylesheet" href="../../../../assets/libs/layui/css/layui.css"/>
  9. <link rel="stylesheet" href="../../../../assets/module/formSelects/formSelects-v4.css"/>
  10. <link rel="stylesheet" href="../../../../assets/module/admin.css?v=312"/>
  11. </head>
  12. <body>
  13. <!-- 加载动画 -->
  14. <div class="page-loading">
  15. <div class="ball-loader">
  16. <span></span><span></span><span></span><span></span>
  17. </div>
  18. </div>
  19. <!-- 正文开始 -->
  20. <div class="layui-fluid">
  21. <div class="layui-card">
  22. <div class="layui-card-body">
  23. <div class="layui-card-header">编辑驾驶员信息
  24. <div class="layui-inline pull-right">
  25. <button onclick="history.back()" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-normal"><i
  26. class="layui-icon">&#xe65c;</i>返回
  27. </button>
  28. </div>
  29. </div>
  30. <div class="layui-card-body">
  31. <form class="layui-form" lay-filter="layuiForm" style="max-width: 700px;margin: 40px auto;">
  32. <input type="hidden" id="entDriverId" name="entDriverId">
  33. <div class="layui-form-item">
  34. <label class="layui-form-label w-width150"><span class="layui-badge-dot"></span>司机姓名:</label>
  35. <div class="layui-input-block w-m180">
  36. <input name="driverName" type="text" placeholder="司机姓名" class="layui-input"
  37. lay-verType="tips" lay-verify="required">
  38. </div>
  39. </div>
  40. <div class="layui-form-item">
  41. <label class="layui-form-label w-width150">性别:</label>
  42. <div class="layui-input-block w-m180">
  43. <input type="radio" name="driverSex" value="1" title="男" checked="">
  44. <input type="radio" name="driverSex" value="0" title="女">
  45. </div>
  46. </div>
  47. <div class="layui-form-item">
  48. <label class="layui-form-label w-width150"><span class="layui-badge-dot"></span>手机号:</label>
  49. <div class="layui-input-block w-m180">
  50. <input name="driverPhone" type="text" placeholder="手机号" class="layui-input"
  51. lay-verType="tips" lay-verify="required|phone|number">
  52. </div>
  53. </div>
  54. <div class="layui-form-item">
  55. <label class="layui-form-label w-width150"><span class="layui-badge-dot"></span>身份证号:</label>
  56. <div class="layui-input-block w-m180">
  57. <input name="driverIdcard" type="text" placeholder="身份证号" class="layui-input"
  58. lay-verType="tips" lay-verify="required|identity|number">
  59. </div>
  60. </div>
  61. <div class="layui-form-item">
  62. <label class="layui-form-label w-width150">从业资格证号:</label>
  63. <div class="layui-input-block w-m180">
  64. <input name="driverCertificateCard" type="text" placeholder="从业资格证号" class="layui-input"
  65. lay-verType="tips">
  66. </div>
  67. </div>
  68. <div class="layui-form-item">
  69. <label class="layui-form-label w-width150"><span class="layui-badge-dot"></span>所属部门:</label>
  70. <div class="layui-input-block w-m180">
  71. <input type="text" id="groupName" class="layui-input" name="liableGroupIdName"
  72. value=""
  73. placeholder="点击选择车辆所属部门"
  74. class="form-control" readonly lay-verify="required">
  75. <input type="hidden" id="groupId" name="gId" readonly>
  76. <div id="menuContent" class="menuContent">
  77. <ul id="groupTree" class="ztree" style="margin-top:0;"></ul>
  78. </div>
  79. </div>
  80. </div>
  81. <div class="layui-form-item">
  82. <label class="layui-form-label w-width150">准驾车型:</label>
  83. <div class="layui-input-block w-m180">
  84. <input name="driverAllowCarClass" type="text" placeholder="准驾车型" class="layui-input"
  85. lay-verType="tips">
  86. </div>
  87. </div>
  88. <div class="layui-form-item">
  89. <label class="layui-form-label w-width150">驾驶证有效期限:</label>
  90. <div class="layui-input-block w-m180">
  91. <input type="hidden" id="driverLicenseStartDate" name="driverLicenseStartDate">
  92. <input type="hidden" id="driverLicenseEndDate" name="driverLicenseEndDate">
  93. <input type="text" class="layui-input" id="test1"
  94. placeholder=" - " lay-key="7" readonly>
  95. </div>
  96. </div>
  97. <div class="layui-form-item">
  98. <label class="layui-form-label w-width150"><span
  99. class="layui-badge-dot"></span>驾驶证初次领证日期:</label>
  100. <div class="layui-input-block w-m180">
  101. <input type="text" name="driverLicenseGetDate" id="driverLicenseGetDate"
  102. lay-verify="date|required" autocomplete="off" class="layui-input" readonly>
  103. </div>
  104. </div>
  105. <div class="layui-form-item">
  106. <label class="layui-form-label w-width150">驾驶证发证单位:</label>
  107. <div class="layui-input-block w-m180">
  108. <input name="driverLicenseOrg" type="text" placeholder="驾驶证发证单位" class="layui-input"
  109. lay-verType="tips">
  110. </div>
  111. </div>
  112. <div class="layui-form-item">
  113. <label class="layui-form-label w-width150">联系地址:</label>
  114. <div class="layui-input-block w-m180">
  115. <input name="driverAddress" type="text" placeholder="联系地址" class="layui-input"
  116. lay-verType="tips">
  117. </div>
  118. </div>
  119. <div class="layui-form-item">
  120. <div class="layui-input-block w-m180">
  121. <button class="layui-btn" lay-filter="formSubmitBas" lay-submit>&emsp;提交&emsp;</button>
  122. <button type="reset" class="layui-btn layui-btn-primary">&emsp;重置&emsp;</button>
  123. </div>
  124. </div>
  125. </form>
  126. </div>
  127. </div>
  128. </div>
  129. </div>
  130. <!-- js部分 -->
  131. <script type="text/javascript" src="../../../../assets/libs/layui/layui.js"></script>
  132. <script type="text/javascript" src="../../../../assets/js/common.js?v=312"></script>
  133. <script>
  134. layui.use(['layer', 'form', 'table', 'util', 'zTree', 'admin', 'uParas', 'laydate', '_groupTree'], function () {
  135. var $ = layui.jquery;
  136. var layer = layui.layer;
  137. var form = layui.form;
  138. var util = layui.util;
  139. var admin = layui.admin;
  140. var uParas = layui.uParas;
  141. var laydate = layui.laydate;
  142. var _groupTree = layui._groupTree;
  143. // 渲染laydate
  144. laydate.render({
  145. elem: '#driverLicenseGetDate', format: 'yyyy-MM-dd', type: 'date', max: 'date'
  146. });
  147. laydate.render({
  148. elem: '#test1', range: true, format: 'yyyy-MM-dd', max: 'date', done: function (value, date, endDate) {
  149. var a = value.split(" - ");
  150. $("#driverLicenseStartDate").val(a[0]);
  151. $("#driverLicenseEndDate").val(a[1]);
  152. }
  153. });
  154. _groupTree.init(null);
  155. var entDriverId = uParas.getUrlParam("entDriverId");
  156. admin.req(uParas.baseUrl + '/ent/driver/details/' + entDriverId, null, function (res) {
  157. if (res.code == 1) {
  158. gId = res.data.gId;
  159. //console.log(JSON.stringify(res.data));
  160. form.val("layuiForm", res.data);
  161. $("#driverLicenseStartDate").val(res.data.driverLicenseStartDate);
  162. $("#driverLicenseEndDate").val(res.data.driverLicenseEndDate);
  163. $('#test1').val(res.data.driverLicenseStartDate + " - " + res.data.driverLicenseEndDate);
  164. } else {
  165. layer.msg(res.msg)
  166. }
  167. }, 'post');
  168. // 监听表单提交
  169. form.on('submit(formSubmitBas)', function (data) {
  170. // 表格选择的数据放到data.field中
  171. admin.req(uParas.baseUrl + '/ent/driver/update', data.field, function (resp) {
  172. if (resp.code == 1) {
  173. layer.msg(resp.msg);
  174. location.href = "./index.html";
  175. } else {
  176. layer.msg(resp.msg)
  177. }
  178. }, 'POST');
  179. return false;
  180. });
  181. });
  182. </script>
  183. </body>
  184. </html>