companyInfoManage_list.html 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392
  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. #form-content-edit {
  9. padding-top: 70px
  10. }
  11. /*.input-text{padding:0px;}*/
  12. .text-c label {
  13. text-align: right;
  14. padding-right: 0;
  15. }
  16. .text-c > div > input {
  17. margin-top: 5px;
  18. display: block;
  19. }
  20. .text-c > label {
  21. margin-top: 5px;
  22. display: block;
  23. }
  24. .cl .l .layui-upload-file {
  25. display: none;
  26. }
  27. .fixedLoading {
  28. position: fixed;
  29. width: 100%;
  30. height: 100%;
  31. left: 0;
  32. top: 0;
  33. z-index: 999;
  34. background: rgba(255, 255, 255, .9);
  35. }
  36. .loading-content {
  37. width: 100px;
  38. height: 100px;
  39. text-align: center;
  40. position: absolute;
  41. left: 50%;
  42. top: 50%;
  43. margin: -50px 0 0 -50px;
  44. }
  45. .loading-content .loading {
  46. height: 50px;
  47. width: 50px;
  48. display: inline-block;
  49. }
  50. </style>
  51. </head>
  52. <body layout:fragment="content">
  53. <nav class="breadcrumb">
  54. <i class="Hui-iconfont">&#xe67f;</i>
  55. 首页
  56. <span class="c-gray en">&gt;</span>企业信息管理<span class="c-gray en"></span>
  57. <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px"
  58. href="javascript:location.replace(location.href);" title="刷新">
  59. <i class="Hui-iconfont">&#xe68f;</i>
  60. </a>
  61. </nav>
  62. <form id="myForm" th:action="@{/company/companyInfoManage/list}" th:method="get">
  63. <div class="page-container">
  64. <div class="text-c">
  65. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>企业名称:</label>
  66. <div class="col-xs-6 col-sm-2">
  67. <input type="text" class="input-text" maxlength="50" placeholder="请输入企业名称查询" id="Kcompany_name"
  68. name="Kcompany_name" th:value="${companyInfoManageDto.Kcompany_name}"/>
  69. </div>
  70. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>统一社会信用代码:</label>
  71. <div class="col-xs-6 col-sm-2">
  72. <input type="text" class="input-text" maxlength="50" placeholder="请输入统一社会信用代码查询" id="Kuscc" name="Kuscc"
  73. th:value="${companyInfoManageDto.Kuscc}"/>
  74. </div>
  75. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>组织机构代码:</label>
  76. <div class="col-xs-6 col-sm-2">
  77. <input type="text" class="input-text" maxlength="50" placeholder="请输入组织机构代码查询" name="Korganization_code"
  78. id="Korganization_code" th:value="${companyInfoManageDto.Korganization_code}"/>
  79. </div>
  80. <!--<label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>行业代码:</label>
  81. <div class="col-xs-6 col-sm-2">
  82. <input type="text" class="input-text" maxlength="50" placeholder="请输入行业代码查询" name="Kindustry_code" id="Kindustry_code" th:value="${companyInfoManageDto.Kindustry_code}" />
  83. </div>-->
  84. <label class="form-label col-xs-4 col-sm-2">注册资金最小金额:</label>
  85. <div class="col-xs-6 col-sm-2">
  86. <input type="text" class="input-text" placeholder="请输入金额"
  87. th:value="${companyInfoManageDto.Kregistration_capital_min}" id="Kregistration_capital_min"
  88. name="Kregistration_capital_min"/>
  89. </div>
  90. <label class="form-label col-xs-4 col-sm-2">注册资金最大金额:</label>
  91. <div class="col-xs-6 col-sm-2">
  92. <input type="text" class="input-text" placeholder="请输入金额"
  93. th:value="${companyInfoManageDto.Kregistration_capital_max}" id="Kregistration_capital_max"
  94. name="Kregistration_capital_max"/>
  95. </div>
  96. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>法人:</label>
  97. <div class="col-xs-6 col-sm-2">
  98. <input type="text" class="input-text" maxlength="50" placeholder="请输入法人查询" name="Klegal_representative"
  99. id="Klegal_representative" th:value="${companyInfoManageDto.Klegal_representative}"/>
  100. </div>
  101. <div th:if="*{userType==0}">
  102. <input type="hidden" name="userType" id="userType" th:value="${companyInfoManageDto.userType}"/>
  103. <label class="form-label col-xs-4 col-sm-2" style="margin-top: 10px;"><span
  104. class="c-red"></span>街道:</label>
  105. <div class="formControls col-xs-6 col-sm-2" style="margin-top:5px;" ;>
  106. <input type="hidden" name="Kstreet_id" id="Kstreet_id" th:value="${companyInfoManageDto.Kstreet_id}"/>
  107. <span class="select-box">
  108. <select id="Streets" class="select" onchange="getStreet_ids1()">
  109. <option value="">--请选择街道--</option>
  110. <option th:each="item : ${streetList}" th:value="${item.id}" th:text="${item.name}"
  111. th:selected="${companyInfoManageDto.Kstreet_id==item.id}"/>
  112. </select>
  113. </span>
  114. </div>
  115. <label class="form-label col-xs-4 col-sm-2" style="margin-top: 10px;"><span
  116. class="c-red"></span>园区:</label>
  117. <div class="formControls col-xs-6 col-sm-2" style="margin-top:5px;">
  118. <input type="hidden" name="Kbuild_id" id="build_id" th:value="${companyInfoManageDto.Kbuild_id}"/>
  119. <span class="select-box">
  120. <select id="Builds" class="select" onchange="getBuild_ids1()">
  121. <option value="">--请选择园区--</option>
  122. <option th:each="item : ${buildInfo}" th:value="${item.id}" th:text="${item.name}"
  123. th:selected="${companyInfoManageDto.Kbuild_id==item.id}"/>
  124. </select>
  125. </span>
  126. </div>
  127. </div>
  128. <button type="submit" class="btn btn-primary" style="float:right;margin-right:15px;margin-top:5px;">
  129. 搜索
  130. </button>
  131. <div style="clear:both;"></div>
  132. </div>
  133. <div class="cl pd-5 bg-1 bk-gray mt-20">
  134. <span class="l">
  135. <a href="javascript:;"
  136. th:onclick="'javascript:infoManage_dialog_add(\'新增企业\',\'/company/companyInfoManage/add\',\'1000\',\'500\');'"
  137. class="btn btn-primary radius"><i class="Hui-iconfont">&#xe600;</i> 新增</a>
  138. <a onClick="infoManage_start('/company/companyInfoManage/startBatch')" class="btn btn-primary radius"><i
  139. class="Hui-iconfont">&#xe605;</i> 启用</a>
  140. <a onClick="infoManage_stop('/company/companyInfoManage/stopBatch')" class="btn btn-default radius"><i
  141. class="Hui-iconfont">&#xe60e;</i> 禁用</a>
  142. <a onclick="report_export();" class="btn btn-primary radius"><i class="Hui-iconfont">&#xe640;</i> 导出Excel</a>
  143. <a id="downloadTemplate" class="btn btn-primary radius"><i
  144. class="Hui-iconfont">&#xe640;</i> 模板下载</a>
  145. <a id="import" class="btn btn-primary radius"><i class="Hui-iconfont">&#xe640;</i> 导入</a>
  146. </span>
  147. <span class="r">共有数据:<strong th:text="${pageInfo.total}" id="total">54</strong> 条</span><!-- -->
  148. </div>
  149. <table class="table table-border table-bordered table-bg table-hover">
  150. <thead>
  151. <tr class="text-c">
  152. <th width="25"><input type="checkbox" name="" value=""/></th>
  153. <th>序号</th>
  154. <th>企业编号</th>
  155. <th>企业名称</th>
  156. <th>统一社会信用代码</th>
  157. <th>组织机构代码</th>
  158. <th>所属行业</th>
  159. <th>法人</th>
  160. <th>街道</th>
  161. <th>园区</th>
  162. <th>管理部门</th>
  163. <th>注册资本</th>
  164. <th>状态</th>
  165. <th>操作</th>
  166. </tr>
  167. </thead>
  168. <tbody>
  169. <tr class="text-c" th:each="model,iterStat:${pageInfo.list}" th:object="${model}">
  170. <td><input type="checkbox" th:value="*{id}" th:id="${iterStat.index+1}" name="id"/></td>
  171. <td th:text="${iterStat.index+1}"></td>
  172. <td th:text="*{no}"></td>
  173. <td th:text="*{company_name}"></td>
  174. <td th:text="*{uscc}"></td>
  175. <td th:text="*{organization_code}"></td>
  176. <td th:text="*{industry_code}"></td>
  177. <td th:text="*{legal_representative}"></td>
  178. <td th:text="*{street_name}"></td>
  179. <td th:text="*{build_name}"></td>
  180. <td th:text="*{relation_name}"></td>
  181. <td th:text="*{registration_capital}"></td>
  182. <td class="td-status">
  183. <span class="label radius" th:unless="*{is_start}">禁用</span>
  184. <span class="label radius label-success" th:if="*{is_start}">启用</span>
  185. </td>
  186. <td class="td-manage">
  187. <a title="编辑" href="javascript:;"
  188. th:onclick="'javascript:infoManage_dialog_edit(\'编辑企业\',\'/company/companyInfoManage/edit/'+*{id}+'\');'"
  189. class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">编辑</i></a>
  190. <a title="详情" href="javascript:;"
  191. th:onclick="'javascript:infoManage_dialog_check(\'企业详情\',\'/company/companyInfoManage/check/'+*{id}+'\');'"
  192. class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">详情</i></a>
  193. <a title="删除" href="javascript:;"
  194. th:onclick="'javascript:infoManage_dialog_del(this, \'/company/companyInfoManage/delInfo/'+*{id}+'\');'"
  195. class="ml-5" style="text-decoration:none">删除</a>
  196. </td>
  197. </tr><!-- onclick="infoManage_dialog_del(this,'1')" -->
  198. </tbody>
  199. </table>
  200. <div th:replace="admin/common/page :: page"></div>
  201. </div>
  202. </form>
  203. <div class="fixedLoading" style="display: none;">
  204. <div class="loading-content">
  205. <span class="loading"></span>
  206. <p>导入中</p>
  207. </div>
  208. </div>
  209. <script type="text/javascript" th:src="@{/js/common/page.js}"></script>
  210. <script type="text/javascript" th:src="@{/js/company/companyInfoManage/companyInfoManage_list.js}"></script>
  211. <script type="text/javascript" th:src="@{/js/company/companyInfoManage/layui.all.js}"></script>
  212. <script th:inline="javascript">
  213. $(function () {
  214. /*导入excel*/
  215. layui.use('upload', function () {
  216. var $ = layui.jquery
  217. , upload = layui.upload;
  218. //批量导入
  219. upload.render({
  220. elem: '#import'
  221. , url: pagePath + "/company/companyInfoManage/importCompanyInfo"
  222. , auto: true
  223. //data:{"fileUpload":"File"}
  224. , method: 'post'//上传接口的HTTP类型
  225. , field: 'file'
  226. //,multiple: true
  227. // ,bindAction: '#test9'
  228. , accept: 'file' //允许上传的文件类型
  229. , exts: 'xlsx'//允许上传文件的后缀
  230. //,size: 50 //最大允许上传的文件大小
  231. , before: function (obj) { //obj参数包含的信息,跟 choose回调完全一致,可参见上文。
  232. layer.load(); //上传loading
  233. //$(".fixedLoading").show();
  234. },
  235. done: function (res, index, upload) {
  236. if (res.success) {
  237. succeedMessage(res.message);
  238. setTime();
  239. } else {
  240. errorMessage(res.message);
  241. setTime();
  242. }
  243. //$(".fixedLoading").hide();
  244. }
  245. , error: function (res, index, upload) {
  246. //请求异常回调
  247. console.log(res)
  248. }
  249. });
  250. });
  251. //getDownloadUrl();
  252. });
  253. getDownloadUrl();
  254. //模板下载
  255. function getDownloadUrl() {
  256. //获取下载模板地址
  257. //var downloadUrl = /*[[@{/file/download}]]*/'';
  258. var url = pagePath + "/company/companyInfoManage/getTemplate";
  259. $.ajax({
  260. url: url,
  261. type: "get",
  262. data: {
  263. timestamp: new Date()
  264. },
  265. dataType: "json",
  266. success: function (result) {
  267. if (result.success) {
  268. var attachFile = result.obj.attachment;
  269. var fileUrl = result.obj.fileUrl;
  270. //console.log("fileUrl = " + fileUrl);
  271. //attach = result.obj.attachment;
  272. //console.log("attachFile = " + attachFile.business_id);
  273. if (attachFile) {
  274. var downloadParam = attachFile.file_url;
  275. //console.log("downloadParam = " + downloadParam);
  276. //$('#downloadTemplate').attr("bdata",JSON.stringify(attachFile));
  277. var url = encodeURI(fileUrl + downloadParam );
  278. $('#downloadTemplate').attr("href", url);
  279. }
  280. } else {
  281. errorMessage(result.message);
  282. }
  283. },
  284. error: function (result) {
  285. }
  286. });
  287. }
  288. var buildInfo = [[${buildInfo}]] == null ? [] : [[${buildInfo}]];
  289. /*绑定街道id*/
  290. function getStreet_ids1() {
  291. var value = $("#Streets").find("option:selected").val();
  292. var text = $("#Streets").find("option:selected").text();
  293. $("#Kstreet_id").val(value);
  294. console.log("Kstreet_id = " + $("#Kstreet_id").val());
  295. getBuilds();
  296. }
  297. function getBuilds() {
  298. $.ajax({
  299. url: pagePath + "/company/companyInfoManage/selectBuildByStreetId",
  300. type: "post",
  301. data: {
  302. 'street_id': $("#Kstreet_id").val()
  303. },
  304. dataType: "json",
  305. success: function (result) {
  306. if (result.success) {
  307. var buildInfo = result.obj;
  308. bidBuild(buildInfo);
  309. } else {
  310. //errorMessage(result.message);
  311. }
  312. },
  313. error: function () {
  314. errorMessage('系统错误!');
  315. }
  316. });
  317. }
  318. function bidBuild(buildInfo) {
  319. $("#Builds option").remove();
  320. var option = '<option value="-1">' + "--请选择园区--" + '</option>'
  321. for (var i = 0; i < buildInfo.length; i++) {
  322. option += '<option value="' + buildInfo[i].id + '" name = "' + buildInfo[i].name + '" id = "' + buildInfo[i].id + '" >'
  323. option += buildInfo[i].name
  324. option += '</option>'
  325. }
  326. $("#Builds").append(option);
  327. }
  328. /*绑定园区id*/
  329. function getBuild_ids1() {
  330. var value = $("#Builds").find("option:selected").val();
  331. console.log("value = " + value);
  332. var text = $("#Builds").find("option:selected").text();
  333. $("#build_id").val(value);
  334. }
  335. /* $("#import").on("click", function () {
  336. $(".fixedLoading").show();
  337. }); */
  338. /*导出至execl*/
  339. function report_export() {
  340. var flag = $("#userType").val();
  341. if (flag == "0") {
  342. //政府
  343. var streetId = $("#Streets").find("option:selected").val();
  344. var buildId = $("#Builds").find("option:selected").val();
  345. window.open(pagePath + "/company/companyInfoManage/exportCompanyInfo?Kcompany_name=" + $("#Kcompany_name").val() + "&Kuscc=" + $("#Kuscc").val() + "&Korganization_code=" + $("#Korganization_code").val() + "&Kindustry_code=" + /*$("#Kindustry_code").val()*/"&Kregistration_capital_min=" + $("#Kregistration_capital_min").val() + "&Kregistration_capital_max=" + $("#Kregistration_capital_max").val() + "&Klegal_representative=" + $("#Klegal_representative").val() + "&Kstreet_id=" + streetId + "&Kbuild_id=" + buildId);
  346. } else {
  347. window.open(pagePath + "/company/companyInfoManage/exportCompanyInfo?Kcompany_name=" + $("#Kcompany_name").val() + "&Kuscc=" + $("#Kuscc").val() + "&Korganization_code=" + $("#Korganization_code").val() + "&Kindustry_code=" + /*$("#Kindustry_code").val()*/"&Kregistration_capital_min=" + $("#Kregistration_capital_min").val() + "&Kregistration_capital_max=" + $("#Kregistration_capital_max").val() + "&Klegal_representative=" + $("#Klegal_representative").val());
  348. }
  349. }
  350. /*下载批量导入模板*/
  351. </script>
  352. </body>
  353. </html>