change.js 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355
  1. 'use strict';
  2. /**
  3. *
  4. *
  5. * @author Mai
  6. * @date 2018/8/21
  7. * @version
  8. */
  9. // 向后端请求中间计量号
  10. function getNewCode() {
  11. postData('/tender/'+ $('#tenderId').val() +'/change/newCode', null, function (code) {
  12. if (code !== '') {
  13. $('#bj-code').val(code);
  14. }
  15. });
  16. }
  17. class codeRuleSet {
  18. constructor (obj) {
  19. this.body = obj;
  20. // 切换规则组件类型
  21. $('.rule-change', obj).change(function () {
  22. const codeType = this.selectedIndex-1;
  23. if (codeType === ruleConst.ruleType.addNo) {
  24. $('#format', obj).show();
  25. $('#text', obj).show();
  26. $('#text>label', obj).text('起始编号');
  27. $('#text>input', obj).val('001');
  28. const s = '0000000000' + 1;
  29. $('#text>input', obj).val(s.substr(s.length - $('#format>input', obj).val()));
  30. } else if (codeType === ruleConst.ruleType.text) {
  31. $('#format', obj).hide();
  32. $('#text', obj).show();
  33. $('#text>label', obj).text('文本');
  34. $('#text>input', obj).val('').attr('placeholder', '请在这里输入需要的文本');
  35. } else {
  36. $('#format', obj).hide();
  37. $('#text', obj).hide();
  38. }
  39. });
  40. // 修改编号位数
  41. $('#format>input', obj).change(function () {
  42. const s = '0000000000' + parseInt($('#text>input', obj).val());
  43. $('#text>input', obj).val(s.substr(s.length - $(this).val()));
  44. });
  45. // 修改连接符
  46. $('.connector-change', obj).change(function () {
  47. const connectorType = this.options[this.selectedIndex].text;
  48. const rules = $('span>span', obj), ruleText = [];
  49. for (const r of rules) {
  50. ruleText.push($.trim(r.innerText));
  51. }
  52. if (connectorType === '无') {
  53. $('#preview', obj).text(ruleText.join(''));
  54. } else {
  55. $('#preview', obj).text(ruleText.join(connectorType));
  56. }
  57. connectorRule = this.options[this.selectedIndex].value;
  58. });
  59. // 新增规则组件
  60. $('#addRule', obj).click(function () {
  61. const codeType = $('select', obj)[1].selectedIndex-1;
  62. const rule = {rule_type: codeType}, html = [];
  63. let preview;
  64. switch (codeType) {
  65. case ruleConst.ruleType.dealCode: {
  66. if ($('#dealCode').val() === '') {
  67. toastr.error('当前标段合同编号为空,请选择其他组件。');
  68. return false;
  69. }
  70. preview = $('#dealCode').val();
  71. break;
  72. }
  73. case ruleConst.ruleType.tenderName: {
  74. preview = $('#tenderName').val();
  75. break;
  76. }
  77. case ruleConst.ruleType.text: {
  78. rule.text = $('#text>input', obj).val();
  79. if (rule.text === '') {
  80. toastr.error('文本内容不允许为空。');
  81. return false;
  82. }
  83. preview = rule.text;
  84. break;
  85. }
  86. case ruleConst.ruleType.inDate: {
  87. preview = moment().format('YYYY');
  88. break;
  89. }
  90. case ruleConst.ruleType.addNo: {
  91. rule.format = parseInt($('#format>input', obj).val());
  92. rule.start = parseInt($('#text>input', obj).val());
  93. if ($('#text>input', obj).val().length !== rule.format) {
  94. toastr.error('起始编号位数和自动编号位数不一致。');
  95. return false;
  96. }
  97. const s = '0000000000';
  98. preview = s.substr(s.length - rule.format);
  99. break;
  100. }
  101. default: {
  102. toastr.error('请选择组件再添加');
  103. return false;
  104. }
  105. }
  106. // 更新规则
  107. codeRule.push(rule);
  108. // 更新规则显示
  109. html.push('<span class="badge badge-light" title="' + ruleConst.ruleString[codeType] + '" rule="' + JSON.stringify(rule) + '">');
  110. html.push('<span>' + preview + '</span>');
  111. html.push('<a href="javascript: void(0);" class="text-danger" title="移除"><i class="fa fa-remove"></i></a>');
  112. html.push('</span>');
  113. const part = $('#ruleParts', obj).append(html.join(''));
  114. // 更新规则预览
  115. const connectorType = connectorRule !== '' && parseInt(connectorRule) !== ruleConst.connectorType.nothing ? ruleConst.connectorString[connectorRule] : '';
  116. const previewtext = $.trim($('#preview', obj).text()) === '' ? preview : $.trim($('#preview', obj).text()) + connectorType + preview;
  117. $('#preview', obj).text(previewtext);
  118. });
  119. // 删除规则组件
  120. $($('#ruleParts', obj)).on('click', 'a', function () {
  121. const index = $('a', obj).index(this);
  122. codeRule.splice(index-1, 1);
  123. $(this).parent().remove();
  124. const rules = $('span>span', obj), ruleText = [];
  125. for (const r of rules) {
  126. ruleText.push($.trim(r.innerText));
  127. }
  128. const connectorType = connectorRule !== '' && parseInt(connectorRule) !== ruleConst.connectorType.nothing ? ruleConst.connectorString[connectorRule] : '';
  129. $('#preview', obj).text(ruleText.join(connectorType));
  130. });
  131. }
  132. }
  133. $(document).ready(() => {
  134. $("#change-table").colResizable({
  135. liveDrag:true,
  136. gripInnerHtml:"<div class='grip'></div>",
  137. draggingClass:"dragging",
  138. resizeMode:'fit',
  139. postbackSafe:true,
  140. partialRefresh:true
  141. });
  142. // 首次进入设置
  143. let showNoNeed = false;
  144. if (parseInt(cRuleFirst)) {
  145. codeRule = [];
  146. showNoNeed = true;
  147. // const firstSet = new codeRuleSet($('div.modal-body', '#first'));
  148. // // 确认规则上传服务器
  149. // $('#setRule', '#first').bind('click', function () {
  150. // const data = {
  151. // rule: ruleType,
  152. // connector: connectorRule,
  153. // data: JSON.stringify(codeRule),
  154. //
  155. // };
  156. // postData('/tender/rule', data, function () {
  157. // $('#first').modal('hide');
  158. // $('#add-bj').modal('show');
  159. // });
  160. // });
  161. // $('#first').modal('show');
  162. $('#setting').modal('show');
  163. } else if ($('#changList').children.length === 0) {
  164. $('#add-bj').modal('show');
  165. }
  166. // 设置
  167. const ruleSet = new codeRuleSet($('div.modal-body', '#setting'));
  168. $('#setRule', '#setting').bind('click', function () {
  169. const data = {
  170. rule: ruleType,
  171. connector: connectorRule,
  172. data: JSON.stringify(codeRule),
  173. };
  174. if (codeRule.length !== 0) {
  175. $('#autoCodeShow').show();
  176. }
  177. postData('/tender/rule', data, function () {
  178. if (parseInt(cRuleFirst) && showNoNeed) {
  179. $('#changeFirst').click();
  180. $('#add-bj').modal('show');
  181. } else {
  182. $('#setting').modal('hide');
  183. }
  184. });
  185. })
  186. $('.ml-auto').on('click', 'a', function () {
  187. const content = $(this).attr('href');
  188. if (content === '#add-bj') {
  189. $('#add-bj-modal').modal('show')
  190. getNewCode();
  191. if ($('#changeList').children.length === 0) {
  192. $('#addCancel').hide();
  193. } else {
  194. $('#addCancel').show();
  195. }
  196. $('#bj-code').removeClass('is-invalid');
  197. // if (parseInt(ledger_status) === ledgerConsts.uncheck) {
  198. // $('#warning-ledger').modal('show');
  199. // } else {
  200. // $('#add-bj-modal').modal('show')
  201. // getNewCode();
  202. // if ($('#changeList').children.length === 0) {
  203. // $('#addCancel').hide();
  204. // } else {
  205. // $('#addCancel').show();
  206. // }
  207. // $('#bj-code').removeClass('is-invalid');
  208. // }
  209. }
  210. })
  211. // 新增变更令 modal显示
  212. // $('#add-bj').on('show.bs.modal', function() {
  213. // console.log('2222222222222222')
  214. // if (parseInt(ledger_status) === ledgerConsts.checked) {
  215. // $('#add-bj').modal('hide');
  216. // $('#warning-ledger').modal('show');
  217. // }
  218. // getNewCode();
  219. // if ($('#changeList').children.length === 0) {
  220. // $('#addCancel').hide();
  221. // } else {
  222. // $('#addCancel').show();
  223. // }
  224. // $('#bj-code').removeClass('is-invalid');
  225. // });
  226. // 获取最新可用变更令号
  227. $('#autoCode').click(getNewCode);
  228. // 新增变更令 确认
  229. $('#addOk').click(function () {
  230. $(this).attr('disabled', true);
  231. if (!openChangePlan && $('#bj-name').val().length === 0) {
  232. $('#bj-name').addClass('is-invalid');
  233. $('#name_error_msg').show();
  234. $('#name_error_msg').text('变更工程名称不能为空。');
  235. $(this).attr('disabled', false);
  236. setTimeout(function () {
  237. $('#bj-name').removeClass('is-invalid');
  238. $('#name_error_msg').hide();
  239. }, 2000);
  240. return;
  241. }
  242. if (!openChangePlan && $('#bj-name').val().length > 100) {
  243. $('#bj-name').addClass('is-invalid');
  244. $('#name_error_msg').show();
  245. $('#name_error_msg').text('名称超过100个字,请缩减名称。');
  246. $(this).attr('disabled', false);
  247. setTimeout(function () {
  248. $('#bj-name').removeClass('is-invalid');
  249. $('#name_error_msg').hide();
  250. }, 2000);
  251. return;
  252. }
  253. const data = {
  254. code: $('#bj-code').val(),
  255. plan_code: $('#plan-code').val(),
  256. name: $('#bj-name').val(),
  257. };
  258. if (data.code || data.code !== '' || data.name || data.name !== '') {
  259. postData('/tender/'+ $('#tenderId').val() +'/change/add', data, function (rst) {
  260. $('#bj-code').removeClass('is-invalid');
  261. $('#mj-add').modal('hide');
  262. $(this).attr('disabled', false);
  263. window.location.href = '/tender/'+ $('#tenderId').val() +'/change/' + rst.cid + '/information';
  264. }, function () {
  265. $('#mj-code').addClass('is-invalid');
  266. $('#mj-Hint').show();
  267. $(this).attr('disabled', false);
  268. });
  269. }
  270. });
  271. $('#plan-code').change(function () {
  272. if ($(this).val() === '') {
  273. $('#bj-name').val('');
  274. } else {
  275. const info = _.find(changePlanList, { code: $(this).val() });
  276. $('#bj-name').val(info.name);
  277. }
  278. });
  279. //状态切换
  280. $('#status_select a').on('click', function () {
  281. const status = $(this).data('val');
  282. let url = '/tender/'+ $('#tenderId').val() +'/change';
  283. if (status !== 0) {
  284. url += '/status/'+ status;
  285. }
  286. let orderSetting = getLocalCache('change-'+ $('#tenderId').val() +'-list-order');
  287. if (orderSetting) {
  288. const orders = orderSetting.split('|');
  289. url += '?sort=' + orders[0] + '&order=' + orders[1];
  290. }
  291. window.location.href = url;
  292. });
  293. // 不再显示首次使用
  294. $('#changeFirst').click(function () {
  295. showNoNeed = false;
  296. $('#changeFirst').remove();
  297. $('#hide_modal').show();
  298. $('#setting').modal('hide');
  299. postData('/tender/'+ $('#tenderId').val() +'/rule/first', '', function () {
  300. });
  301. });
  302. // 弹出删除变更框赋值
  303. $('.delete-cid-modal').on('click', function () {
  304. $('#delete-cid').val($(this).attr('cid'));
  305. });
  306. // 排序初始化
  307. let orderSetting = getLocalCache('change-'+ $('#tenderId').val() +'-list-order');
  308. if (!orderSetting) orderSetting = 'time|desc';
  309. const orders = orderSetting.split('|');
  310. $("#sort-radio input[value='"+ orders[0] +"']").prop('checked', true);
  311. $("#order-radio input[value='"+ orders[1] +"']").prop('checked', true);
  312. if (orders[0] === 'time') {
  313. $('#bpaixu').text('排序:创建时间');
  314. } else {
  315. $('#bpaixu').text('排序:变更令号');
  316. }
  317. // let sortSetting = getLocalCache('change-'+ $('#tenderId').val() +'-list-sort');
  318. // if (sortSetting && parseInt(sortSetting) === 1) {
  319. // $('#bpaixu').click();
  320. // }
  321. // $('#sort-dropdown').on('shown.bs.dropdown', function () {
  322. // setLocalCache('change-'+ $('#tenderId').val() +'-list-sort', 1);
  323. // });
  324. // $('#sort-dropdown').on('hidden.bs.dropdown', function () {
  325. // setLocalCache('change-'+ $('#tenderId').val() +'-list-sort', 0);
  326. // });
  327. $('#sort-radio input[name="paizhi"]').click(function () {
  328. const orderStr = $(this).val() + '|' + $('#order-radio input[name="paixu"]:checked').val();
  329. setLocalCache('change-'+ $('#tenderId').val() +'-list-order', orderStr);
  330. // setLocalCache('change-'+ $('#tenderId').val() +'-list-sort', 1);
  331. const link = window.location.origin + window.location.pathname + '?sort='+ $(this).val() + '&order=' + $('#order-radio input[name="paixu"]:checked').val();
  332. window.location.href = link;
  333. });
  334. $('#order-radio input[name="paixu"]').click(function () {
  335. const orderStr = $('#sort-radio input[name="paizhi"]:checked').val() + '|' + $(this).val();
  336. setLocalCache('change-'+ $('#tenderId').val() +'-list-order', orderStr);
  337. // setLocalCache('change-'+ $('#tenderId').val() +'-list-sort', 1);
  338. const link = window.location.origin + window.location.pathname + '?sort='+ $('#sort-radio input[name="paizhi"]:checked').val() + '&order=' + $(this).val();
  339. window.location.href = link;
  340. })
  341. });