From 4d8c6dd77427e8e581fda17b6b65ba86bfb7a815 Mon Sep 17 00:00:00 2001
From: guoshilong <123456>
Date: Mon, 27 Feb 2023 14:30:01 +0800
Subject: [PATCH] 洪水淹没
---
corelib/common/popup/js/evaluateAnalysis.js | 103 ++++++++++++++++++++++++++++-----------------------
1 files changed, 57 insertions(+), 46 deletions(-)
diff --git a/corelib/common/popup/js/evaluateAnalysis.js b/corelib/common/popup/js/evaluateAnalysis.js
index 760ea97..73fb800 100644
--- a/corelib/common/popup/js/evaluateAnalysis.js
+++ b/corelib/common/popup/js/evaluateAnalysis.js
@@ -22,44 +22,6 @@
//初始化
init()
- $('#list').click(function () {
- $('.evaluate-echarts').hide()
- $('.evaluate-table').show()
- $('.flood-analysis-pagination').show()
- $('.list').addClass('choose-button')
- $('.list').removeClass('unchoose-button')
- $('.echarts').addClass('unchoose-button')
- $('.echarts').removeClass('choose-button')
- })
-
- $('#echarts').click(function () {
- $('.evaluate-table').hide()
- $('.flood-analysis-pagination').hide()
- recharts_z()
- loadEcharts()
- $('.evaluate-echarts').show()
-
- $('.echarts').addClass('choose-button')
- $('.echarts').removeClass('unchoose-button')
- $('.list').addClass('unchoose-button')
- $('.list').removeClass('choose-button')
- })
-
-
-
- //淹没图弹窗事件
- $('#create-flood-image').click(function () {
- exportPicture()
- })
-
- $('#save-btn').click(function () {
- confirmPopup()
- })
-
- $('#export-img').click(function () {
- exportPicture()
- })
-
//确认弹窗
function confirmPopup() {
const self = this
@@ -137,7 +99,7 @@
verticalAlign: app.config.verticalAlign,
rotate: app.config.rotate,
formatter: '{c} {name|{a}}',
- fontSize: 16,
+ fontSize: 13,
rich: {
name: {}
}
@@ -149,16 +111,19 @@
type: 'shadow'
}
},
- legend: {},
+ legend: {
+ left: 'left',
+ width: "70%"
+ },
xAxis: [
{
- type: 'category',
+ type: 'value',
axisTick: {show: false},
}
],
yAxis: [
{
- type: 'value',
+ type: 'category',
data: nameData
}
],
@@ -206,8 +171,9 @@
echartsOption && myChart.setOption(echartsOption, true);
}
+ //控制echarts图的长宽
function recharts_z() {
- var width = $(window).width() * 0.8;
+ var width = $(window).width();
var height = $(window).height() - 400
$('#evaluate-echarts').empty();
@@ -221,7 +187,7 @@
myChartPie.resize(resize);
}
- //获取参数
+ //获取url携带参数
function GetQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
var r = decodeURI(window.location.search).substr(1).match(reg);
@@ -246,7 +212,49 @@
a.dispatchEvent(event)
}
+ //初始化
function init() {
+
+ $('#list').click(function () {
+ $('.evaluate-echarts').hide()
+ $('.evaluate-table').show()
+ $('.flood-analysis-pagination').show()
+ $('.list').addClass('choose-button')
+ $('.list').removeClass('unchoose-button')
+ $('.echarts').addClass('unchoose-button')
+ $('.echarts').removeClass('choose-button')
+ })
+
+ $('#echarts').click(function () {
+ $('.evaluate-table').hide()
+ $('.flood-analysis-pagination').hide()
+ recharts_z()
+ loadEcharts()
+ $('.evaluate-echarts').show()
+
+ $('.echarts').addClass('choose-button')
+ $('.echarts').removeClass('unchoose-button')
+ $('.list').addClass('unchoose-button')
+ $('.list').removeClass('choose-button')
+ })
+
+ //淹没图弹窗事件
+ $('#create-flood-image').click(function () {
+ exportPicture()
+ })
+
+ //保存按钮点击事件
+ $('#save-btn').click(function () {
+ confirmPopup()
+ })
+
+ //导出按钮点击事件
+ $('#export-img').click(function () {
+ exportPicture()
+ })
+
+
+ //图片展示
$('#show-img').prop('src', 'image/floodAnalysisEvaluate-2.png')
$('.list').addClass('choose-button')
$('.list').removeClass('unchoose-button')
@@ -256,6 +264,7 @@
loadSumData()
}
+ //加载表格
function loadTable(listData) {
// $('#evaluate-tbody').remove()
var table = ""
@@ -281,6 +290,7 @@
$('#evaluate-tbody').html(table)
}
+ //加载总和数据
function loadSumData() {
var house = 0
var people = 0
@@ -308,9 +318,10 @@
// $(".area").html(area + 'km²')
// $(".money").html(money + '万元')
- $('.description').html("  该站位于" + hd.riverway + ",靠近"+hd.stnm.trim()+"水文站,起始距为"+hd.gl_qdj+"m,河段长" + hd.river_length + "m,预计会造成受灾户数" + house + "户,受灾人口" + people + "人,受灾面积" + area + "km²,房屋价值" + money + "万元")
+ $('.description').html("  该站位于" + hd.riverway + ",靠近"+hd.stnm.trim()+"水文站,起始距为"+hd.gl_qdj+"m,河段长" + hd.river_length + "m,淹没面积" + house + "km²,淹没耕地面积" + people + "km²,影响" + area + "万人,淹没区GDP总计" + money + "亿元")
}
+ //加载分页
function loadPagination() {
if (evaluateData.length <= 0) return
var count = Math.ceil(evaluateData.length / 10);
@@ -379,7 +390,7 @@
point:data.point
}
$.ajax({
- url: 'http://192.168.0.207:82/blade-ycreal/inundationResult/save',
+ url: 'http://localhost:82/blade-ycreal/inundationResult/save',
type: 'post',
dataType: 'json',
jsonp: 'callback',
--
Gitblit v1.9.3