payment_index.js 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307
  1. $(function () {
  2. autoFlashHeight();
  3. const EmptyTenderHtml = [
  4. '<div class="jumbotron">',
  5. '<h3 class="display-6">还没有标段及文件夹数据</h3>',
  6. '</div>'
  7. ];
  8. function initTenderTree(folderList, tenderList) {
  9. tenderTree = [];
  10. const folders = folderList;
  11. const tenders = tenderList;
  12. function makeTenderTree(parent) {
  13. if (parent.is_leaf) {
  14. parent.children = _.filter(tenders, { folder_id: parent.folder_id });
  15. if (parent.children.length > 0) {
  16. parent.is_tender = true;
  17. parent.children.forEach((value, index) => {
  18. value.level = parent.level + 1;
  19. });
  20. }
  21. } else {
  22. const children = _.filter(folders, { parent_id: parent.folder_id });
  23. parent.children = children;
  24. if (children.length > 0) {
  25. for (const c of children) {
  26. makeTenderTree(c);
  27. }
  28. }
  29. }
  30. }
  31. const level0Folders = _.filter(folders, { level: 1 });
  32. for (const l of level0Folders) {
  33. makeTenderTree(l);
  34. tenderTree.push(l);
  35. }
  36. console.log(tenderTree);
  37. }
  38. function recursiveGetTenderNodeHtml (node, arr, pid) {
  39. const html = [];
  40. html.push('<tr fid="' + (node.parent_id !== undefined ? node.id: 0) + '" pid="' + pid + '">');
  41. // 名称
  42. html.push('<td style="width: 40%" class="in-' + node.level + '">');
  43. if (node.parent_id !== undefined) {
  44. // html.push('<span onselectstart="return false" style="{-moz-user-select:none}" class="fold-switch mr-1" title="收起" cid="'+ node.sort_id +'"><i class="fa fa-minus-square-o"></i></span> <i class="fa fa-folder-o"></i> ', node.name);
  45. html.push('<i class="fa fa-folder-o"></i> ', node.name);
  46. } else {
  47. html.push('<span class="text-muted mr-2">');
  48. html.push(arr.indexOf(node) === arr.length - 1 ? '└' : '├');
  49. html.push('</span>');
  50. //html.push('<a href="/tender/' + node.id + '">', node[c.field], '</a>');
  51. html.push('<a href="/sp/'+ spid +'/payment/'+ node.id +'/list" target="_blank" id="' + node.id + '">', node.name, '</a>');
  52. if (node.have_notice){
  53. html.push('<i class="fa fa-bell text-warning float-right mt-1" data-toggle="tooltip" data-placement="bottom" title="待处理提醒"></i>');
  54. }
  55. }
  56. html.push('</td>');
  57. // 创建人
  58. html.push('<td style="width: 15%" class="text-center">', node.user_name ? node.user_name : '', '</td>');
  59. // 创建时间
  60. html.push('<td style="width: 15%" class="text-center">', node.in_time && node.parent_id === undefined ? moment(node.in_time).format('YYYY-MM-DD HH:mm:ss') : '', '</td>');
  61. // 审批流程
  62. html.push('<td style="width: 15%" class="text-center">');
  63. if (node.parent_id === undefined && auditPermission.admin && (node.uid === uid || is_admin)) {
  64. html.push('<a href="/sp/'+ spid +'/payment/'+ node.id +'/process" target="_blank">设置</a>');
  65. }
  66. html.push('</td>');
  67. // 操作
  68. html.push('<td style="width: 15%" class="text-center">');
  69. if (auditPermission.admin && (node.uid === uid || is_admin || node.parent_id !== undefined)) {
  70. html.push('<div class="dropdown">\n' +
  71. ' <a href="#" class="dropdown-toggle text-primary" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">\n' +
  72. ' <i class="fa fa-bars"></i>\n' +
  73. ' </a>\n' +
  74. ' <div class="dropdown-menu">\n');
  75. if (node.uid === uid || is_admin) {
  76. html.push('<a class="dropdown-item edit_name_btn" data-type="'+ (node.parent_id === undefined ? 'tender' : 'folder') +'" data-id="'+ node.id +'" href="javascript:void(0);"><i class="fa fa-edit mr-2"></i>重命名</a>\n');
  77. }
  78. if (!node.had_tender && (node.uid === uid || is_admin)) {
  79. if (node.have_detail) {
  80. html.push('<a class="dropdown-item" style="cursor:not-allowed" href="javascript:void(0);" data-toggle="tooltip" data-placement="bottom" title="请先删除所有审批期数据"><i class="fa fa-remove mr-2"></i>删除</a>\n');
  81. } else {
  82. html.push('<a class="dropdown-item show_del_btn" data-type="'+ (node.parent_id === undefined ? 'tender' : 'folder') +'" data-id="'+ node.id +'" href="javascript:void(0);"><i class="fa fa-remove mr-2"></i>删除</a>\n');
  83. }
  84. }
  85. if (auditPermission.admin && (node.uid === uid || is_admin) && (node.is_leaf || (node.parent_id !== undefined && !node.is_tender))) {
  86. html.push('<div class="dropdown-divider"></div>\n');
  87. }
  88. if (auditPermission.admin && node.parent_id !== undefined && !node.is_tender) {
  89. html.push('<a class="dropdown-item show_new_folder_btn" href="#add-folder" data-toggle="modal" data-target="#add-folder" data-parentName="'+ node.name +'" data-parentId="'+ node.folder_id +'"><i class="fa fa-folder-o mr-2"></i>新建子文件夹</a>\n');
  90. }
  91. if (auditPermission.admin && node.is_leaf) {
  92. html.push('<a class="dropdown-item show_new_tender_btn" href="javascript:void(0);"><i class="fa fa-folder-o mr-2"></i>新建标段</a>\n');
  93. }
  94. html.push(' </div>\n' +
  95. ' </div>');
  96. }
  97. html.push('</td>');
  98. html.push('</tr>');
  99. if (node.children) {
  100. for (const c of node.children) {
  101. html.push(recursiveGetTenderNodeHtml(c, node.children, node.sort_id));
  102. }
  103. }
  104. return html.join('');
  105. }
  106. // 根据TenderTree数据获取Html代码
  107. function getTenderTreeHtml () {
  108. if (tenderTree.length > 0) {
  109. const html = [];
  110. html.push('<table class="table table-hover table-bordered">');
  111. html.push('<thead style="position: fixed;left:56px;top: 34px;">', '<tr>');
  112. html.push('<th class="text-center" style="width: 40%">', '名称', '</th>');
  113. html.push('<th class="text-center" style="width: 15%">', '创建人', '</th>');
  114. html.push('<th class="text-center" style="width: 15%">', '创建时间', '</th>');
  115. html.push('<th class="text-center" style="width: 15%">', '标段设置', '</th>');
  116. html.push('<th class="text-center" style="width: 15%">', '操作', '</th>');
  117. html.push('</tr>', '</thead>');
  118. parentId = 0;
  119. for (const t of tenderTree) {
  120. html.push(recursiveGetTenderNodeHtml(t, tenderTree, ''));
  121. }
  122. html.push('</table>');
  123. return html.join('');
  124. } else {
  125. return EmptyTenderHtml.join('');
  126. }
  127. }
  128. function makeList(folderList, tenderList) {
  129. initTenderTree(folderList, tenderList);
  130. $('.c-body').html(getTenderTreeHtml());
  131. setTopTr();
  132. $('[data-toggle="tooltip"]').tooltip()
  133. }
  134. // 首次加载展示目录
  135. postData('/sp/'+ spid +'/payment/list/load', {}, function (result) {
  136. allFolders = result.folderList;
  137. allTenders = result.tenderList;
  138. makeList(result.folderList, result.tenderList);
  139. });
  140. $('body').on('click', '.show_new_folder_btn', function () {
  141. if (parseInt($(this).attr('data-parentId')) === 0) {
  142. $('#parent_folder').hide();
  143. $('#parent_folder_name').val('');
  144. $('#add-folder').find('.modal-title').text('新建文件夹');
  145. $('#new_folder_name').siblings('label').text('文件夹名称');
  146. $('#parent_id').val(0);
  147. } else {
  148. $('#parent_folder').show();
  149. $('#parent_folder_name').val($(this).attr('data-parentName'));
  150. $('#add-folder').find('.modal-title').text('新建子文件夹');
  151. $('#new_folder_name').siblings('label').text('子文件夹名称');
  152. $('#parent_id').val($(this).attr('data-parentId'));
  153. }
  154. });
  155. function checkNameValid(_this) {
  156. const name = _.trim(_this.val());
  157. if(name === '') {
  158. _this.addClass('is-invalid');
  159. _this.siblings('.invalid-feedback').text('请输入名称');
  160. return false;
  161. }
  162. if(name.length > 100) {
  163. _this.addClass('is-invalid');
  164. _this.siblings('.invalid-feedback').text('名称超过100个字,请缩减名称');
  165. return false;
  166. }
  167. _this.removeClass('is-invalid');
  168. _this.siblings('.invalid-feedback').text('');
  169. return name;
  170. }
  171. $('#new_folder_btn').click(function () {
  172. const name = checkNameValid($('#new_folder_name'));
  173. if (name === false) {
  174. return;
  175. }
  176. postData('/sp/'+ spid +'/payment/save', { type: 'add-folder', parentId: parseInt($('#parent_id').val()), name }, function (result) {
  177. allFolders = result.folderList;
  178. allTenders = result.tenderList;
  179. makeList(result.folderList, result.tenderList);
  180. $('#add-folder').modal('hide');
  181. })
  182. });
  183. $('body').on('click', '.edit_name_btn', function () {
  184. const type = $(this).attr('data-type');
  185. const id = parseInt($(this).attr('data-id'));
  186. const info = type === 'tender' ? _.find(allTenders, { id }) : _.find(allFolders, { id });
  187. if (!info) {
  188. toastr.error('文件夹或标段不存在');
  189. return;
  190. }
  191. $('#edit_name_input').val(info.name);
  192. $('#edit-name').find('.modal-title').text(type === 'tender' ? '修改标段' : '修改文件夹');
  193. $('#edit_name_id').val(info.id);
  194. $('#edit_name_type').val(type);
  195. $('#edit-name').modal('show');
  196. });
  197. $('#edit_name_btn').click(function () {
  198. const name = checkNameValid($('#edit_name_input'));
  199. if (name === false) {
  200. return;
  201. }
  202. const data = {
  203. type: $('#edit_name_type').val(),
  204. id: $('#edit_name_id').val(),
  205. name,
  206. };
  207. postData('/sp/'+ spid +'/payment/save', { type: 'edit-name', postData: data }, function (result) {
  208. allFolders = result.folderList;
  209. allTenders = result.tenderList;
  210. makeList(result.folderList, result.tenderList);
  211. $('#edit-name').modal('hide');
  212. });
  213. });
  214. // 选中行并标记色
  215. $('body').on('click', '.c-body table tr', function () {
  216. $('.c-body table tr').removeClass('table-warning');
  217. $(this).addClass('table-warning');
  218. const fid = parseInt($(this).attr('fid'));
  219. const folderInfo = _.find(allFolders, { id: fid });
  220. if (auditPermission.admin && folderInfo && folderInfo.is_leaf) {
  221. $('#show_new_tender_btn').show();
  222. $('#add_tender_folder_id').val(fid);
  223. $('#add_tender_folder_name').val(folderInfo.name);
  224. $('#add_tender_name').removeClass('is-invalid');
  225. $('#add_tender_name').siblings('.invalid-feedback').text('');
  226. } else {
  227. $('#show_new_tender_btn').hide();
  228. }
  229. });
  230. $('body').on('click', '.show_new_tender_btn', function () {
  231. const fid = $('.c-body table').find('.table-warning').attr('fid');
  232. if (!fid) {
  233. toastr.error('请选中文件夹');
  234. return;
  235. }
  236. const folderInfo = _.find(allFolders, { id: parseInt(fid) });
  237. if (!folderInfo || folderInfo.is_leaf === 0) {
  238. toastr.error('文件夹不存在或存在子文件夹不能新建标段');
  239. return;
  240. }
  241. $('#add-tender').modal('show');
  242. });
  243. $('#new_tender_btn').click(function () {
  244. const name = checkNameValid($('#add_tender_name'));
  245. if (name === false) {
  246. return;
  247. }
  248. postData('/sp/'+ spid +'/payment/save', { type: 'add-tender', folderId: parseInt($('#add_tender_folder_id').val()), name }, function (result) {
  249. allFolders = result.folderList;
  250. allTenders = result.tenderList;
  251. makeList(result.folderList, result.tenderList);
  252. $('#add-tender').modal('hide');
  253. });
  254. });
  255. $('body').on('click', '.show_del_btn', function () {
  256. const type = $(this).attr('data-type');
  257. const id = parseInt($(this).attr('data-id'));
  258. const info = type === 'tender' ? _.find(allTenders, { id }) : _.find(allFolders, { id });
  259. if (!info) {
  260. toastr.error('文件夹或标段不存在');
  261. return;
  262. }
  263. $('#edit_name_input').val(info.name);
  264. $('#del-project').find('.modal-title').text(type === 'tender' ? '删除标段' : '删除文件夹');
  265. $('#del-project').find('h6 span').text(info.name);
  266. $('#del_id').val(info.id);
  267. $('#del_type').val(type);
  268. $('#del-project').modal('show');
  269. });
  270. $('#del_btn').click(function () {
  271. const data = {
  272. type: $('#del_type').val(),
  273. id: $('#del_id').val(),
  274. };
  275. postData('/sp/'+ spid +'/payment/save', { type: 'del', postData: data }, function (result) {
  276. allFolders = result.folderList;
  277. allTenders = result.tenderList;
  278. makeList(result.folderList, result.tenderList);
  279. $('#del-project').modal('hide');
  280. });
  281. });
  282. $(window).resize(setTopTr);
  283. // 设置表头固定并动态调整宽度高度
  284. function setTopTr() {
  285. for(let item = 0; item < $(".c-body table>thead>tr>th").length; item ++) {
  286. $(".c-body table>thead>tr>th").eq(item).outerWidth($(".c-body table>tbody>tr:first").children('td').eq(item).outerWidth());
  287. }
  288. $('.c-body table').css('margin-top', $(".c-body table>thead").height() - 4);
  289. // $('.c-body table').css('margin-top', -2);
  290. }
  291. });