company_add.html 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  1. <!DOCTYPE HTML>
  2. <html xmlns:th="http://www.thymeleaf.org"
  3. xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
  4. layout:decorate="~{admin/common/common}">
  5. <head>
  6. <title>新增</title>
  7. </head>
  8. <body layout:fragment="content">
  9. <style>
  10. .width_200 {
  11. width: 200px;
  12. }
  13. .ml_50 {
  14. margin-left: 50px;
  15. }
  16. .mt_10 {
  17. margin-top: 10px !important;
  18. }
  19. </style>
  20. <article class="page-container">
  21. <form class="form form-horizontal" id="form-content-add">
  22. <div class="row cl">
  23. <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>客户类型:</label>
  24. <div class="formControls col-xs-8 col-sm-9">
  25. <label>
  26. <input name="nature" checked type="radio" value="1">
  27. 企业</label>
  28. <label>
  29. <input type="radio" name="nature" value="0">
  30. 个人</label>
  31. </div>
  32. </div>
  33. <div class="row cl">
  34. <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>客户名称:</label>
  35. <div class="formControls col-xs-8 col-sm-9">
  36. <input type="text" class="input-text" value="" placeholder="请输入单位名称" th:id="company_name"
  37. th:name="company_name"/>
  38. </div>
  39. </div>
  40. <div class="row cl">
  41. <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>客户地址:</label>
  42. <div class="formControls col-xs-8 col-sm-9">
  43. <input type="text" class="input-text" value="" placeholder="请输入单位名称" th:id="location"
  44. th:name="location"/>
  45. </div>
  46. </div>
  47. <div class="row cl">
  48. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>是否经营:</label>
  49. <div class="formControls col-xs-8 col-sm-9">
  50. <label>
  51. <input name="is_product" checked type="radio" value="1">
  52. 是</label>
  53. <label>
  54. <input type="radio" name="is_product" value="0">
  55. 否</label>
  56. </div>
  57. </div>
  58. <div class="row cl">
  59. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>企业性质:</label>
  60. <div class="formControls col-xs-8 col-sm-9">
  61. <span class="select-box">
  62. <select class="select" th:name="type_id">
  63. <option value="">--请选择--</option>
  64. <option value="" th:each="item : ${companyTypeList}" th:value="${item.id}" th:text="${item.type}">
  65. </option>
  66. </select>
  67. </span>
  68. </div>
  69. </div>
  70. <div class="row cl">
  71. <label class="form-label col-xs-4 col-sm-2 mt_10"><span class="c-red">*</span>联系人:</label>
  72. <div class="formControls col-xs-8 col-sm-9">
  73. <div class="add_contact mt_10">
  74. <input type="text" required minlength="1" maxlength="45" class="width_200 input-text contact" placeholder="请输入联系人" th:name="companyContacts[0].contact"/>
  75. <input type="text" required isTel="true" class="ml_50 width_200 input-text phone" placeholder="请输入联系电话" th:name="companyContacts[0].phone"/>
  76. <span class="ml_50 icon_font"><i class="Hui-iconfont hand" onclick="addContact()">&#xe600;</i></span>
  77. </div>
  78. </div>
  79. </div>
  80. <div class="row cl">
  81. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>经营范围:</label>
  82. <div class="formControls col-xs-8 col-sm-9">
  83. <textarea class="textarea" placeholder="请输入经营范围" id="business" th:name="business"></textarea>
  84. </div>
  85. </div>
  86. <div class="row cl">
  87. <label class="form-label col-xs-4 col-sm-2"><span>备注:</span></label>
  88. <div class="formControls col-xs-8 col-sm-9">
  89. <textarea class="textarea" th:name="remark"></textarea>
  90. </div>
  91. </div>
  92. <div class="row cl">
  93. <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
  94. <button class="btn btn-primary radius" type="submit"><i class="Hui-iconfont">&#xe632;</i> 保存</button>
  95. <button onClick="removeIframe();" class="btn btn-default radius" type="button">&nbsp;&nbsp;取消&nbsp;&nbsp;</button>
  96. </div>
  97. </div>
  98. </form>
  99. </article>
  100. <script type="text/javascript" th:src="@{/js/build/company/company_add.js}"></script>
  101. <script th:inline="javascript">
  102. /**
  103. * 取消
  104. */
  105. function removeIframe() {
  106. var index = parent.layer.getFrameIndex(window.name);
  107. parent.layer.close(index);
  108. }
  109. function addContact() {
  110. var length = $(".add_contact").length;
  111. var html = "<i class='Hui-iconfont' onclick='removeLine(this)'>&#xe6a1;</i>";
  112. $(".add_contact:eq(0)").clone().insertAfter($('.add_contact').eq(-1))
  113. .find(".phone").removeAttr("name").attr("name", "companyContacts[" + length + "].phone").val("").end()
  114. .find(".contact").removeAttr("name").attr("name", "companyContacts[" + length + "].contact").val("").end()
  115. .find(".icon_font").html(html).end();
  116. }
  117. function removeLine(obj) {
  118. $(obj).parents(".add_contact").remove();
  119. }
  120. </script>
  121. </body>
  122. </html>