add_customer.html 8.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164
  1. {include file="public/header" /}
  2. <body class="gray-bg">
  3. <div class="layui-fluid layui-col-md12">
  4. <div class="layui-card">
  5. <div class="layui-card-body layui-form">
  6. <div class="layui-row layui-col-space10 layui-form-item ">
  7. <div class="layui-form-item layui-col-md-offset1 layui-col-md8">
  8. <label class="layui-form-label">联系人姓名</label>
  9. <div class="layui-input-block">
  10. <input type="text" name="name" placeholder="联系人姓名" class="layui-input ">
  11. </div>
  12. </div>
  13. <div class="layui-form-item layui-col-md-offset1 layui-col-md8">
  14. <label class="layui-form-label">评级</label>
  15. <div class="layui-input-block">
  16. <select name="grade" lay-verify="required" lay-search="">
  17. <option value="10">10 </option>
  18. <option value="9">9</option>
  19. <option value="8">8</option>
  20. <option value="7">7</option>
  21. <option value="6">6</option>
  22. <option value="5">5</option>
  23. <option value="4">4</option>
  24. <option value="3">3</option>
  25. <option value="2">2</option>
  26. <option value="1">1</option>
  27. <option value="0">0</option>
  28. </select>
  29. </div>
  30. </div>
  31. <div class="layui-form-item layui-col-md-offset1 layui-col-md8">
  32. <label class="layui-form-label">邮箱</label>
  33. <div class="layui-input-block">
  34. <input type="text" name="email" lay-verify="email|check_email" placeholder="请输入邮箱" class="layui-input ">
  35. </div>
  36. </div>
  37. <div class="layui-form-item layui-col-md-offset1 layui-col-md8">
  38. <label class="layui-form-label">公司</label>
  39. <div class="layui-input-block">
  40. <input type="text" name="company" lay-verify="required" placeholder="请输入公司" class="layui-input ">
  41. </div>
  42. </div>
  43. <!-- <div class="layui-form-item layui-col-md-offset1 layui-col-md8">-->
  44. <!-- <label class="layui-form-label">建档人数</label>-->
  45. <!-- <div class="layui-input-block">-->
  46. <!-- <input type="text" name="people" lay-verify="required" placeholder="请输入建档人数" class="layui-input ">-->
  47. <!-- </div>-->
  48. <!-- </div>-->
  49. <!-- <div class="layui-form-item layui-col-md-offset1 layui-col-md8">-->
  50. <!-- <label class="layui-form-label">国家</label>-->
  51. <!-- <div class="layui-input-block">-->
  52. <!-- <input type="text" name="country" lay-verify="required" placeholder="请输入国家" class="layui-input ">-->
  53. <!-- </div>-->
  54. <!-- </div>-->
  55. <div class="layui-form-item layui-col-md-offset1 layui-col-md8">
  56. <label class="layui-form-label">国家</label>
  57. <div class="layui-input-block">
  58. <select name="country" lay-verify="required" lay-search="">
  59. {foreach name="countries" item="vo"}
  60. <option value="{$vo.id}">{$vo.country}</option>
  61. {/foreach}
  62. {/if}
  63. </select>
  64. </div>
  65. </div>
  66. <div class="layui-form-item layui-col-md-offset1 layui-col-md8">
  67. <label class="layui-form-label">网站 </label>
  68. <div class="layui-input-block">
  69. <input type="text" name="website" lay-verify="required" class="layui-input ">
  70. <p style="color: red;font-size: 8px">多个网站请用#号字符分开</p>
  71. </div>
  72. </div>
  73. <div class="layui-form-item layui-col-md-offset1 layui-col-md8">
  74. <label class="layui-form-label">电话</label>
  75. <div class="layui-input-block">
  76. <input type="text" name="phone" placeholder="请输入电话" class="layui-input ">
  77. </div>
  78. </div>
  79. <div class="layui-form-item layui-col-md-offset1 layui-col-md8">
  80. <label class="layui-form-label">行业</label>
  81. <div class="layui-input-block">
  82. {foreach name="type" item="vo"}
  83. <input type="checkbox" name="type[]" lay-filter="like" title="{$vo.name}" value="{$vo.id}">
  84. {/foreach}
  85. </div>
  86. </div>
  87. <div class="layui-form-item layui-col-md-offset1 layui-col-md8">
  88. <label class="layui-form-label">主营产品</label>
  89. <div class="layui-input-block">
  90. {foreach name="product" item="vo"}
  91. <input type="checkbox" name="product[]" lay-filter="like" title="{$vo.product_name}" value="{$vo.id}">
  92. {/foreach}
  93. </div>
  94. </div>
  95. <div class="layui-form-item layui-col-md-offset1 layui-col-md8">
  96. <div class="layui-input-block">
  97. <button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="component-form-element">保存
  98. </button>
  99. <button class="layui-btn layui-btn-primary" onclick="wk.layer_close('close')">关闭</ button>
  100. </div>
  101. </div>
  102. </div>
  103. </div>
  104. </div>
  105. </div>
  106. {include file="public/footer" /}
  107. <script type="text/javascript" src="__JS__/plugins/cropper/Crop.js"></script>
  108. <script>
  109. //裁剪后的处理
  110. $("#sureCut").on("click",function () {
  111. if ($("#tailoringImg").attr("src") == null ){
  112. layer.msg('请先选择头像',{anim:6})
  113. }else{
  114. var cas = $('#tailoringImg').cropper('getCroppedCanvas');//获取被裁剪后的canvas
  115. var base64url = cas.toDataURL('image/png'); //转换为base64地址形式
  116. $("#img_data").attr('src',base64url).show();
  117. $('#data_photo').val(base64url);
  118. //关闭裁剪框
  119. layer.closeAll();
  120. }
  121. });
  122. </script>
  123. <script>
  124. layui.use(['form'], function() {
  125. var form = layui.form;
  126. form.verify({
  127. check_email:function(value,item){
  128. var checkResult = "";
  129. $.ajax({
  130. url:"{:url('Customer/checkEmail')}",
  131. type:'post',
  132. data:"email="+value,
  133. async: false,//必须同步
  134. success:function(res){
  135. if(res.code == 100){
  136. checkResult = "该邮箱已存在";
  137. }
  138. }
  139. })
  140. return checkResult;
  141. },
  142. });
  143. form.on('submit(component-form-element)', function (data) {
  144. $('.layui-btn').addClass('layui-disabled').attr('disabled','disabled');
  145. $.ajax({
  146. url:"{:url('add_customer')}",
  147. type:'post',
  148. dataType:'json',
  149. data:data.field,
  150. success:function(res){
  151. if (res.code == 200) {
  152. wk.success(res.msg,'wk.layer_close()');
  153. } else {
  154. wk.error(res.msg,'$(".layui-btn").removeClass(\'layui-disabled\').removeAttr(\'disabled\')');
  155. }
  156. }
  157. })
  158. });
  159. });
  160. </script>
  161. </body>
  162. </html>