From f04efcae7635378aed3bca570322a38cae97d722 Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Fri, 11 Jun 2021 16:43:57 +0800
Subject: [PATCH] 搜索弹窗 表格
---
widgets/SplitScreen/Widget.js | 180 +++++++++++++++++++++++++++++++++++++----------------------
1 files changed, 112 insertions(+), 68 deletions(-)
diff --git a/widgets/SplitScreen/Widget.js b/widgets/SplitScreen/Widget.js
index d3c9131..fab7e99 100644
--- a/widgets/SplitScreen/Widget.js
+++ b/widgets/SplitScreen/Widget.js
@@ -16,78 +16,122 @@
return declare([BaseWidget], {
baseClass: 'jimu-widget-SplitScreen',
name: 'SplitScreen',
+ flag: false,
startup: function () {
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;
+ topic.subscribe("openSplitScreen", lang.hitch(this, this.openSplitScreen));
+ topic.subscribe("closeSplitScreen", lang.hitch(this, this.closeSplitScreen));
+
+ $('#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();
}
- that.map.scene.multiViewportMode = Cesium.MultiViewportMode[value];
+ })
+
+ $('.jimu-widget-SplitScreen .close').click(function () {
+ that.closeSplitScreen('closeSplitScreen')
});
+
+ },
+
+ openSplitScreen: function (item) {
+ if (item == this.name) {
+ this.flag = true;
+ $('.jimu-widget-SplitScreen').show();
+ }
+ },
+
+ closeSplitScreen: function (item) {
+ var that = this;
+ if (item == this.name) {
+ if (this.flag = true) {
+ this.flag = false;
+ $('#viewportType span').text("不使用分屏");
+ $("#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();
+ that.map.scene.multiViewportMode = Cesium.MultiViewportMode['NONE'];
+ $('.jimu-widget-SplitScreen').hide();
+ }
+ }
},
onOpen: function () {
--
Gitblit v1.9.3