khpm.default.js 6.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233
  1. /**
  2. * 作者:王成
  3. * 创建日期:2021年12月10日
  4. * 操作系统:MAC
  5. * 描述:考核排名页面独有脚本
  6. */
  7. /**
  8. * 公共变量
  9. */
  10. var countPieData = []; //统计饼图数据
  11. /**
  12. * 同步统计饼图数据
  13. * @param {string} domId 显示统计饼图的domId
  14. * @param {function} callback 完成回调
  15. */
  16. function asyncCountData(domId, callback) {
  17. /**
  18. * 创建案件动态
  19. */
  20. sendAjax({
  21. type: 'post',
  22. waitMessage: '正在同步案件统计数据...',
  23. url: 'appQueryXzqCaseCount',
  24. data: {
  25. userId: joinUser.userID,
  26. type: 'all',
  27. },
  28. success: function(resData) {
  29. countPieData = [];
  30. for (var i = 0; i < resData.length; i++) {
  31. countPieData.push({
  32. value: resData[i].case_all,
  33. name: resData[i].xzqName,
  34. });
  35. }
  36. showCountPie(domId, countPieData);
  37. if (callback != undefined) callback();
  38. },
  39. error: function(err) {
  40. muiAlertError(err);
  41. }
  42. })
  43. }
  44. /**
  45. * 显示统计的饼图
  46. */
  47. function showCountPie(domId, jsonData) {
  48. var pie = new CrCharts({
  49. domId: domId,
  50. });
  51. pie.createPie({
  52. data: jsonData,
  53. }, '案件统计');
  54. }
  55. /* 趋势统计数据 */
  56. var countTrendData = [];
  57. /**
  58. * 同步趋势变化统计数据
  59. * @param {select} trendType 趋势数据统计周期 day/week/month/year/all
  60. */
  61. function asyncCountTrend(trendType) {
  62. /**
  63. * 创建案件动态
  64. */
  65. sendAjax({
  66. type: 'post',
  67. waitMessage: '正在同步趋势变化数据...',
  68. url: 'appQueryXzqCaseCountByPeriod',
  69. data: {
  70. userId: joinUser.userID,
  71. type: trendType,
  72. },
  73. success: function(resData) {
  74. countTrendData = [];
  75. var trendData = resData[0].trends;
  76. var countData = resData[0].counts;
  77. /* 展示案件实时信息 */
  78. $("#divCaseSubmit").html(trendData[0].currentvalue + '件');
  79. $("#divCaseAssign").html(trendData[3].currentvalue + '件');
  80. $("#divCaseCheck").html(trendData[1].currentvalue + '件');
  81. $("#divCaseVerify").html(trendData[4].currentvalue + '件');
  82. $("#divCaseWaitCheck").html(trendData[2].currentvalue + '件');
  83. /* 赋值案件信息 */
  84. for (var i = 0; i < 3; i++) {
  85. countTrendData.push({
  86. title: trendData[i].key,
  87. value: trendData[i].percentage,
  88. trend: trendData[i].trend,
  89. });
  90. }
  91. /* 展示变化趋势 */
  92. showCountTrend(countTrendData, trendType);
  93. /* 展示统计柱状图 */
  94. showCountTrendBar(countData);
  95. },
  96. error: function(err) {
  97. muiAlertError(err);
  98. }
  99. })
  100. }
  101. /**
  102. * @param {array[json]} options 配置项
  103. * title{string}:标题
  104. * value{string}:百分比值
  105. * trend{'down'/'up'}:上升或下降 上升可不设置
  106. * @param {string} trendType 类型
  107. */
  108. function showCountTrend(options, trendType) {
  109. var cntTrendHtml = "";
  110. if (trendType === 'day') {
  111. cntTrendHtml = "<div class='cr-cnt-echarts-left-label'>日度环比</div>";
  112. } else if (trendType === 'week') {
  113. cntTrendHtml = "<div class='cr-cnt-echarts-left-label'>周度环比</div>";
  114. } else if (trendType === 'month') {
  115. cntTrendHtml = "<div class='cr-cnt-echarts-left-label'>月度环比</div>";
  116. } else if (trendType === 'year') {
  117. cntTrendHtml = "<div class='cr-cnt-echarts-left-label'>年度环比</div>";
  118. } else {
  119. cntTrendHtml = "<div class='cr-cnt-echarts-left-label'>环比</div>";
  120. }
  121. for (var i = 0; i < options.length; i++) {
  122. var item = options[i];
  123. cntTrendHtml += "<div class='cr-cnt-echarts-left-panel'>";
  124. cntTrendHtml += "<div class='cr-cnt-echarts-left-panel-child-left'>";
  125. cntTrendHtml += "<span class='cr-cnt-echarts-left-title'>" + item.title + "</span>";
  126. if (item.trend == undefined || item.trend == 'up') {
  127. cntTrendHtml += "<span class='cr-cnt-echarts-left-value'>" + item.value + "</span>";
  128. } else {
  129. cntTrendHtml += "<span class='cr-cnt-echarts-left-value cr-cnt-echarts-left-value-down'>" + item.value +
  130. "</span>";
  131. }
  132. cntTrendHtml += "</div>";
  133. cntTrendHtml += "<div class='cr-cnt-echarts-left-panel-child-right'>";
  134. if (item.trend == undefined || item.trend == 'up') {
  135. cntTrendHtml += "<span class='cr-cnt-echarts-left-ico app-icon app-icon-arrow-up'></span>";
  136. } else {
  137. cntTrendHtml +=
  138. "<span class='cr-cnt-echarts-left-ico cr-cnt-echarts-left-ico-down app-icon app-icon-arrow-down'></span>";
  139. }
  140. cntTrendHtml += "</div>";
  141. cntTrendHtml += "</div>";
  142. }
  143. $('#divCountTrend').html(cntTrendHtml);
  144. }
  145. /* 底部统计柱状图控件 */
  146. var objBarCaseCount = undefined;
  147. /**
  148. * 显示案件柱状图
  149. * @param {json} jsonData 配置数据
  150. */
  151. function showCountTrendBar(jsonData) {
  152. var labels = [];
  153. var datas = [{
  154. name: '已派发',
  155. data: [],
  156. color: 'rgb(38,31,135)',
  157. }, {
  158. name: '处理中',
  159. data: [],
  160. color: 'rgb(241,25,39)',
  161. }, {
  162. name: '复飞中',
  163. data: [],
  164. color: 'rgb(247,184,31)',
  165. }, {
  166. name: '审核中',
  167. data: [],
  168. color: 'rgb(155,78,206)',
  169. }, {
  170. name: '已结案',
  171. data: [],
  172. color: 'rgb(30,125,22)',
  173. }];
  174. /* 循环数据和标签 */
  175. for (var i = 0; i < jsonData.length; i++) {
  176. var item = jsonData[i];
  177. var caseAll = getEChartsValue(item.case_all);
  178. if (caseAll >= 1) {
  179. labels.push(item.xzqName);
  180. var assign = getEChartsValue(parseFloat(item.case_all) - parseFloat(item.wait_assign));
  181. var waitCheck = getEChartsValue(item.wait_check);
  182. var waitFlight = getEChartsValue(item.wait_flight);
  183. var waitVerify = getEChartsValue(item.wait_verify);
  184. var close = getEChartsValue(item.case_close);
  185. datas[0].data.push(assign);
  186. datas[1].data.push(waitCheck);
  187. datas[2].data.push(waitFlight);
  188. datas[3].data.push(waitVerify);
  189. datas[4].data.push(close);
  190. }
  191. }
  192. /* 再循环数据 */
  193. /* 添加社区占地规划驾驶舱 */
  194. var bbsData = {
  195. title: '案件统计',
  196. labels: labels,
  197. datas: datas,
  198. xrotate: 45,
  199. gridBottom: 80,
  200. }
  201. if (objBarCaseCount != null && objBarCaseCount != "" && objBarCaseCount != undefined) objBarCaseCount.dispose();
  202. objBarCaseCount = new CrCharts({
  203. domId: 'divCountTrendBar',
  204. });
  205. objBarCaseCount.createVerticalBar(bbsData, 60, false, ['件', '件', '件', '件', '件']);
  206. }
  207. /**
  208. * 点击事件
  209. */
  210. /**
  211. * 案件趋势统计点击事件
  212. * @param {Object} obj 点击对象 此处为按钮
  213. * @param {string} trendType 趋势数据统计周期 day/week/month/year/all
  214. */
  215. function Click_Event_Case_Count(obj, trendType) {
  216. $('.mui-btn').removeClass('cr-active');
  217. $(obj).addClass('cr-active');
  218. asyncCountTrend(trendType);
  219. }