From 52c8ca8e31bb9aee13726d9c858dee1d11dcde87 Mon Sep 17 00:00:00 2001
From: guoshilong <123456>
Date: Mon, 20 Feb 2023 10:19:29 +0800
Subject: [PATCH] 洪水淹没-进度条、分析弹窗大小位置变更
---
corelib/common/popup/js/evaluateAnalysis.js | 173 ++++++++++++++++++++++++++++++++++++++++++---------------
1 files changed, 127 insertions(+), 46 deletions(-)
diff --git a/corelib/common/popup/js/evaluateAnalysis.js b/corelib/common/popup/js/evaluateAnalysis.js
index 40e7b84..473254b 100644
--- a/corelib/common/popup/js/evaluateAnalysis.js
+++ b/corelib/common/popup/js/evaluateAnalysis.js
@@ -1,19 +1,21 @@
$(function () {
//获取父窗口传来的数据
- var data = JSON.parse(GetQueryString("data"))
+ var data = JSON.parse(GetQueryString("parentData"))
+ var hd = data.hd
+ var evaluateData = data.data
//配置数据
var nameData = []
var houseData = []
var peopleData = []
var areaData = []
var moneyData = []
- if (data.length > 0) {
- data.forEach(e => {
+ if (evaluateData.length > 0) {
+ evaluateData.forEach(e => {
nameData.push(e.name)
houseData.push(e.house)
- peopleData.push(e.people)
+ peopleData.push(e.population)
areaData.push(e.area)
- moneyData.push(e.money)
+ moneyData.push(e.value)
})
}
@@ -24,12 +26,12 @@
$('input[type=radio][name=value]').change(function () {
if (this.value == 'list') {
$('.evaluate-echarts').hide()
- $('.evaluate-box-top-left').css('visibility', 'visible')
+ // $('.evaluate-box-top-left').css('visibility', 'visible')
$('.evaluate-table').show()
$('.flood-analysis-pagination').show()
} else {
$('.evaluate-table').hide()
- $('.evaluate-box-top-left').css('visibility', 'hidden')
+ // $('.evaluate-box-top-left').css('visibility', 'hidden')
$('.flood-analysis-pagination').hide()
recharts_z()
loadEcharts()
@@ -39,8 +41,48 @@
//淹没图弹窗事件
$('#create-flood-image').click(function () {
- imagePopup()
+ exportPicture()
})
+
+ $('#save-btn').click(function () {
+ confirmPopup()
+ })
+
+ $('#export-img').click(function () {
+ exportPicture()
+ })
+
+ //确认弹窗
+ function confirmPopup() {
+ const self = this
+ let url = '../popup/saveConfirm.html'
+ var top = ($(window).height() - 300) / 2 - 124;
+ var left = ($(window).width() - 500) / 2;
+ layer.open({
+ title: '保存',
+ type: 2,
+ maxmin: false, //开启最大化最小化按钮
+ area: ['500px', '200px'],
+ skin: 'saveConfirm',
+ offset: [top, left],
+ content: url,
+ id: "saveConfirmLayer",
+ closeBtn: 1,
+ //把父页面数据传递给子弹窗并渲染
+ success: function (layero, index) {
+ //绑定父子之间的关系，用于数据传递，缺少则无法传递
+ var body = layer.getChildFrame("body", index);
+ //得到iframe页的窗口对象
+ var iframeWin = window[layero.find('iframe')[0]['name']];
+ iframeWin.$('#confirm-button').click(function () {
+ let saveName = iframeWin.$('#save-name').val()
+ if (saveName == "") return
+ saveHistoryData(saveName,index)
+
+ })
+ }
+ })
+ }
//加载柱状图
function loadEcharts() {
@@ -157,8 +199,9 @@
}
function recharts_z() {
- var width = $(window).width() * 0.9;
+ var width = $(window).width() * 0.45;
var height = ($(window).height() - 50) - 80;
+
$('#evaluate-echarts').empty();
$('#evaluate-echarts').removeAttr("_echarts_instance_").empty();
var chartPie = document.getElementById('evaluate-echarts');
@@ -178,25 +221,25 @@
return null;
}
- //淹没图弹窗
- function imagePopup() {
- var url = './corelib/common/popup/floodImage.html';
- var top = ($(window).height() - 526) / 2;
- var left = ($(window).width() - 500 - 340) / 2 + 340;
- parent.layer.open({
- title: '影响分析',
- type: 2,
- maxmin: false, //开启最大化最小化按钮
- area: ['1000px', '800px'],
- skin: 'floodImage',
- offset: [top, left],
- content: url,
- id: "floodImageLayer",
- closeBtn: 1
- });
+ //导出成果图
+ function exportPicture() {
+ // 获取要下载的图片
+ var img = document.getElementById('show-img');
+ // 获取图片地址
+ var url = img.src;
+ // 创建一个a节点插入的document
+ var a = document.createElement('a');
+ // 模拟鼠标click点击事件
+ var event = new MouseEvent('click')
+ // 设置a节点的download属性值
+ a.download = '成果图'
+ // 将图片的src赋值给a节点的href
+ a.href = url;
+ a.dispatchEvent(event)
}
function init() {
+ $('#show-img').prop('src', 'image/floodAnalysisEvaluate-2.png')
loadSumData()
loadPagination()
}
@@ -213,15 +256,15 @@
table += '<tr>' +
'<td><div>' + listData[i].name + '</div></td>' +
'<td><div>' + listData[i].house + '</div></td>' +
- '<td><div>' + listData[i].people + '</div></td>' +
+ '<td><div>' + listData[i].population + '</div></td>' +
'<td><div>' + listData[i].area + '</div></td>' +
- '<td><div>' + listData[i].money + '</div></td>' +
+ '<td><div>' + listData[i].value + '</div></td>' +
'</tr>'
- house += data[i].house
- people += data[i].people
- area += data[i].area
- money += data[i].money
+ house += evaluateData[i].house
+ people += evaluateData[i].population
+ area += evaluateData[i].area
+ money += evaluateData[i].value
}
$('#evaluate-tbody').html(table)
}
@@ -231,35 +274,36 @@
var people = 0
var area = 0
var money = 0
- for (let i = 0; i < data.length; i++) {
- house = floatAdd(house, data[i].house)
- people = floatAdd(people, data[i].people)
- area = floatAdd(area, data[i].area)
- money = floatAdd(money, data[i].money)
+ for (let i = 0; i < evaluateData.length; i++) {
+ house = floatAdd(house, evaluateData[i].house)
+ people = floatAdd(people, evaluateData[i].population)
+ area = floatAdd(area, evaluateData[i].area)
+ money = floatAdd(money, evaluateData[i].value)
}
$(".house").html(house + '户')
$(".people").html(people + '人')
$(".area").html(area + 'km²')
$(".money").html(money + '万元')
+ $('.description').html("该站位于" + hd.riverway + "，河段长" + hd.river_length + "m,预计会造成受灾户数" + house + "户，受灾人口" + people + "人，受灾面积" + area + "km²，房屋价值" + money + "万元")
}
function loadPagination() {
- if (data.length < 0) return
- var count = Math.ceil(data.length / 10);
+ if (evaluateData.length <= 0) return
+ var count = Math.ceil(evaluateData.length / 10);
- $('.Pagination').pagination({
+ $('#evaluate-pagination').pagination({
mode: 'fixed',
jump: true,
coping: false,
pageCount: count,
callback: function (index) {
- var listdata = [];
+ let listdata = [];
//显示页数
var index = (index.getCurrent() - 1) * 10;
for (var i = index; i < index + 10; i++) {
- listdata.push(data[i]);
- if (i == data.length - 1) {
+ listdata.push(evaluateData[i]);
+ if (i == evaluateData.length - 1) {
break;
}
}
@@ -269,13 +313,13 @@
//首次加载前10条数据
var startData = [];
- if (data.length > 10) {
+ if (evaluateData.length > 10) {
for (var i = 0; i < 10; i++) {
- startData.push(data[i]);
+ startData.push(evaluateData[i]);
}
} else {
- for (var i = 0; i < data.length; i++) {
- startData.push(data[i]);
+ for (var i = 0; i < evaluateData.length; i++) {
+ startData.push(evaluateData[i]);
}
}
loadTable(startData)
@@ -297,4 +341,41 @@
m = Math.pow(10, Math.max(r1, r2));
return (arg1 * m + arg2 * m) / m;
}
+
+ /**
+ * 保存历史数据
+ * @param saveName 名称
+ * @param index 当前层的index
+ */
+ function saveHistoryData(saveName,index) {
+ const self = this
+ let smxVal = {
+ hd:data.hd,
+ smx:data.smx,
+ sw:data.sw,
+ point:data.point
+ }
+ $.ajax({
+ url: 'http://localhost:82/blade-ycreal/inundationResult/save',
+ type: 'post',
+ dataType: 'json',
+ jsonp: 'callback',
+ jsonpCallback: 'data',
+ data: {
+ name:saveName,
+ lon:hd.river_origin,
+ lat:hd.qd_lat,
+ smxVal:JSON.stringify(smxVal)
+ },
+ success: function (res) {
+ if (res.code == 200) {
+ layer.msg("保存成功")
+ }else {
+ layer.msg("保存失败")
+ }
+ }
+ });
+
+ layer.close(index)
+ }
});
--
Gitblit v1.9.3