add.html 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  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. <tr>
  8. <td class="layui-td-gray">客户名称</td>
  9. <td colspan="5">{$customer_name|default=''}</td>
  10. </tr>
  11. <tr>
  12. <td class="layui-td-gray">姓名<font>*</font></td>
  13. <td>
  14. <input type="text" name="name" autocomplete="off" lay-verify="required" lay-reqText="请输入联系人姓名" placeholder="请输入联系人姓名" class="layui-input">
  15. </td>
  16. <td class="layui-td-gray">联系电话<font>*</font></td>
  17. <td>
  18. <input type="text" name="mobile" autocomplete="off" lay-verify="required" lay-reqText="请输入联系人电话" placeholder="请输入联系人电话" class="layui-input">
  19. </td>
  20. <td class="layui-td-gray">性别<font>*</font></td>
  21. <td>
  22. <input type="radio" name="sex" value="1" title="男">
  23. <input type="radio" name="sex" value="2" title="女">
  24. </td>
  25. </tr>
  26. <tr>
  27. <td class="layui-td-gray">微 信 号</td>
  28. <td>
  29. <input type="text" name="wechat" autocomplete="off" placeholder="请输入联系人微信号" class="layui-input">
  30. </td>
  31. <td class="layui-td-gray">QQ号码</td>
  32. <td>
  33. <input type="text" name="qq" autocomplete="off" placeholder="请输入联系人QQ号码" class="layui-input">
  34. </td>
  35. <td class="layui-td-gray">电子邮箱</td>
  36. <td>
  37. <input type="text" name="email" autocomplete="off" placeholder="请输入联系人电子邮箱" class="layui-input">
  38. </td>
  39. </tr>
  40. <tr>
  41. <td class="layui-td-gray">称谓</td>
  42. <td>
  43. <input type="text" name="nickname" autocomplete="off" placeholder="请输入联系人的称谓" class="layui-input">
  44. </td>
  45. <td class="layui-td-gray">部门</td>
  46. <td>
  47. <input type="text" name="department" autocomplete="off" placeholder="请输入联系人所在部门" class="layui-input">
  48. </td>
  49. <td class="layui-td-gray">职务</td>
  50. <td>
  51. <input type="text" name="position" autocomplete="off" placeholder="请输入联系人担任的职务" class="layui-input">
  52. </td>
  53. </tr>
  54. <tr>
  55. <td class="layui-td-gray">生日</td>
  56. <td><input type="text" name="birthday" readonly placeholder="请选择" class="layui-input tool-time"></td>
  57. <td class="layui-td-gray">家庭住址</td>
  58. <td colspan="3"><input type="text" name="address" placeholder="请输入联系人家庭住址" class="layui-input"></td>
  59. </tr>
  60. </table>
  61. <div class="pt-3">
  62. <input type="hidden" name="cid" value="{$customer_id}">
  63. <button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="webform">立即提交</button>
  64. <button type="reset" class="layui-btn layui-btn-primary">重置</button>
  65. </div>
  66. </form>
  67. {/block}
  68. <!-- /主体 -->
  69. <!-- 脚本 -->
  70. {block name="script"}
  71. <script>
  72. const moduleInit = ['tool'];
  73. function gouguInit() {
  74. var form = layui.form,tool=layui.tool;
  75. //监听提交
  76. form.on('submit(webform)', function (data) {
  77. if(!data.field.sex){
  78. layer.msg('请选择性别');
  79. return false;
  80. }
  81. let callback = function (e) {
  82. layer.msg(e.msg);
  83. if (e.code == 0) {
  84. tool.sideClose(1000,'contactTable');
  85. }
  86. }
  87. let clickbtn = $(this);
  88. tool.post("/customer/contact/add", data.field, callback,clickbtn);
  89. return false;
  90. });
  91. }
  92. </script>
  93. {/block}
  94. <!-- /脚本 -->