edit.html 7.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>设备信息</title>
  6. <meta name="renderer" content="webkit">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8. <meta name="viewport"
  9. content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  10. <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
  11. <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
  12. <link rel="stylesheet" type="text/css" href="../../layuiadmin/style/formSelects-v4.css"/>
  13. <style>
  14. .input {
  15. border-radius: 2px;
  16. height: 38px;
  17. border-width: 1px;
  18. border-color: lightgray;
  19. border-style: solid;
  20. background-color: white;
  21. padding-left: 3px;
  22. }
  23. </style>
  24. </head>
  25. <body>
  26. <div class="layui-fluid">
  27. <div class="layui-row layui-col-space15">
  28. <div class="layui-card">
  29. <div class="layui-card-body" pad15>
  30. <form class="layui-form" action="" lay-filter="component-form-element">
  31. <div class="layui-row layui-col-space10 layui-form-item">
  32. <div>
  33. <label class="layui-form-label"><font color='red' size="4">*</font>设备分类:</label>
  34. <div class="layui-input-block">
  35. <select id="id_type" name="type" lay-verify="required">
  36. </select>
  37. </div>
  38. </div>
  39. <div>
  40. <label class="layui-form-label"><font color='red' size="4">*</font>设备名称:</label>
  41. <div class="layui-input-block">
  42. <input type="text" name="name" lay-verify="required" placeholder="请输入设备名称"
  43. autocomplete="off" class="layui-input">
  44. </div>
  45. </div>
  46. <div>
  47. <label class="layui-form-label"><font color='red' size="4">*</font>设备位置:</label>
  48. <div class="layui-input-block">
  49. <input id="id_location" name="location" class="layui-input" placeholder="请输入设备位置"
  50. autocomplete="off" lay-verify="required"/>
  51. </div>
  52. </div>
  53. <div>
  54. <label class="layui-form-label">质保到期:</label>
  55. <div class="layui-inline">
  56. <input id="date1" type="text" name="quality_date" placeholder="请输入质保到期日期"
  57. autocomplete="off" class="input">
  58. </div>
  59. </div>
  60. <div>
  61. <label class="layui-form-label"><font color='red' size="4">*</font>供应商:</label>
  62. <div class="layui-input-block">
  63. <select id="id_supplier" name="supplier" lay-verify="required">
  64. </select>
  65. </div>
  66. </div>
  67. <button id="id_save" class="layui-btn" lay-submit lay-filter="component-form-element"
  68. style="display: none">保存
  69. </button>
  70. </div>
  71. </form>
  72. </div>
  73. </div>
  74. </div>
  75. </div>
  76. <script src="../../layuiadmin/layui/layui.js"></script>
  77. <script>
  78. layui.link('../../../layuiadmin/style/autocomplete.css');
  79. layui.config({
  80. base: '../../../layuiadmin/' //静态资源所在路径
  81. , autocomplete: 'autocomplete'
  82. }).extend({
  83. index: 'lib/index',
  84. formSelects: 'formSelects-v4'
  85. }).use(['index', 'form', 'laydate', 'autocomplete',], function () {
  86. var $ = layui.$
  87. , admin = layui.admin
  88. , laydate = layui.laydate
  89. , autocomplete = layui.autocomplete
  90. , form = layui.form;
  91. var id = layui.view.getParameterByName('id');
  92. var location = null
  93. laydate.render({
  94. elem: '#date1'
  95. , type: 'date'
  96. , trigger: 'click'
  97. });
  98. autocomplete.render({
  99. elem: $('#id_location'),
  100. url: '/tenant/building/location/search/',
  101. template_val: '',
  102. template_txt: '<span class=\'layui-badge layui-bg-gray\'>{{d.area_name}} - {{d.building}} -{{d.floor}} - {{d.location}}',
  103. onselect: function (resp) {
  104. $('#id_location').val(resp.area_name + '-' + resp.building + '-' + resp.floor + '-' + resp.location);
  105. location = resp.id;
  106. }
  107. });
  108. admin.req({
  109. url: '/tenant/equipment/dict/',
  110. done: function (res) {
  111. var types = res.data.types;
  112. var type_node = $('#id_type');
  113. for (var i in types) {
  114. var pid = types[i].id;
  115. var value = types[i].name;
  116. type_node.append("<option value='" + pid + "'>" + value + "</option>");
  117. }
  118. var suppliers = res.data.suppliers;
  119. var supplier_node = $('#id_supplier');
  120. for (var i in suppliers) {
  121. var pid = suppliers[i].id;
  122. var value = suppliers[i].name;
  123. supplier_node.append("<option value='" + pid + "'>" + value + "</option>");
  124. }
  125. form.render();
  126. loadData();
  127. }
  128. });
  129. var loadData = function () {
  130. if (id) {
  131. var editdata = JSON.parse(JSON.stringify(parent.layui.table.editdata)); // 框架有Bug所以这么转换
  132. form.val("component-form-element", editdata);
  133. location = editdata.location;
  134. $('#id_location').val(editdata.location_text);
  135. }
  136. };
  137. form.render(null, 'component-form-element');
  138. form.on('submit(component-form-element)', function (data) {
  139. if (!location) {
  140. layer.msg('请搜索并选择位置');
  141. return false;
  142. }
  143. data.field['location'] = location;
  144. if (id) {
  145. var url = '/tenant/equipment/' + id + '/';
  146. var type = 'put';
  147. } else {
  148. url = '/tenant/equipment/';
  149. type = 'post'
  150. }
  151. admin.req({
  152. url: url
  153. , data: data.field
  154. , type: type
  155. , done: function (res) {
  156. parent.layui.onSubmitChild(res.data);
  157. }
  158. });
  159. return false;
  160. });
  161. parent.layui.submitChild = function () {
  162. $("#id_save").click();
  163. };
  164. });
  165. </script>
  166. </body>
  167. </html>