company_edit.html 7.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145
  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-edit">
  22. <input type="hidden" th:name="id" th:id="companyId" th:value="${company.id}"/>
  23. <div class="row cl">
  24. <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>客户类型:</label>
  25. <div class="formControls col-xs-8 col-sm-9">
  26. <label>
  27. <input name="nature" type="radio" value="1" th:checked="${company.nature==1}">
  28. 企业</label>
  29. <label>
  30. <input type="radio" name="nature" th:checked="${company.nature==0}" value="0">
  31. 个人</label>
  32. </div>
  33. </div>
  34. <div class="row cl">
  35. <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>客户名称:</label>
  36. <div class="formControls col-xs-8 col-sm-9">
  37. <input type="text" class="input-text" th:value="${company.company_name}" th:id="company_name"
  38. placeholder="请输入单位名称" th:name="company_name"/>
  39. </div>
  40. </div>
  41. <div class="row cl">
  42. <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>客户地址:</label>
  43. <div class="formControls col-xs-8 col-sm-9">
  44. <input type="text" class="input-text" th:value="${company.location}" th:id="location"
  45. placeholder="请输入单位地址" th:name="location"/>
  46. </div>
  47. </div>
  48. <div class="row cl">
  49. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>是否经营:</label>
  50. <div class="formControls col-xs-8 col-sm-9">
  51. <label>
  52. <input name="is_product" type="radio" value="true" th:checked="${company.is_product==true}">
  53. 是</label>
  54. <label>
  55. <input type="radio" name="is_product" th:checked="${company.is_product==false}" value="false">
  56. 否</label>
  57. </div>
  58. </div>
  59. <div class="row cl">
  60. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>企业性质:</label>
  61. <div class="formControls col-xs-8 col-sm-9">
  62. <span class="select-box">
  63. <select class="select" th:name="type_id">
  64. <option value="-1">--请选择--</option>
  65. <option value="" th:selected="${company.type_id==item.id}" th:each="item : ${companyTypeList}"
  66. th:value="${item.id}" th:text="${item.type}">
  67. </option>
  68. </select>
  69. </span>
  70. </div>
  71. </div>
  72. <div class="row cl">
  73. <label class="form-label col-xs-4 col-sm-2 mt_10"><span class="c-red">*</span>联系人:</label>
  74. <div class="formControls col-xs-8 col-sm-9">
  75. <div class="add_contact mt_10" th:unless="${#lists.isEmpty(company.companyContacts)}" th:each="companyContact,iterStat:${company.companyContacts}" th:object="${companyContact}">
  76. <input type="text" required minlength="1" th:value="*{contact}" maxlength="45" class="width_200 input-text contact" placeholder="请输入联系人" th:name="'companyContacts['+${iterStat.index}+'].contact'"/>
  77. <input type="text" required isTel="true" th:value="*{phone}" class="ml_50 width_200 input-text phone" placeholder="请输入联系电话" th:name="'companyContacts['+${iterStat.index}+'].phone'"/>
  78. <span th:if="${iterStat.first}" class="ml_50 icon_font"><i class="Hui-iconfont hand" onclick="addContact()">&#xe600;</i></span>
  79. <span th:unless="${iterStat.first}" class="ml_50 icon_font"><i class="Hui-iconfont hand" onclick="removeLine(this)">&#xe6a1;</i></span>
  80. </div>
  81. <div class="add_contact mt_10" th:if="${#lists.isEmpty(company.companyContacts)}">
  82. <input type="text" required minlength="1" maxlength="45" class="width_200 input-text contact" placeholder="请输入联系人" th:name="companyContacts[0].contact"/>
  83. <input type="text" required isTel="true" class="ml_50 width_200 input-text phone" placeholder="请输入联系电话" th:name="companyContacts[0].phone"/>
  84. <span class="ml_50 icon_font"><i class="Hui-iconfont hand" onclick="addContact()">&#xe600;</i></span>
  85. </div>
  86. </div>
  87. </div>
  88. <div class="row cl">
  89. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>经营范围:</label>
  90. <div class="formControls col-xs-8 col-sm-9">
  91. <textarea class="textarea" th:value="${company.business}" placeholder="请输入经营范围" id="business"
  92. th:name="business">[[${company.business}]]</textarea>
  93. <!--<input type="text" class="input-text" value="" th:value="${company.business}" placeholder="请输入经营范围" th:name="business"/>-->
  94. </div>
  95. </div>
  96. <div class="row cl">
  97. <label class="form-label col-xs-4 col-sm-2"><span>备注:</span></label>
  98. <div class="formControls col-xs-8 col-sm-9">
  99. <textarea class="textarea" th:value="${company.remark}"
  100. th:name="remark">[[${company.remark}]]</textarea>
  101. </div>
  102. </div>
  103. <div class="row cl">
  104. <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
  105. <button class="btn btn-primary radius" type="submit"><i class="Hui-iconfont">&#xe632;</i> 保存</button>
  106. <button onClick="removeIframe();" class="btn btn-default radius" type="button">&nbsp;&nbsp;取消&nbsp;&nbsp;</button>
  107. </div>
  108. </div>
  109. </form>
  110. </article>
  111. <script type="text/javascript" th:src="@{/js/build/company/company_edit.js}"></script>
  112. <script th:inline="javascript">
  113. /**
  114. * 取消
  115. */
  116. function removeIframe() {
  117. var index = parent.layer.getFrameIndex(window.name);
  118. parent.layer.close(index);
  119. }
  120. function addContact() {
  121. var length = $(".add_contact").length;
  122. var html = "<i class='Hui-iconfont' onclick='removeLine(this)'>&#xe6a1;</i>";
  123. $(".add_contact:eq(0)").clone().insertAfter($('.add_contact').eq(-1))
  124. .find(".phone").removeAttr("name").attr("name", "companyContacts[" + length + "].phone").val("").end()
  125. .find(".contact").removeAttr("name").attr("name", "companyContacts[" + length + "].contact").val("").end()
  126. .find(".icon_font").html(html).end();
  127. }
  128. function removeLine(obj) {
  129. $(obj).parents(".add_contact").remove();
  130. }
  131. </script>
  132. </body>
  133. </html>