From 4fc86b8e29c96e5f53a0566450c23e1f06b7682f Mon Sep 17 00:00:00 2001
From: guoshilong <123456>
Date: Fri, 10 Feb 2023 16:29:27 +0800
Subject: [PATCH] 洪水淹没-河段api 去掉url后的参数
---
widgets/FloodAnalysis/Widget.html | 1
corelib/common/popup/saveConfirm.html | 25 ++++++++
widgets/FloodAnalysis/css/style.css | 7 ++
widgets/FloodAnalysis/Widget.js | 54 +++++++++++++++++-
corelib/common/popup/js/saveConfirm.js | 17 +++++
corelib/common/popup/css/style.css | 27 +++++++++
6 files changed, 127 insertions(+), 4 deletions(-)
diff --git a/corelib/common/popup/css/style.css b/corelib/common/popup/css/style.css
index eea4ff8..684f895 100644
--- a/corelib/common/popup/css/style.css
+++ b/corelib/common/popup/css/style.css
@@ -976,3 +976,30 @@
width: 96%;
text-align: right;
}
+
+/**确认保存弹出框**/
+.confirm-popup{
+margin-top: 5%;
+}
+
+.confirm-popup>div{
+ text-align: center;
+}
+
+.confirm-top{
+ font-size: 30px;
+}
+
+.confirm-bottom{
+ margin-top: 8%;
+}
+
+.save-name-input{
+ height: 26px;
+ width: 215px;
+}
+
+.confirm-button{
+ width: 80px;
+ height: 32px;
+}
diff --git a/corelib/common/popup/js/saveConfirm.js b/corelib/common/popup/js/saveConfirm.js
new file mode 100644
index 0000000..a7da1d1
--- /dev/null
+++ b/corelib/common/popup/js/saveConfirm.js
@@ -0,0 +1,17 @@
+console.log(this)
+
+$(function () {
+ $('#confirm-button').click(function () {
+
+ let saveName = $('#save-name').val()
+
+
+ if (saveName == "") return
+
+
+
+
+ var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
+ parent.layer.close(index);
+ })
+});
diff --git a/corelib/common/popup/saveConfirm.html b/corelib/common/popup/saveConfirm.html
new file mode 100644
index 0000000..cfe5fac
--- /dev/null
+++ b/corelib/common/popup/saveConfirm.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <title>保存</title>
+ <link rel="stylesheet" href="./css/style.css">
+ <link rel="stylesheet" href="">
+</head>
+<body>
+<div class="confirm-popup">
+ <div class="confirm-top">
+ <label for="save-name">名称：</label>
+ <input id="save-name" class="save-name-input" type="text" name="word" autocomplete="off"
+ maxlength="256" placeholder="请输入名称"/>
+ </div>
+ <div class="confirm-bottom">
+ <input id="confirm-button" class="confirm-button" type="button" value="保 存"/>
+ </div>
+</div>
+
+
+<script src="../../../libs/jquery/jquery-3.3.1.min.js"></script>
+<script src="js/saveConfirm.js"></script>
+</body>
+</html>
diff --git a/widgets/FloodAnalysis/Widget.html b/widgets/FloodAnalysis/Widget.html
index f74610a..688958c 100644
--- a/widgets/FloodAnalysis/Widget.html
+++ b/widgets/FloodAnalysis/Widget.html
@@ -70,6 +70,7 @@
<input id="search-name" class="search-name-input" type="text" name="word" autocomplete="off"
maxlength="256" placeholder="请输入筛选名称"/>
<input id="search-button" class="search-button" type="button" value="查 询"/>
+ <input id="save-button" class="save-button" type="button" value="保 存"/>
</div>
<div class="table-box">
<table>
diff --git a/widgets/FloodAnalysis/Widget.js b/widgets/FloodAnalysis/Widget.js
index 6bff464..d46c276 100644
--- a/widgets/FloodAnalysis/Widget.js
+++ b/widgets/FloodAnalysis/Widget.js
@@ -25,7 +25,11 @@
//洪水分析表格数据
analysisTableList: [],
//历史风险图表格数据
- historyTableList:[],
+ historyTableList:[
+ {name:"5年洪水淹没图"},
+ {name:"10年洪水淹没图"},
+ {name:"15年洪水淹没图"},
+ ],
//当前选中的河段
currentHdId: "",
//当前选中的水面线
@@ -34,11 +38,12 @@
isOpen:true,
//api接口
url: {
- riverwaySelectName: "http://192.168.0.200:82/blade-ycreal/riverway/selectName?name=%E6%B0%B4",
+ riverwaySelectName: "http://192.168.0.200:82/blade-ycreal/riverway/selectName",
waterlineSelectName: "http://192.168.0.200:82/blade-ycreal/waterline/selectName",
childpage: "http://192.168.0.200:82/blade-ycreal/water/childpage",
getCzByGlCodeByGlQdj: "http://192.168.0.200:82/blade-ycreal/waterline/getCzByGlCodeByGlQdj",
getHistoryList:"",
+ saveHistoryData:"",
},
startup: function startup() {
var self = this
@@ -139,6 +144,7 @@
}
})
+ //搜索按钮点击事件
$('#search-button').click(function () {
let searchName = $('#search-name').val()
@@ -146,6 +152,29 @@
return e.name.indexOf(searchName) != -1
})
self.loadPagination(filterArray,"flood-analysis-pagination")
+ })
+ console.log(this)
+ $('#save-button').click(function () {
+ let url = './corelib/common/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) {
+ }
+ })
+
+
+
})
},
@@ -358,6 +387,7 @@
//获取历史风险图数据列表
getHistoryList(){
+ console.log("调用了！！！")
const self = this
$.ajax({
url: self.url.getHistoryList,
@@ -455,7 +485,7 @@
var table = ""
listData.forEach(e => {
table += '<tr>' +
- '<td>div><input type="radio" name="tableRadio" value='+e.id+'></div></td>' +
+ '<td><div><input type="radio" name="tableRadio" value='+e.id+'></div></td>' +
'<td><div>' + e.name + '</div></td>' +
'</tr>'
})
@@ -503,6 +533,24 @@
});
},
+ //保存历史风险图
+ saveHistoryData(){
+ const self = this
+ $.ajax({
+ url: self.url.getCzByGlCodeByGlQdj,
+ type: 'get',
+ dataType: 'json',
+ jsonp: 'callback',
+ jsonpCallback: 'data',
+ data: {},
+ success: function (res) {
+ if (res.code == 200){
+ self.getHistoryList()
+ }
+ }
+ });
+ },
+
//防止出现两个小数相加出现很多0的情况
floatAdd(arg1, arg2) {
var r1, r2, m;
diff --git a/widgets/FloodAnalysis/css/style.css b/widgets/FloodAnalysis/css/style.css
index 824af47..1bc836d 100644
--- a/widgets/FloodAnalysis/css/style.css
+++ b/widgets/FloodAnalysis/css/style.css
@@ -78,7 +78,7 @@
color: #1f81e0;
}
-.search-button {
+.search-button,.save-button {
width: 66px;
line-height: 0px;
height: 30px;
@@ -87,6 +87,11 @@
cursor: pointer;
}
+.search-button:hover,.save-button:hover{
+ background-color: #1388ff;
+ color: white;
+}
+
.flood-middle .select-box select, .flood-middle .select-box input, .search-name-input {
height: 30px;
width: 260px;
--
Gitblit v1.9.3