modal.ejs 4.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. <% include ../shares/delete_hint_modal.ejs %>
  2. <% include ../payment/audit_modal.ejs %>
  3. <div class="modal fade" id="upload" data-backdrop="static">
  4. <div class="modal-dialog" role="document">
  5. <div class="modal-content">
  6. <div class="modal-header">
  7. <h5 class="modal-title">上传附件</h5>
  8. </div>
  9. <div class="modal-body">
  10. <div class="form-group">
  11. <label for="formGroupExampleInput">单个文件大小限制:50MB,支持<span data-toggle="tooltip" data-placement="bottom" title="" data-original-title="doc,docx,xls,xlsx,ppt,pptx,pdf">office等文档格式</span>、<span data-toggle="tooltip" data-placement="bottom" title="" data-original-title="jpg,png,bmp">图片格式</span>、<span data-toggle="tooltip" data-placement="bottom" title="" data-original-title="rar,zip">压缩包格式</span></label>
  12. <input type="file" class="" id="upload-file" multiple>
  13. </div>
  14. </div>
  15. <div class="modal-footer">
  16. <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">关闭</button>
  17. <button type="button" class="btn btn-primary btn-sm" id="upload-ok">确认</button>
  18. </div>
  19. </div>
  20. </div>
  21. </div>
  22. <div class="modal fade show" id="psb-decimal" data-backdrop="static">
  23. <div class="modal-dialog" role="document">
  24. <div class="modal-content">
  25. <div class="modal-header">
  26. <h5 class="modal-title">设置</h5>
  27. </div>
  28. <div class="modal-body">
  29. <div class="form-group mb-3">
  30. <h5>小数位数</h5>
  31. <div class="row">
  32. <div class="col-4">
  33. <div class="input-group input-group-sm">
  34. <div class="input-group-prepend">
  35. <span class="input-group-text">单价</span>
  36. </div>
  37. <input type="number" id="psb-up" class="form-control" value="<%- ctx.detail.decimal.up %>" org="<%- ctx.detail.decimal.up %>" min="0" max="6" maxlength="1" oninput="limitDecimal(this)" <% if (ctx.detail.readOnly) { %>disabled<% } %>>
  38. </div>
  39. </div>
  40. <div class="col-4">
  41. <div class="input-group input-group-sm">
  42. <div class="input-group-prepend">
  43. <span class="input-group-text">数量</span>
  44. </div>
  45. <input type="number" id="psb-qty" class="form-control" value="<%- ctx.detail.decimal.qty %>" org="<%- ctx.detail.decimal.qty %>" min="0" max="6" maxlength="1" oninput="limitDecimal(this)" <% if (ctx.detail.readOnly) { %>disabled<% } %>>
  46. </div>
  47. </div>
  48. <div class="col-4">
  49. <div class="input-group input-group-sm">
  50. <div class="input-group-prepend">
  51. <span class="input-group-text">金额</span>
  52. </div>
  53. <input type="number" id="psb-tp" class="form-control" value="<%- ctx.detail.decimal.tp %>" org="<%- ctx.detail.decimal.tp %>" min="0" max="6" maxlength="1" oninput="limitDecimal(this)" <% if (ctx.detail.readOnly) { %>disabled<% } %>>
  54. </div>
  55. </div>
  56. </div>
  57. </div>
  58. </div>
  59. <div class="modal-footer">
  60. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
  61. <% if (!ctx.detail.readOnly) { %>
  62. <button type="button" class="btn btn-sm btn-primary" id="psb-decimal-ok">确认</button>
  63. <% } %>
  64. </div>
  65. </div>
  66. </div>
  67. </div>
  68. <script>
  69. // 根据Min Max限制Input输入
  70. function limitInputMinMax (obj) {
  71. if (_.toNumber(obj.value) > _.toNumber(obj.max)) {
  72. obj.value = obj.max;
  73. }
  74. if(_.toNumber(obj.value) < _.toNumber(obj.min)) {
  75. obj.value = obj.min;
  76. }
  77. }
  78. // 根据Maxlength限制input输入
  79. function limitMaxLength (obj) {
  80. if (obj.value.length > obj.maxLength) {
  81. obj.value = obj.value.substr(0, obj.maxLength);
  82. }
  83. }
  84. // 根据正则限制输入
  85. function limitReg(obj, reg) {
  86. obj.value = obj.value.replace(reg, '');
  87. }
  88. // 小数位数 input 输入限制
  89. function limitDecimal(obj) {
  90. limitReg(obj, /[^\d]/g);
  91. limitMaxLength(obj);
  92. limitInputMinMax(obj);
  93. }
  94. </script>