approval.html 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461
  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. </style>
  25. </head>
  26. <body layout:fragment="content">
  27. <article class="page-container">
  28. <div class="row cl">
  29. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>企业信息</label>
  30. </div>
  31. <form class="form form-horizontal" id="form-information-approval">
  32. <!-- 企业信息----------------------------------------- 开始 -->
  33. <div class="row cl">
  34. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>基本信息</label>
  35. </div>
  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" th:value="${company.no}" th:id="no" th:name="no"
  40. disabled="disabled"/>
  41. </div>
  42. </div>-->
  43. <div class="row cl">
  44. <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>企业名称:</label>
  45. <div class="formControls col-xs-8 col-sm-3">
  46. <input type="text" class="input-text" th:value="${company.company_name}" th:id="company_name"
  47. th:name="company_name" disabled="disabled"/>
  48. </div>
  49. </div>
  50. <div class="row cl">
  51. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>用户名:</label>
  52. <div class="formControls col-xs-8 col-sm-3">
  53. <input type="text" class="input-text" th:value="${user.nick_name}" th:id="user.nick_name"
  54. th:name="user.nick_name" disabled="disabled"/>
  55. </div>
  56. </div>
  57. <div class="row cl">
  58. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>姓名:</label>
  59. <div class="formControls col-xs-8 col-sm-3">
  60. <input type="text" class="input-text" th:value="${user.user_name}" th:id="user.user_name"
  61. th:name="user.user_name" disabled="disabled"/>
  62. </div>
  63. </div>
  64. <div class="row cl">
  65. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>手机号:</label>
  66. <div class="formControls col-xs-8 col-sm-3">
  67. <input type="text" class="input-text" th:value="${user.phone}" th:id="user.phone" th:name="user.phone"
  68. disabled="disabled"/>
  69. </div>
  70. </div>
  71. <div class="row cl">
  72. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>拓展信息</label>
  73. </div>
  74. <input type="hidden" th:name="id" th:id="companyId" th:value="${company.id}"/>
  75. <div class="row cl">
  76. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>组织机构代码:</label>
  77. <div class="formControls col-xs-8 col-sm-3">
  78. <input type="text" class="input-text" th:value="${company.organization_code}" th:id="organization_code"
  79. th:name="organization_code" disabled="disabled"/>
  80. </div>
  81. </div>
  82. <div class="row cl">
  83. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>统一社会信用代码:</label>
  84. <div class="formControls col-xs-8 col-sm-3">
  85. <input type="text" class="input-text" th:value="${company.uscc}" th:id="uscc" th:name="uscc"
  86. disabled="disabled"/>
  87. </div>
  88. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>企业编号:</label>
  89. <div class="formControls col-xs-8 col-sm-3">
  90. <input type="text" class="input-text" th:value="${company.no}" th:id="no" th:name="no"
  91. disabled="disabled"/>
  92. </div>
  93. </div>
  94. <div class="row cl">
  95. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>所属行业:</label>
  96. <div class="formControls col-xs-8 col-sm-3">
  97. <input type="text" class="input-text" th:value="${company.industry_code}" th:id="industry_code"
  98. th:name="industry_code" disabled="disabled"/>
  99. </div>
  100. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>法定代表人:</label>
  101. <div class="formControls col-xs-8 col-sm-3">
  102. <input type="text" class="input-text" th:value="${company.legal_representative}"
  103. th:id="legal_representative" th:name="legal_representative" disabled="disabled"/>
  104. </div>
  105. </div>
  106. <div class="row cl">
  107. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>是否经营:</label>
  108. <div class="formControls col-xs-8 col-sm-3">
  109. <label>
  110. <input name="is_product" type="radio" value="true" th:checked="${company.is_product==true}"
  111. disabled="disabled">
  112. 是</label>
  113. <label>
  114. <input type="radio" name="is_product" th:checked="${company.is_product==false}" value="false"
  115. disabled="disabled">
  116. 否</label>
  117. </div>
  118. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>企业性质:</label>
  119. <div class="formControls col-xs-8 col-sm-3">
  120. <span class="select-box">
  121. <select class="select" th:name="type" disabled="disabled">
  122. <option value="-1">--请选择--</option>
  123. <option value="" th:selected="${company.type==item.id}" th:each="item : ${companyTypeList}"
  124. th:value="${item.id}" th:text="${item.name}">
  125. </option>
  126. </select>
  127. </span>
  128. </div>
  129. </div>
  130. <div class="row cl">
  131. <label class="form-label col-xs-4 col-sm-2"><span>经营范围:</span></label>
  132. <div class="formControls col-xs-8 col-sm-8">
  133. <input type="text" class="input-text" th:id="business" th:name="business" th:value="${company.business}"
  134. disabled="disabled"/>
  135. </div>
  136. </div>
  137. <div class="row cl">
  138. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>注册资本:</label>
  139. <div class="formControls col-xs-6 col-sm-2" style="margin-top:5px;">
  140. <input type="hidden" name="currency_unit" id="currency_unit"/>
  141. <select id="currency" style="width:100%" onchange="" disabled="disabled">
  142. <option value="-1">--请选择货币单位--</option>
  143. <option th:selected="${company.currency_unit==item.id}" th:each="item : ${itemList}"
  144. th:value="${item.id}" th:text="${item.name}"/>
  145. </select>
  146. </div>
  147. <div class="formControls col-xs-8 col-sm-3">
  148. <div class="row">
  149. <input type="text" class="input-text-xx col-xs-8 col-sm-8" th:id="registration_capital"
  150. th:name="registration_capital" th:value="${company.registration_capital}"
  151. disabled="disabled"/>
  152. <span class="col-xs-4 col-sm-3">(万元)</span>
  153. </div>
  154. </div>
  155. </div>
  156. <div class="row cl">
  157. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>注册时间:</label>
  158. <div class="formControls col-xs-8 col-sm-3">
  159. <input type="text" class="input-text" th:id="establishment_date" th:name="establishment_date"
  160. th:value="${company.establishment_date}" disabled="disabled"/>
  161. </div>
  162. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>员工数:</label>
  163. <div class="formControls col-xs-8 col-sm-3">
  164. <input type="text" class="input-text" th:id="staff_number" th:name="staff_number"
  165. th:value="${company.staff_number}" disabled="disabled"/>
  166. </div>
  167. </div>
  168. <!-- <div class="row cl">
  169. <input type="hidden" name="street_id" id="street_id"/>
  170. <input type="hidden" name="street_name" id="street_name"/>
  171. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>街道:</label>
  172. <div class="formControls col-xs-8 col-sm-3">
  173. <select id="Street" style="width: 200px" onchange="getStreet_ids1()" disabled="disabled">
  174. <option value="-1">&#45;&#45;请选择&#45;&#45;</option>
  175. <option th:selected="${company.street_id==item.id}" th:each="item : ${streetList}"
  176. th:value="${item.id}" th:text="${item.name}">
  177. </option>
  178. </select>
  179. </div>
  180. <input type="hidden" name="build_id" id="build_id"/>
  181. <input type="hidden" name="build_name" id="build_name"/>
  182. <label class="form-label col-xs-4 col-sm-2"><span>园区:</span></label>
  183. <dd class="pushBuildsList">
  184. <div class="formControls col-xs-8 col-sm-3">
  185. <select id="Builds" style="width: 200px" onchange="getBuild_ids1()" disabled="disabled">
  186. <option value="-1">&#45;&#45;请选择&#45;&#45;</option>
  187. <option th:selected="${company.build_id==item.id}" th:each="item : ${buildInfo}"
  188. th:value="${item.id}" th:text="${item.name}">
  189. </option>
  190. </select>
  191. </div>
  192. <dd/>
  193. </div>
  194. <div class="row cl">
  195. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>管理部门:</label>
  196. <div class="formControls col-xs-8 col-sm-3">
  197. <input type="text" class="input-text" th:id="relation_name" th:name="relation_name"
  198. th:value="${company.relation_name}" disabled="disabled"/>
  199. </div>
  200. </div>-->
  201. <div class="row cl">
  202. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>地址:</label>
  203. <div class="formControls col-xs-8 col-sm-8">
  204. <input type="text" class="input-text" th:id="location" th:name="location" th:value="${company.location}"
  205. disabled="disabled"/>
  206. </div>
  207. </div>
  208. <div class="row cl">
  209. <label class="form-label col-xs-4 col-sm-2"><span>相关证件:</span></label>
  210. <div class="formControls col-xs-8 col-sm-8">
  211. <table class="table table-border table-bordered table-bg table-hover">
  212. <thead>
  213. <tr class="text-c">
  214. <th>文件名</th>
  215. <th>附件</th>
  216. </tr>
  217. </thead>
  218. <tbody>
  219. <tr class="text-c" th:each="m,iterStat:${companyMaterial}">
  220. <td th:text="${m.file_name}" th:title="${m.file_name}"></td>
  221. <td th:title="${m.fileDown.file_name}"><a th:href="${fileUrl} + ${m.fileDown.file_url}" target="_blank">[[${m.fileDown.file_name}]]</a></td>
  222. </tr>
  223. </tbody>
  224. </table>
  225. </div>
  226. </div>
  227. <div class="row cl">
  228. <label class="form-label col-xs-4 col-sm-2"><span>其他联系人信息:</span></label>
  229. <div class="formControls col-xs-8 col-sm-8">
  230. <table class="table table-border table-bordered table-bg table-hover">
  231. <thead>
  232. <tr class="text-c">
  233. <th>联系人</th>
  234. <th>联系电话</th>
  235. <th>邮箱</th>
  236. </tr>
  237. </thead>
  238. <tbody>
  239. <tr class="text-c" th:each="m,iterStat:${companyContract}">
  240. <td th:text="${m.contact}" th:title="${m.contact}"></td>
  241. <td th:text="${m.phone}" th:title="${m.phone}"></td>
  242. <td th:text="${m.email}" th:title="${m.email}"></td>
  243. </tr>
  244. </tbody>
  245. </table>
  246. </div>
  247. </div>
  248. <!-- 企业信息 ------------------------------------------- 结束 -->
  249. <!--<div class="row cl">
  250. <label class="form-label col-xs-4 col-sm-2 mt_10"><span class="c-red">*</span>联系人:</label>
  251. <div class="formControls col-xs-8 col-sm-3">
  252. <div class="add_contact mt_10" th:unless="${#lists.isEmpty(company.companyContacts)}" th:each="companyContact,iterStat:${company.companyContacts}" th:object="${companyContact}">
  253. <input type="text" disabled="disabled" required minlength="1" th:value="*{contact}" maxlength="45" class="width_200 input-text contact" placeholder="请输入联系人" th:name="'companyContacts['+${iterStat.index}+'].contact'"/>
  254. <input type="text" disabled="disabled" required isTel="true" th:value="*{phone}" class="ml_50 width_200 input-text phone" placeholder="请输入联系电话" th:name="'companyContacts['+${iterStat.index}+'].phone'"/>
  255. <span th:if="${iterStat.first}" class="ml_50 icon_font"><i class="Hui-iconfont hand" onclick="addContact()"></i></span>
  256. <span th:unless="${iterStat.first}" class="ml_50 icon_font"><i class="Hui-iconfont hand" onclick="removeLine(this)"></i></span>
  257. </div>
  258. <div class="add_contact mt_10" th:if="${#lists.isEmpty(company.companyContacts)}">
  259. <input type="text" required minlength="1" maxlength="45" class="width_200 input-text contact" placeholder="请输入联系人" th:name="companyContacts[0].contact"/>
  260. <input type="text" required isTel="true" class="ml_50 width_200 input-text phone" placeholder="请输入联系电话" th:name="companyContacts[0].phone"/>
  261. <input type="text" required class="ml_50 width_200 input-text email" placeholder="请输入联系电话" th:name="companyContacts[0].email"/>
  262. <span class="ml_50 icon_font"><i class="Hui-iconfont hand" onclick="addContact()">&#xe600;</i></span>
  263. </div>
  264. </div>
  265. </div>-->
  266. <input id="type" name="type" hidden="hidden">
  267. <!-- 联系人信息 ------------------------------------------- 结束 -->
  268. <!-- 有效证件信息 ------------------------------------------- 结束 -->
  269. <div class="line">流程信息</div>
  270. <div class="row cl">
  271. <div class="col-xs-8 col-sm-9 col-xs-offset-2 col-sm-offset-1">
  272. <table class="table table-border table-bordered table-bg table-hover processTb">
  273. <thead>
  274. <tr class="text-c">
  275. <th>时间</th>
  276. <th>审核状态</th>
  277. <th>部门</th>
  278. <th>操作人</th>
  279. <th>操作</th>
  280. <th hidden="hidden">材料</th>
  281. <th>审核意见</th>
  282. </tr>
  283. </thead>
  284. <tbody>
  285. <tr class="text-c" th:each="model,iterStat:${approvalList}" th:object="${model}">
  286. <td th:text="*{create_time}"></td>
  287. <td th:text="*{before_approvalstatus_str}"></td>
  288. <td th:text="*{department}"></td>
  289. <td th:text="*{create_name}"></td>
  290. <td th:text="*{oper_type}"></td>
  291. <td class="td_material" hidden="hidden">
  292. <div th:if="*{fileDowns}">
  293. <a th:each="filedown,iterStat:*{fileDowns}" th:object="${filedown}"
  294. th:href="${fileUrl} + *{file_url}" target="_blank" style="color: #5b98dd;">[[*{file_name}]]<br/></a>
  295. </div>
  296. </td>
  297. <td th:text="*{approval_comment}"></td>
  298. </tr>
  299. </tbody>
  300. </table>
  301. </div>
  302. </div>
  303. <div class="line">审核意见</div>
  304. <div class="row cl">
  305. <div class="col-xs-8 col-sm-9 col-xs-offset-2 col-sm-offset-1">
  306. <textarea class="textarea" id="approval_comment" name="approval_comment" placeholder="审核意见"></textarea>
  307. </div>
  308. </div>
  309. <div class="row cl">
  310. <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
  311. <a onclick="approval(1);" class="btn btn-default radius" type="button">&nbsp;&nbsp;通过&nbsp;&nbsp;
  312. </a>
  313. <a onclick="approval(0);" class="btn btn-default radius" type="button">&nbsp;&nbsp;退回&nbsp;&nbsp;
  314. </a>
  315. <a onclick="removeIframe();" class="btn btn-default radius" type="button">&nbsp;&nbsp;取消&nbsp;&nbsp;</a>
  316. </div>
  317. </div>
  318. </form>
  319. </article>
  320. <script th:inline="javascript">
  321. /**
  322. * 取消
  323. */
  324. function removeIframe() {
  325. var index = parent.layer.getFrameIndex(window.name);
  326. parent.layer.close(index);
  327. }
  328. laydate.render({
  329. elem: '#establishmentDate' //指定元素
  330. });
  331. function removeLine(obj) {
  332. $(obj).parents(".add_contact").remove();
  333. }
  334. /* function removeLine(obj) {
  335. $(obj).parent().parent().remove();
  336. } */
  337. /*绑定街道id*/
  338. function getStreet_ids1() {
  339. var value = $("#Street").find("option:selected").val();
  340. var text = $("#Street").find("option:selected").text();
  341. $("#street_id").val(value);
  342. $("#street_name").val(text);
  343. getBuilds();
  344. }
  345. /*绑定园区id*/
  346. function getBuild_ids1() {
  347. var value = $("#Builds").find("option:selected").val();
  348. var text = $("#Builds").find("option:selected").text();
  349. $("#build_id").val(value);
  350. $("#build_name").val(text);
  351. }
  352. function getBuilds() {
  353. $.ajax({
  354. url: pagePath + "/company/companyInfoManage/selectBuildByStreetId",
  355. type: "post",
  356. data: {
  357. 'street_id': $("#street_id").val()
  358. },
  359. dataType: "json",
  360. success: function (result) {
  361. if (result.success) {
  362. var buildInfo = result.obj;
  363. bidBuild(buildInfo);
  364. } else {
  365. //errorMessage(result.message);
  366. }
  367. },
  368. error: function () {
  369. errorMessage('系统错误!');
  370. }
  371. });
  372. }
  373. function bidBuild(buildInfo) {
  374. $("#Builds option").remove();
  375. var option = '<option value="-1">' + "--请选择--" + '</option>'
  376. for (var i = 0; i < buildInfo.length; i++) {
  377. option += '<option value="' + buildInfo[i].id + '" name = "' + buildInfo[i].name + '" id = "' + buildInfo[i].id + '" >'
  378. option += buildInfo[i].name
  379. option += '</option>'
  380. }
  381. $("#Builds").append(option);
  382. }
  383. function approval(type) {
  384. $("#type").val(type);
  385. if (type == 0) {
  386. //退回、不通过审核意见必填
  387. if ($.trim($("#approval_comment").val()) == "") {
  388. errorMessage('请填写审核意见!');
  389. return false;
  390. }
  391. }
  392. $("#form-information-approval").submit();
  393. }
  394. $(function () {
  395. $("#form-information-approval").validate({
  396. rules: {},
  397. messages: {},
  398. onkeyup: false,
  399. focusCleanup: true,
  400. success: "valid",
  401. submitHandler: function (form) {
  402. // $(form).find(":submit").attr("disabled", true);
  403. $(form).ajaxSubmit({
  404. type: 'post',
  405. url: pagePath + "/register/submit",
  406. dataType: "json",
  407. success: function (data) {
  408. if (data.success) {
  409. succeedMessage(data.message);
  410. setTimeClose();
  411. } else {
  412. // $(form).find(":submit").attr("disabled", false);
  413. errorMessage(data.message);
  414. }
  415. },
  416. error: function () {
  417. errorMessage('系统错误!');
  418. }
  419. });
  420. return false; // 非常重要,如果是false,则表明是不跳转,在本页上处理,也就是ajax,如果是非false,则传统的form跳转。
  421. }
  422. });
  423. });
  424. </script>
  425. </body>
  426. </html>