change.js 8.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211
  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;
  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;
  62. const rule = {rule_type: codeType}, html = [];
  63. let preview;
  64. switch (codeType) {
  65. case ruleConst.ruleType.tenderName: {
  66. preview = $('#tenderName').val();
  67. break;
  68. }
  69. case ruleConst.ruleType.text: {
  70. rule.text = $('#text>input', obj).val();
  71. preview = rule.text;
  72. break;
  73. }
  74. case ruleConst.ruleType.inDate: {
  75. preview = moment().format('YYYY');
  76. break;
  77. }
  78. case ruleConst.ruleType.addNo: {
  79. rule.format = parseInt($('#format>input', obj).val());
  80. rule.start = parseInt($('#text>input', obj).val());
  81. const s = '0000000000';
  82. preview = s.substr(s.length - rule.format);
  83. break;
  84. }
  85. default: {
  86. toast('请选择组件再添加', 'error');
  87. return false;
  88. }
  89. }
  90. // 更新规则
  91. codeRule.push(rule);
  92. // 更新规则显示
  93. html.push('<span class="badge badge-light" title="' + ruleConst.ruleString[codeType] + '" rule="' + JSON.stringify(rule) + '">');
  94. html.push('<span>' + preview + '</span>');
  95. html.push('<a href="javascript: void(0);" class="text-danger" title="移除"><i class="fa fa-remove"></i></a>');
  96. html.push('</span>');
  97. const part = $('#ruleParts', obj).append(html.join(''));
  98. // 更新规则预览
  99. const connectorType = connectorRule !== '' && parseInt(connectorRule) !== 3 ? ruleConst.connectorString[connectorRule] : '';
  100. const previewtext = $.trim($('#preview', obj).text()) === '' ? preview : $.trim($('#preview', obj).text()) + connectorType + preview;
  101. $('#preview', obj).text(previewtext);
  102. $('a', part).bind('click', function () {
  103. const index = $('a', obj).index(this);
  104. codeRule.splice(index, 1);
  105. $(this).parent().remove();
  106. const rules = $('span>span', obj), ruleText = [];
  107. for (const r of rules) {
  108. ruleText.push($.trim(r.innerText));
  109. }
  110. const connectorType = connectorRule !== '' && parseInt(connectorRule) !== 3 ? ruleConst.connectorString[connectorRule] : '';
  111. $('#preview', obj).text(ruleText.join(connectorType));
  112. });
  113. });
  114. // 删除规则组件
  115. $('a', $('#ruleParts', obj)).bind('click', function () {
  116. const index = $('a', obj).index(this);
  117. codeRule.splice(index, 1);
  118. $(this).parent().remove();
  119. const rules = $('span>span', obj), ruleText = [];
  120. for (const r of rules) {
  121. ruleText.push($.trim(r.innerText));
  122. }
  123. // const connectorType = $('.connector-change', obj).val() !== null || $('.connector-change', obj).val() === '3' ? $('.connector-change option:selected', obj).text() : '';
  124. const connectorType = connectorRule !== '' && parseInt(connectorRule) !== 3 ? ruleConst.connectorString[connectorRule] : '';
  125. console.log(connectorType);
  126. $('#preview', obj).text(ruleText.join(connectorType));
  127. });
  128. }
  129. }
  130. $(document).ready(() => {
  131. // 首次进入设置
  132. if (!codeRule || codeRule.length === 0) {
  133. codeRule = [];
  134. const firstSet = new codeRuleSet($('div.modal-body', '#first'));
  135. // 确认规则上传服务器
  136. $('#setRule', '#first').bind('click', function () {
  137. const data = {
  138. rule: ruleType,
  139. connector: connectorRule,
  140. data: JSON.stringify(codeRule),
  141. };
  142. postData('/tender/rule', data, function () {
  143. $('#first').modal('hide');
  144. $('#add-bj').modal('show');
  145. });
  146. });
  147. $('#first').modal('show');
  148. } else if ($('#changList').children.length === 0) {
  149. $('#add-bj').modal('show');
  150. }
  151. // 设置
  152. const ruleSet = new codeRuleSet($('div.modal-body', '#setting'));
  153. $('#setRule', '#setting').bind('click', function () {
  154. const data = {
  155. rule: ruleType,
  156. connector: connectorRule,
  157. data: JSON.stringify(codeRule),
  158. };
  159. postData('/tender/rule', data, function () {
  160. $('#setting').modal('hide');
  161. });
  162. })
  163. // 新增变更令 modal显示
  164. $('#add-bj').on('show.bs.modal', function() {
  165. getNewCode();
  166. if ($('#changeList').children.length === 0) {
  167. $('#addCancel').hide();
  168. } else {
  169. $('#addCancel').show();
  170. }
  171. $('#bj-code').removeClass('is-invalid');
  172. });
  173. // 获取最新可用变更令号
  174. $('#autoCode').click(getNewCode);
  175. // 新增变更令 确认
  176. $('#addOk').click(function () {
  177. const data = {
  178. code: $('#bj-code').val(),
  179. name: $('#bj-name').val(),
  180. };
  181. if (data.code || data.code !== '' || data.name || data.name !== '') {
  182. postData('/tender/'+ $('#tenderId').val() +'/change/add', data, function (rst) {
  183. $('#bj-code').removeClass('is-invalid');
  184. $('#mj-add').modal('hide');
  185. window.location.href = '/tender/'+ $('#tenderId').val() +'/change/' + rst.cid + '/info';
  186. }, function () {
  187. $('#mj-code').addClass('is-invalid');
  188. $('#mj-Hint').show();
  189. });
  190. }
  191. });
  192. //状态切换
  193. $('#status_select').change(function () {
  194. const status = $(this).val();
  195. let url = '/tender/'+ $('#tenderId').val() +'/change';
  196. if (status !== 0) {
  197. url += '/status/'+ status;
  198. }
  199. window.location.href = url;
  200. });
  201. });