add_device.ftl 7.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <#include "/base/add_base.ftl">
  6. <title></title>
  7. <style>
  8. .my-title{font-weight: 500;padding-left: 15px;position: relative;}
  9. .my-title:after{content: '';position: absolute;left: 0;top:12%;width: 3px;height: 80%;background: #32a3d8;}
  10. .my-input{padding: 5px 10px;width: 60%;}
  11. .my-input-date{padding: 5px 10px;width: 60%;background: url(http://s.iamberry.com/images/rili-1.png) 98.5% center no-repeat; background-size:auto 80%;}
  12. .input-box{margin: 18px 0;}
  13. .input-dic{float: left;margin:5px 10px 0 0;font-size: 12px;}
  14. .add-list{list-style-type: none;padding: 10px;background-color: #f5f5f5;width: 60%;float: left;margin: 0;}
  15. .add-list>li{margin: 10px 0;}
  16. .my-textarea{padding: 5px 10px;width: 60%;}
  17. .my-btn-reset{padding: 6px 20px;width: 150px; background-color: #fff;color: #32a3d8;border: 1px solid #32a3d8;cursor:pointer;margin: 10px 10px 0 10px;}
  18. .my-btn-submit{padding: 6px 20px;width: 150px; background-color: #32a3d8;color: #fff;border: 1px solid #32a3d8;cursor:pointer;margin: 10px 10px 0 10px;}
  19. .my-select{border: 1px solid rgba(0,0,0,.1);padding:6px 50px 6px 15px;width: 60%; height: 34px;margin: 0 10px; -webkit-appearance:none;appearance:none;background: url(http://s.iamberry.com/images/select-1.png) right center no-repeat #fff;background-size:auto 100%;}
  20. </style>
  21. </head>
  22. <body>
  23. <nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页
  24. <span class="c-gray en">&gt;</span> PST管理
  25. <span class="c-gray en">&gt;</span> 添加设备
  26. <a class="btn radius r" style="line-height:1.6em;margin-top:3px;background: #32a3d8;color: #fff;" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a>
  27. </nav>
  28. <div style="padding: 10px; padding-left: 250px;">
  29. <form class="form-horizontal" action="${path}/admin/equipment/add_equpment" id="form-admin-add">
  30. <div class="my-title">设备信息</div>
  31. <div class="input-box">
  32. <span class="input-dic">设备编号</span>
  33. <input class="my-input" type="text" value="" maxlength="10" minlength="2" name="deviceNumber" id="deviceNumber" placeholder="请输入设备编号,请输入英文、数字,2-10位"/>
  34. </div>
  35. <div class="input-box"><span class="input-dic">设备名称</span><input class="my-input" type="text" value="" name="deviceName" id="deviceName" placeholder="请输入设备名称,中文和英文"/> </div>
  36. <div class="input-box"><span class="input-dic">购买日期</span><input class="my-input-date" type="text" value="" name="device_date" id="device_date" placeholder="请选择购买日期" onClick="WdatePicker({skin:'whyGreen',maxDate:'%y-%M-%d'})" readonly="readonly"/> </div>
  37. <div class="input-box"><span class="input-dic">设备状态</span><label for="radio-10"><input type="radio" id="radio-10" name="deviceStatus" value="1" checked/>正常使用</label><label for="radio-11" style="margin-left: 50px;"><input type="radio" id="radio-11" name="deviceStatus" value="0"/>设备停用</label> </div>
  38. <#--<div class="input-box"><span class="input-dic">作用流程</span>
  39. <ul class="add-list">
  40. </ul>
  41. </div>-->
  42. <div style="clear: both;"></div>
  43. <div class="input-box"><span class="input-dic">设备备注</span>
  44. <textarea rows="3" cols="20" name="deviceRemake" id="deviceRemake" class="my-textarea"></textarea>
  45. </div>
  46. <div>
  47. <button type="reset" class="my-btn-reset">重置</button><button type="button" class="my-btn-submit" onclick="submit_value();">确认提交</button>
  48. </div>
  49. </form>
  50. </div>
  51. <script type="text/javascript" src="${path}/common/lib/My97DatePicker/4.8/WdatePicker.js"></script>
  52. <script type="text/javascript">
  53. var check_number = /^[A-Za-z0-9]+$/;
  54. var check_name = /^[a-zA-Z\u4e00-\u9fa5]+$/;
  55. $(function(){
  56. /*$.ajax({
  57. cache: true,
  58. type: "POST",
  59. url: "${path}/admin/equipment/select_produce_list",
  60. async: false,
  61. success: function(data){
  62. if (data.returnCode == 200) {
  63. var data_produce = data.returnMsg.produceList;
  64. var table = document.body.querySelector('.add-list');
  65. $.each(data_produce, function(i,item){
  66. var this_produce = this;
  67. var li = document.createElement('li');
  68. var process = '';
  69. var data_process = this_produce.process;
  70. $.each(data_process, function(j,obj){
  71. var this_process = this;
  72. process += '<option value="' + this_process.processId + '"> ' + this_process.processName + ' </option>';
  73. });
  74. li.innerHTML = this_produce.produceName + '<select class="my-select">' + process + '</select>';
  75. table.appendChild(li);
  76. });
  77. }
  78. },
  79. error: function(XmlHttpRequest, textStatus, errorThrown){
  80. }
  81. });*/
  82. });
  83. function check_value() {
  84. var flag = true;
  85. var deviceNumber = $('#deviceNumber').val();
  86. var deviceName = $('#deviceName').val();
  87. if (deviceNumber == null || !check_number.test(deviceNumber)) {
  88. flag = false;
  89. layer.msg('设备编号格式不正确,请重新输入!',{icon: 5,time:1000});
  90. return flag;
  91. }
  92. if (deviceName == null || !check_name.test(deviceName)) {
  93. flag = false;
  94. layer.msg('设备名称格式不正确,请重新输入!',{icon: 5,time:1000});
  95. return flag;
  96. }
  97. return flag;
  98. }
  99. function submit_value() {
  100. var deviceNumber = $('#deviceNumber').val();
  101. var deviceName = $('#deviceName').val();
  102. var device_date = $('#device_date').val();
  103. var deviceRemake = $('#deviceRemake').val();
  104. var deviceStatus = $('input[name="deviceStatus"]:checked').val();
  105. var flag = check_value();
  106. if (flag) {
  107. //var selProcess = '';
  108. //循环获取所有流程节点
  109. /*$.each($('.add-list>li>select option:selected'), function(i,item){
  110. selProcess += $(this).val() + ',';
  111. });*/
  112. var data = {
  113. "deviceNumber":deviceNumber,
  114. "deviceName":deviceName,
  115. "deviceDate":device_date,
  116. "deviceRemake":deviceRemake,
  117. "deviceStatus":deviceStatus
  118. //"selProcess":selProcess
  119. }
  120. $.ajax({
  121. cache: true,
  122. type: "POST",
  123. data: data,
  124. url: "${path}/admin/equipment/add_equpment",
  125. async: false,
  126. success: function(data){
  127. if (data.returnCode == 200) {
  128. window.location.href = '${path}/admin/equipment/select_device_list'
  129. }
  130. },
  131. error: function(XmlHttpRequest, textStatus, errorThrown){
  132. }
  133. });
  134. }
  135. }
  136. </script>
  137. </body>
  138. </html>