companyOprationsInfo_check.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281
  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. .cl .l .layui-upload-file {
  12. opacity: 0;
  13. }
  14. .submit-box {
  15. position: relative;
  16. width: 72px;
  17. height: 32px;
  18. }
  19. .submit-mask {
  20. position: absolute;
  21. width: 100%;
  22. height: 100%;
  23. left: 15px;
  24. top: 0;
  25. z-index: 2;
  26. }
  27. </style>
  28. </head>
  29. <body layout:fragment="content">
  30. <nav class="breadcrumb">
  31. <i class="Hui-iconfont">&#xe67f;</i>
  32. 企业经营数据
  33. <span class="c-gray en">&gt;</span>经营数据 <span class="c-gray en"></span>
  34. <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px"
  35. href="javascript:location.replace(location.href);" title="刷新">
  36. <i class="Hui-iconfont">&#xe68f;</i>
  37. </a>
  38. </nav>
  39. <article>
  40. <form id="myForm1" th:method="get"><!--th:action="@{/company/companyOprationsInfo/checkData/}" -->
  41. <div class="page-container">
  42. <label class="form-label col-xs-4 col-sm-2">经营年份:</label>
  43. <div class="col-xs-4 col-sm-3">
  44. <input type="text" class="input-text" placeholder="请输入经营年份开始时间" id="start_Year" th:value="${start_Year}"
  45. name="start_Year"/>
  46. </div>
  47. <div style="float:left;height:31px;line-height:31px">一</div>
  48. <div class="col-xs-4 col-sm-3">
  49. <input type="text" class="input-text" placeholder="请输入经营年份结束时间" id="end_Year" th:value="${end_Year}"
  50. name="end_Year"/>
  51. </div>
  52. <div class="col-xs-4 col-sm-3 submit-box">
  53. <button id="submit1" type="submit" class="btn btn-default">
  54. <i class="Hui-iconfont">&#xe665;</i>
  55. 搜索
  56. </button>
  57. <div class="submit-mask"></div>
  58. </div>
  59. </div>
  60. <div class="cl pd-5 bg-1 bk-gray mt-20">
  61. <span class="l">
  62. <a href="javascript:void(0)" onclick="oprationInfo_export()" class="btn btn-primary radius"><i
  63. class="Hui-iconfont">&#xe640;</i> 导出Excel</a>
  64. <a id="downloadTemplate" class="btn btn-primary radius"><i
  65. class="Hui-iconfont">&#xe640;</i> 模板下载</a>
  66. <a id="import" class="btn btn-primary radius"><i class="Hui-iconfont">&#xe640;</i> 导入</a>
  67. </span>
  68. <span class="r">共有数据:<strong th:text="${pageInfo.total}" id="total">54</strong> 条</span><!-- -->
  69. </div>
  70. <div class="row cl" style="line-height:30px;">
  71. <label class="form-label" style="width:100px;padding-left:40px;float:left;">公司名称:</label>
  72. <div class="formControls col-xs-2 col-sm-1">
  73. <!-- <input type="text" disabled="disabled" class="input-text" id="name" name="company_name" th:value="${company.company_name}"/> -->
  74. [[${company.company_name}]]
  75. <input type="hidden" class="input-text" id="cid" name="id" th:value="${company.id}"/>
  76. </div>
  77. </div>
  78. <table class="table table-border table-bordered table-bg table-hover">
  79. <thead>
  80. <tr class="text-c">
  81. <th><input type="hidden" name="" value=""/></th>
  82. <th>序号</th>
  83. <th>经营年份</th>
  84. <th>资产总额</th>
  85. <th>负债总额</th>
  86. <th>银行贷款</th>
  87. <th>净资产</th>
  88. <th>资产负债率</th>
  89. <th>营业收入</th>
  90. <th>出口收入</th>
  91. <th>利润总额</th>
  92. <th>经营成本</th>
  93. <th>应收账款</th>
  94. <th>应交税费</th>
  95. <th>从业人数</th>
  96. <th>来源</th>
  97. <th>操作</th>
  98. </tr>
  99. </thead>
  100. <tbody>
  101. <tr class="text-c" th:each="model,iterStat:${pageInfo.list}" th:object="${model}">
  102. <td><input type="hidden" th:value="*{id}" th:id="${iterStat.index+1}" name="id"/></td>
  103. <td th:text="${iterStat.index+1}"></td>
  104. <td th:text="*{year}"></td>
  105. <td th:text="*{total_assets}"></td>
  106. <td th:text="*{total_liabilities}"></td>
  107. <td th:text="*{bank_loan}"></td>
  108. <td th:text="*{net_assets}"></td>
  109. <td th:text="*{assets_liability_ratio}"></td>
  110. <td th:text="*{operation_income}"></td>
  111. <td th:text="*{export_income}"></td>
  112. <td th:text="*{pretax_income}"></td>
  113. <td th:text="*{operating_cost}"></td>
  114. <td th:text="*{account_receivable}"></td>
  115. <td th:text="*{tax_payable}"></td>
  116. <td th:text="*{employee_amount}"></td>
  117. <td th:text="*{source}"></td>
  118. <td class="td-manage">
  119. <a title="删除" href="javascript:;"
  120. th:onclick="'javascript:oprationInfo_dialog_del(this, \'/company/companyOprationsInfo/delOprationInfo/'+*{id}+'\');'"
  121. class="ml-5" style="text-decoration:none">删除</a>
  122. </td>
  123. </tr>
  124. </tbody>
  125. </table>
  126. <div th:replace="admin/common/page :: page"></div>
  127. </div>
  128. <div style="text-align:center; margin-top:40px;">
  129. <button onclick="removeIframe()" class="btn btn-default radius" type="button">&nbsp;&nbsp;返回&nbsp;&nbsp;
  130. </button>
  131. </div>
  132. </form>
  133. </article>
  134. </body>
  135. <script type="text/javascript" th:src="@{/js/company/companyOprationsInfo/companyOprationsInfo_check.js}"></script>
  136. <script type="text/javascript" th:src="@{/js/common/page.js}"></script>
  137. <script type="text/javascript" th:src="@{/js/company/companyInfoManage/layui.all.js}"></script>
  138. <script th:inline="javascript">
  139. $(function () {
  140. //getDownloadUrl();
  141. submitStyle();
  142. });
  143. function submitStyle() {
  144. var start = parseInt($("#start_Year").val());
  145. var end = parseInt($("#end_Year").val());
  146. var numNaN = $("#start_Year").val() == "" && $("#end_Year").val() == "";
  147. if (end >= start || numNaN) {
  148. $(".submit-mask").hide();
  149. $("#submit1").addClass("btn-success");
  150. }
  151. else {
  152. $(".submit-mask").show();
  153. $("#submit1").removeClass("btn-success");
  154. }
  155. };
  156. /** 开始年份 **/
  157. laydate.render({
  158. elem: '#start_Year'//指定元素
  159. , type: 'year'
  160. , trigger: 'click'
  161. , done: function (value, date, endDate) {//日期时间被切换后的回调
  162. $("#start_Year").val(value);
  163. console.log("start", parseInt($("#start_Year").val()));
  164. console.log("end", parseInt($("#end_Year").val()));
  165. $("#end_Year").focus();
  166. submitStyle();
  167. //succeedMessage("请继续选择结束年份!!!");
  168. //console.log(value); //得到日期生成的值,如:2017-08-18
  169. }
  170. });
  171. /** **/
  172. laydate.render({
  173. elem: '#end_Year'
  174. , type: 'year'
  175. , trigger: 'click'
  176. , done: function (value, date, endDate) {//日期时间被切换后的回调
  177. $("#end_Year").val(value);
  178. var start = parseInt($("#start_Year").val());
  179. var end = parseInt($("#end_Year").val());
  180. if (start > end) {
  181. errorMessage("开始年份大于结束年份,请重新选择");
  182. // return false;
  183. }
  184. submitStyle();
  185. //console.log(value); //得到日期生成的值,如:2017-08-18
  186. }
  187. });
  188. getDownloadUrl();
  189. //模板下载
  190. function getDownloadUrl() {
  191. var url = pagePath + "/company/companyOprationsInfo/getTemplate";
  192. $.ajax({
  193. url: url,
  194. type: "get",
  195. data: {
  196. timestamp: new Date()
  197. },
  198. dataType: "json",
  199. success: function (result) {
  200. if (result.success) {
  201. var attachFile = result.obj.attachment;
  202. var fileUrl = result.obj.fileUrl;
  203. if (attachFile) {
  204. var downloadParam = attachFile.file_url;
  205. //`$('#downloadTemplate').attr("bdata",JSON.stringify(attachFile.file_name));
  206. var url = encodeURI(pagePath + "/upload/download?downloadUrl=" + downloadParam + "&realFileName=" + attachFile.file_name)
  207. $('#downloadTemplate').attr("href", url);
  208. }
  209. } else {
  210. errorMessage(result.message);
  211. }
  212. },
  213. error: function (result) {
  214. }
  215. });
  216. }
  217. /**
  218. * 取消
  219. */
  220. function removeIframe() {
  221. var index = parent.layer.getFrameIndex(window.name);
  222. parent.layer.close(index);
  223. }
  224. /*导入excel*/
  225. layui.use('upload', function () {
  226. var $ = layui.jquery
  227. , upload = layui.upload;
  228. //批量导入
  229. upload.render({
  230. elem: '#import'
  231. , url: pagePath + "/company/companyOprationsInfo/importOprationInfo?cid=" + $("#cid").val()
  232. , auto: true
  233. //data:{"fileUpload":"File"}
  234. , method: 'post'//上传接口的HTTP类型
  235. , field: 'file'
  236. //,multiple: true
  237. // ,bindAction: '#test9'
  238. , accept: 'file' //允许上传的文件类型
  239. , exts: 'xlsx'//允许上传文件的后缀
  240. //,size: 50 //最大允许上传的文件大小
  241. , before: function (obj) { //obj参数包含的信息,跟 choose回调完全一致,可参见上文。
  242. layer.load(); //上传loading
  243. //$(".fixedLoading").show();
  244. }
  245. , done: function (res, index, upload) {
  246. if (res.success) {
  247. succeedMessage(res.message);
  248. setTime();
  249. } else {
  250. //alertError(res.message);
  251. errorMessage(res.message);
  252. setTime();
  253. }
  254. }
  255. , error: function (res, index, upload) {
  256. //请求异常回调
  257. console.log(res)
  258. }
  259. });
  260. });
  261. /*到处至execl*/
  262. function oprationInfo_export() {
  263. window.open(pagePath + "/company/companyOprationsInfo/exportOprationData?cid=" + $("#cid").val() + "&start_Year=" + $("#start_Year").val() + "&end_Year=" + $("#end_Year").val());
  264. }
  265. </script>
  266. </html>