protect_add.html 3.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. {extend name="../../base/view/common/base" /}
  2. <!-- 主体 -->
  3. {block name="body"}
  4. <form class="layui-form p-page">
  5. <h3 class="pb-2">新增车辆保养记录</h3>
  6. <table class="layui-table layui-table-form">
  7. {eq name="$cid" value="0"}
  8. <tr>
  9. <td class="layui-td-gray">车辆名称<font>*</font></td>
  10. <td>
  11. <input type="text" name="car_name" readonly lay-verify="required" lay-reqText="请选择车辆" placeholder="请选择" class="layui-input picker-oa" data-types="car">
  12. <input type="hidden" name="car_id" value="">
  13. </td>
  14. <td class="layui-td-gray">保养地点<font>*</font></td>
  15. <td colspan="3">
  16. <input type="text" name="address" lay-verify="required" lay-reqText="请完善保养地点" placeholder="请完善保养地点" class="layui-input">
  17. </td>
  18. </tr>
  19. {else/}
  20. <tr>
  21. <td class="layui-td-gray">车辆名称</td>
  22. <td>{$car.title}</td>
  23. <td class="layui-td-gray">保养地点<font>*</font></td>
  24. <td colspan="3">
  25. <input type="text" name="address" lay-verify="required" lay-reqText="请完善保养地点" placeholder="请完善保养地点" class="layui-input">
  26. </td>
  27. </tr>
  28. {/eq}
  29. <tr>
  30. <td class="layui-td-gray">保养日期<font>*</font></td>
  31. <td><input type="text" name="repair_time" readonly placeholder="请选择保养日期" class="layui-input tool-time" data-max="0" lay-verify="required" lay-reqText="请完善保养日期"></td>
  32. <td class="layui-td-gray">保养费用<font>*</font></td>
  33. <td><input type="text" name="amount" placeholder="请输入保养费用" lay-verify="required|number" lay-reqText="请输入保养费用" class="layui-input"></td>
  34. <td class="layui-td-gray">经手人<font>*</font></td>
  35. <td>
  36. <input type="text" name="handled_name" readonly lay-verify="required" lay-reqText="请选择经手人" placeholder="请选择" class="layui-input picker-admin">
  37. <input type="hidden" name="handled">
  38. </td>
  39. </tr>
  40. <tr>
  41. <td class="layui-td-gray-2">
  42. <div class="layui-input-inline">相关附件</div>
  43. <div class="layui-input-inline">
  44. <button type="button" class="layui-btn layui-btn-xs" id="uploadBtn"><i class="layui-icon"></i></button>
  45. </div>
  46. </td>
  47. <td colspan="5">
  48. <div class="layui-row" id="uploadBox">
  49. <input type="hidden" data-type="file" name="file_ids" value="">
  50. </div>
  51. </td>
  52. </tr>
  53. <tr>
  54. <td class="layui-td-gray" style="vertical-align:top;">保养内容<font>*</font></td>
  55. <td colspan="5">
  56. <textarea name="content" placeholder="请输入保养内容" class="layui-textarea" lay-verify="required" lay-reqText="请完善保养内容"></textarea>
  57. </td>
  58. </tr>
  59. </table>
  60. <div class="pt-4">
  61. {gt name="$cid" value="0"}
  62. <input type="hidden" name="car_id" value="{$cid}">
  63. {/gt}
  64. <button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="webform">立即提交</button>
  65. <button type="reset" class="layui-btn layui-btn-primary">重置</button>
  66. </div>
  67. </form>
  68. {/block}
  69. <!-- /主体 -->
  70. <!-- 脚本 -->
  71. {block name="script"}
  72. <script>
  73. const moduleInit = ['tool','uploadPlus','oaPicker'];
  74. function gouguInit() {
  75. var form = layui.form,tool=layui.tool,uploadPlus = layui.uploadPlus;
  76. //相关附件上传
  77. var attachment = new uploadPlus();
  78. //监听提交
  79. form.on('submit(webform)', function(data){
  80. let callback = function (e) {
  81. layer.msg(e.msg);
  82. if (e.code == 0) {
  83. tool.sideClose(1000,'protectTable');
  84. }
  85. }
  86. let clickbtn = $(this);
  87. tool.post("/adm/car/protect_add", data.field, callback,clickbtn);
  88. return false;
  89. });
  90. }
  91. </script>
  92. {/block}
  93. <!-- /脚本 -->