sys.home.land.supply.js 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  1. /**
  2. * 创建者:王成
  3. * 创建日期:2022年5月12日
  4. * 描述:供地首页脚本
  5. * 要求:该脚本需要mui、JQuery、ajax、common、save等脚本的支持,请提前引入
  6. */
  7. mui.init();
  8. /* 启用轮播 */
  9. var sliderImagePaths = [];
  10. sliderImagePaths.push('../img/home/main_home_slider_image02.png');
  11. beginSliderContent('slider', sliderImagePaths, 2000);
  12. /* 初始化完成 */
  13. plusInit(function() {
  14. /* 显示日期和时间 */
  15. beginShowTime();
  16. loadLandSupplyCountInfo();
  17. });
  18. /**
  19. * 加载统计数据
  20. */
  21. function loadLandSupplyCountInfo() {
  22. sendAjax({
  23. waitMessage: '加载统计信息...',
  24. url: 'appQueryLandSupplyCount',
  25. success: function(resData) {
  26. showLandSupplyCountInfo(resData);
  27. },
  28. error: function(err) {
  29. }
  30. })
  31. }
  32. /**
  33. * 展示综合统计数据
  34. * @param {JSON} model 统计数据
  35. */
  36. function showLandSupplyCountInfo(model) {
  37. var v1 = parseFloat(model[0].selName);
  38. var v2 = parseFloat(model[1].selName);
  39. var v3 = parseFloat(model[2].selName);
  40. var v4 = parseFloat(model[3].selName);
  41. var v5 = parseFloat(model[4].selName);
  42. var v = v1 + v2 + v3 + v4 + v5;
  43. var p1 = ((v1 / v) * 100).toFixed(2) + "%";
  44. var p2 = ((v2 / v) * 100).toFixed(2) + "%";
  45. var p3 = ((v3 / v) * 100).toFixed(2) + "%";
  46. var p4 = ((v4 / v) * 100).toFixed(2) + "%";
  47. var p5 = ((v5 / v) * 100).toFixed(2) + "%";
  48. appendLandExpropriateCountItem('divCountV1', model[0].selCode + "面积", model[0].selName +
  49. "<font class='cr-count-text'>公顷</font> " + p1);
  50. appendLandExpropriateCountItem('divCountV1', model[1].selCode + "面积", model[1].selName +
  51. "<font class='cr-count-text'>公顷</font> " + p2);
  52. appendLandExpropriateCountItem('divCountV1', model[2].selCode + "面积", model[2].selName +
  53. "<font class='cr-count-text'>公顷</font> " + p3);
  54. appendLandExpropriateCountItem('divCountV2', model[3].selCode + "面积", model[3].selName +
  55. "<font class='cr-count-text'>公顷</font> " + p4);
  56. appendLandExpropriateCountItem('divCountV2', model[4].selCode + "面积", model[4].selName +
  57. "<font class='cr-count-text'>公顷</font> " + p5);
  58. var subWidth = $(".cr-panel-count>*:first-child>*:nth-child(2)").width();
  59. var mainWidth = $(".cr-panel-count>*:first-child").width();
  60. var dis = (mainWidth - subWidth) / 2;
  61. var leftFrom = dis - 10;
  62. var leftTo = leftFrom + 10 * 2
  63. setPropertyFromStyle('--left--from', leftFrom + 'px');
  64. setPropertyFromStyle('--left--to', leftTo + 'px');
  65. }
  66. /**
  67. * 向容器中添加征地综合统计子项
  68. * @param {string} mainDomId 父容器Id
  69. * @param {string} title 标题
  70. * @param {string} value 值
  71. */
  72. function appendLandExpropriateCountItem(mainDomId, title, value) {
  73. var div = document.createElement('div');
  74. var divHtml = "";
  75. divHtml += "<div>" + title + "</div>";
  76. divHtml += "<div>" + value + "</div>";
  77. divHtml += "<img />";
  78. div.innerHTML = divHtml;
  79. $("#" + mainDomId).append(div);
  80. }
  81. /**
  82. * 点击事件
  83. * 打开按乡镇对林地数据进行统计汇总页面
  84. */
  85. function click_openLandSupplyCountPage() {
  86. createAndOpenPage({
  87. htmlPath: 'LandSupply-count.html',
  88. autoback: true,
  89. title: '供地汇总统计'
  90. });
  91. }
  92. /**
  93. * 点击事件
  94. * 打开林地查询页面
  95. */
  96. function click_openLandSupplyQueryPage() {
  97. createAndOpenPage({
  98. htmlPath: 'LandSupply-query.html',
  99. autoback: true,
  100. title: '供地查询'
  101. });
  102. }