From d74b495736f0c04522ec54274b70fed0ded2878d Mon Sep 17 00:00:00 2001
From: zhongrj <646384940@qq.com>
Date: Tue, 27 Jun 2023 11:30:06 +0800
Subject: [PATCH] 任务新增导出
---
public/map/controls/infowindow/InfoWindow.css | 569 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 569 insertions(+), 0 deletions(-)
diff --git a/public/map/controls/infowindow/InfoWindow.css b/public/map/controls/infowindow/InfoWindow.css
new file mode 100644
index 0000000..512ad8a
--- /dev/null
+++ b/public/map/controls/infowindow/InfoWindow.css
@@ -0,0 +1,569 @@
+.custom-infoWindow-signbutton {
+ width: 16px;
+ height: 30px;
+ background-image: url('icon/correct_normal.png');
+ background-position: 0px center;
+ background-repeat: no-repeat;
+ cursor: pointer;
+ float: right;
+
+}
+
+.infoRed {
+ display: inline-block;
+ background: url(../../images/infoFinal.png) center no-repeat;
+ width: 20px;
+ height: 20px;
+ vertical-align: middle;
+}
+
+.infoBlue {
+ display: inline-block;
+ background: url(../../images/infoStart.png) center no-repeat;
+ width: 20px;
+ height: 20px;
+ vertical-align: middle;
+}
+
+.infoNear {
+ display: inline-block;
+ background: url(../../images/infoNearby.png) center no-repeat;
+ width: 20px;
+ height: 20px;
+ vertical-align: middle;
+}
+
+.infochangeDiv {
+ width: 100%;
+ margin-top: 15;
+ /* height: 70px; */
+ /* position: absolute; */
+ /* bottom: 5px; */
+}
+
+
+/*.InfosearchDiv {
+ width: 100%;
+ height: auto;
+}*/
+
+.threeDiv {
+ width: 100%;
+ height: 32px;
+}
+
+.threeDiv1 {
+ cursor: pointer;
+ color: #15A1FF;
+ float: left;
+ width:32%;
+ margin-left:2%;
+ height: 100%;
+ line-height: 32px;
+ text-align: center;
+ border-top: 1px solid #15A1FF;
+}
+
+.threeDiv2 {
+ cursor: pointer;
+ color: #5d5d5d;
+ float: left;
+ width:32%;
+ height: 100%;
+ line-height: 32px;
+ text-align: center;
+ border-top: 1px solid #ccc;
+ margin-left: -2px;
+}
+
+.threeDiv3 {
+ cursor: pointer;
+ color: #5d5d5d;
+ float: left;
+ width:32%;
+ height: 100%;
+ line-height: 32px;
+ text-align: center;
+ border-top: 1px solid #ccc;
+ margin-left: -2px;
+}
+
+.infoInputDiv1, .infoInputDiv2, .infoInputDiv3 {
+ width: 100%;
+ height: 40px;
+ line-height: 23px;
+ color: #5D5D5D;
+ font-size: 14px;
+ clear: both;
+}
+.infoInputDiv1 span, .infoInputDiv2 span{margin-left:10px;}
+.infoInputDiv3 span:first-child{margin-left:10px;}
+.infoInputDiv2 {display: none;}
+.infoInputDiv3 {display: none;}
+
+.infoDivInputText {
+ width: 80%;
+ border: 1px solid #cccccc;
+ height: 26px;
+ padding-left:5px;
+ font-size:12px;
+}
+
+.infoSearchBtn1, .infoSearchBtn2, .infoSearchBtn3{
+ background: #15A1FF;
+ color: #fff;
+ width: 52px;
+ height: 25px;
+ line-height: 25px;
+ text-align: center;
+ display: block;
+ float: right;
+}
+
+.infoSearchBtn3 {
+ margin-right: 14px;
+ cursor: pointer;
+ border-radius:3px;
+}
+
+.selectKey {
+ color: #15A1FF;
+ display: inline-block;
+ width: 33px;
+ height: 25px;
+ line-height: 25px;
+ text-align: center;
+ cursor: pointer;
+}
+
+.infoInputDiv3 {
+ display: none;
+}
+
+.infoInputDiv3 .infoDivInputText {
+ width: 50%;
+ height: 26px;
+ border: 1px solid #ccc;
+ line-height: 26px;
+ margin-left:5px;
+ /*margin-right:5px;*/
+}
+
+.infoInputDiv3 .selectScope {
+ width: 62px;
+ height: 25px;
+ border: 1px solid #ccc;
+ line-height: 25px;
+ border-radius: 0px;
+ /*margin-right:5px;*/
+ appearance: none;
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ background: url(../../images/selectdown.png) right no-repeat;
+}
+
+
+/*清除ie的默认选择框样式清除,隐藏下拉箭头*/
+
+select::-ms-expand {
+ display: none;
+}
+
+.custom-infoWindow-signbutton:hover {
+ background-image: url('icon/correct_over.png');
+}
+
+.custom-infoWindow-signbutton:active {
+ background-image: url('icon/correct_normal.png');
+}
+
+.custom-infoWindow{
+ /* height:330px; */
+ max-width: 500px;
+ min-width: 300px;
+ top: 0px;
+ left: 0px;
+ z-index: 11;
+ border: solid 1px #15A1FF;
+ background-color: #fff;
+ display: block;
+ border-radius: 1px;
+ position: absolute;
+ border-radius:3px;
+}
+
+.custom-infoWindow-controlbar {
+ padding: 0px;
+ height: 30px;
+ color: #15A1FF;
+ border-bottom: 1px dashed #15a1ff;
+}
+
+.custom-infoWindow-nextbutton {
+ height: 30px;
+ width: 16px;
+ background-image: url("rightArrow.png");
+ background-repeat: no-repeat;
+ background-position: 0px center;
+ float: right;
+ line-height: 30px;
+ display: inline-block;
+ cursor: pointer;
+ margin-right: 5px;
+}
+
+.custom-infoWindow-prebutton {
+ height: 30px;
+ width: 16px;
+ background-image: url("leftArrow.png");
+ background-repeat: no-repeat;
+ background-position: 0px center;
+ float: right;
+ line-height: 30px;
+ display: none;
+ cursor: pointer;
+}
+
+.custom-infoWindow-count {
+ height: 30px;
+ line-height: 30px;
+ display: inline-block;
+ float: right;
+ vertical-align: middle;
+ font-size: 12px;
+}
+
+.custom-infoWindow-title {
+ font-size: 14px;
+ font-family: '微软雅黑';
+ float: left;
+ line-height: 30px;
+ vertical-align: middle;
+ display: block;
+ margin-left: 10px;
+ word-break: break-all;
+ display: -webkit-box;
+ max-width: 120px;
+ -webkit-line-clamp: 1;
+ -webkit-box-orient: vertical;
+ overflow: hidden;
+}
+
+.custom-infoWindow-fullposition {
+ float: right;
+ vertical-align: middle;
+ display: none;
+ height: 30px;
+ width: 15px;
+ background: url(../../images/360.png) center no-repeat;
+ background-size: contain;
+ margin-right: 5px;
+ cursor: pointer;
+}
+
+.custom-infoWindow-vedio {
+ float: right;
+ vertical-align: middle;
+ display: block;
+ height: 30px;
+ width: 15px;
+ background: url(../../images/vedio.png) center no-repeat;
+ background-size: contain;
+ margin-right: 5px;
+ cursor: pointer;
+}
+
+.custom-infoWindow-audio {
+ float: right;
+ vertical-align: middle;
+ display: block;
+ height: 30px;
+ width: 15px;
+ background: url(../../images/audio.png) center no-repeat;
+ background-size: contain;
+ margin-right: 5px;
+ cursor: pointer;
+}
+
+.custom-infoWindow-detailIntro {
+ float: right;
+ vertical-align: middle;
+ display: block;
+ height: 30px;
+ width: 15px;
+ background: url(../../images/detail.png) center no-repeat;
+ background-size: contain;
+ margin-right: 5px;
+ cursor: pointer;
+}
+
+.custom-infoWindow-closebutton {
+ float: right;
+ vertical-align: middle;
+ display: block;
+ height: 30px;
+ width: 10px;
+ background-image: url('ico/close.png');
+ background-position: 0px center;
+ background-repeat: no-repeat;
+ margin-right: 5px;
+ cursor: pointer;
+}
+
+.custom-infoWindow-split {
+ float: right;
+ display: block;
+ height: 20px;
+ width: 1px;
+ margin: 5px 5px;
+ width: 1px;
+ background-color: #D6D6D3;
+}
+
+.custom-infoWindow-collectButton {
+ display: none;
+ width: 16px;
+ height: 30px;
+ background-image: url('ico/collect.png');
+ background-position: 0px center;
+ background-repeat: no-repeat;
+ cursor: pointer;
+ float: right;
+}
+
+.custom-infoWindow-collectButton:hover {
+ background-image: url('ico/collect.png');
+}
+
+.custom-infoWindow-collectButton:active {
+ background-image: url('ico/collect.png');
+}
+
+.custom-infoWindow-content {
+ /*overflow: hidden;*/
+ /* top: 35px; */
+ /* bottom: 0px; */
+ /* position: absolute; */
+ /* right: 0; */
+ /* left: 0; */
+ /* padding: 0; */
+ z-index: 5;
+}
+
+.custom-infoWindow-pointer {
+ position: absolute;
+ width: 16px;
+ height: 16px;
+ background-color: #f8f8f8;
+}
+
+.pointer-top {
+ transform: rotate(135deg);
+ -webkit-transform: rotate(135deg);
+ -moz-transform: rotate(135deg);
+ -ms-transform: rotate(135deg);
+ -o-transform: rotate(135deg);
+ border-bottom: 1px solid #b8cfdd;
+ border-left: 1px solid #b8cfdd;
+}
+
+.pointer-bottom {
+ border-bottom: 1px solid #b8cfdd;
+ border-left: 1px solid #b8cfdd;
+ transform: rotate(-45deg);
+ -webkit-transform: rotate(-45deg);
+ -moz-transform: rotate(-45deg);
+ -ms-transform: rotate(-45deg);
+ -o-transform: rotate(-45deg);
+}
+
+.pointer-left {
+ border-bottom: 1px solid #b8cfdd;
+ border-left: 1px solid #b8cfdd;
+ transform: rotate(45deg);
+ -webkit-transform: rotate(45deg);
+ -moz-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+ -o-transform: rotate(45deg);
+}
+
+.pointer-right {
+ border-top: 1px solid #b8cfdd;
+ border-right: 1px solid #b8cfdd;
+ transform: rotate(45deg);
+ -webkit-transform: rotate(45deg);
+ -moz-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+ -o-transform: rotate(45deg);
+}
+
+.custom-infotemplate {
+ position: relative;
+ width: 100%;
+ height: 100%;
+}
+
+.custom-infotemplate-content {
+ /* position: absolute; */
+ /* top: 0px; */
+ /* left: 0px; */
+ /* right: 0px; */
+ /* bottom: 85px; */
+}
+
+.custom-infotemplate-content ul li {
+ margin-left: 5px;
+ color: #666;
+}
+
+.custom-infotemplate-tabcontainer {
+ display: none !important;
+ text-overflow: ellipsis;
+ position: absolute;
+ height: 80px;
+ width: 100%;
+ bottom: 0px;
+ font-family: '宋体'
+}
+
+.customthreeBtn {
+ width: 100%;
+ height: 22px;
+}
+
+.custom-infotemplate-tabbutton {
+ text-align: center;
+ width: 33.3%;
+ border-top: 1px solid #ccc;
+ display: block;
+ float: left;
+ color: #4e616d;
+ cursor: pointer;
+}
+
+.custom-infotemplate-tabbutton:hover {
+ font-weight: bolder;
+}
+
+.custom-infotemplate-tabbutton-actived {
+ display: block;
+ float: left;
+ border-top: 1px solid #15A1FF;
+ width: 33.3%;
+ display: inline-block;
+ color: #15A1FF;
+ cursor: pointer;
+ text-align: center;
+}
+
+.custom-infotemplate-tabcontent {
+ margin: 5px;
+ height: 45px;
+ vertical-align: middle;
+ position: relative;
+}
+
+.custom-infotemplate-tabcontent>span {
+ display: inline-block;
+ line-height: 45px;
+ color: #4e616d;
+ cursor: pointer;
+}
+
+.custom-infotemplate-tabcontent>span:hover {
+ color: #006699;
+}
+
+.custom-infotemplate-tabcontent>span:active {
+ color: #4e616d;
+}
+
+.custom-infotemplate-button {
+ width: 40px;
+ height: 25px;
+ background-position: center center;
+ background-repeat: no-repeat;
+ float: right;
+ margin: 11px 5px;
+ border-radius: 2px;
+}
+
+.custom-infotemplate-nearbysearch-poitype>span {
+ color: #4e616d;
+ cursor: pointer;
+}
+
+.custom-infotemplate-nearbysearch-poitype>span:hover {
+ color: #006699;
+}
+
+.custom-infotemplate-nearbysearch-poitype>span:active {
+ color: #4e616d;
+}
+
+.custom-infotemplate-nearbysearchbox {
+ display: inline-block;
+ float: right;
+ width: 226px;
+}
+
+.infowindowNearbySearchbox-input-span {
+ margin-top: 7px !important;
+}
+
+.infowindowNearbySearchbox-input-text {
+ width: 136px !important;
+ height: 18px !important;
+ font-size: 15px !important;
+ line-height: 17px;
+}
+
+.infowindowNearbySearchbox-input-clear {
+ right: 0px !important;
+ top: 3px !important;
+}
+
+.infowindowNearbySearchbox-button {
+ width: 30px !important;
+ height: 25px !important;
+ margin-top: 7px !important;
+}
+
+.poi-infowindow-content {
+ padding: 6px 0px;
+}
+
+.poi-infowindow-content .row {
+ padding: 5px 8px;
+ line-height: 1.2;
+}
+
+.infowindowRouteSearchbox-input-span {
+ margin-top: 7px !important;
+}
+
+.infowindowRouteSearchbox-input-text {
+ width: 220px !important;
+ height: 18px !important;
+ font-size: 15px !important;
+ line-height: 17px;
+}
+
+.infowindowRouteSearchbox-input-clear {
+ right: 0px !important;
+ top: 3px !important;
+}
+
+.infowindowRouteSearchbox-button {
+ width: 50px !important;
+ height: 25px !important;
+ margin-top: 7px !important;
+}
+
+.showInfo{
+ width: 240px;height:auto;position: absolute;z-index:100;top:280px;left: 46px;display:none;border: 1px solid #ccc;
+ background: #fff;border-bottom: 0;font-family: "微软雅黑";color: #666;
+}
+.showInfo ul li{list-style: none;border-bottom: 1px solid #ccc;height: 30px;line-height: 30px;font-size: 1.2em;
+ padding: 0 5px;}
+.showInfo ul li:hover{background: #DDE8FA;cursor: pointer}
\ No newline at end of file
--
Gitblit v1.9.3