main.js 9.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233
  1. 'use strict';
  2. /**
  3. *
  4. *
  5. * @author Zhong
  6. * @date 2018/5/29
  7. * @version
  8. */
  9. const billsGuidanceMain = (function () {
  10. const updateType = {create: 'create', update: 'update', delete: 'delete'};
  11. const typeString = {1: '清单指引', 2: '清单精灵'};
  12. let guidanceLibs = [];
  13. let curLib = null;
  14. //上一个选择的库(三次确认删除同一库时用)
  15. let preLib = null;
  16. let deleteCount = 0;
  17. //获取编办及编办下清单库
  18. //@return {void}
  19. function getComBillsLibInfo(){
  20. CommonAjax.post('/billsGuidance/api/getComBillsLibInfo', {}, function (rstData) {
  21. const comSels = $('#comSels');
  22. const billsLibSels = $('#billsLibSels');
  23. //设置编办及清单规则库选择
  24. comSels.empty();
  25. function setBillsLib(libs){
  26. billsLibSels.empty();
  27. for(let lib of libs){
  28. let libOpt = `<option value="${lib.billsLibId}">${lib.billsLibName}</option>`;
  29. billsLibSels.append(libOpt);
  30. }
  31. }
  32. let comIndex = {};
  33. for(let i = 0; i < rstData.length; i++){
  34. let compilation = rstData[i];
  35. comIndex[compilation._id] = compilation;
  36. let comOpt = `<option value = "${compilation._id}">${compilation.name}</option>`;
  37. comSels.append(comOpt);
  38. //设置初始选择的清单规则库
  39. if(i === 0){
  40. setBillsLib(compilation.billsLibs);
  41. }
  42. }
  43. //变更编办选择
  44. comSels.on('change', function () {
  45. let curComId = $(this).select().val();
  46. let curCom = comIndex[curComId];
  47. setBillsLib(curCom.billsLibs);
  48. });
  49. });
  50. }
  51. //html新增库
  52. //@param {Object}tbody {Object}lib @return {void}
  53. function addLibToView(tbody, lib){
  54. let type = lib.type && typeString[lib.type] ? typeString[lib.type] : ''
  55. let tr = `<tr id="${lib.ID}">
  56. <td><a href="/billsGuidance/guidance/?libID=${lib.ID}">${lib.name}</a>
  57. <td>${lib.compilationName}</td>
  58. <td>${lib.billsLibName}</td>
  59. <td>${type}</td>
  60. <td>${lib.createDate.split(' ')[0]}</td>
  61. <td><a href="javascript:void(0);" data-toggle="modal" data-target="#edit" title="编辑"><i class="fa fa-pencil-square-o"></i></a>
  62. <a href="javascript:void(0);" data-toggle="modal" data-target="#del" class="text-danger" title="删除"><i class="fa fa-remove"></i></a></td></tr>`;
  63. tbody.append(tr);
  64. }
  65. //获取清单指引库
  66. //@return {void}
  67. function getLibs(){
  68. CommonAjax.post('/billsGuidance/api/getBillsGuideLibs', {}, function (rstData) {
  69. guidanceLibs = rstData;
  70. const tbody = $('.main').find('tbody');
  71. tbody.empty();
  72. for(let lib of rstData){
  73. addLibToView(tbody, lib);
  74. }
  75. });
  76. }
  77. //是否已存在此库
  78. //@param {Object}findSet {Array}libs @return {Object}
  79. function existLib(findSet, libs) {
  80. for(let lib of libs){
  81. if(lib[findSet.k] === findSet.v){
  82. return lib;
  83. }
  84. }
  85. return null;
  86. }
  87. //监听事件
  88. //@return {void}
  89. function eventListener(){
  90. //新建库确认按钮事件
  91. $('#addY').click(function () {
  92. try{
  93. let cName = $('#createName').val();
  94. if(!cName || cName.trim() === ''){
  95. throw '请输入名称!';
  96. }
  97. if(existLib({k: 'name', v: cName}, guidanceLibs)){
  98. throw '已存在此库!';
  99. }
  100. let compilationId = $('#comSels').select().val();
  101. let compilationName = $('#comSels').select().children('option:selected').text();
  102. if(!compilationId){
  103. throw '请选择编办!';
  104. }
  105. let billsLibId = $('#billsLibSels').select().val();
  106. let billsLibName = $('#billsLibSels').select().children('option:selected').text();
  107. if(!billsLibId){
  108. throw '请选择清单规则库';
  109. }
  110. //新建
  111. $.bootstrapLoading.start();
  112. //库类型
  113. let addType = $('#add').find('input:checked');
  114. if(!addType){
  115. throw '请选择库类型';
  116. }
  117. let createData = {type: parseInt(addType.val()), ID: uuid.v1(), name: cName, compilationId: compilationId, compilationName: compilationName, billsLibId: parseInt(billsLibId), billsLibName:billsLibName};
  118. let updateData = {updateType: updateType.create, updateData: createData};
  119. CommonAjax.post('/billsGuidance/api/updateBillsGuideLib', updateData, function (rstData) {
  120. guidanceLibs.push(rstData);
  121. addLibToView($('.main').find('tbody'), rstData);
  122. $('#add').modal('hide');
  123. $.bootstrapLoading.end();
  124. }, function () {
  125. $.bootstrapLoading.end();
  126. });
  127. }
  128. catch(err){
  129. alert(err);
  130. $('#createName').focus();
  131. }
  132. });
  133. //新建模态框
  134. $('#add').on('hidden.bs.modal', function () {
  135. $('#createName').val('');
  136. });
  137. $('#add').on('shown.bs.modal', function () {
  138. $('#createName').focus();
  139. });
  140. //所有编辑按钮
  141. $('.main').find('tbody').on('click', '[data-target="#edit"]', function () {
  142. let tr = $(this).parent().parent();
  143. let selLib = existLib({k: 'ID', v: tr.attr('id')}, guidanceLibs);
  144. curLib = selLib;
  145. $('#edName').val(curLib.name);
  146. $('#edComSels').select().children('option:selected').text(curLib.compilationName);
  147. $('#edBillsLibSels').select().children('option:selected').text(curLib.billsLibName);
  148. });
  149. //编辑确认
  150. $('#editY').click(function(){
  151. try{
  152. let newName = $('#edName').val();
  153. if(newName.trim() === curLib.name){
  154. $('#edit').modal('hide');
  155. return;
  156. }
  157. if(!newName || newName.trim() === ''){
  158. throw '名称不能为空!';
  159. }
  160. if(existLib({k: 'name', v: newName}, guidanceLibs)){
  161. throw '该库已存在!';
  162. }
  163. let updateData = {updateType: updateType.update, findData: {ID: curLib.ID}, updateData: {name: newName}};
  164. CommonAjax.post('/billsGuidance/api/updateBillsGuideLib', updateData, function (rstData) {
  165. curLib.name = newName;
  166. $(`#${curLib.ID} td:first a`).text(newName);
  167. $('#edit').modal('hide');
  168. });
  169. }
  170. catch(err){
  171. alert(err);
  172. $('#edName').focus();
  173. }
  174. });
  175. //编辑模态框
  176. $('#edit').on('shown.bs.modal', function () {
  177. $('#edName').focus();
  178. });
  179. //所有删除按钮
  180. $('.main').find('tbody').on('click', '[data-target="#del"]', function () {
  181. let tr = $(this).parent().parent();
  182. curLib = existLib({k: 'ID', v: tr.attr('id')}, guidanceLibs);
  183. console.log(curLib);
  184. });
  185. //删除确认
  186. $('#delY').click(function () {
  187. try{
  188. if(!curLib){
  189. throw '不存在该库!';
  190. }
  191. if(preLib && preLib.ID !== curLib.ID){
  192. deleteCount = 0;
  193. }
  194. deleteCount++;
  195. preLib = curLib;
  196. if(deleteCount === 3){
  197. $('#del').modal('hide');
  198. $.bootstrapLoading.start();
  199. let updateData = {updateType: updateType.delete, findData: {ID: curLib.ID}, updateData: {deleted: true}};
  200. CommonAjax.post('/billsGuidance/api/updateBillsGuideLib', updateData, function (rstData) {
  201. $(`#${curLib.ID}`).remove();
  202. curLib = null;
  203. _.remove(guidanceLibs, function (lib) {
  204. return lib.ID === updateData.findData.ID;
  205. });
  206. $.bootstrapLoading.end();
  207. }, function () {
  208. $.bootstrapLoading.end();
  209. });
  210. }
  211. }
  212. catch(err){
  213. alert(err);
  214. }
  215. });
  216. //删除确认窗口关闭,重新计数
  217. $('#del').on('hidden.bs.modal', function () {
  218. deleteCount = 0;
  219. });
  220. }
  221. return {getComBillsLibInfo, getLibs, eventListener};
  222. })();
  223. $(document).ready(function () {
  224. billsGuidanceMain.getComBillsLibInfo();
  225. billsGuidanceMain.getLibs();
  226. billsGuidanceMain.eventListener();
  227. });