companyInfoManage_add.html 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363
  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. <style>
  8. label.error {
  9. left: 15px;
  10. top: 29px
  11. }
  12. .ke-container {
  13. width: 100% !important;
  14. }
  15. .ke-swfupload-body {
  16. height: 265px
  17. }
  18. .ke-dialog-body {
  19. height: 340px !important;
  20. }
  21. .ke-dialog-default {
  22. height: 410px !important;
  23. }
  24. .form-label {
  25. line-height: 32px;
  26. }
  27. </style>
  28. </head>
  29. <body layout:fragment="content">
  30. <article class="page-container">
  31. <div class="row cl">
  32. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>企业信息</label>
  33. </div>
  34. <form class="form form-horizontal" id="form-information-add">
  35. <!-- 企业信息----------------------------------------- 开始 -->
  36. <div class="row cl">
  37. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>企业编号:</label>
  38. <div class="formControls col-xs-8 col-sm-3">
  39. <input type="text" class="input-text" value="" th:id="no" th:name="no"/>
  40. </div>
  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-3">
  43. <input type="text" class="input-text" required value="" th:id="company_name" th:name="company_name"/>
  44. </div>
  45. </div>
  46. <div class="row cl">
  47. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>统一社会信用代码:</label>
  48. <div class="formControls col-xs-8 col-sm-3">
  49. <input type="text" class="input-text" value="" th:id="uscc" th:name="uscc"/>
  50. </div>
  51. <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>组织机构代码 <i title="组织机构代码是统一社会信用代码的第9-17位" class="Hui-iconfont">&#xe633;</i>:</label>
  52. <div class="formControls col-xs-8 col-sm-3">
  53. <input type="text" class="input-text" value="" th:id="organization_code" th:name="organization_code"/>
  54. </div>
  55. </div>
  56. <div class="row cl">
  57. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>所属行业:</label>
  58. <div class="formControls col-xs-8 col-sm-3">
  59. <span class="select-box">
  60. <select class="select" th:name="industry_code" id="industryTypeList">
  61. <option value="">--请选择--</option>
  62. <option value="" th:each="item : ${industryTypeList}" th:value="${item.value}"
  63. th:text="${item.name}">
  64. </option>
  65. </select>
  66. </span>
  67. </div>
  68. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>法定代表人:</label>
  69. <div class="formControls col-xs-8 col-sm-3">
  70. <input type="text" class="input-text" value="" th:id="legal_representative"
  71. th:name="legal_representative"/>
  72. </div>
  73. </div>
  74. <div class="row cl" id="industry" hidden>
  75. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>其它行业:</label>
  76. <div class="formControls col-xs-8 col-sm-3">
  77. <input type="text" class="input-text" value="" th:id="industry_name" th:name="industry_name"
  78. placeholder="请输入所属行业"/>
  79. </div>
  80. </div>
  81. <div class="row cl">
  82. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>是否经营:</label>
  83. <div class="formControls col-xs-8 col-sm-3">
  84. <label>
  85. <input name="is_product" checked type="radio" value="true">
  86. 是</label>
  87. <label>
  88. <input type="radio" name="is_product" value="false">
  89. 否</label>
  90. </div>
  91. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>企业性质:</label>
  92. <div class="formControls col-xs-8 col-sm-3">
  93. <span class="select-box">
  94. <select class="select" th:name="type">
  95. <option value="">--请选择--</option>
  96. <option value="" th:each="item : ${companyTypeList}" th:value="${item.id}" th:text="${item.name}">
  97. </option>
  98. </select>
  99. </span>
  100. </div>
  101. </div>
  102. <div class="row cl">
  103. <label class="form-label col-xs-4 col-sm-2"><span>经营范围:</span></label>
  104. <div class="formControls col-xs-8 col-sm-8">
  105. <input type="text" class="input-text" th:id="business" th:name="business"/>
  106. </div>
  107. </div>
  108. <div class="row cl">
  109. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>注册资本:</label>
  110. <div class="formControls col-xs-6 col-sm-2" style="padding-right: 0;">
  111. <input type="hidden" name="currency_unit" id="currency_unit"/>
  112. <span class="select-box">
  113. <select id="currency" class="select" onchange="bindCurrency()">
  114. <option value="">--请选择货币单位--</option>
  115. <option th:each="item : ${itemList}" th:value="${item.id}" th:text="${item.name}"/>
  116. </select>
  117. </span>
  118. </div>
  119. <div class="formControls col-xs-8 col-sm-3">
  120. <input type="text" class="input-text" th:id="registration_capital" th:name="registration_capital"/>
  121. </div>
  122. <div class="col-xs-2 col-sm-3">(万元)</div>
  123. </div>
  124. <div class="row cl">
  125. <label class="form-label col-xs-2 col-sm-2"><span class="c-red"></span>注册时间:</label>
  126. <div class="formControls col-xs-10 col-sm-3">
  127. <input type="text" class="input-text" th:id="establishment_date" th:name="establishment_date"/>
  128. </div>
  129. </div>
  130. <div class="row cl">
  131. <input type="hidden" name="street_id" id="street_id"/>
  132. <!-- <input type="hidden" name="street_name" id="street_name"/> -->
  133. <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>工商注册属地:</label>
  134. <div class="formControls col-xs-8 col-sm-3">
  135. <span class="select-box">
  136. <select class="select" required id="Street" onchange="getStreet_ids1()">
  137. <option value="">--请选择--</option>
  138. <!--<option th:each="item : ${streetList}" th:value="${item.id}" th:text="${item.name}"/>-->
  139. </select>
  140. </span>
  141. </div>
  142. <input type="hidden" name="build_id" id="build_id"/>
  143. <!-- <input type="hidden" name="build_name" id="build_name"/> -->
  144. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>所属园区:</label>
  145. <dd class="pushBuildsList">
  146. <div class="formControls col-xs-8 col-sm-3">
  147. <span class="select-box">
  148. <select class="select" id="Builds" onchange="getBuild_ids1()">
  149. <option value="">--请选择--</option>
  150. </select>
  151. </span>
  152. </div>
  153. <dd/>
  154. <!-- <span class="l">
  155. <a href="javascript:;" th:onclick="'javascript:select_Region
  156. (\'所在区域\',\'/company/companyInfoManage/selectRegion\',\'600\',\'300\');'"
  157. class="btn btn-primary radius"><i class="Hui-iconfont">&#xe600;</i> 选择</a>
  158. </span> -->
  159. </div>
  160. <div class="row cl">
  161. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>管理部门:</label>
  162. <div class="formControls col-xs-8 col-sm-3">
  163. <input type="text" class="input-text" th:id="relation_name" th:name="relation_name"/>
  164. </div>
  165. </div>
  166. <div class="row cl">
  167. <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>注册地址:</label>
  168. <div class="formControls col-xs-8 col-sm-8">
  169. <input type="text" class="input-text" th:id="registration_address" th:name="registration_address"
  170. required/>
  171. </div>
  172. </div>
  173. <!-- 企业信息 ------------------------------------------- 结束 -->
  174. <div class="row cl">
  175. <label class="form-label col-xs-4 col-sm-2 mt_10"><span class="c-red">*</span>联系人:</label>
  176. <div class="formControls col-xs-8 col-sm-3">
  177. <div class="add_contact mt_10">
  178. <p><input type="text" required minlength="1" maxlength="45" class="width_200 input-text contact"
  179. placeholder="请输入联系人" th:name="companyContacts[0].contact"/></p>
  180. <p><input type="text" required isTel="true" class="ml_50 width_200 input-text phone"
  181. placeholder="请输入联系人电话" th:name="companyContacts[0].phone"/></p>
  182. <p><input type="text" class="ml_50 width_200 input-text email" placeholder="请输入联系人邮箱"
  183. th:name="companyContacts[0].email"/></p>
  184. <p><input type="text" class="ml_50 width_200 input-text position" placeholder="请输入联系人职位"
  185. th:name="companyContacts[0].position"/></p>
  186. <span class="ml_50 icon_font"><i class="Hui-iconfont hand"
  187. onclick="addContact()">&#xe600;</i></span>
  188. </div>
  189. </div>
  190. </div>
  191. <!-- 联系人信息 ------------------------------------------- 结束 -->
  192. <!-- <div class="row cl">
  193. <div class="pd-15 col-xs-8 col-sm-12">
  194. <span class="l">
  195. <a href="javascript:;" th:onclick="'javascript:addFiles(\'添加模板文件\',\'/company/companyInfoManage/addFile\',\'600\',\'300\');'" class="btn btn-primary radius">添加模板文件</a>
  196. </span>
  197. </div>
  198. <div class="col-xs-8 col-sm-12">
  199. <table class="table table-border table-bordered table-bg table-hover">
  200. <thead>
  201. <tr class="text-c">
  202. <th>序号</th>
  203. <th>证件名称</th>
  204. <th>附件</th>
  205. <th width="80">操作</th>
  206. </tr>
  207. </thead>
  208. </table>
  209. </div>
  210. </div> -->
  211. <!-- 有效证件信息 ------------------------------------------- 结束 -->
  212. <div class="row cl">
  213. <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
  214. <button class="btn btn-primary radius" type="submit"><i class="Hui-iconfont">&#xe632;</i>新增</button>
  215. <button onClick="removeIframe();" class="btn btn-default radius" type="button">&nbsp;&nbsp;返回&nbsp;&nbsp;</button>
  216. </div>
  217. </div>
  218. </form>
  219. </article>
  220. <script type="text/javascript" th:src="@{/js/company/companyInfoManage/companyInfoManage_add.js}"></script>
  221. <script th:inline="javascript">
  222. var streetList = [[${streetList}]];
  223. var html = '';
  224. html += "<option value=''>--请选择--</option>";
  225. $.each(streetList, function (index, item) {
  226. if(item.is_start){
  227. html += "<option value=" + item.id + ">" + item.name + "</option>";
  228. }else{
  229. html += "<option disabled value=" + item.id + ">" + item.name + "</option>";
  230. }
  231. });
  232. $("#Street").html(html);
  233. /**
  234. * 取消
  235. */
  236. function removeIframe() {
  237. var index = parent.layer.getFrameIndex(window.name);
  238. parent.layer.close(index);
  239. }
  240. $("#industryTypeList").change(function () {
  241. if ($('#industryTypeList option:selected').val() == "Empty") {
  242. $("#industry").show()
  243. } else {
  244. $("#industry").hide()
  245. }
  246. });
  247. laydate.render({
  248. elem: '#establishment_date' //指定元素
  249. });
  250. function removeLine(obj) {
  251. $(obj).parent().parent().remove();
  252. }
  253. function addContact() {
  254. var length = $(".add_contact").length;
  255. var html = "<i class='Hui-iconfont' onclick='removeLine(this)'>&#xe6a1;</i>";
  256. $(".add_contact:eq(0)").clone().insertAfter($('.add_contact').eq(-1))
  257. .find(".phone").removeAttr("name").attr("name", "companyContacts[" + length + "].phone").val("").end()
  258. .find(".contact").removeAttr("name").attr("name", "companyContacts[" + length + "].contact").val("").end()
  259. .find(".email").removeAttr("name").attr("name", "companyContacts[" + length + "].email").val("").end()
  260. .find(".position").removeAttr("name").attr("name", "companyContacts[" + length + "].position").val("").end()
  261. .find(".icon_font").html(html).end();
  262. }
  263. /*绑定街道id*/
  264. function getStreet_ids1() {
  265. var value = $("#Street").find("option:selected").val();
  266. var text = $("#Street").find("option:selected").text();
  267. $("#street_id").val(value);
  268. //$("#street_name").val(text);
  269. console.log($("#street_id").val());
  270. getBuilds();
  271. }
  272. /*绑定园区id*/
  273. function getBuild_ids1() {
  274. var value = $("#Builds").find("option:selected").val();
  275. var text = $("#Builds").find("option:selected").text();
  276. $("#build_id").val(value);
  277. console.log($("#build_id").val());
  278. //$("#build_name").val(text);
  279. }
  280. /*绑定币种单位*/
  281. function bindCurrency() {
  282. var value = $("#currency").find("option:selected").val();
  283. console.log("value = " + value);
  284. var text = $("#currency").find("option:selected").text();
  285. $("#currency_unit").val(value);
  286. }
  287. function getBuilds() {
  288. $.ajax({
  289. url: pagePath + "/company/companyInfoManage/selectBuildByStreetId",
  290. type: "post",
  291. data: {
  292. 'street_id': $("#street_id").val()
  293. },
  294. dataType: "json",
  295. success: function (result) {
  296. if (result.success) {
  297. var buildInfo = result.obj;
  298. bidBuild(buildInfo);
  299. } else {
  300. //errorMessage(result.message);
  301. }
  302. },
  303. error: function () {
  304. errorMessage('系统错误!');
  305. }
  306. });
  307. }
  308. function bidBuild(buildInfo) {
  309. $("#Builds option").remove();
  310. var option = '<option value="-1">' + "--请选择--" + '</option>'
  311. for (var i = 0; i < buildInfo.length; i++) {
  312. if (buildInfo[i].is_start){
  313. option += '<option value="' + buildInfo[i].id + '" name = "' + buildInfo[i].name + '" id = "' + buildInfo[i].id + '" >'
  314. option += buildInfo[i].name
  315. option += '</option>'
  316. }
  317. else {
  318. option += '<option value="' + buildInfo[i].id + '" name = "' + buildInfo[i].name + '" disabled id = "' + buildInfo[i].id + '" >'
  319. option += buildInfo[i].name
  320. option += '</option>'
  321. }
  322. }
  323. $("#Builds").append(option);
  324. }
  325. </script>
  326. </body>
  327. </html>