add.html 3.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. {extend name="../../base/view/common/base" /}
  2. <!-- 主体 -->
  3. {block name="body"}
  4. <form class="layui-form p-4">
  5. <h3 class="pb-3">新增供应商</h3>
  6. <table class="layui-table layui-table-form">
  7. <tr>
  8. <td class="layui-td-gray-2">供应商名称<font>*</font></td>
  9. <td colspan="3"><input type="text" name="title" placeholder="请输入供应商名称" lay-verify="required" lay-reqText="请输入供应商名称" class="layui-input"></td>
  10. <td class="layui-td-gray-2">供应商电话</td>
  11. <td><input type="text" name="phone" autocomplete="off" placeholder="请输入供应商电话" class="layui-input"></td>
  12. </tr>
  13. <tr>
  14. <td class="layui-td-gray-2">供应商地址</td>
  15. <td colspan="3"><input type="text" name="address" placeholder="请输入供应商地址" class="layui-input"></td>
  16. <td class="layui-td-gray-2">供应商邮箱</td>
  17. <td><input type="text" name="email" autocomplete="off" placeholder="请输入供应商邮箱" class="layui-input"></td>
  18. </tr>
  19. <tr>
  20. <td class="layui-td-gray" style="vertical-align:top;">供应商简介</td>
  21. <td colspan="5"><textarea name="content" placeholder="请输入内容" class="layui-textarea"></textarea></td>
  22. </tr>
  23. <tr>
  24. <td class="layui-td-gray-2">
  25. <div class="layui-input-inline">相关附件</div>
  26. <div class="layui-input-inline">
  27. <button type="button" class="layui-btn layui-btn-xs" id="uploadBtn"><i class="layui-icon"></i></button>
  28. </div>
  29. </td>
  30. <td colspan="5">
  31. <div class="layui-row" id="uploadBox">
  32. <input type="hidden" data-type="file" name="file_ids" value="">
  33. </div>
  34. </td>
  35. </tr>
  36. <tr>
  37. <td colspan="6"><strong>首要联系人信息</strong></td>
  38. </tr>
  39. <tr>
  40. <td class="layui-td-gray">联 系 人</td>
  41. <td><input type="text" name="c_name" autocomplete="off" placeholder="请输入联系人姓名" class="layui-input"></td>
  42. <td class="layui-td-gray">联系电话</td>
  43. <td><input type="text" name="c_mobile" autocomplete="off" placeholder="请输入联系人电话" class="layui-input"></td>
  44. <td class="layui-td-gray">性别</td>
  45. <td>
  46. <input type="radio" name="c_sex" value="1" title="男">
  47. <input type="radio" name="c_sex" value="2" title="女" >
  48. </td>
  49. </tr>
  50. </table>
  51. <div class="pt-3">
  52. <button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="webform">立即提交</button>
  53. <button type="reset" class="layui-btn layui-btn-primary">重置</button>
  54. </div>
  55. </form>
  56. {/block}
  57. <!-- /主体 -->
  58. <!-- 脚本 -->
  59. {block name="script"}
  60. <script>
  61. const moduleInit = ['tool','uploadPlus'];
  62. function gouguInit() {
  63. var form = layui.form,tool=layui.tool,uploadPlus=layui.uploadPlus;
  64. //附件上传
  65. var attachment = new uploadPlus({
  66. "target":'uploadBtn',
  67. "targetBox":'uploadBox'
  68. });
  69. //监听提交
  70. form.on('submit(webform)', function(data){
  71. if(data.field.c_name!=='' || data.field.c_mobile!==''){
  72. if(!data.field.c_sex){
  73. layer.msg('请选择首要联系的性别');
  74. return false;
  75. }
  76. }
  77. let callback = function (e) {
  78. layer.msg(e.msg);
  79. if (e.code == 0) {
  80. tool.sideClose(1000);
  81. }
  82. }
  83. let clickbtn = $(this);
  84. tool.post("/contract/supplier/add", data.field, callback,clickbtn);
  85. return false;
  86. });
  87. }
  88. </script>
  89. {/block}
  90. <!-- /脚本 -->