tender_list_progress.js 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478
  1. 'use strict';
  2. /**
  3. *
  4. *
  5. * @author Mai
  6. * @date 2018/10/11
  7. * @version
  8. */
  9. const EmptyTenderHtml = [
  10. '<div class="jumbotron">',
  11. '<h3 class="display-6">还没有标段数据</h3>',
  12. '</div>'
  13. ];
  14. // levelTree - setting
  15. const levelTreeSetting = {
  16. view: {
  17. selectedMulti: false
  18. },
  19. data: {
  20. simpleData: {
  21. idKey: 'lid',
  22. pIdKey: 'lpId',
  23. rootPId: 0,
  24. enable: true,
  25. }
  26. },
  27. edit: {
  28. enable: true,
  29. showRemoveBtn: false,
  30. showRenameBtn: false,
  31. drag: {
  32. autoExpandTrigger: true,
  33. isCopy: false,
  34. isMove: true,
  35. prev: false,
  36. next: false,
  37. inner: true,
  38. }
  39. },
  40. callback: {
  41. beforeDrop: beforeDropNode,
  42. onDrop: onDropNode,
  43. }
  44. };
  45. const levelNodes =[];
  46. const tenderTree = [];
  47. let parentId = 0;
  48. function createTree() {
  49. const zTree = $.fn.zTree.getZTreeObj('treeLevel');
  50. if (zTree) {
  51. zTree.destroy();
  52. }
  53. $.fn.zTree.init($("#treeLevel"), levelTreeSetting, levelNodes);
  54. }
  55. function beforeDropNode(treeId, treeNodes, targetNode, moveType, isCopy) {
  56. if (targetNode !== null && targetNode.lid !== 1) {
  57. const parent = targetNode.getParentNode();
  58. if (parent && parent.lid === 1) {
  59. return false;
  60. }
  61. }
  62. for (var i=0,l=treeNodes.length; i<l; i++) {
  63. if (treeNodes[i].drag === false) {
  64. return false;
  65. }
  66. if (!targetNode && treeNodes[i].dropRoot === false) {
  67. return false;
  68. }
  69. if(treeNodes[i].isParent === true && targetNode.lid !== 1){
  70. return false;
  71. }
  72. }
  73. return true;
  74. }
  75. function onDropNode(event, treeId, treeNodes, targetNode, moveType) {
  76. const zTree = $.fn.zTree.getZTreeObj(treeId);
  77. function resetFixNode(id) {
  78. const node = zTree.getNodeByParam('lid', id);
  79. node.isParent = true;
  80. zTree.updateNode(node, false);
  81. zTree.expandNode(node, true);
  82. }
  83. function moveChildren(children, node) {
  84. if (!children || children.length === 0) { return }
  85. for (const c of children) {
  86. moveChildren(c.children, node);
  87. zTree.moveNode(node, c, 'inner');
  88. }
  89. }
  90. resetFixNode(1);
  91. resetFixNode(2);
  92. if (targetNode !== null && targetNode.lid === 1 && treeNodes[0].children && treeNodes[0].children.length !== 0) {
  93. moveChildren(treeNodes[0].children, zTree.getNodeByParam('lid', 1));
  94. } else if (targetNode !== null && targetNode.lid !== 1) {
  95. if (targetNode.children.length >= 2) {
  96. for (const c of targetNode.children) {
  97. if (c.lid !== treeNodes[0].lid) {
  98. zTree.moveNode(treeNodes[0], c, 'inner');
  99. }
  100. }
  101. }
  102. }
  103. }
  104. // 查询方法
  105. function findNode (key, value, arr) {
  106. for (const a of arr) {
  107. if (a[key] && a[key] === value) {
  108. return a;
  109. }
  110. }
  111. }
  112. function getPId(level) {
  113. if (level !== 1) {
  114. const p = findNode('level', level - 1, levelNodes);
  115. if (p) {
  116. return p.lid
  117. } else {
  118. return 1;
  119. }
  120. } else {
  121. return 2;
  122. }
  123. }
  124. // 分类数据排序
  125. function sortCategory() {
  126. category.sort(function (a, b) {
  127. return a.level ? (b.level ? a.level - b.level : -1) : a.id - b.id;
  128. });
  129. }
  130. // 初始化分类树结构数据
  131. function initCategoryLevelNode() {
  132. levelNodes.splice(0, levelNodes.length);
  133. levelNodes.push(
  134. { lid:1, lpId:0, name:"可用类别", open:true, isParent: true, drag: false},
  135. { lid:2, lpId:0, name:"已用类别", open:true, isParent: true, drag: false}
  136. );
  137. for (const c of category) {
  138. const cate = JSON.parse(JSON.stringify(c));
  139. cate.lid = levelNodes.length + 1;
  140. cate.open = true;
  141. cate.dropRoot = false;
  142. if (!cate.level) {
  143. cate.lpId = 1;
  144. levelNodes.push(cate);
  145. } else {
  146. cate.lpId = getPId(cate.level);
  147. levelNodes.push(cate);
  148. }
  149. }
  150. }
  151. // 新建标段 -- 分类属性选择
  152. function getCategoryHtml() {
  153. function getSelectCategoryHtml (cate) {
  154. const html = [];
  155. html.push('<div class="form-group" cate-id="' + cate.id + '">');
  156. html.push('<lable>', cate.name, '</lable>');
  157. html.push('<select class="form-control form-control-sm">');
  158. for (const v of cate.value) {
  159. html.push('<option value="' + v.id + '">', v.value, '</option>');
  160. }
  161. html.push('<option value="0">不选</option>');
  162. html.push('</select>');
  163. html.push('</div>');
  164. return html.join('');
  165. }
  166. function getRadioCategoryHtml (cate) {
  167. const html = [];
  168. html.push('<div class="form-group" cate-id="' + cate.id + '">');
  169. html.push('<lable>', cate.name, '</lable>');
  170. html.push('<div>');
  171. for (const iV in cate.value) {
  172. const v = cate.value[iV];
  173. html.push('<div class="form-check-inline">');
  174. html.push('<input class="form-check-input" type="radio"', 'name="' + cate.name + '" ', 'value="' , v.id, (iV == 0 ? '" checked="' : ''), '">');
  175. html.push('<label class="form-check-label">', v.value, '</label>');
  176. html.push('</div>');
  177. }
  178. html.push('</div>');
  179. html.push('</div>');
  180. return html.join('');
  181. }
  182. const html = [];
  183. for (const c of category) {
  184. // if (c.type === categoryType.key.dropDown) {
  185. html.push(getSelectCategoryHtml(c));
  186. // } else if (c.type === categoryType.key.radio) {
  187. // html.push(getRadioCategoryHtml(c));
  188. // }
  189. }
  190. return html.join('');
  191. }
  192. function calculateParent(node) {
  193. if (node.children && node.cid) {
  194. node.end_qc_tp = 0;
  195. node.pre_gather_tp = 0;
  196. node.gather_tp = 0;
  197. node.sum_tp = 0;
  198. node.lastStage = 0;
  199. for (const c of node.children) {
  200. calculateParent(c);
  201. node.end_qc_tp = ZhCalc.add(node.end_qc_tp, c.end_qc_tp);
  202. node.pre_gather_tp = ZhCalc.add(node.pre_gather_tp, c.pre_gather_tp);
  203. node.gather_tp = ZhCalc.add(node.gather_tp, c.gather_tp);
  204. node.sum_tp = ZhCalc.add(node.sum_tp, c.sum_tp);
  205. node.lastStage = c.cid
  206. ? Math.max(node.lastStage, c.lastStage)
  207. : (c.lastStage ? Math.max(node.lastStage, c.lastStage.order) : node.lastStage);
  208. }
  209. }
  210. }
  211. // 初始化TenderTree数据
  212. function initTenderTree () {
  213. const levelCategory = category.filter(function (c) {
  214. return c.level && c.level > 0;
  215. });
  216. function findCategoryNode(cid, value, array) {
  217. for (const a of array) {
  218. if (a.cid === cid && a.vid === value) {
  219. return a;
  220. }
  221. }
  222. }
  223. function getCategoryNode(category, value, parent, i = null) {
  224. const array = parent ? parent.children : tenderTree;
  225. let cate = findCategoryNode(category.id, value, array);
  226. if (!cate) {
  227. const cateValue = findNode('id', value, category.value);
  228. if (!cateValue) return null;
  229. cate = {
  230. cid: category.id,
  231. vid: value,
  232. name: cateValue.value,
  233. children: [],
  234. level: i ? i : category.level,
  235. sort_id: ++parentId,
  236. sort: cateValue.sort,
  237. };
  238. array.push(cate);
  239. }
  240. return cate;
  241. }
  242. function loadTenderCategory (tender) {
  243. let tenderCategory = null;
  244. for (const [index, lc] of levelCategory.entries()) {
  245. const tenderCate = findNode('cid', lc.id, tender.category);
  246. if (tenderCate) {
  247. tenderCategory = getCategoryNode(lc, tenderCate.value, tenderCategory);
  248. } else {
  249. if (index === 0 && tender.category) {
  250. for (const [i,c] of tender.category.entries()) {
  251. const cate = findNode('id', c.cid, category);
  252. tenderCategory = getCategoryNode(cate, c.value, tenderCategory, i+1);
  253. }
  254. }
  255. return tenderCategory;
  256. }
  257. }
  258. return tenderCategory;
  259. }
  260. function calculateTender(tender) {
  261. if (tender.lastStage) {
  262. tender.end_qc_tp = ZhCalc.add(tender.lastStage.pre_qc_tp, tender.lastStage.qc_tp);
  263. tender.pre_gather_tp = ZhCalc.add(tender.lastStage.pre_contract_tp, tender.lastStage.pre_qc_tp);
  264. tender.gather_tp = ZhCalc.add(tender.lastStage.contract_tp, tender.lastStage.qc_tp);
  265. tender.sum_tp = ZhCalc.add(tender.total_price, tender.end_qc_tp);
  266. } else {
  267. tender.sum_tp = tender.total_price;
  268. }
  269. }
  270. tenderTree.splice(0, tenderTree.length);
  271. for (const t of tenders) {
  272. calculateTender(t);
  273. t.valid = true;
  274. delete t.level;
  275. if (t.category && levelCategory.length > 0) {
  276. const parent = loadTenderCategory(t);
  277. if (parent) {
  278. t.level = parent.level + 1;
  279. parent.children.push(t);
  280. } else {
  281. tenderTree.push(t);
  282. }
  283. } else {
  284. tenderTree.push(t);
  285. }
  286. }
  287. sortTenderTree();
  288. for (const t of tenderTree) {
  289. calculateParent(t);
  290. }
  291. }
  292. function getProgressHtml(total, pre, cur) {
  293. if (total !== 0) {
  294. let preP = ZhCalc.mul(ZhCalc.div(pre, total, 2), 100, 0);
  295. let curP = ZhCalc.mul(ZhCalc.div(cur, total, 2), 100, 0);
  296. let other = Math.max(ZhCalc.sub(ZhCalc.sub(total, pre), cur), 0);
  297. let otherP = Math.max(100 - preP - curP, 0);
  298. const html = '<div class="progress">' +
  299. '<div class="progress-bar bg-success" style="width: ' + preP + '%;" data-placement="bottom" data-toggle="tooltip" data-original-title="截止上期完成:¥' + pre + '">' + preP + '%</div>' +
  300. '<div class="progress-bar bg-info" style="width: ' + curP + '%;" data-placement="bottom" data-toggle="tooltip" data-original-title="本期完成:¥' + cur + '">' + curP + '%</div>' +
  301. '<div class="progress-bar bg-gray" style="width: ' + otherP + '%;" data-placement="bottom" data-toggle="tooltip" data-original-title="未完成:¥' + other + '">' + otherP + '%</div>' +
  302. '</div>';
  303. return html;
  304. } else {
  305. return '';
  306. }
  307. }
  308. function recursiveGetTenderNodeHtml (node, arr, pid) {
  309. const html = [];
  310. html.push('<tr pid="' + pid + '">');
  311. // 名称
  312. html.push('<td width="25%" class="in-' + node.level + '">');
  313. if (node.cid) {
  314. 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);
  315. } else {
  316. html.push('<span class="text-muted mr-2">');
  317. html.push(arr.indexOf(node) === arr.length - 1 ? '└' : '├');
  318. html.push('</span>');
  319. //html.push('<a href="/tender/' + node.id + '">', node[c.field], '</a>');
  320. html.push('<a href="javascript: void(0)" id="' + node.id + '">', node.name, '</a>');
  321. }
  322. html.push('</td>');
  323. // 计量进度
  324. html.push('<td style="width: 10%">');
  325. if (!node.cid && node.cur_flow) {
  326. html.push(node.cur_flow.title + ' (' + '<span class="' + node.cur_flow.status_class +'">' + node.cur_flow.status + '</span>' + ')');
  327. }
  328. html.push('</td>');
  329. // 当前流程
  330. html.push('<td style="width: 10%">');
  331. if (!node.cid && node.cur_flow) {
  332. html.push(node.cur_flow.name + ' ' + '<span class="' + node.cur_flow.status_class +'">' + node.cur_flow.status + '</span>');
  333. }
  334. html.push('</td>');
  335. // 上一流程审批时间
  336. html.push('<td style="width: 10%">');
  337. if (!node.cid && node.pre_flow) {
  338. html.push(node.pre_flow.name + ' ' + moment(node.pre_flow.time).format('YYYY-MM-DD'));
  339. }
  340. html.push('</td>');
  341. // 总价
  342. html.push('<td width="10%" class="text-right">');
  343. const sum = node.lastStage ? ZhCalc.add(node.total_price, node.lastStage.end_qc_tp) : node.total_price;
  344. html.push(node.sum_tp ? node.sum_tp : '');
  345. html.push('</td>');
  346. // 截止本期累计完成/本期完成/未完成
  347. html.push('<td>');
  348. if (node.lastStage) {
  349. html.push(getProgressHtml(node.sum_tp, node.pre_gather_tp, node.gather_tp));
  350. } else {
  351. html.push('');
  352. }
  353. html.push('</td>');
  354. html.push('</tr>');
  355. if (node.children) {
  356. for (const c of node.children) {
  357. html.push(recursiveGetTenderNodeHtml(c, node.children, node.sort_id));
  358. }
  359. }
  360. return html.join('');
  361. }
  362. // 根据TenderTree数据获取Html代码
  363. function getTenderTreeHtml () {
  364. if (tenderTree.length > 0) {
  365. const html = [];
  366. html.push('<table class="table table-hover table-bordered">');
  367. html.push('<thead style="position: fixed;left:56px;top: 34px;">', '<tr>');
  368. html.push('<th style="width: 25%" class="text-center">', '标段名称', '</th>');
  369. html.push('<th class="text-center" style="width: 10%">', '计量进度', '</th>');
  370. html.push('<th class="text-center" style="width: 10%">', '当前流程', '</th>');
  371. html.push('<th class="text-center" style="width: 10%">', '上一流程审批时间', '</th>');
  372. html.push('<th style="width: 10%" class="text-center">', '总价 <i class="fa fa-question-circle text-primary" data-placement="bottom" data-toggle="tooltip" data-original-title="0号台账+截止本期数量变更"></i>', '</th>');
  373. html.push('<th style="width: 35%" class="text-center">', '截止上期完成/本期完成/未完成', '</th>');
  374. html.push('</tr>', '</thead>');
  375. parentId = 0;
  376. for (const t of tenderTree) {
  377. html.push(recursiveGetTenderNodeHtml(t, tenderTree, ''));
  378. }
  379. html.push('</table>');
  380. return html.join('');
  381. } else {
  382. return EmptyTenderHtml.join('');
  383. }
  384. }
  385. function bindTenderUrl() {
  386. $('.c-body').on('click', 'a', function () {
  387. const tenderId = parseInt($(this).attr('id'));
  388. const tender = _.find(tenders, function (t) {
  389. return t.id === tenderId;
  390. });
  391. if (!tender) return;
  392. if (!tender.measure_type && tender.user_id !== userID) return;
  393. if (tender.measure_type) {
  394. // window.location.href = '/tender/' + tenderId;
  395. window.open('/tender/' + tenderId, '_blank');
  396. } else {
  397. for (const a of $('a', '#jlms')) {
  398. a.href = '/tender/' + tenderId + '/type?type=' + $(a).attr('mst');
  399. }
  400. $('#jlms').modal('show');
  401. }
  402. });
  403. }
  404. $(document).ready(() => {
  405. autoFlashHeight();
  406. sortCategory();
  407. // 初始化分类数据
  408. initCategoryLevelNode();
  409. $('.modal-body', '#add-bd').append(getCategoryHtml());
  410. // 初始化标段树结构
  411. initTenderTree();
  412. $('.c-body').html(getTenderTreeHtml());
  413. bindTenderUrl();
  414. localHideList();
  415. // 分类
  416. $('#cate-set').on('show.bs.modal', function () {
  417. createTree();
  418. });
  419. $('#set-cate-ok').click(function () {
  420. const data = [];
  421. const zTree = $.fn.zTree.getZTreeObj('treeLevel');
  422. for (const c of category) {
  423. const node = zTree.getNodeByParam('id', c.id);
  424. const parent = node.getParentNode();
  425. if (parent.lid === 1) {
  426. data.push({id: c.id, level: 0});
  427. } else {
  428. data.push({id: c.id, level: node.getPath().length - 1});
  429. }
  430. }
  431. postData('/setting/category/level', data, function (rst) {
  432. for (const d of data) {
  433. const c = findNode('id', d.id, category);
  434. c.level = d.level;
  435. }
  436. sortCategory();
  437. initCategoryLevelNode();
  438. initTenderTree();
  439. $('.c-body').html(getTenderTreeHtml());
  440. localHideList();
  441. $('#cate-set').modal('hide');
  442. });
  443. });
  444. // 新增标段
  445. $('#add-bd-ok').click(function () {
  446. const data = {
  447. name: cleanSymbols($('[name=name]', '#add-bd').val()),
  448. valuation: $('[name=valuation]:checked').val(),
  449. category: [],
  450. };
  451. if (!data.name || data.name === '') {
  452. // TODO 提示用户
  453. return;
  454. }
  455. for (const c of category) {
  456. if (parseInt($('select', '[cate-id=' + c.id + ']').val()) !== 0) {
  457. const cate = {cid: c.id};
  458. // if (c.type === categoryType.key.dropDown) {
  459. cate.value = parseInt($('select', '[cate-id=' + c.id + ']').val());
  460. // } else if (c.type === categoryType.key.radio) {
  461. // cate.value = parseInt($('input:checked', '[cate-id=' + c.id + ']').val());
  462. // }
  463. data.category.push(cate);
  464. }
  465. }
  466. postData('/list/add', data, function (result) {
  467. tenders.push(result);
  468. initTenderTree();
  469. $('.c-body').html(getTenderTreeHtml());
  470. bindTenderUrl();
  471. localHideList();
  472. $('#add-bd').modal('hide');
  473. $('[name=name]', '#add-bd').val('');
  474. });
  475. });
  476. });