123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110 |
- /**
- * 创建者:王成
- * 创建日期:2022年5月12日
- * 描述:供地首页脚本
- * 要求:该脚本需要mui、JQuery、ajax、common、save等脚本的支持,请提前引入
- */
- mui.init();
- /* 启用轮播 */
- var sliderImagePaths = [];
- sliderImagePaths.push('../img/home/main_home_slider_image02.png');
- beginSliderContent('slider', sliderImagePaths, 2000);
- /* 初始化完成 */
- plusInit(function() {
- /* 显示日期和时间 */
- beginShowTime();
- loadLandSupplyCountInfo();
- });
- /**
- * 加载统计数据
- */
- function loadLandSupplyCountInfo() {
- sendAjax({
- waitMessage: '加载统计信息...',
- url: 'appQueryLandSupplyCount',
- success: function(resData) {
- showLandSupplyCountInfo(resData);
- },
- error: function(err) {
- }
- })
- }
- /**
- * 展示综合统计数据
- * @param {JSON} model 统计数据
- */
- function showLandSupplyCountInfo(model) {
- var v1 = parseFloat(model[0].selName);
- var v2 = parseFloat(model[1].selName);
- var v3 = parseFloat(model[2].selName);
- var v4 = parseFloat(model[3].selName);
- var v5 = parseFloat(model[4].selName);
- var v = v1 + v2 + v3 + v4 + v5;
- var p1 = ((v1 / v) * 100).toFixed(2) + "%";
- var p2 = ((v2 / v) * 100).toFixed(2) + "%";
- var p3 = ((v3 / v) * 100).toFixed(2) + "%";
- var p4 = ((v4 / v) * 100).toFixed(2) + "%";
- var p5 = ((v5 / v) * 100).toFixed(2) + "%";
- appendLandExpropriateCountItem('divCountV1', model[0].selCode + "面积", model[0].selName +
- "<font class='cr-count-text'>公顷</font> " + p1);
- appendLandExpropriateCountItem('divCountV1', model[1].selCode + "面积", model[1].selName +
- "<font class='cr-count-text'>公顷</font> " + p2);
- appendLandExpropriateCountItem('divCountV1', model[2].selCode + "面积", model[2].selName +
- "<font class='cr-count-text'>公顷</font> " + p3);
- appendLandExpropriateCountItem('divCountV2', model[3].selCode + "面积", model[3].selName +
- "<font class='cr-count-text'>公顷</font> " + p4);
- appendLandExpropriateCountItem('divCountV2', model[4].selCode + "面积", model[4].selName +
- "<font class='cr-count-text'>公顷</font> " + p5);
- var subWidth = $(".cr-panel-count>*:first-child>*:nth-child(2)").width();
- var mainWidth = $(".cr-panel-count>*:first-child").width();
- var dis = (mainWidth - subWidth) / 2;
- var leftFrom = dis - 10;
- var leftTo = leftFrom + 10 * 2
- setPropertyFromStyle('--left--from', leftFrom + 'px');
- setPropertyFromStyle('--left--to', leftTo + 'px');
- }
- /**
- * 向容器中添加征地综合统计子项
- * @param {string} mainDomId 父容器Id
- * @param {string} title 标题
- * @param {string} value 值
- */
- function appendLandExpropriateCountItem(mainDomId, title, value) {
- var div = document.createElement('div');
- var divHtml = "";
- divHtml += "<div>" + title + "</div>";
- divHtml += "<div>" + value + "</div>";
- divHtml += "<img />";
- div.innerHTML = divHtml;
- $("#" + mainDomId).append(div);
- }
- /**
- * 点击事件
- * 打开按乡镇对林地数据进行统计汇总页面
- */
- function click_openLandSupplyCountPage() {
- createAndOpenPage({
- htmlPath: 'LandSupply-count.html',
- autoback: true,
- title: '供地汇总统计'
- });
- }
- /**
- * 点击事件
- * 打开林地查询页面
- */
- function click_openLandSupplyQueryPage() {
- createAndOpenPage({
- htmlPath: 'LandSupply-query.html',
- autoback: true,
- title: '供地查询'
- });
- }
|