list2.html 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml" ng-app="app">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  6. <title>工资2</title>
  7. <link href="../../AFrontEnd/css/animate.css" rel="stylesheet" />
  8. <link href="../../AFrontEnd/css/fontawesome/css/font-awesome.css" rel="stylesheet" />
  9. <link href="../../AFrontEnd/css/bootstrap.css" rel="stylesheet" />
  10. <link href="../../AFrontEnd/css/style.css" rel="stylesheet" />
  11. <script>document.write("<link href='../../AFrontEnd/css/special.css?time=" + new Date().getTime() + "' rel='stylesheet'>");</script>
  12. <link href="js/mintui.css" rel="stylesheet" />
  13. <link href="js/table.css" rel="stylesheet" />
  14. <style>
  15. .table-body-left::-webkit-scrollbar {
  16. width: 0;
  17. height: 0;
  18. }
  19. .Btn {
  20. float: left;
  21. min-width: 80px;
  22. height: 34px;
  23. overflow: hidden;
  24. white-space: nowrap;
  25. text-overflow: ellipsis;
  26. line-height: 18px;
  27. padding: 7px 0;
  28. margin: 0 10px;
  29. text-align: center;
  30. border: 1px solid blue;
  31. }
  32. .activeBtn {
  33. color: white;
  34. background: blue;
  35. }
  36. .activeBtn:hover {
  37. color: white;
  38. }
  39. </style>
  40. </head>
  41. <body>
  42. <div ng-controller="listCtrl as ctl" ng-cloak>
  43. <div class="loading" ng-if="ctl.loading">
  44. <div class="loading-msg">
  45. <h3>数据加载中,请等待</h3>
  46. <div class="spinner">
  47. <div class="bounce1"></div>
  48. <div class="bounce2"></div>
  49. <div class="bounce3"></div>
  50. </div>
  51. </div>
  52. </div>
  53. <div class="wrapper wrapper-content">
  54. <div class="row">
  55. <div class="col-md-12">
  56. <div class="ibox float-e-margins">
  57. <div class="ibox-content">
  58. <div class="row">
  59. <div class="sp-page">
  60. <a class="Btn" href="list1.html">工资1</a>
  61. <a class="Btn activeBtn">工资2</a>
  62. </div>
  63. <div class="col-md-12">
  64. <div class="sp-page-tab sp-pl-30">
  65. <span ng-class="{'pageTabActive':ctl.tablename=='SX_TFWZZGZB'}" ng-click="ctl.changeTB('SX_TFWZZGZB')">在职</span>
  66. <span ng-class="{'pageTabActive':ctl.tablename=='SX_TFWTXGZB'}" ng-click="ctl.changeTB('SX_TFWTXGZB')">退休</span>
  67. <span ng-class="{'pageTabActive':ctl.tablename=='SX_TFWLXGZB'}" ng-click="ctl.changeTB('SX_TFWLXGZB')">离休</span>
  68. <!--<a class="sp-pull-right sp-btn-gray sp-btn-radius" ng-click="ctl.printOut()">
  69. <i class="fa fa-sign-in sp-mr-5"></i>导出
  70. </a>-->
  71. <a class="sp-pull-right sp-btn-gray sp-btn-radius" ng-if="ctl.tablename=='SX_TFWZZGZB'" ng-click="ctl.YINHANG()">
  72. <i class="fa fa-sign-in sp-mr-5"></i>生成给银行表格
  73. </a>
  74. <a class="sp-pull-right sp-btn-gray sp-btn-radius" ng-click="ctl.getData()">
  75. <i class="fa fa-search sp-mr-5"></i>查 询
  76. </a>
  77. <a class="sp-pull-right sp-btn-gray sp-btn-radius" ng-click="ctl.setPrintIn()">
  78. <i class="fa fa-book sp-mr-5"></i>导 入
  79. </a>
  80. <a class="sp-pull-right sp-ml-5 sp-mr-5 sp-color-blue" ng-if="ctl.tablename=='SX_TFWZZGZB'" style="line-height: 32px" download="导入模板-统发外在职.xlsx" href="moban2.xlsx"> 模板下载</a>
  81. <a class="sp-pull-right sp-ml-5 sp-mr-5 sp-color-blue" ng-if="ctl.tablename=='SX_TFWTXGZB'" style="line-height: 32px" download="导入模板-统发外退休.xlsx" href="moban3.xlsx"> 模板下载</a>
  82. <a class="sp-pull-right sp-ml-5 sp-mr-5 sp-color-blue" ng-if="ctl.tablename=='SX_TFWLXGZB'" style="line-height: 32px" download="导入模板-统发外离休.xlsx" href="moban4.xlsx"> 模板下载</a>
  83. <input type="text" class="sp-input sp-pull-right laydate-logo" style="width:200px" sp-laydate laytype="month" ng-model="ctl.date" ng-change="ctl.changeDate()" />
  84. </div>
  85. </div>
  86. <div class="sp-page table-head-left" style="width: 501px; overflow: hidden; position: relative; z-index: 1; ">
  87. <table class="sp-table">
  88. <thead>
  89. <tr>
  90. <!--<th><div style="width:35px"><input type="checkbox" ng-model="ctl.checkedAll" ng-click="ctl.checkAll()" /></div></th>-->
  91. <th><div style="width:36px">序号</div></th>
  92. <th ng-repeat="item in ctl.thead_left"><div style="width: 88px" ng-bind="item.cname"></div></th>
  93. </tr>
  94. </thead>
  95. </table>
  96. </div>
  97. <div class="sp-page table-head-right" style="width: calc(100% - 516px); height: 34px; overflow: hidden; position: relative; z-index: 1; ">
  98. <table class="sp-table">
  99. <thead>
  100. <tr>
  101. <th ng-repeat="item in ctl.thead_right"><div style="min-width: 188px;height:22px" ng-bind="item.cname"></div></th>
  102. </tr>
  103. </thead>
  104. <tbody>
  105. <tr ng-repeat="item in ctl.list">
  106. <td ng-repeat="item1 in ctl.thead">
  107. <div>
  108. <div style="overflow:hidden;white-space:nowrap;text-overflow:ellipsis" ng-repeat="item2 in item[item1.PKID]" title="{{item2}}" ng-bind="item2"></div>
  109. </div>
  110. </td>
  111. </tr>
  112. </tbody>
  113. </table>
  114. </div>
  115. <div class="sp-page table-body-left sp-pb-5" style="width: 501px; margin-top: -34px; overflow: auto; " onscroll="scrollTableL()">
  116. <table class="sp-table">
  117. <thead>
  118. <tr>
  119. <!--<th><div style="width:35px"></div></th>-->
  120. <th><div style="width:36px">序号</div></th>
  121. <th ng-repeat="item in ctl.thead_left"><div style="min-width: 88px" ng-bind="item.cname"></div></th>
  122. </tr>
  123. </thead>
  124. <tbody>
  125. <tr ng-repeat="item in ctl.list">
  126. <!--<td><div style="width:29px"><input type="checkbox" ng-model="item.checked" ng-click="ctl.checkItem(item)" /></div></td>-->
  127. <td><div style="width:30px" ng-bind="$index+1"></div></td>
  128. <td ng-repeat="item1 in ctl.thead_left"><div style="width: 82px; height: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis" title="{{item[item1.code]}}" ng-bind="item[item1.code]"></div></td>
  129. </tr>
  130. </tbody>
  131. </table>
  132. </div>
  133. <div class="sp-page table-body-right sp-pb-5" style="width: calc(100% - 501px); margin-top: -34px; overflow: auto; " onscroll="scrollTableR()">
  134. <table class="sp-table">
  135. <thead>
  136. <tr>
  137. <th ng-repeat="item in ctl.thead_right"><div style="min-width: 188px" ng-bind="item.cname"></div></th>
  138. </tr>
  139. </thead>
  140. <tbody>
  141. <tr ng-repeat="item in ctl.list">
  142. <td ng-repeat="item1 in ctl.thead_right"><div style="height: 22px;" title="{{item[item1.code]}}" ng-bind="item[item1.code]"></div></td>
  143. </tr>
  144. </tbody>
  145. </table>
  146. </div>
  147. <div class="sp-table-tip ng-hide sp-pull-left" ng-show="ctl.noDataTip == 0">
  148. <i class="fa fa-exclamation-circle sp-mr-10"></i>您好,暂未查询到相关信息!
  149. </div>
  150. <!--<div class="sp-page sp-mt-10">
  151. <div style="position: relative; overflow: auto;">
  152. <table class="sp-table" id="printOut">
  153. <thead>
  154. <tr>
  155. <th width="50">序号</th>
  156. <th style="min-width:100px" ng-repeat="item in ctl.thead" ng-bind="item.cname"></th>
  157. </tr>
  158. </thead>
  159. <tbody>
  160. <tr ng-repeat="item in ctl.list">
  161. <td ng-bind="$index+1"></td>
  162. <td ng-repeat="item1 in ctl.thead">
  163. <span title="{{item[item1.code]}}" ng-bind=" item[item1.code]"></span>
  164. </td>
  165. </tr>
  166. </tbody>
  167. </table>
  168. </div>
  169. <div class="sp-table-tip ng-hide" ng-show="ctl.noDataTip == 0">
  170. <i class="fa fa-exclamation-circle sp-mr-10"></i>您好,暂未查询到相关信息!
  171. </div>
  172. </div>-->
  173. </div>
  174. </div>
  175. </div>
  176. </div>
  177. </div>
  178. </div>
  179. <div class="sp-layer" id="importDivPart" style="width:1000px">
  180. <div class="sp-center-900">
  181. <div class="sp-page sp-mt-5">
  182. <div class="sp-lh-32 sp-page-col sp-span2">表名:</div>
  183. <div class="sp-lh-32 sp-page-col sp-span3">
  184. <select class="sp-select" ng-model="ctl.inport.tablename" ng-change="ctl.getInportTable()">
  185. <option value="SX_TFWZZGZB">统发外在职工资</option>
  186. <option value="SX_TFWTXGZB">统发外退休工资</option>
  187. <option value="SX_TFWLXGZB">统发外离休工资</option>
  188. </select>
  189. </div>
  190. </div>
  191. <div class="sp-page sp-mt-5">
  192. <div class="sp-lh-32 sp-page-col sp-span2"></div>
  193. <div class="sp-page-col sp-span5">
  194. <div class="sp-page-col" style="width:240px;height:32px;overflow:hidden">
  195. <input type="text" class="sp-input" readonly ng-model="ctl.uploadFile" placeholder="未选择任何文件" />
  196. <input type="file" name="xlfile" id="xlfile" />
  197. <input type="checkbox" style="display:none" name="useworker" checked>
  198. <input type="checkbox" style="display:none" name="userabs" checked>
  199. <p id="out" style="display:none;"></p>
  200. </div>
  201. <a class="sp-pull-right sp-btn-gray sp-btn-radius" onclick="$(' #xlfile').trigger('click');">
  202. <i class="fa fa-book sp-mr-5"></i>浏 览
  203. </a>
  204. </div>
  205. </div>
  206. <div class="sp-page sp-mt-5" id="table_excelHead" style="overflow-y: auto; max-height: 500px">
  207. <table class="sp-table">
  208. <thead>
  209. <tr>
  210. <th style="width:50%">数据库字段</th>
  211. <th style="width:50%">数据源字段</th>
  212. </tr>
  213. </thead>
  214. <tbody>
  215. <tr ng-repeat="item in ctl.inport.thead">
  216. <td ng-bind="item.cname" data-code="{{item.code}}" data-ckind="{{item.ckind}}"></td>
  217. <td>
  218. <select class="sp-select" ng-model="item.cname1">
  219. <option ng-repeat="item2 in ctl.excelHeadData" value="{{item2}}" ng-selected="item2==item.cname">{{item2}}</option>
  220. </select>
  221. </td>
  222. </tr>
  223. </tbody>
  224. </table>
  225. </div>
  226. <div class="sp-page sp-mt-30 sp-text-center">
  227. <button class="sp-btn-blue" id="btnTrueImportData" ng-click="ctl.btnTrueImportData()"><i class="fa fa-check"></i>&nbsp;&nbsp;<span>导入数据</span></button>
  228. </div>
  229. </div>
  230. </div>
  231. <div class="sp-layer" id="YINHANG" style="width:1000px">
  232. <div class="sp-layer-head" style="background:#2176d6">
  233. <div class="sp-page sp-text-center sp-font-16">
  234. <div class="sp-layer-close" title="关闭" onclick="sp.closeCenter('.sp-layer')">
  235. ×
  236. </div>
  237. </div>
  238. </div>
  239. <div class="sp-layer-body sp-text-right sp-lh-30">
  240. <div class="sp-center-900">
  241. <table class="sp-table" id="yh">
  242. <tbody ng-repeat="item in ctl.yhList">
  243. <tr>
  244. <td class="sp-text-left" colspan="3" ng-bind="item.BANKNAME"></td>
  245. </tr>
  246. <tr>
  247. <td>姓名</td>
  248. <td>银行卡号</td>
  249. <td>金额</td>
  250. </tr>
  251. <tr ng-repeat="item1 in item.DATA">
  252. <td ng-bind="item1.XM"></td>
  253. <td ng-bind="item1.YHKH"></td>
  254. <td ng-bind="item1.SFYHKJE"></td>
  255. </tr>
  256. </tbody>
  257. </table>
  258. <div class="sp-page sp-mt-10 sp-text-center">
  259. <span class="sp-btn-blue" ng-click="ctl.downloadYH()">下载</span>
  260. <span class="sp-btn-blue" onclick="sp.layerhide()">关闭</span>
  261. </div>
  262. </div>
  263. </div>
  264. </div>
  265. </div>
  266. <script src="../../AFrontEnd/js/jquery/jquery-2.1.4.min.js"></script>
  267. <script src="../../AFrontEnd/js/laydate/laydate.js"></script>
  268. <script src="../../AFrontEnd/js/angularjs/angular.js"></script>
  269. <script src="../../AFrontEnd/js/angularjs/dirPagination.js"></script>
  270. <script src="../../apiurljs.js"></script>
  271. <script src="../../js/sm4.js"></script>
  272. <!-- 导入excel -->
  273. <script src="js/jszip.js"></script>
  274. <script src="js/xlsx.js"></script>
  275. <!-- 导出excel -->
  276. <script src="js/vendor/jquery.jqprint-0.3.js"></script>
  277. <script src="js/vendor/shim.min.js"></script>
  278. <script src="js/vendor/jszip.js"></script>
  279. <script src="js/vendor/xlsx.full.js"></script>
  280. <script src="js/vendor/Blob.js"></script>
  281. <script src="js/vendor/FileSaver.js"></script>
  282. <script>document.write('<scri' + 'pt src="../../AFrontEnd/js/special/special.js?time=' + new Date().getTime() + '"></s' + 'cript>')</script>
  283. <script>document.write('<scri' + 'pt src="js/list2.js?time=' + new Date().getTime() + '"></s' + 'cript>')</script>
  284. <script src="../../AFrontEnd/js/special/spng.js"></script>
  285. <script src="../../AFrontEnd/js/special/spngvld.js"></script>
  286. </body>
  287. </html>