zentaobiz.js 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206
  1. var filterValues = {};
  2. window.latin1ToBase64 = function(str)
  3. {
  4. const encoder = new TextEncoder();
  5. const latin1Array = encoder.encode(str);
  6. const latin1String = String.fromCharCode.apply(null, latin1Array);
  7. return btoa(latin1String);
  8. }
  9. /**
  10. * Listen filter change.
  11. *
  12. * @param string field
  13. * @param string dateSelect
  14. * @param string $filterValue
  15. * @access public
  16. * @return void
  17. */
  18. function filterChange(field, dateSelect, $filterValue)
  19. {
  20. var parse = field.split('.');
  21. field = parse[0];
  22. var type = '';
  23. if(parse.length == 2) type = parse[1];
  24. var id = type.length == 0 ? field : field + '\\[' + type + '\\]';
  25. var value = $('#' + id).val();
  26. if(type.length == 0)
  27. {
  28. filterValues[field] = value;
  29. ajaxGetChart();
  30. }
  31. else
  32. {
  33. var check = checkDate(dateSelect, $filterValue);
  34. if(!check) return;
  35. if(!filterValues[field]) filterValues[field] = {begin: '', end: ''};
  36. filterValues[field][type] = value;
  37. var begin = filterValues[field].begin;
  38. var end = filterValues[field].end;
  39. if((begin.length > 0 && end.length > 0) || (begin.length == 0 && end.length == 0)) ajaxGetChart();
  40. }
  41. }
  42. /**
  43. * Validate form required.
  44. *
  45. * @access public
  46. * @return void
  47. */
  48. function validate(showError = false)
  49. {
  50. var chart = DataStorage.chart;
  51. var step = DataStorage.step;
  52. var type = chart.settings[0].type;
  53. var isReady = true;
  54. if(type == 'waterpolo')
  55. {
  56. isReady = validateWaterpolo(showError);
  57. }
  58. else
  59. {
  60. isReady = validateOther(showError);
  61. }
  62. if(!isReady)
  63. {
  64. $('#draw-tip').removeClass('hidden');
  65. $('#step' + step + 'Content').find('#draw-no-data').addClass('hidden');
  66. $('.btn-export').addClass('hidden');
  67. }
  68. if(isReady)
  69. {
  70. $('#draw-tip').addClass('hidden');
  71. $('.btn-export').removeClass('hidden');
  72. }
  73. return isReady;
  74. }
  75. function validateOther(showError)
  76. {
  77. var chart = DataStorage.chart;
  78. var formSettings = chart.settings[0];
  79. var type = formSettings.type;
  80. var chartSetting = chartSettings[type];
  81. var multiColumn = multiColumns[type];
  82. /* Code for temporary */
  83. var isReady = true;
  84. Object.keys(chartSetting).forEach(function(key)
  85. {
  86. chartSetting[key].forEach(function(setting)
  87. {
  88. var isMulti = multiColumn == setting.field;
  89. var title = (type == 'pie' && setting.field == 'metric') ? chartLang.columnField : chartLang[type][setting.field];
  90. var error = '<div id="' + setting.field + 'Label" class="text-danger help-text">' + notemptyLang.replace('%s', title) + '</div>';
  91. /* If this option is required and the option is multi-selected, call the multiValidate function. */
  92. /* 如果这个选项必填,并且这个选项是多选的, 调用multiValidate方法。*/
  93. if(setting.required && isMulti)
  94. {
  95. result = multiValidate(setting, showError);
  96. if(result == false) isReady = false;
  97. }
  98. else
  99. {
  100. $('#' + setting.field + 'Label').remove();
  101. $('#' + setting.field).removeClass('has-error');
  102. if(setting.required &&(!formSettings[setting.field] || formSettings[setting.field][0].field == ''))
  103. {
  104. isReady = false;
  105. if(showError)
  106. {
  107. $('#' + setting.field).addClass('has-error');
  108. $('#' + setting.field).next().after(error);
  109. }
  110. }
  111. }
  112. });
  113. });
  114. return isReady;
  115. }
  116. /**
  117. * Multi Validate.
  118. *
  119. * @param setting $setting
  120. * @param showError $showError
  121. * @access public
  122. * @return void
  123. */
  124. function multiValidate(setting, showError)
  125. {
  126. var chart = DataStorage.chart;
  127. var type = chart.settings[0].type;
  128. var isReady = true;
  129. var field = setting.field;
  130. var error = '<div id="' + field + 'Label"' + ' class="text-danger help-text">' + notemptyLang.replace('%s', chartLang.columnField) + '</div>';
  131. $('#chartForm .table-form').find('.multi-' + field).each(function()
  132. {
  133. $(this).parent('td').find('#' + field + 'Label').remove();
  134. $(this).parent('td').find('#' + field).removeClass('has-error');
  135. if(setting.required && $(this).val().length == 0)
  136. {
  137. isReady = false;
  138. if(showError)
  139. {
  140. $(this).parent('td').find('#' + field).addClass('has-error');
  141. $(this).parent('td').find('#' + field).next().after(error);
  142. }
  143. }
  144. });
  145. return isReady;
  146. }
  147. /**
  148. * Check date.
  149. *
  150. * @param string dateSelect
  151. * @param object $filterValue
  152. * @access public
  153. * @return void
  154. */
  155. function checkDate(dateSelect, $filterValue)
  156. {
  157. var begin = new Date($(dateSelect).parent().find('.default-begin').val().replace(/-/g, "\/")).getTime();
  158. var end = new Date($(dateSelect).parent().find('.default-end').val().replace(/-/g, "\/")).getTime();
  159. if(begin > end)
  160. {
  161. $(dateSelect).val('');
  162. if(typeof $filterValue == 'object') $filterValue.val('');
  163. bootbox.alert(chartLang.beginGtEnd);
  164. return false;
  165. }
  166. return true;
  167. }
  168. function success(mes)
  169. {
  170. var message = new $.zui.Messager(mes,
  171. {
  172. html: true,
  173. icon: 'check-circle',
  174. type: 'success',
  175. close: true,
  176. });
  177. message.show();
  178. }
  179. function resizeChart(step)
  180. {
  181. var filterHeight = $('#step' + step + 'Content .display-content .cell #filterContent').height();
  182. $('#step' + step + 'Content .display-content .cell #draw').css('height', 'calc(100% - ' + (filterHeight + 16) + 'px)')
  183. if(echart) echart.resize();
  184. }