From df1c052d1f0d368cb78ebb1831980745bca11edc Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Thu, 10 Jun 2021 11:56:18 +0800
Subject: [PATCH] 数据图表的查询渲染
---
widgets/SplitScreen/Widget.js | 154 +++++++++++++++++++++++++++++----------------------
1 files changed, 87 insertions(+), 67 deletions(-)
diff --git a/widgets/SplitScreen/Widget.js b/widgets/SplitScreen/Widget.js
index d3c9131..6450370 100644
--- a/widgets/SplitScreen/Widget.js
+++ b/widgets/SplitScreen/Widget.js
@@ -20,74 +20,94 @@
var that = this;
// 点击x隐藏面板
$('#viewportType').change(function () {
- var value = $(this).val();
- switch (value) {
- case "NONE":
- $("#split_up").css("display", "none");
- $("#split_bottom").css("display", "none");
- $("#split_left").css("display", "none");
- $("#split_right").css("display", "none");
- $("#split_vertical_trisection_left").css("display", "none");
- $("#split_vertical_trisection_right").css("display", "none");
- $('#pannel').hide();
- break;
- case "HORIZONTAL":
- $("#split_up").css("display", "block");
- $("#split_bottom").css("display", "block");
- $("#split_left").css("display", "none");
- $("#split_right").css("display", "none");
- $("#split_vertical_trisection_left").css("display", "none");
- $("#split_vertical_trisection_right").css("display", "none");
- $('#pannel').show();
- $('#b_one,#b_two,#g_one,#g_two').show();
- $('#b_three,#g_three,#b_four,#g_four').hide();
- break;
- case "VERTICAL":
- $("#split_up").css("display", "none");
- $("#split_bottom").css("display", "none");
- $("#split_left").css("display", "block");
- $("#split_right").css("display", "block");
- $("#split_vertical_trisection_left").css("display", "none");
- $("#split_vertical_trisection_right").css("display", "none");
- $('#pannel').show();
- $('#b_one,#b_two,#g_one,#g_two').show();
- $('#b_three,#g_three,#b_four,#g_four').hide();
- break;
- case "TRIPLE":
- $("#split_up").css("display", "block");
- $("#split_bottom").css("display", "none");
- $("#split_left").css("display", "block");
- $("#split_right").css("display", "block");
- $("#split_vertical_trisection_left").css("display", "none");
- $("#split_vertical_trisection_right").css("display", "none");
- $('#pannel').show();
- $('#b_one,#b_two,#g_one,#g_two,#b_three,#g_three').show();
- $('#b_four,#g_four').hide();
- break;
- case "VerticalTrisection":
- $("#split_up").css("display", "none");
- $("#split_bottom").css("display", "none");
- $("#split_left").css("display", "none");
- $("#split_right").css("display", "none");
- $("#split_vertical_trisection_left").css("display", "block");
- $("#split_vertical_trisection_right").css("display", "block");
- $('#b_one,#b_two,#g_one,#g_two,#b_three,#g_three').show();
- $('#b_four,#g_four').hide();
- $('#pannel').show();
- break;
- default:
- $("#split_up").css("display", "block");
- $("#split_bottom").css("display", "block");
- $("#split_left").css("display", "block");
- $("#split_right").css("display", "block");
- $("#split_vertical_trisection_left").css("display", "none");
- $("#split_vertical_trisection_right").css("display", "none");
- $('#pannel').show();
- $('#b_one,#b_two,#g_one,#g_two,#b_three,#g_three,#b_four,#g_four').show();
- break;
- }
- that.map.scene.multiViewportMode = Cesium.MultiViewportMode[value];
+
});
+
+ $('#viewportType').click(function () {
+ $(".split-select .split-select-option").toggle();
+ })
+
+ $(".split-select .split-select-option li").click(function () {
+
+ if ($(this).text() != $('#viewportType span').text()) {
+ $('#viewportType span').text($(this).text())
+ var value = $(this).attr('label');
+ switch (value) {
+ case "NONE":
+ $("#split_up").css("display", "none");
+ $("#split_bottom").css("display", "none");
+ $("#split_left").css("display", "none");
+ $("#split_right").css("display", "none");
+ $("#split_vertical_trisection_left").css("display", "none");
+ $("#split_vertical_trisection_right").css("display", "none");
+ $('#pannel').hide();
+ break;
+ case "HORIZONTAL":
+ $("#split_up").css("display", "block");
+ $("#split_bottom").css("display", "block");
+ $("#split_left").css("display", "none");
+ $("#split_right").css("display", "none");
+ $("#split_vertical_trisection_left").css("display", "none");
+ $("#split_vertical_trisection_right").css("display", "none");
+ $('#pannel').show();
+ $('#b_one,#b_two,#g_one,#g_two').show();
+ $('#b_three,#g_three,#b_four,#g_four').hide();
+ break;
+ case "VERTICAL":
+ $("#split_up").css("display", "none");
+ $("#split_bottom").css("display", "none");
+ $("#split_left").css("display", "block");
+ $("#split_right").css("display", "block");
+ $("#split_vertical_trisection_left").css("display", "none");
+ $("#split_vertical_trisection_right").css("display", "none");
+ $('#pannel').show();
+ $('#b_one,#b_two,#g_one,#g_two').show();
+ $('#b_three,#g_three,#b_four,#g_four').hide();
+ break;
+ case "TRIPLE":
+ $("#split_up").css("display", "block");
+ $("#split_bottom").css("display", "none");
+ $("#split_left").css("display", "block");
+ $("#split_right").css("display", "block");
+ $("#split_vertical_trisection_left").css("display", "none");
+ $("#split_vertical_trisection_right").css("display", "none");
+ $('#pannel').show();
+ $('#b_one,#b_two,#g_one,#g_two,#b_three,#g_three').show();
+ $('#b_four,#g_four').hide();
+ break;
+ case "VerticalTrisection":
+ $("#split_up").css("display", "none");
+ $("#split_bottom").css("display", "none");
+ $("#split_left").css("display", "none");
+ $("#split_right").css("display", "none");
+ $("#split_vertical_trisection_left").css("display", "block");
+ $("#split_vertical_trisection_right").css("display", "block");
+ $('#b_one,#b_two,#g_one,#g_two,#b_three,#g_three').show();
+ $('#b_four,#g_four').hide();
+ $('#pannel').show();
+ break;
+ default:
+ $("#split_up").css("display", "block");
+ $("#split_bottom").css("display", "block");
+ $("#split_left").css("display", "block");
+ $("#split_right").css("display", "block");
+ $("#split_vertical_trisection_left").css("display", "none");
+ $("#split_vertical_trisection_right").css("display", "none");
+ $('#pannel').show();
+ $('#b_one,#b_two,#g_one,#g_two,#b_three,#g_three,#b_four,#g_four').show();
+ break;
+ }
+ that.map.scene.multiViewportMode = Cesium.MultiViewportMode[value];
+
+ $(".split-select .split-select-option").stop().hide();
+ }
+ })
+
+ $('.jimu-widget-SplitScreen .close').click(function () {
+ that.map.scene.multiViewportMode = Cesium.MultiViewportMode['NONE'];
+ $('.jimu-widget-SplitScreen').hide();
+ });
+
},
onOpen: function () {
--
Gitblit v1.9.3