tender_list_manage.js 19 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530
  1. 'use strict';
  2. /**
  3. *
  4. *
  5. * @author Mai
  6. * @date 2019/3/7
  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('<label>', cate.name, '</label>');
  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. // 初始化TenderTree数据
  193. function initTenderTree () {
  194. const levelCategory = category.filter(function (c) {
  195. return c.level && c.level > 0;
  196. });
  197. function findCategoryNode(cid, value, array) {
  198. for (const a of array) {
  199. if (a.cid === cid && a.vid === value) {
  200. return a;
  201. }
  202. }
  203. }
  204. function getCategoryNode(category, value, parent, i = null) {
  205. const array = parent ? parent.children : tenderTree;
  206. let cate = findCategoryNode(category.id, value, array);
  207. if (!cate) {
  208. const cateValue = findNode('id', value, category.value);
  209. if (!cateValue) return null;
  210. cate = {
  211. cid: category.id,
  212. vid: value,
  213. name: cateValue.value,
  214. children: [],
  215. level: i ? i : category.level,
  216. sort_id: ++parentId,
  217. sort: cateValue.sort,
  218. };
  219. array.push(cate);
  220. }
  221. return cate;
  222. }
  223. function loadTenderCategory (tender) {
  224. let tenderCategory = null;
  225. for (const [index,lc] of levelCategory.entries()) {
  226. const tenderCate = findNode('cid', lc.id, tender.category);
  227. if (tenderCate) {
  228. tenderCategory = getCategoryNode(lc, tenderCate.value, tenderCategory);
  229. } else {
  230. if (index === 0 && tender.category) {
  231. for (const [i,c] of tender.category.entries()) {
  232. const cate = findNode('id', c.cid, category);
  233. tenderCategory = getCategoryNode(cate, c.value, tenderCategory, i+1);
  234. }
  235. }
  236. return tenderCategory;
  237. }
  238. }
  239. return tenderCategory;
  240. }
  241. tenderTree.splice(0, tenderTree.length);
  242. for (const t of tenders) {
  243. t.valid = true;
  244. delete t.level;
  245. if (t.category && levelCategory.length > 0) {
  246. const parent = loadTenderCategory(t);
  247. if (parent) {
  248. t.level = parent.level + 1;
  249. parent.children.push(t);
  250. } else {
  251. tenderTree.push(t);
  252. }
  253. } else {
  254. tenderTree.push(t);
  255. }
  256. }
  257. sortTenderTree();
  258. }
  259. function recursiveGetTenderNodeHtml (node, arr, pid) {
  260. const html = [];
  261. html.push('<tr pid="' + pid + '">');
  262. // 名称
  263. html.push('<td style="width: 45%" class="in-' + node.level + '">');
  264. if (node.cid) {
  265. 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);
  266. } else {
  267. html.push('<span class="text-muted mr-2">');
  268. html.push(arr.indexOf(node) === arr.length - 1 ? '└' : '├');
  269. html.push('</span>');
  270. html.push('<a href="javascript: void(0)" name="name" id="' + node.id + '">', node.name, '</a>');
  271. }
  272. html.push('</td>');
  273. // 创建人
  274. html.push('<td style="width: 10%" class="text-center">', node.user_name, '</td>');
  275. // 创建时间
  276. html.push('<td style="width: 15%">', node.create_time ? moment(node.create_time).format('YYYY-MM-DD HH:mm:ss') : '', '</td>');
  277. // 完成期数
  278. html.push('<td style="width: 10%" class="text-center">');
  279. if (!node.cid) {
  280. html.push(node.lastStage ? '第' + node.lastStage.order + '期' : '第0期');
  281. }
  282. html.push('</td>');
  283. // 管理
  284. html.push('<td style="width: 20%" tid="' + node.id + '">');
  285. if (!node.cid) {
  286. html.push('<a href="javascript: void(0)" name="edit" class="btn btn-outline-primary btn-sm">编辑</a>');
  287. if (node.lastStage === null || node.lastStage === undefined) {
  288. html.push('<a href="javascript: void(0)" name="del" class="btn btn-outline-danger btn-sm ml-1">删除</a>');
  289. } else {
  290. html.push('<button class="btn btn-outline-secondary btn-sm ml-1" data-toggle="tooltip" data-placement="top" title="请先删除所有期">删除</button>');
  291. }
  292. }
  293. html.push('</td>');
  294. html.push('</tr>');
  295. if (node.children) {
  296. for (const c of node.children) {
  297. html.push(recursiveGetTenderNodeHtml(c, node.children, node.sort_id));
  298. }
  299. }
  300. return html.join('');
  301. }
  302. function getTenderTreeHeaderHtml() {
  303. const html = [];
  304. html.push('<table class="table table-hover table-bordered">');
  305. html.push('<thead style="position: fixed;left:56px;top: 34px;">', '<tr>');
  306. html.push('<th class="text-center" style="width: 45%">', '标段名称', tenderListOrder.getOrderButton('name'), '</th>');
  307. html.push('<th class="text-center" style="width: 10%">', '创建人', '</th>');
  308. html.push('<th class="text-center" style="width: 15%">', '创建时间', tenderListOrder.getOrderButton('create_time'), '</th>');
  309. html.push('<th class="text-center" style="width: 10%">', '完成期数', '</th>');
  310. html.push('<th class="text-center" style="width: 20%">', '管理', '</th>');
  311. html.push('</tr>', '</thead>');
  312. return html.join('');
  313. }
  314. // 根据TenderTree数据获取Html代码
  315. function getTenderTreeHtml () {
  316. if (tenderTree.length > 0) {
  317. const html = [];
  318. html.push(getTenderTreeHeaderHtml());
  319. parentId = 0;
  320. for (const t of tenderTree) {
  321. html.push(recursiveGetTenderNodeHtml(t, tenderTree, ''));
  322. }
  323. html.push('</table>');
  324. return html.join('');
  325. } else {
  326. return EmptyTenderHtml.join('');
  327. }
  328. }
  329. function bindTenderUrl() {
  330. // 打开标段
  331. $('body').on('click', '.c-body a[name=name]', function () {
  332. const tenderId = parseInt($(this).attr('id'));
  333. const tender = _.find(tenders, function (t) {
  334. return t.id === tenderId;
  335. });
  336. if (!tender) return;
  337. if (!tender.measure_type && tender.user_id !== userID) return;
  338. if (tender.measure_type) {
  339. // window.location.href = '/tender/' + tenderId;
  340. window.open('/tender/' + tenderId, '_blank');
  341. } else {
  342. for (const a of $('a', '#jlms')) {
  343. a.href = '/tender/' + tenderId + '/type?type=' + $(a).attr('mst');
  344. }
  345. $('#jlms').modal('show');
  346. }
  347. });
  348. // 编辑
  349. $('body').on('click', '.c-body a[name=edit]', function () {
  350. const tid = parseInt($(this).parent().attr('tid'));
  351. const tender = _.find(tenders, {id: tid});
  352. $('[name=name]', '#edit-bd').val(tender.name);
  353. $('input[type=radio]', '#add-bd').prop('checked', false);
  354. $('option[value=0]', '#edit-bd').prop('selected', true);
  355. for (const c of tender.category) {
  356. // $('input[value=' + c.value + ']', '#edit-bd').prop('checked', 'checked');
  357. $('option[value=' + c.value + ']', '#edit-bd').prop('selected', true);
  358. }
  359. $('#edit-bd-ok').attr('tid', tid);
  360. $('#edit-bd').modal('show');
  361. });
  362. // 删除
  363. $('body').on('click', '.c-body a[name=del]', function () {
  364. $('#del-bd-ok').attr('tid', $(this).parent().attr('tid'));
  365. $('#del-bd').modal('show');
  366. });
  367. }
  368. $(document).ready(() => {
  369. autoFlashHeight();
  370. sortCategory();
  371. // 初始化分类数据
  372. initCategoryLevelNode();
  373. $('.modal-body', '#add-bd').append(getCategoryHtml());
  374. $('.modal-body', '#edit-bd').append(getCategoryHtml());
  375. // 初始化标段树结构
  376. tenderListOrder.reOrderTenders();
  377. initTenderTree();
  378. $('.c-body').html(getTenderTreeHtml());
  379. bindTenderUrl();
  380. localHideList();
  381. // 分类
  382. $('#cate-set').on('show.bs.modal', function () {
  383. createTree();
  384. });
  385. $('#set-cate-ok').click(function () {
  386. const data = [];
  387. const zTree = $.fn.zTree.getZTreeObj('treeLevel');
  388. for (const c of category) {
  389. const node = zTree.getNodeByParam('id', c.id);
  390. const parent = node.getParentNode();
  391. if (parent.lid === 1) {
  392. data.push({id: c.id, level: 0});
  393. } else {
  394. data.push({id: c.id, level: node.getPath().length - 1});
  395. }
  396. }
  397. postData('/setting/category/level', data, function (rst) {
  398. for (const d of data) {
  399. const c = findNode('id', d.id, category);
  400. c.level = d.level;
  401. }
  402. sortCategory();
  403. initCategoryLevelNode();
  404. initTenderTree();
  405. $('.c-body').html(getTenderTreeHtml());
  406. localHideList();
  407. $('#cate-set').modal('hide');
  408. });
  409. });
  410. $('a[name=add]').click(function () {
  411. $('input[type=radio]', '#edit-bd').prop('checked', false);
  412. $('input[type=radio]', '#add-bd').eq(0).prop('checked', true);
  413. });
  414. // 新增标段
  415. $('#add-bd-ok').click(function () {
  416. const data = {
  417. name: cleanSymbols($('[name=name]', '#add-bd').val()),
  418. valuation: $('[name=valuation]:checked').val(),
  419. category: [],
  420. };
  421. if (!data.name || data.name === '') {
  422. // TODO 提示用户
  423. return;
  424. }
  425. for (const c of category) {
  426. const cateObj = $('[cate-id=' + c.id + ']', '#add-bd');
  427. if (parseInt($('select', cateObj).val()) !== 0) {
  428. const cate = {cid: c.id};
  429. cate.value = parseInt($('select', cateObj).val());
  430. data.category.push(cate);
  431. }
  432. // if (c.type === categoryType.key.dropDown) {
  433. // cate.value = parseInt($('select', cateObj).val());
  434. // } else if (c.type === categoryType.key.radio) {
  435. // cate.value = parseInt($('input:checked', cateObj).val());
  436. // }
  437. }
  438. postData('/list/add', data, function (result) {
  439. tenders.push(result);
  440. initTenderTree();
  441. $('.c-body').html(getTenderTreeHtml());
  442. bindTenderUrl();
  443. localHideList();
  444. $('#add-bd').modal('hide');
  445. $('[name=name]', '#add-bd').val('');
  446. });
  447. });
  448. // 编辑标段
  449. $('#edit-bd-ok').click(function () {
  450. const data = {
  451. id: parseInt($(this).attr('tid')),
  452. name: cleanSymbols($('[name=name]', '#edit-bd').val()),
  453. category: [],
  454. };
  455. if (!data.name || data.name === '') {
  456. // TODO 提示用户
  457. return;
  458. }
  459. for (const c of category) {
  460. const cateObj = $('[cate-id=' + c.id + ']', '#edit-bd');
  461. if (parseInt($('select', cateObj).val()) !== 0) {
  462. const cate = {cid: c.id};
  463. cate.value = parseInt($('select', cateObj).val());
  464. data.category.push(cate);
  465. }
  466. // if (c.type === categoryType.key.dropDown) {
  467. // cate.value = parseInt($('select', cateObj).val());
  468. // } else if (c.type === categoryType.key.radio) {
  469. // cate.value = parseInt($('input:checked', cateObj).val());
  470. // }
  471. // data.category.push(cate);
  472. }
  473. postData('/list/update', data, function (result) {
  474. const tender = _.find(tenders, {id: result.id});
  475. _.assign(tender, result);
  476. initTenderTree();
  477. $('.c-body').html(getTenderTreeHtml());
  478. bindTenderUrl();
  479. localHideList();
  480. $('#edit-bd').modal('hide');
  481. });
  482. });
  483. // 删除标段
  484. $('#del-bd-ok').click(function () {
  485. const tid = parseInt($(this).attr('tid'));
  486. if (tid >= 0) {
  487. postData('/list/del', [tid], function (result) {
  488. function getCategory(arr, id) {
  489. for (const a of arr) {
  490. if (a.cid) {
  491. const ac = getCategory(a.children, id);
  492. if (ac) {
  493. return ac;
  494. }
  495. } else if (a.id === id) {
  496. return arr;
  497. }
  498. }
  499. return null;
  500. }
  501. for (const rid of result) {
  502. const tr = $('td[tid=' + rid + ']').parent();
  503. const arr = getCategory(tenderTree, rid);
  504. if (arr) {
  505. const a = arr.find(function (x) {
  506. return x.id === rid;
  507. });
  508. if (arr.length > 1 && arr.indexOf(a) === arr.length - 1) {
  509. const span = $('span', tr.prev());
  510. span.text('└');
  511. }
  512. arr.splice(arr.indexOf(a), 1);
  513. }
  514. _.remove(tenders, function (n) {
  515. return n.id === rid;
  516. });
  517. tr.remove();
  518. $('#del-bd').modal('hide');
  519. }
  520. });
  521. } else {
  522. $('#del-bd').modal('hide');
  523. }
  524. });
  525. });