poi上传搜索
This commit is contained in:
@ -20096,8 +20096,8 @@
|
||||
var testing =
|
||||
'<div class="compass" title="拖动外圈：旋转视图，' +
|
||||
'拖动内陀螺仪：自由轨道，' +
|
||||
'双击：重置视图' +
|
||||
'" data-bind="visible: showCompass, event: { mousedown: handleMouseDown, dblclick: handleDoubleClick }">' +
|
||||
'双击：重置视图，' +
|
||||
'提示：您还可以按住CTRL键并拖动地图来释放轨道." data-bind="visible: showCompass, event: { mousedown: handleMouseDown, dblclick: handleDoubleClick }">' +
|
||||
'<div class="compass-outer-ring-background"></div>' +
|
||||
" <div class=\"compass-rotation-marker\" data-bind=\"visible: isOrbiting, style: { transform: 'rotate(-' + orbitCursorAngle + 'rad)', '-webkit-transform': 'rotate(-' + orbitCursorAngle + 'rad)', opacity: orbitCursorOpacity }, cesiumSvgPath: { path: svgCompassRotationMarker, width: 145, height: 145 }\"></div>" +
|
||||
" <div class=\"compass-outer-ring\" title=\"单击并拖动以旋转相机\" data-bind=\"style: { transform: 'rotate(-' + heading + 'rad)', '-webkit-transform': 'rotate(-' + heading + 'rad)' }, cesiumSvgPath: { path: svgCompassOuterRing, width: 145, height: 145 }\"></div>" +
|
||||
|
||||
12
src/renderer/public/sdk/YJEarth.min.js
vendored
12
src/renderer/public/sdk/YJEarth.min.js
vendored
File diff suppressed because one or more lines are too long
@ -34,7 +34,7 @@
|
||||
}
|
||||
|
||||
:root {
|
||||
--color-base1: 0, 255, 255;
|
||||
--color-sdk-base-rgb: 0, 255, 255;
|
||||
--color-sdk-auxiliary: 0, 66, 66;
|
||||
--color-sdk-auxiliary-public: #ffffff;
|
||||
--color-sdk-warning-0: #1BF8C3;
|
||||
@ -44,9 +44,9 @@
|
||||
--color-sdk-text-head: #FFFFFF;
|
||||
--color-sdk-text-head-1: #E6F7FF;
|
||||
--color-sdk-text-head-2: #ADF1FF;
|
||||
--color-sdk-gradual: rgb(var(--color-base1)) 6.25%, var(--color-border1) 100%;
|
||||
--color-sdk-bg-gradual: rgba(var(--color-base1), 0.2) 0%, rgba(var(--color-base1), 0) 100%;
|
||||
--color-text-shadow: rgba(20, 118, 255, 1);
|
||||
--color-sdk-gradual: rgb(0, 255, 255) 6.25%, rgb(0, 200, 255) 100%;
|
||||
--color-sdk-bg-gradual: #00ffff33 0%, #00ffff00 100%;
|
||||
--color-sdk-text-shadow: rgba(20, 118, 255, 1);
|
||||
}
|
||||
|
||||
.cesium-viewer-cesiumWidgetContainer {
|
||||
@ -88,7 +88,7 @@
|
||||
width: 70.5px;
|
||||
height: 6px;
|
||||
opacity: 1;
|
||||
background: rgba(var(--color-base1), 1);
|
||||
background: rgba(var(--color-sdk-base-rgb), 1);
|
||||
clip-path: polygon(0 0, calc(100% - 3px) 0, 100% 6px, 0 6px);
|
||||
}
|
||||
|
||||
@ -158,8 +158,8 @@
|
||||
border-radius: 4px;
|
||||
white-space: nowrap;
|
||||
border-radius: 4px;
|
||||
background: rgba(var(--color-base1), 0.2);
|
||||
border: 1px solid rgba(var(--color-base1), 0.5);
|
||||
background: rgba(var(--color-sdk-base-rgb), 0.2);
|
||||
border: 1px solid rgba(var(--color-sdk-base-rgb), 0.5);
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
@ -170,7 +170,7 @@
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog button:not(button[disabled]):hover {
|
||||
border-color: rgba(var(--color-base1), 1) !important;
|
||||
border-color: rgba(var(--color-sdk-base-rgb), 1) !important;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
@ -224,7 +224,7 @@
|
||||
line-height: 0px;
|
||||
color: rgba(255, 255, 255, 1);
|
||||
text-align: left;
|
||||
text-shadow: 0px 0px 9px var(--color-text-shadow);
|
||||
text-shadow: 0px 0px 9px var(--color-sdk-text-shadow);
|
||||
-webkit-pointer-events: none;
|
||||
-moz-pointer-events: none;
|
||||
-ms-pointer-events: none;
|
||||
@ -244,7 +244,7 @@
|
||||
line-height: 0px;
|
||||
color: rgba(255, 255, 255, 1);
|
||||
text-align: left;
|
||||
text-shadow: 0px 0px 9px var(--color-text-shadow)
|
||||
text-shadow: 0px 0px 9px var(--color-sdk-text-shadow)
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog>.title-box>.close-box {
|
||||
@ -262,7 +262,7 @@
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(var(--color-base1), 1);
|
||||
background: rgba(var(--color-sdk-base-rgb), 1);
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
@ -336,7 +336,7 @@
|
||||
.YJ-custom-base-dialog>.content textarea {
|
||||
font-size: 16px;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
border: 1px solid rgba(var(--color-base1), 0.5);
|
||||
border: 1px solid rgba(var(--color-sdk-base-rgb), 0.5);
|
||||
border-radius: 5px;
|
||||
line-height: 32px;
|
||||
height: 32px;
|
||||
@ -351,13 +351,13 @@
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog>.content input[type=checkbox]:read-only {
|
||||
background-color: rgba(var(--color-base1), 0.2);
|
||||
background-color: rgba(var(--color-sdk-base-rgb), 0.2);
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog>.content input:focus-visible,
|
||||
.YJ-custom-base-dialog>.content textarea:focus-visible {
|
||||
outline: none;
|
||||
border-color: rgba(var(--color-base1), 0.8);
|
||||
border-color: rgba(var(--color-sdk-base-rgb), 0.8);
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog>.content select:focus-visible {
|
||||
@ -366,7 +366,7 @@
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog>.content select {
|
||||
background-color: rgba(var(--color-base1), 0.2);
|
||||
background-color: rgba(var(--color-sdk-base-rgb), 0.2);
|
||||
border: 1px solid rgba(0, 255, 255, 0);
|
||||
border-radius: 5px;
|
||||
line-height: 32px;
|
||||
@ -454,14 +454,14 @@
|
||||
background-color: #ffffff00;
|
||||
color: #000;
|
||||
overflow: hidden;
|
||||
border: 1px solid rgba(var(--color-base1), 0.5);
|
||||
border: 1px solid rgba(var(--color-sdk-base-rgb), 0.5);
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog>.content .table input {}
|
||||
|
||||
.YJ-custom-base-dialog>.content .table .tr {
|
||||
display: flex;
|
||||
border: 1px solid rgba(var(--color-base1), 0.5);
|
||||
border: 1px solid rgba(var(--color-sdk-base-rgb), 0.5);
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
@ -545,13 +545,13 @@
|
||||
.YJ-custom-base-dialog>.content *::-webkit-scrollbar-thumb {
|
||||
border-radius: 5px;
|
||||
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
|
||||
background-color: rgba(var(--color-base1));
|
||||
background-color: rgba(var(--color-sdk-base-rgb));
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog>.content *::-webkit-scrollbar-track {
|
||||
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
|
||||
border-radius: 5px;
|
||||
background-color: rgba(var(--color-base1), 0.1);
|
||||
background-color: rgba(var(--color-sdk-base-rgb), 0.1);
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog>.content .table .table-body .tr:last-child {}
|
||||
@ -559,7 +559,7 @@
|
||||
.YJ-custom-base-dialog>.content .table .tr .th,
|
||||
.YJ-custom-base-dialog>.content .table .tr .td {
|
||||
flex: 1;
|
||||
border-right: 1px solid rgba(var(--color-base1), 0.5);
|
||||
border-right: 1px solid rgba(var(--color-sdk-base-rgb), 0.5);
|
||||
padding: 5px 10px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -639,7 +639,7 @@
|
||||
|
||||
.YJ-custom-base-dialog>.content .table.camera-table .tr:last-child,
|
||||
.YJ-custom-base-dialog>.content .table.isc-table .tr:last-child {
|
||||
border-bottom: 1px solid rgba(var(--color-base1), 0.5);
|
||||
border-bottom: 1px solid rgba(var(--color-sdk-base-rgb), 0.5);
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog>.content .table.camera-table .tr .td span,
|
||||
@ -692,7 +692,7 @@
|
||||
height: 6px;
|
||||
border: 0;
|
||||
margin-top: 20px;
|
||||
background: rgba(var(--color-base1), 0.2);
|
||||
background: rgba(var(--color-sdk-base-rgb), 0.2);
|
||||
-webkit-appearance: none;
|
||||
} */
|
||||
.YJ-custom-base-dialog>.content [type="range"] {
|
||||
@ -709,7 +709,7 @@
|
||||
|
||||
.YJ-custom-base-dialog>.content [type="range"]::-webkit-slider-runnable-track {
|
||||
height: 6px;
|
||||
background: rgba(var(--color-base1), 0.2);
|
||||
background: rgba(var(--color-sdk-base-rgb), 0.2);
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog>.content [type="range" i]::-webkit-slider-container {
|
||||
@ -723,10 +723,10 @@
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border-radius: 50%;
|
||||
background-color: rgba(var(--color-base1), 1);
|
||||
border: 1px solid rgba(var(--color-base1), 1);
|
||||
background-color: rgba(var(--color-sdk-base-rgb), 1);
|
||||
border: 1px solid rgba(var(--color-sdk-base-rgb), 1);
|
||||
margin-top: -7px;
|
||||
border-image: linear-gradient(rgba(var(--color-base1), 1), rgba(var(--color-base1), 1)) 0 fill / 8 20 8 0 / 0px 0px 0 2000px;
|
||||
border-image: linear-gradient(rgba(var(--color-sdk-base-rgb), 1), rgba(var(--color-sdk-base-rgb), 1)) 0 fill / 8 20 8 0 / 0px 0px 0 2000px;
|
||||
}
|
||||
|
||||
|
||||
@ -916,11 +916,11 @@
|
||||
}
|
||||
|
||||
.fly-roam>.content .table .table-body .tr.active {
|
||||
background: rgba(var(--color-base1), 0.15);
|
||||
background: rgba(var(--color-sdk-base-rgb), 0.15);
|
||||
}
|
||||
|
||||
.fly-roam>.content .table .table-body .tr:last-child {
|
||||
border: 1px solid rgba(var(--color-base1), 0.5);
|
||||
border: 1px solid rgba(var(--color-sdk-base-rgb), 0.5);
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
}
|
||||
@ -935,7 +935,7 @@
|
||||
cursor: no-drop;
|
||||
}
|
||||
.YJ-custom-base-dialog>.content .fly-roam .table .table-body .tr:last-child .play:hover {
|
||||
border-color: rgba(var(--color-base1), 0.5) !important;
|
||||
border-color: rgba(var(--color-sdk-base-rgb), 0.5) !important;
|
||||
} */
|
||||
|
||||
.fly-roam>.content .table .action {
|
||||
@ -1065,7 +1065,7 @@
|
||||
margin-top: 1px;
|
||||
font-size: 14px;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
border: 1px solid rgba(var(--color-base1), 0.5);
|
||||
border: 1px solid rgba(var(--color-sdk-base-rgb), 0.5);
|
||||
border-radius: 5px;
|
||||
line-height: 32px;
|
||||
height: 32px;
|
||||
@ -1092,7 +1092,7 @@
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog .ew-color-picker .icon-pen-box:hover .icon-pen {
|
||||
fill: rgba(var(--color-base1), 1);
|
||||
fill: rgba(var(--color-sdk-base-rgb), 1);
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
@ -1154,14 +1154,14 @@
|
||||
|
||||
.YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container>.yj-pre-collect-color.add,
|
||||
.YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container>.yj-pre-collect-color.subtract {
|
||||
border-color: rgba(var(--color-base1), 0.2);
|
||||
border-color: rgba(var(--color-sdk-base-rgb), 0.2);
|
||||
background: unset;
|
||||
line-height: 22px;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container>.yj-pre-collect-color.add:hover,
|
||||
.YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container>.yj-pre-collect-color.subtract:hover {
|
||||
border-color: rgba(var(--color-base1), 0.4);
|
||||
border-color: rgba(var(--color-sdk-base-rgb), 0.4);
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container svg,
|
||||
@ -1445,13 +1445,13 @@
|
||||
.DIV-cy-tabs .DIV-cy-tab-top::-webkit-scrollbar-thumb {
|
||||
border-radius: 5px;
|
||||
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
|
||||
background-color: rgba(var(--color-base1));
|
||||
background-color: rgba(var(--color-sdk-base-rgb));
|
||||
}
|
||||
|
||||
.DIV-cy-tabs .DIV-cy-tab-top::-webkit-scrollbar-track {
|
||||
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
|
||||
border-radius: 5px;
|
||||
background-color: rgba(var(--color-base1), 0.1);
|
||||
background-color: rgba(var(--color-sdk-base-rgb), 0.1);
|
||||
}
|
||||
|
||||
.DIV-cy-tabs .DIV-cy-tab-top::after {
|
||||
@ -1474,11 +1474,11 @@
|
||||
}
|
||||
|
||||
.DIV-cy-tabs .DIV-cy-tab-pane-title .DIV-cy-tab-pane-title-p:hover {
|
||||
border-bottom-color: rgba(var(--color-base1));
|
||||
border-bottom-color: rgba(var(--color-sdk-base-rgb));
|
||||
}
|
||||
|
||||
.DIV-cy-tabs .DIV-cy-tab-pane-title .DIV-cy-tab-pane-title-p:hover span {
|
||||
text-shadow: 0px 0px 9px var(--color-text-shadow);
|
||||
text-shadow: 0px 0px 9px var(--color-sdk-text-shadow);
|
||||
}
|
||||
|
||||
.DIV-cy-tabs .DIV-cy-tab-pane-title:first-child {
|
||||
@ -1515,11 +1515,11 @@
|
||||
}
|
||||
|
||||
.DIV-cy-tabs .DIV-cy-tab-pane-title-p.is-active {
|
||||
border-bottom-color: rgba(var(--color-base1));
|
||||
border-bottom-color: rgba(var(--color-sdk-base-rgb));
|
||||
}
|
||||
|
||||
.DIV-cy-tabs .DIV-cy-tab-pane-title-p.is-active span {
|
||||
text-shadow: 0px 0px 9px var(--color-text-shadow);
|
||||
text-shadow: 0px 0px 9px var(--color-sdk-text-shadow);
|
||||
}
|
||||
|
||||
/* 开关按钮样式 */
|
||||
@ -1530,8 +1530,8 @@
|
||||
height: 20px;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
border: 1px solid rgba(var(--color-base1), 0.2);
|
||||
background-color: rgba(var(--color-base1), 0.2);
|
||||
border: 1px solid rgba(var(--color-sdk-base-rgb), 0.2);
|
||||
background-color: rgba(var(--color-sdk-base-rgb), 0.2);
|
||||
border-radius: 20px;
|
||||
background-clip: content-box;
|
||||
display: inline-block;
|
||||
@ -1555,9 +1555,9 @@
|
||||
|
||||
.YJ-custom-base-dialog>.content .btn-switch:checked,
|
||||
.YJ-custom-base-dialog>.foot .btn-switch:checked {
|
||||
border-color: rgba(var(--color-base1), 1);
|
||||
box-shadow: rgba(var(--color-base1)) 0 0 0 16px inset;
|
||||
background-color: rgba(var(--color-base1));
|
||||
border-color: rgba(var(--color-sdk-base-rgb), 1);
|
||||
box-shadow: rgba(var(--color-sdk-base-rgb)) 0 0 0 16px inset;
|
||||
background-color: rgba(var(--color-sdk-base-rgb));
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog>.content .btn-switch:checked:before,
|
||||
@ -1709,12 +1709,12 @@
|
||||
|
||||
.YJ-custom-base-dialog>.content .cy_datalist input.datalist {
|
||||
border-color: #00000000;
|
||||
background-color: rgba(var(--color-base1), 0.2) !important;
|
||||
background-color: rgba(var(--color-sdk-base-rgb), 0.2) !important;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog>.content .cy_datalist dl {
|
||||
min-width: 100%;
|
||||
border-color: rgba(var(--color-base1), 0.5);
|
||||
border-color: rgba(var(--color-sdk-base-rgb), 0.5);
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog>.content .cy_datalist dl dd {
|
||||
@ -1727,17 +1727,17 @@
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog>.content .cy_datalist dl dd:hover {
|
||||
background-color: rgba(var(--color-base1), 0.2);
|
||||
background-color: rgba(var(--color-sdk-base-rgb), 0.2);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog>.content .cy_datalist dl dd.active {
|
||||
color: rgba(var(--color-base1)) !important;
|
||||
/* background-color: rgba(var(--color-base1), 0.2); */
|
||||
color: rgba(var(--color-sdk-base-rgb)) !important;
|
||||
/* background-color: rgba(var(--color-sdk-base-rgb), 0.2); */
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog>.content .cy_datalist dl dd.active svg {
|
||||
fill: rgba(var(--color-base1))
|
||||
fill: rgba(var(--color-sdk-base-rgb))
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog>.content .cy_datalist dl dd.active::before {
|
||||
@ -1745,8 +1745,8 @@
|
||||
display: inline-block;
|
||||
width: 8px;
|
||||
height: 4px;
|
||||
border-bottom: 2px solid rgba(var(--color-base1));
|
||||
border-left: 2px solid rgba(var(--color-base1));
|
||||
border-bottom: 2px solid rgba(var(--color-sdk-base-rgb));
|
||||
border-left: 2px solid rgba(var(--color-sdk-base-rgb));
|
||||
transform: rotate(-45deg);
|
||||
position: absolute;
|
||||
right: 6px;
|
||||
@ -1808,7 +1808,7 @@
|
||||
width: 23px;
|
||||
height: 26px;
|
||||
cursor: pointer;
|
||||
border: 1px solid rgba(var(--color-base1), 0.2);
|
||||
border: 1px solid rgba(var(--color-sdk-base-rgb), 0.2);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
@ -1942,13 +1942,13 @@
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog.trajectory-motion>.content .btn.is-active {
|
||||
border-color: rgba(var(--color-base1));
|
||||
border-color: rgba(var(--color-sdk-base-rgb));
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog.trajectory-motion>.content .btn-group .btn.is-active>span {
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
text-shadow: 0px 0px 9px var(--color-text-shadow);
|
||||
text-shadow: 0px 0px 9px var(--color-sdk-text-shadow);
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
@ -2029,7 +2029,7 @@
|
||||
.YJ-custom-base-dialog.sun-shine-surface>.content>div .progress {
|
||||
height: 100%;
|
||||
width: 0;
|
||||
background: rgba(var(--color-base1), 1);
|
||||
background: rgba(var(--color-sdk-base-rgb), 1);
|
||||
border-radius: 15px;
|
||||
position: relative;
|
||||
}
|
||||
@ -2039,7 +2039,7 @@
|
||||
height: 16px;
|
||||
background: white;
|
||||
/* border: 3px solid #4285f4; */
|
||||
background: rgba(var(--color-base1), 1);
|
||||
background: rgba(var(--color-sdk-base-rgb), 1);
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
right: -8px;
|
||||
@ -2255,7 +2255,7 @@
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog.submerge>.content .table-body .tr:last-child {
|
||||
border-bottom: 1px solid rgba(var(--color-base1), 0.5);
|
||||
border-bottom: 1px solid rgba(var(--color-sdk-base-rgb), 0.5);
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog.submerge>.content .table-empty {
|
||||
@ -2331,7 +2331,7 @@
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog.view-shed>.content .range-box .range-bg {
|
||||
background: rgba(var(--color-base1), 0.2);
|
||||
background: rgba(var(--color-sdk-base-rgb), 0.2);
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
mask: url(../img/range.svg);
|
||||
@ -2353,7 +2353,7 @@
|
||||
.YJ-custom-base-dialog.view-shed>.content .range-box .range-bg .range-process {
|
||||
width: 0;
|
||||
height: 100%;
|
||||
background: rgba(var(--color-base1), 1);
|
||||
background: rgba(var(--color-sdk-base-rgb), 1);
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog.view-shed>.content .range-box .range-node-box {
|
||||
@ -2399,7 +2399,7 @@
|
||||
height: 20px;
|
||||
background: #ffffff;
|
||||
border-radius: 50%;
|
||||
border: 2px solid rgba(var(--color-base1), 1);
|
||||
border: 2px solid rgba(var(--color-sdk-base-rgb), 1);
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog.view-shed>.content .range-box .range-node-box .range-node-active-text {
|
||||
@ -2418,7 +2418,7 @@
|
||||
|
||||
.YJ-custom-base-dialog.view-shed>.content .range-box input[type="range"]::-webkit-slider-runnable-track {
|
||||
height: 6px;
|
||||
background: rgba(var(--color-base1), 0);
|
||||
background: rgba(var(--color-sdk-base-rgb), 0);
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog.view-shed>.content .range-box input[type="range"]::-webkit-slider-thumb {
|
||||
@ -2427,10 +2427,10 @@
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border-radius: 50%;
|
||||
background-color: rgba(var(--color-base1), 0);
|
||||
border: 1px solid rgba(var(--color-base1), 0);
|
||||
background-color: rgba(var(--color-sdk-base-rgb), 0);
|
||||
border: 1px solid rgba(var(--color-sdk-base-rgb), 0);
|
||||
margin-top: -7px;
|
||||
border-image: linear-gradient(rgba(var(--color-base1), 0), rgba(var(--color-base1), 0)) 0 fill / 8 20 8 0 / 0px 0px 0 2000px;
|
||||
border-image: linear-gradient(rgba(var(--color-sdk-base-rgb), 0), rgba(var(--color-sdk-base-rgb), 0)) 0 fill / 8 20 8 0 / 0px 0px 0 2000px;
|
||||
}
|
||||
|
||||
/* 通视分析 */
|
||||
@ -2473,7 +2473,7 @@
|
||||
}
|
||||
|
||||
.el-slider {
|
||||
--el-slider-main-bg-color: rgba(var(--color-base1), 1)
|
||||
--el-slider-main-bg-color: rgba(var(--color-sdk-base-rgb), 1)
|
||||
}
|
||||
|
||||
/* 地形可视域分析 */
|
||||
@ -2930,33 +2930,33 @@
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog.polyline>.content>div .input-select-unit .datalist {
|
||||
background-color: rgba(var(--color-base1), 0.1) !important;
|
||||
background-color: rgba(var(--color-sdk-base-rgb), 0.1) !important;
|
||||
border-radius: 4px 0px 0px 4px !important;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog.polyline>.content>div .input-select-unit:nth-of-type(1) .datalist {
|
||||
background-color: rgba(var(--color-base1), 0.1) !important;
|
||||
background-color: rgba(var(--color-sdk-base-rgb), 0.1) !important;
|
||||
border-radius: 4px 0px, 0px, 4px !important;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog.polyline>.content>div .input-select-unit:nth-of-type(2) .datalist {
|
||||
background-color: rgba(var(--color-base1), 0.1) !important;
|
||||
background-color: rgba(var(--color-sdk-base-rgb), 0.1) !important;
|
||||
border-radius: 0px 4px 4px 0px !important;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog.polyline>.content>div .input-select-unit:nth-of-type(1) input {
|
||||
border: 1px solid rgba(var(--color-base1), 0.5) !important;
|
||||
border: 1px solid rgba(var(--color-sdk-base-rgb), 0.5) !important;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog.polyline>.content>div .input-select-unit:nth-of-type(2) input {
|
||||
border: 1px solid rgba(var(--color-base1), 0.5) !important;
|
||||
border: 1px solid rgba(var(--color-sdk-base-rgb), 0.5) !important;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog.polyline>.content input.input-text {
|
||||
background-color: rgba(0, 0, 0, 0.5) !important;
|
||||
border-radius: unset !important;
|
||||
border-top: 1px solid rgba(var(--color-base1), 0.5) !important;
|
||||
border-bottom: 1px solid rgba(var(--color-base1), 0.5) !important;
|
||||
border-top: 1px solid rgba(var(--color-sdk-base-rgb), 0.5) !important;
|
||||
border-bottom: 1px solid rgba(var(--color-sdk-base-rgb), 0.5) !important;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist input {
|
||||
@ -3057,33 +3057,33 @@
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog.polyline>.content>div .input-select-unit .datalist {
|
||||
background-color: rgba(var(--color-base1), 0.1) !important;
|
||||
background-color: rgba(var(--color-sdk-base-rgb), 0.1) !important;
|
||||
border-radius: 4px 0px 0px 4px !important;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog.polyline>.content>div .input-select-unit:nth-of-type(1) .datalist {
|
||||
background-color: rgba(var(--color-base1), 0.1) !important;
|
||||
background-color: rgba(var(--color-sdk-base-rgb), 0.1) !important;
|
||||
border-radius: 4px 0px, 0px, 4px !important;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog.polyline>.content>div .input-select-unit:nth-of-type(2) .datalist {
|
||||
background-color: rgba(var(--color-base1), 0.1) !important;
|
||||
background-color: rgba(var(--color-sdk-base-rgb), 0.1) !important;
|
||||
border-radius: 0px 4px 4px 0px !important;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog.polyline>.content>div .input-select-unit:nth-of-type(1) input {
|
||||
border: 1px solid rgba(var(--color-base1), 0.5) !important;
|
||||
border: 1px solid rgba(var(--color-sdk-base-rgb), 0.5) !important;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog.polyline>.content>div .input-select-unit:nth-of-type(2) input {
|
||||
border: 1px solid rgba(var(--color-base1), 0.5) !important;
|
||||
border: 1px solid rgba(var(--color-sdk-base-rgb), 0.5) !important;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog.polyline>.content input.input-text {
|
||||
background-color: rgba(0, 0, 0, 0.5) !important;
|
||||
border-radius: unset !important;
|
||||
border-top: 1px solid rgba(var(--color-base1), 0.5) !important;
|
||||
border-bottom: 1px solid rgba(var(--color-base1), 0.5) !important;
|
||||
border-top: 1px solid rgba(var(--color-sdk-base-rgb), 0.5) !important;
|
||||
border-bottom: 1px solid rgba(var(--color-sdk-base-rgb), 0.5) !important;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist input {
|
||||
@ -3109,19 +3109,19 @@
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.line {
|
||||
border: 1px solid rgba(var(--color-base1), 1);
|
||||
border: 1px solid rgba(var(--color-sdk-base-rgb), 1);
|
||||
height: 0px;
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.dash-line {
|
||||
border: 1px dashed rgba(var(--color-base1), 1);
|
||||
border: 1px dashed rgba(var(--color-sdk-base-rgb), 1);
|
||||
height: 0px;
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.light-line {
|
||||
border: 1px solid rgba(var(--color-base1), 1);
|
||||
border: 1px solid rgba(var(--color-sdk-base-rgb), 1);
|
||||
height: 0px;
|
||||
margin-top: 4px;
|
||||
box-shadow: 0 0 3px #fff
|
||||
@ -3138,13 +3138,13 @@
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.flow-dash-line1 {
|
||||
border: 1px dashed rgba(var(--color-base1), 1);
|
||||
border: 1px dashed rgba(var(--color-sdk-base-rgb), 1);
|
||||
height: 0px;
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.flow-dash-line2 {
|
||||
border: 1px dashed rgba(var(--color-base1), 1);
|
||||
border: 1px dashed rgba(var(--color-sdk-base-rgb), 1);
|
||||
height: 0px;
|
||||
margin-top: 4px;
|
||||
}
|
||||
@ -3213,13 +3213,13 @@
|
||||
.popup-textarea textarea::-webkit-scrollbar-thumb {
|
||||
border-radius: 5px!important;
|
||||
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2)!important;
|
||||
background-color: rgba(var(--color-base1))!important;
|
||||
background-color: rgba(var(--color-sdk-base-rgb))!important;
|
||||
}
|
||||
|
||||
.popup-textarea textarea::-webkit-scrollbar-track {
|
||||
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2)!important;
|
||||
border-radius: 5px!important;
|
||||
background-color: rgba(var(--color-base1), 0.1)!important;
|
||||
background-color: rgba(var(--color-sdk-base-rgb), 0.1)!important;
|
||||
}
|
||||
|
||||
/* 贴地图片 */
|
||||
@ -3292,19 +3292,19 @@
|
||||
.YJ-custom-base-dialog.proj-convert>.content>div .top-line {
|
||||
top: 5px;
|
||||
border-radius: 0 4px 0 0;
|
||||
border-top: 1px solid rgba(var(--color-base1), 0.5);
|
||||
border-right: 1px solid rgba(var(--color-base1), 0.5);
|
||||
border-top: 1px solid rgba(var(--color-sdk-base-rgb), 0.5);
|
||||
border-right: 1px solid rgba(var(--color-sdk-base-rgb), 0.5);
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog.proj-convert>.content>div .bottom-line {
|
||||
bottom: 5px;
|
||||
border-radius: 0 0 4px 0;
|
||||
border-bottom: 1px solid rgba(var(--color-base1), 0.5);
|
||||
border-right: 1px solid rgba(var(--color-base1), 0.5);
|
||||
border-bottom: 1px solid rgba(var(--color-sdk-base-rgb), 0.5);
|
||||
border-right: 1px solid rgba(var(--color-sdk-base-rgb), 0.5);
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog.proj-convert>.content>div .icon-copy-box:hover .icon-copy {
|
||||
fill: rgba(var(--color-base1));
|
||||
fill: rgba(var(--color-sdk-base-rgb));
|
||||
}
|
||||
|
||||
/* 高清截图 */
|
||||
@ -3325,7 +3325,7 @@
|
||||
.YJ-custom-base-dialog.screenShotHD>.content>div .progress {
|
||||
width: 200px;
|
||||
height: 6px;
|
||||
background: rgba(var(--color-base1), 0.2);
|
||||
background: rgba(var(--color-sdk-base-rgb), 0.2);
|
||||
border-radius: 3px;
|
||||
position: relative;
|
||||
}
|
||||
@ -3334,7 +3334,7 @@
|
||||
width: 0%;
|
||||
height: 6px;
|
||||
border-radius: 3px;
|
||||
background: rgba(var(--color-base1), 1);
|
||||
background: rgba(var(--color-sdk-base-rgb), 1);
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog.screenShotHD>.content>div .progress>.progress-text {
|
||||
@ -3369,7 +3369,7 @@
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog.screenShotHD>.content>div .range-box .range-bg {
|
||||
background: rgba(var(--color-base1), 0.2);
|
||||
background: rgba(var(--color-sdk-base-rgb), 0.2);
|
||||
border-radius: 3px;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
@ -3390,13 +3390,13 @@
|
||||
.YJ-custom-base-dialog.screenShotHD>.content>div .range-box .range-bg .range-process {
|
||||
width: 0;
|
||||
height: 100%;
|
||||
background: rgba(var(--color-base1), 1);
|
||||
background: rgba(var(--color-sdk-base-rgb), 1);
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog.screenShotHD>.content>div .range-box .range-bg .range-process {
|
||||
width: 0;
|
||||
height: 100%;
|
||||
background: rgba(var(--color-base1), 1);
|
||||
background: rgba(var(--color-sdk-base-rgb), 1);
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog.screenShotHD>.content>div .range-box .range-node-box {
|
||||
@ -3431,7 +3431,7 @@
|
||||
height: 13px;
|
||||
background: #ffffff;
|
||||
border-radius: 50%;
|
||||
border: 2px solid rgba(var(--color-base1), 1);
|
||||
border: 2px solid rgba(var(--color-sdk-base-rgb), 1);
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog.screenShotHD>.content>div .range-box .range-node-box .range-node-active-text {
|
||||
@ -3450,7 +3450,7 @@
|
||||
|
||||
.YJ-custom-base-dialog.screenShotHD>.content>div .range-box input[type="range"]::-webkit-slider-runnable-track {
|
||||
height: 6px;
|
||||
background: rgba(var(--color-base1), 0);
|
||||
background: rgba(var(--color-sdk-base-rgb), 0);
|
||||
}
|
||||
|
||||
.YJ-custom-base-dialog.screenShotHD>.content>div .range-box input[type="range"]::-webkit-slider-thumb {
|
||||
@ -3459,10 +3459,10 @@
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border-radius: 50%;
|
||||
background-color: rgba(var(--color-base1), 0);
|
||||
border: 1px solid rgba(var(--color-base1), 0);
|
||||
background-color: rgba(var(--color-sdk-base-rgb), 0);
|
||||
border: 1px solid rgba(var(--color-sdk-base-rgb), 0);
|
||||
margin-top: -7px;
|
||||
border-image: linear-gradient(rgba(var(--color-base1), 0), rgba(var(--color-base1), 0)) 0 fill / 8 20 8 0 / 0px 0px 0 2000px;
|
||||
border-image: linear-gradient(rgba(var(--color-sdk-base-rgb), 0), rgba(var(--color-sdk-base-rgb), 0)) 0 fill / 8 20 8 0 / 0px 0px 0 2000px;
|
||||
}
|
||||
|
||||
/* 地图打印 */
|
||||
@ -3577,7 +3577,7 @@
|
||||
flex: 0 0 25px;
|
||||
padding: 0;
|
||||
border-radius: 5px;
|
||||
border: 1px solid rgba(var(--color-base1), 1);
|
||||
border: 1px solid rgba(var(--color-sdk-base-rgb), 1);
|
||||
-webkit-appearance: none;
|
||||
vertical-align: middle;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
@ -3598,7 +3598,7 @@
|
||||
.YJ-custom-checkbox-left:checked::after,
|
||||
.YJ-custom-checkbox-right:checked::after {
|
||||
content: "✔";
|
||||
background-color: rgba(var(--color-base1), 1);
|
||||
background-color: rgba(var(--color-sdk-base-rgb), 1);
|
||||
color: rgba(var(--color-sdk-auxiliary), 1);
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
@ -3613,7 +3613,7 @@
|
||||
flex: 0 0 14px;
|
||||
padding: 0;
|
||||
border-radius: 2px;
|
||||
border: 1px solid rgba(var(--color-base1), 1);
|
||||
border: 1px solid rgba(var(--color-sdk-base-rgb), 1);
|
||||
-webkit-appearance: none;
|
||||
vertical-align: middle;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
@ -3633,7 +3633,7 @@
|
||||
|
||||
.YJ-custom-base-dialog>.content input.YJ-custom-checkbox[type=checkbox]:checked::after {
|
||||
content: "✔";
|
||||
background-color: rgba(var(--color-base1), 1);
|
||||
background-color: rgba(var(--color-sdk-base-rgb), 1);
|
||||
color: rgba(var(--color-sdk-auxiliary), 1);
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
@ -3727,13 +3727,13 @@
|
||||
.billboard-attribute-box .DIV-cy-tabs .DIV-cy-tab-content::-webkit-scrollbar-thumb {
|
||||
border-radius: 5px;
|
||||
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
|
||||
background-color: rgba(var(--color-base1));
|
||||
background-color: rgba(var(--color-sdk-base-rgb));
|
||||
}
|
||||
|
||||
.billboard-attribute-box .DIV-cy-tabs .DIV-cy-tab-content::-webkit-scrollbar-track {
|
||||
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
|
||||
border-radius: 5px;
|
||||
background-color: rgba(var(--color-base1), 0.1);
|
||||
background-color: rgba(var(--color-sdk-base-rgb), 0.1);
|
||||
}
|
||||
|
||||
.billboard-attribute-box .DIV-cy-tabs .DIV-cy-tab-content-pane {
|
||||
@ -3748,8 +3748,8 @@
|
||||
.billboard-attribute-box .billboard-attribute-box-line {
|
||||
position: absolute;
|
||||
width: 0px;
|
||||
/* border-left: 1px solid rgba(var(--color-base1), 0.5); */
|
||||
border-left: 1px solid rgba(var(--color-base1), 1);
|
||||
/* border-left: 1px solid rgba(var(--color-sdk-base-rgb), 0.5); */
|
||||
border-left: 1px solid rgba(var(--color-sdk-base-rgb), 1);
|
||||
/* transform: rotate(45deg); */
|
||||
transform-origin: 0px 0px;
|
||||
-webkit-pointer-events: none;
|
||||
@ -3797,7 +3797,7 @@
|
||||
background-color: #ffffff00;
|
||||
color: #ffffff;
|
||||
overflow: hidden;
|
||||
border: 1px solid rgba(var(--color-base1), 0.5);
|
||||
border: 1px solid rgba(var(--color-sdk-base-rgb), 0.5);
|
||||
}
|
||||
|
||||
.billboard-attribute-box .table .table-head .tr {
|
||||
@ -3808,11 +3808,11 @@
|
||||
|
||||
.billboard-attribute-box .table .tr {
|
||||
display: flex;
|
||||
border: 1px solid rgba(var(--color-base1), 0.5);
|
||||
border: 1px solid rgba(var(--color-sdk-base-rgb), 0.5);
|
||||
border-right: none;
|
||||
}
|
||||
.billboard-attribute-box .table .tr .th, .billboard-attribute-box .table .tr .td {
|
||||
border-right: 1px solid rgba(var(--color-base1), 0.5);
|
||||
border-right: 1px solid rgba(var(--color-sdk-base-rgb), 0.5);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
@ -3862,12 +3862,24 @@
|
||||
}
|
||||
|
||||
#YJ-custom-message.success {
|
||||
background-color: #f0f9eb;
|
||||
color: rgb(82, 196, 26);
|
||||
/* background-color: #f0f9eb; */
|
||||
/* color: rgb(82, 196, 26); */
|
||||
background:
|
||||
linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
|
||||
linear-gradient(0deg, rgba(27, 248, 195, 0.5) 0%, rgba(27, 248, 195, 0) 100%);
|
||||
font-size: 14px !important;
|
||||
font-weight: 500 !important;
|
||||
color: rgba(27, 248, 195, 1);
|
||||
}
|
||||
#YJ-custom-message.warning {
|
||||
background-color: #fdf6ec;
|
||||
color: #e6a23c;
|
||||
/* background-color: #fdf6ec;
|
||||
color: #e6a23c; */
|
||||
background:
|
||||
linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
|
||||
linear-gradient(0deg, rgba(255, 161, 69, 0.5) 0%, rgba(255, 161, 69, 0) 100%);
|
||||
font-size: 14px !important;
|
||||
font-weight: 500 !important;
|
||||
color: rgba(255, 161, 69, 1)
|
||||
}
|
||||
|
||||
/* 滑入动画 */
|
||||
|
||||
45
src/renderer/src/api/poi/index.ts
Normal file
45
src/renderer/src/api/poi/index.ts
Normal file
@ -0,0 +1,45 @@
|
||||
//路径规划
|
||||
import request from '@/axios/request'
|
||||
export const PoiApi = {
|
||||
//获取地图列表
|
||||
getPoiList: async () => {
|
||||
return await request.get({
|
||||
url: `/poiInfo/list`
|
||||
})
|
||||
},
|
||||
searchPoi: async (params) => {
|
||||
return await request.get({
|
||||
url: `/poiInfo/search`,
|
||||
params: params
|
||||
})
|
||||
},
|
||||
//添加路网数据
|
||||
loadPoi: async (data: any) => {
|
||||
return await request.post({
|
||||
url: `/poiInfo/add`,
|
||||
data,
|
||||
headersType: 'application/x-www-form-urlencoded'
|
||||
})
|
||||
},
|
||||
//启用路网数据
|
||||
enablePoi: async (data: any) => {
|
||||
return await request.post({
|
||||
url: `/poiInfo/enable`,
|
||||
data,
|
||||
})
|
||||
},
|
||||
//启用路网数据
|
||||
disablePoi: async (data: any) => {
|
||||
return await request.post({
|
||||
url: `/poiInfo/disable`,
|
||||
data,
|
||||
})
|
||||
},
|
||||
//删除路网数据
|
||||
delPoi: async (data: any) => {
|
||||
return await request.post({
|
||||
url: `/poiInfo/delete`,
|
||||
data,
|
||||
})
|
||||
},
|
||||
}
|
||||
@ -10,6 +10,7 @@ export const RouteApi = {
|
||||
},
|
||||
//获取地图列表
|
||||
getRouteList: async () => {
|
||||
// return await request.post({
|
||||
return await request.get({
|
||||
url: `/pbfInfo/list`
|
||||
})
|
||||
|
||||
BIN
src/renderer/src/assets/images/poi.png
Normal file
BIN
src/renderer/src/assets/images/poi.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
@ -62,57 +62,61 @@
|
||||
</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="fileList_nav_item">
|
||||
<div class="item_left">
|
||||
<div class="img">
|
||||
<img
|
||||
src="../../../../../../assets/images/pdf.png"
|
||||
style="width: 40px; height: 50px"
|
||||
/>
|
||||
</div>
|
||||
<div class="file_name">
|
||||
<span>xxxxxx.pdf</span>
|
||||
<span>2025-4-10 10:22</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_right">
|
||||
<el-button color="#004b4b" style="border: 1px solid rgba(var(--color-base1), 0.5)">
|
||||
<span>删除</span>
|
||||
</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="fileList_nav_item">
|
||||
<div class="item_left">
|
||||
<div class="img">
|
||||
<img
|
||||
src="../../../../../../assets/images/pdf.png"
|
||||
style="width: 40px; height: 50px"
|
||||
/>
|
||||
</div>
|
||||
<div class="file_name">
|
||||
<span>xxxxxx.pdf</span>
|
||||
<span>2025-4-10 10:22</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_right">
|
||||
<el-button color="#004b4b" style="border: 1px solid rgba(var(--color-base1), 0.5)">
|
||||
<span>删除</span>
|
||||
</el-button>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="line"></div>
|
||||
<div class="engineering_title2">
|
||||
<span class="fankuai"></span>
|
||||
<span class="setting_title">地点数据</span>
|
||||
<el-button color="#004b4b" style="border: 1px solid rgba(var(--color-base1), 0.5)">
|
||||
<el-button
|
||||
color="#004b4b"
|
||||
@click="poiImport"
|
||||
style="border: 1px solid rgba(var(--color-base1), 0.5)"
|
||||
>
|
||||
<template #icon>
|
||||
<svg-icon name="POI" />
|
||||
</template>
|
||||
<span>POI导入</span>
|
||||
</el-button>
|
||||
</div>
|
||||
<div class="fileList" v-if="poiList.length">
|
||||
<div class="fileList_nav">
|
||||
<div class="fileList_nav_item" v-for="(item, index) in poiList" :key="index">
|
||||
<div class="item_left">
|
||||
<div class="img">
|
||||
<img
|
||||
src="../../../../../../assets/images/poi.png"
|
||||
style="width: 40px; height: 50px"
|
||||
/>
|
||||
</div>
|
||||
<div class="file_name">
|
||||
<span>{{ item.name }}</span>
|
||||
<span>{{ item.createdAt }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_right">
|
||||
<span v-if="item.isEnable">已启用</span>
|
||||
|
||||
<el-button
|
||||
v-if="!item.isEnable"
|
||||
color="#004b4b"
|
||||
style="border: 1px solid rgba(var(--color-base1), 0.5)"
|
||||
@click="enablePoieData(item)"
|
||||
>
|
||||
<span>启用</span>
|
||||
</el-button>
|
||||
<el-button
|
||||
v-if="!item.isEnable"
|
||||
color="#004b4b"
|
||||
style="border: 1px solid rgba(var(--color-base1), 0.5)"
|
||||
@click="delPoiData(item)"
|
||||
>
|
||||
<span>删除</span>
|
||||
</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="line"></div>
|
||||
<div class="engineering_title2">
|
||||
<span class="fankuai"></span>
|
||||
@ -157,6 +161,7 @@
|
||||
import { ref } from 'vue'
|
||||
import { GisApi } from '@/api/gisApi'
|
||||
import { RouteApi } from '@/api/route'
|
||||
import { PoiApi } from '@/api/poi'
|
||||
import { format } from 'date-fns'
|
||||
import {
|
||||
$sendElectronChanel,
|
||||
@ -218,6 +223,33 @@ const routeImport = () => {
|
||||
}
|
||||
})
|
||||
}
|
||||
const poiImport = () => {
|
||||
let option = {
|
||||
properties: ['openFile'],
|
||||
filters: [
|
||||
{
|
||||
name: 'poi', //、底图
|
||||
extensions: ['poi']
|
||||
}
|
||||
]
|
||||
}
|
||||
$sendElectronChanel('open-directory-dialog', option)
|
||||
$recvElectronChanel('selectedItem', (e, path) => {
|
||||
if (path.length) {
|
||||
PoiApi.loadPoi({
|
||||
path: path[0]
|
||||
}).then((res) => {
|
||||
if (res.code === 200) {
|
||||
ElMessage({
|
||||
message: '上传成功',
|
||||
type: 'success'
|
||||
})
|
||||
getPoiList()
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
const enableRouteData = (row) => {
|
||||
ElMessageBox.confirm(`是否启用${row.name}数据?`, '提示', {
|
||||
@ -240,6 +272,27 @@ const enableRouteData = (row) => {
|
||||
})
|
||||
.catch(() => {})
|
||||
}
|
||||
const enablePoieData = (row) => {
|
||||
ElMessageBox.confirm(`是否启用${row.name}数据?`, '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
})
|
||||
.then(() => {
|
||||
let formData = new FormData()
|
||||
formData.append('id', row.id)
|
||||
PoiApi.enablePoi(formData).then((res) => {
|
||||
if (res.code === 200) {
|
||||
ElMessage({
|
||||
message: '启用成功',
|
||||
type: 'success'
|
||||
})
|
||||
getPoiList()
|
||||
}
|
||||
})
|
||||
})
|
||||
.catch(() => {})
|
||||
}
|
||||
const delRouteData = (row) => {
|
||||
ElMessageBox.confirm(`是否删除${row.name}数据?`, '提示', {
|
||||
confirmButtonText: '确定',
|
||||
@ -261,6 +314,27 @@ const delRouteData = (row) => {
|
||||
})
|
||||
.catch(() => {})
|
||||
}
|
||||
const delPoiData = (row) => {
|
||||
ElMessageBox.confirm(`是否删除${row.name}数据?`, '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
})
|
||||
.then(() => {
|
||||
let formData = new FormData()
|
||||
formData.append('id', row.id)
|
||||
PoiApi.delPoi(formData).then((res) => {
|
||||
if (res.code === 200) {
|
||||
ElMessage({
|
||||
message: '删除成功',
|
||||
type: 'success'
|
||||
})
|
||||
getPoiList()
|
||||
}
|
||||
})
|
||||
})
|
||||
.catch(() => {})
|
||||
}
|
||||
const uploadUrl = () => {
|
||||
//process.env.BASE_API +
|
||||
let url = 'http://192.168.110.25:8848' + '/yjearth4.0/api/v1/fileInfo/upload'
|
||||
@ -302,6 +376,14 @@ const getList = async () => {
|
||||
}
|
||||
getList()
|
||||
|
||||
//获取路网列表
|
||||
var poiList: any = reactive([])
|
||||
const getPoiList = async () => {
|
||||
let list = await PoiApi.getPoiList()
|
||||
poiList.splice(0, poiList.length, ...list.data)
|
||||
}
|
||||
getPoiList()
|
||||
|
||||
const addRoute = async (fileId) => {
|
||||
let res = await RouteApi.loadRoute({ fileId })
|
||||
}
|
||||
|
||||
@ -335,7 +335,7 @@ export const useTree = () => {
|
||||
let params2 = {
|
||||
"id": node.id,
|
||||
"params": params,
|
||||
"sourceName":node.sourceName,
|
||||
"sourceName": node.sourceName,
|
||||
"isShow": node.isShow ? 1 : 0,
|
||||
}
|
||||
cusUpdateNode({ id: node.id, sourceName: node.sourceName, params: JSON.stringify(params) })
|
||||
@ -563,7 +563,7 @@ export const useTree = () => {
|
||||
|
||||
let res = await TreeApi.getTreeList()
|
||||
if ([0, 200].includes(res.code)) {
|
||||
res.data.sort((a: any, b: any) => {
|
||||
res.data.list.sort((a: any, b: any) => {
|
||||
if (a.treeIndex && b.treeIndex) {
|
||||
return a.treeIndex - b.treeIndex
|
||||
}
|
||||
@ -578,19 +578,19 @@ export const useTree = () => {
|
||||
//将模型压平
|
||||
(window as any).pressModelMap = new Map();
|
||||
(window as any).pressModelEntities = new Map();
|
||||
for (let i = res.data.length - 1; i >= 0; i--) {
|
||||
if (!res.data[i].id) {
|
||||
for (let i = res.data.list.length - 1; i >= 0; i--) {
|
||||
if (!res.data.list[i].id) {
|
||||
// res.data.splice(i, 1);
|
||||
res.data[i].id = generateRandomString(20, false)
|
||||
res.data.list[i].id = generateRandomString(20, false)
|
||||
}
|
||||
if (res.data[i].sourceType == "pressModel") {
|
||||
const obj = JSON.parse(res.data[i].params);
|
||||
(window as any).pressModelMap.set(res.data[i].id + "_" + obj.modelId, res.data[i]);
|
||||
if (res.data.list[i].sourceType == "pressModel") {
|
||||
const obj = JSON.parse(res.data.list[i].params);
|
||||
(window as any).pressModelMap.set(res.data.list[i].id + "_" + obj.modelId, res.data.list[i]);
|
||||
}
|
||||
res.data[i].svg = await cusNodeIcon(res.data[i]);
|
||||
res.data.list[i].svg = await cusNodeIcon(res.data.list[i]);
|
||||
}
|
||||
}
|
||||
zNodes.value = res.data
|
||||
zNodes.value = res.data.list
|
||||
treeObj.value = $.fn.zTree.init($(selector), setting, zNodes.value);
|
||||
window.treeObj = treeObj.value;
|
||||
window.AllNodes = treeObj.value.getNodes();
|
||||
|
||||
@ -1,65 +1,148 @@
|
||||
<template>
|
||||
<div class="TreeIndex">
|
||||
<div class="arrowTree" @click="isShowTree">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"
|
||||
viewBox="0 0 32 32" fill="none">
|
||||
<path fill="#000000" fill-opacity="0.6"
|
||||
d="M16 0C24.835 0 32 7.16496 32 16C32 24.835 24.835 32 16 32C7.16496 32 0 24.835 0 16C0 7.16496 7.16496 0 16 0Z" />
|
||||
<path fill="url(#linear_fill_2442_491_1)"
|
||||
d="M16 0C24.835 0 32 7.16496 32 16C32 24.835 24.835 32 16 32C7.16496 32 0 24.835 0 16C0 7.16496 7.16496 0 16 0Z" />
|
||||
<path fill-rule="evenodd" fill="url(#linear_border_2442_491_0)"
|
||||
d="M32 16C32 7.16496 24.835 0 16 0C7.16496 0 0 7.16496 0 16C0 24.835 7.16496 32 16 32C24.835 32 32 24.835 32 16ZM30.5 16C30.5 7.99187 24.0081 1.5 16 1.5C7.99187 1.5 1.5 7.99187 1.5 16C1.5 24.0081 7.99187 30.5 16 30.5C24.0081 30.5 30.5 24.0081 30.5 16Z" />
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="32"
|
||||
height="32"
|
||||
viewBox="0 0 32 32"
|
||||
fill="none"
|
||||
>
|
||||
<path
|
||||
fill="#000000"
|
||||
fill-opacity="0.6"
|
||||
d="M16 0C24.835 0 32 7.16496 32 16C32 24.835 24.835 32 16 32C7.16496 32 0 24.835 0 16C0 7.16496 7.16496 0 16 0Z"
|
||||
/>
|
||||
<path
|
||||
fill="url(#linear_fill_2442_491_1)"
|
||||
d="M16 0C24.835 0 32 7.16496 32 16C32 24.835 24.835 32 16 32C7.16496 32 0 24.835 0 16C0 7.16496 7.16496 0 16 0Z"
|
||||
/>
|
||||
<path
|
||||
fill-rule="evenodd"
|
||||
fill="url(#linear_border_2442_491_0)"
|
||||
d="M32 16C32 7.16496 24.835 0 16 0C7.16496 0 0 7.16496 0 16C0 24.835 7.16496 32 16 32C24.835 32 32 24.835 32 16ZM30.5 16C30.5 7.99187 24.0081 1.5 16 1.5C7.99187 1.5 1.5 7.99187 1.5 16C1.5 24.0081 7.99187 30.5 16 30.5C24.0081 30.5 30.5 24.0081 30.5 16Z"
|
||||
/>
|
||||
<g filter="url(#filter_2442_492)">
|
||||
<path
|
||||
d="M10.4025 16.1283L19.1887 9.77097C19.1941 9.76721 19.1995 9.76361 19.205 9.76018C19.2106 9.75678 19.2162 9.75356 19.222 9.75054C19.2278 9.74754 19.2337 9.74473 19.2396 9.74211C19.2456 9.73947 19.2517 9.73705 19.2578 9.73486C19.2639 9.73265 19.2701 9.73065 19.2764 9.72886C19.2827 9.72708 19.289 9.7255 19.2954 9.72415C19.3017 9.72279 19.3082 9.72166 19.3146 9.72075C19.3211 9.71985 19.3275 9.71916 19.334 9.71868C19.3405 9.71821 19.347 9.71794 19.3535 9.7179C19.3601 9.71787 19.3666 9.71808 19.3731 9.7185C19.3796 9.71891 19.3861 9.71954 19.3925 9.7204C19.399 9.72125 19.4054 9.72234 19.4118 9.72365C19.4182 9.72493 19.4245 9.72645 19.4308 9.72818C19.4371 9.7299 19.4433 9.73184 19.4495 9.734C19.4556 9.73615 19.4617 9.7385 19.4677 9.74108C19.4737 9.74365 19.4795 9.74641 19.4854 9.74936C19.4912 9.75234 19.4969 9.7555 19.5024 9.75886C19.508 9.76222 19.5135 9.76577 19.5188 9.7695C19.5242 9.77322 19.5294 9.77712 19.5345 9.78122C19.5395 9.78531 19.5445 9.78956 19.5492 9.79397C19.554 9.7984 19.5587 9.80298 19.5631 9.80772C19.5676 9.81246 19.5719 9.81735 19.5761 9.8224C19.5802 9.82742 19.5842 9.83259 19.588 9.8379C19.5917 9.84318 19.5953 9.8486 19.5987 9.85415C19.6022 9.8597 19.6054 9.86536 19.6084 9.87115C19.6115 9.87691 19.6143 9.88277 19.6169 9.88872C19.6196 9.8947 19.622 9.90074 19.6242 9.90686C19.6264 9.913 19.6284 9.91921 19.6302 9.92547C19.632 9.93173 19.6336 9.93805 19.635 9.94443C19.6363 9.95079 19.6375 9.9572 19.6384 9.96365C19.6393 9.9701 19.64 9.97658 19.6405 9.98308C19.641 9.98958 19.6413 9.99609 19.6413 10.0026L19.6413 11.6788C19.6413 12.0415 19.4676 12.3889 19.1705 12.6022L13.9773 16.3599L19.1705 20.1176C19.1887 20.1308 19.2065 20.1445 19.2239 20.1587C19.2413 20.1729 19.2583 20.1876 19.2749 20.2028C19.2914 20.218 19.3075 20.2337 19.3231 20.2499C19.3387 20.266 19.3539 20.2826 19.3685 20.2997C19.3831 20.3167 19.3972 20.3342 19.4109 20.3521C19.4245 20.37 19.4375 20.3883 19.45 20.407C19.4625 20.4256 19.4745 20.4446 19.4859 20.464C19.4973 20.4834 19.5081 20.5031 19.5183 20.5231C19.5285 20.5431 19.5381 20.5634 19.5471 20.584C19.5562 20.6046 19.5646 20.6254 19.5724 20.6465C19.5801 20.6676 19.5873 20.6889 19.5938 20.7104C19.6003 20.7319 19.6062 20.7536 19.6115 20.7754C19.6167 20.7973 19.6213 20.8193 19.6252 20.8414C19.6292 20.8635 19.6325 20.8858 19.6351 20.9081C19.6377 20.9304 19.6396 20.9528 19.6409 20.9752C19.6422 20.9977 19.6429 21.0201 19.6428 21.0426L19.6428 22.7173C19.6428 22.9489 19.3777 23.0845 19.1887 22.9489L10.4025 16.5915C10.3979 16.5882 10.3935 16.5848 10.3892 16.5812C10.3849 16.5776 10.3807 16.5739 10.3766 16.57C10.3725 16.5662 10.3686 16.5623 10.3647 16.5582C10.3608 16.5541 10.3571 16.5499 10.3535 16.5456C10.3499 16.5414 10.3464 16.537 10.343 16.5325C10.3396 16.528 10.3364 16.5234 10.3334 16.5187C10.3302 16.514 10.3273 16.5093 10.3245 16.5044C10.3217 16.4996 10.319 16.4946 10.3165 16.4896C10.3139 16.4846 10.3116 16.4796 10.3094 16.4744C10.3071 16.4693 10.305 16.464 10.3031 16.4588C10.3012 16.4535 10.2994 16.4482 10.2978 16.4428C10.2962 16.4375 10.2948 16.4321 10.2934 16.4266C10.2921 16.4211 10.291 16.4156 10.29 16.4101C10.2891 16.4046 10.2882 16.3991 10.2876 16.3935C10.2869 16.3879 10.2864 16.3824 10.2861 16.3768C10.2858 16.3711 10.2856 16.3655 10.2856 16.3599C10.2856 16.3543 10.2858 16.3487 10.2861 16.3431C10.2864 16.3375 10.2869 16.3319 10.2876 16.3264C10.2882 16.3208 10.2891 16.3153 10.29 16.3097C10.291 16.3042 10.2921 16.2987 10.2934 16.2933C10.2948 16.2878 10.2962 16.2824 10.2978 16.277C10.2994 16.2716 10.3012 16.2663 10.3031 16.2611C10.305 16.2558 10.3071 16.2506 10.3094 16.2455C10.3116 16.2403 10.3139 16.2352 10.3165 16.2302C10.319 16.2252 10.3217 16.2203 10.3245 16.2154C10.3273 16.2106 10.3302 16.2058 10.3334 16.2011C10.3364 16.1965 10.3396 16.1919 10.343 16.1874C10.3464 16.1829 10.3499 16.1785 10.3535 16.1742C10.3571 16.1699 10.3608 16.1658 10.3647 16.1617C10.3686 16.1576 10.3725 16.1536 10.3766 16.1498C10.3807 16.146 10.3849 16.1423 10.3892 16.1387C10.3935 16.1351 10.3979 16.1316 10.4025 16.1283Z"
|
||||
fill="rgba(var(--color-base2), 1)" />
|
||||
fill="rgba(var(--color-base2), 1)"
|
||||
/>
|
||||
</g>
|
||||
<defs>
|
||||
<linearGradient id="linear_fill_2442_491_1" x1="14.793701171875" y1="16.00537109375" x2="14.7939453125"
|
||||
y2="-6.678619384765625" gradientUnits="userSpaceOnUse">
|
||||
<linearGradient
|
||||
id="linear_fill_2442_491_1"
|
||||
x1="14.793701171875"
|
||||
y1="16.00537109375"
|
||||
x2="14.7939453125"
|
||||
y2="-6.678619384765625"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
>
|
||||
<stop offset="0" stop-color="rgb(var(--color-base1))" stop-opacity="0.2" />
|
||||
<stop offset="1" stop-color="rgb(var(--color-base1))" stop-opacity="0" />
|
||||
</linearGradient>
|
||||
<linearGradient id="linear_border_2442_491_0" x1="32" y1="-1.27423095703125" x2="4.303466796875"
|
||||
y2="29.435516357421875" gradientUnits="userSpaceOnUse">
|
||||
<linearGradient
|
||||
id="linear_border_2442_491_0"
|
||||
x1="32"
|
||||
y1="-1.27423095703125"
|
||||
x2="4.303466796875"
|
||||
y2="29.435516357421875"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
>
|
||||
<stop offset="0.0625" stop-color="rgb(var(--color-base1))" />
|
||||
<stop offset="1" stop-color="var(--color-border1)" />
|
||||
</linearGradient>
|
||||
<filter id="filter_2442_492" x="6.28564453125" y="5.717864990234375" width="17.357177734375"
|
||||
height="21.36663818359375" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<filter
|
||||
id="filter_2442_492"
|
||||
x="6.28564453125"
|
||||
y="5.717864990234375"
|
||||
width="17.357177734375"
|
||||
height="21.36663818359375"
|
||||
filterUnits="userSpaceOnUse"
|
||||
color-interpolation-filters="sRGB"
|
||||
>
|
||||
<feFlood flood-opacity="0" result="feFloodId_2442_492" />
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
|
||||
result="hardAlpha_2442_492" />
|
||||
<feColorMatrix
|
||||
in="SourceAlpha"
|
||||
type="matrix"
|
||||
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
|
||||
result="hardAlpha_2442_492"
|
||||
/>
|
||||
<feOffset dx="0" dy="0" />
|
||||
<feGaussianBlur stdDeviation="2" />
|
||||
<feComposite in2="hardAlpha_2442_492" operator="out" />
|
||||
<feColorMatrix type="matrix"
|
||||
values="0 0 0 0 0.1450980392156863 0 0 0 0 0.7686274509803922 0 0 0 0 0.7686274509803922 0 0 0 1 0" />
|
||||
<feColorMatrix
|
||||
type="matrix"
|
||||
values="0 0 0 0 0.1450980392156863 0 0 0 0 0.7686274509803922 0 0 0 0 0.7686274509803922 0 0 0 1 0"
|
||||
/>
|
||||
<feBlend mode="normal" in2="feFloodId_2442_492" result="dropShadow_1_2442_492" />
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="dropShadow_1_2442_492" result="shape_2442_492" />
|
||||
<feBlend
|
||||
mode="normal"
|
||||
in="SourceGraphic"
|
||||
in2="dropShadow_1_2442_492"
|
||||
result="shape_2442_492"
|
||||
/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="box1" v-on:mouseleave="treeMouseOver">
|
||||
<svg class="box1_bg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="296"
|
||||
height="631" viewBox="0 0 296 631" fill="none" preserveAspectRatio="none">
|
||||
<path fill="#000000" fill-opacity="0.6" d="M296 631L71.18 631L0 571.35L0 0L296 0L296 631Z" />
|
||||
<path fill="url(#linear_fill_2409_300_1)" d="M296 631L71.18 631L0 571.35L0 0L296 0L296 631Z" />
|
||||
<path fill-rule="evenodd" fill="url(#linear_border_2409_300_0)"
|
||||
d="M71.7254 629.5L294.5 629.5L294.5 1.5L1.5 1.5L1.5 570.65L71.7254 629.5ZM71.18 631L296 631L296 0L0 0L0 571.35L71.18 631Z" />
|
||||
<path d="M288 600.747L288 622.356L268 622.356L288 600.747Z" stroke="rgba(var(--color-base1), 1)"
|
||||
stroke-width="1" stroke-linejoin="round" />
|
||||
<path d="M8 30.2534L8 8.64384L28 8.64384L8 30.2534Z" stroke="rgba(var(--color-base1), 1)" stroke-width="1"
|
||||
stroke-linejoin="round" />
|
||||
<svg
|
||||
class="box1_bg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="296"
|
||||
height="631"
|
||||
viewBox="0 0 296 631"
|
||||
fill="none"
|
||||
preserveAspectRatio="none"
|
||||
>
|
||||
<path
|
||||
fill="#000000"
|
||||
fill-opacity="0.6"
|
||||
d="M296 631L71.18 631L0 571.35L0 0L296 0L296 631Z"
|
||||
/>
|
||||
<path
|
||||
fill="url(#linear_fill_2409_300_1)"
|
||||
d="M296 631L71.18 631L0 571.35L0 0L296 0L296 631Z"
|
||||
/>
|
||||
<path
|
||||
fill-rule="evenodd"
|
||||
fill="url(#linear_border_2409_300_0)"
|
||||
d="M71.7254 629.5L294.5 629.5L294.5 1.5L1.5 1.5L1.5 570.65L71.7254 629.5ZM71.18 631L296 631L296 0L0 0L0 571.35L71.18 631Z"
|
||||
/>
|
||||
<path
|
||||
d="M288 600.747L288 622.356L268 622.356L288 600.747Z"
|
||||
stroke="rgba(var(--color-base1), 1)"
|
||||
stroke-width="1"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M8 30.2534L8 8.64384L28 8.64384L8 30.2534Z"
|
||||
stroke="rgba(var(--color-base1), 1)"
|
||||
stroke-width="1"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<defs>
|
||||
<linearGradient id="linear_fill_2409_300_1" x1="136.842529296875" y1="315.60589599609375"
|
||||
x2="136.843505859375" y2="-131.6942138671875" gradientUnits="userSpaceOnUse">
|
||||
<linearGradient
|
||||
id="linear_fill_2409_300_1"
|
||||
x1="136.842529296875"
|
||||
y1="315.60589599609375"
|
||||
x2="136.843505859375"
|
||||
y2="-131.6942138671875"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
>
|
||||
<stop offset="0" stop-color="rgb(var(--color-base1))" stop-opacity="0.2" />
|
||||
<stop offset="1" stop-color="rgb(var(--color-base1))" stop-opacity="0" />
|
||||
</linearGradient>
|
||||
<linearGradient id="linear_border_2409_300_0" x1="296" y1="-25.12640380859375" x2="39.80615234375"
|
||||
y2="580.431640625" gradientUnits="userSpaceOnUse">
|
||||
<linearGradient
|
||||
id="linear_border_2409_300_0"
|
||||
x1="296"
|
||||
y1="-25.12640380859375"
|
||||
x2="39.80615234375"
|
||||
y2="580.431640625"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
>
|
||||
<stop offset="0.0625" stop-color="rgb(var(--color-base1))" />
|
||||
<stop offset="1" stop-color="var(--color-border1)" />
|
||||
</linearGradient>
|
||||
@ -68,12 +151,20 @@
|
||||
<div class="title">
|
||||
<div class="text_title">
|
||||
<!-- <img src="../../../assets/images/hongse/title.png" alt="" /> -->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"
|
||||
viewBox="0 0 34 34" fill="none">
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="32"
|
||||
height="32"
|
||||
viewBox="0 0 34 34"
|
||||
fill="none"
|
||||
>
|
||||
<g filter="url(#filter_2442_1206)">
|
||||
<path
|
||||
d="M9 18.9999C9 21.2499 9.75 23.4165 11.1667 25.1665L12.4167 24.1665C11.25 22.6665 10.6667 20.9165 10.6667 18.9999C10.6667 14.4166 14.4167 10.6667 19 10.6667C23.5833 10.6667 27.3333 14.4166 27.3333 18.9999C27.3333 20.8332 26.6666 22.5832 25.5834 24.0832L26.9166 25.0832C28.25 23.3332 29 21.2499 29 18.9999C29 13.5 24.5 9 19 9C13.5 9 9 13.5 9 18.9999ZM12.7501 19.0835C12.7501 20.5001 13.2501 21.8334 14.0834 22.9167L15.4168 22.0001C14.7501 21.1668 14.4168 20.1668 14.4168 19.1668C14.4168 16.6668 16.5001 14.5835 19.0001 14.5835C21.5001 14.5835 23.5834 16.6668 23.5834 19.1668C23.5834 20.1668 23.2501 21.0834 22.6668 21.9167L24.0001 22.9167C24.8335 21.7501 25.2501 20.5001 25.2501 19.0835C25.2501 15.6668 22.5 12.8335 19.0001 12.8335C15.5001 12.8335 12.7501 15.6668 12.7501 19.0835ZM24.7488 23.9998L13.0821 23.9998L13.0821 25.6665L15.2501 25.6665L15.2501 29L22.7502 29L22.7502 25.6665L24.7488 25.6665L24.7488 23.9998ZM21.0835 27.3334L16.9168 27.3334L16.9168 25.6667L21.0835 25.6667L21.0835 27.3334Z"
|
||||
fill-rule="evenodd" fill="#FFFFFF"></path>
|
||||
fill-rule="evenodd"
|
||||
fill="#FFFFFF"
|
||||
></path>
|
||||
</g>
|
||||
</svg>
|
||||
{{ t('tree.title') }}
|
||||
@ -90,17 +181,40 @@
|
||||
<el-option value="tree" :label="t('tree.layer')"></el-option>
|
||||
<el-option value="poi" :label="t('tree.location')"></el-option>
|
||||
</el-select>
|
||||
<input v-model="searchKey" style="width: 50px" id="keyword" type="text"
|
||||
:placeholder="t('btn.treePlaceholder')" @input="clearResult" @change="searchPlace" />
|
||||
<el-button type="primary" plain id="queryButton" size="small" @click="searchPlace" :loading="loading">{{
|
||||
t('btn.search') }}
|
||||
<input
|
||||
v-model="searchKey"
|
||||
style="width: 50px"
|
||||
id="keyword"
|
||||
type="text"
|
||||
:placeholder="t('btn.treePlaceholder')"
|
||||
@input="clearResult"
|
||||
@change="searchPlace"
|
||||
/>
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
id="queryButton"
|
||||
size="small"
|
||||
@click="searchPlace"
|
||||
:loading="loading"
|
||||
>{{ t('btn.search') }}
|
||||
</el-button>
|
||||
</div>
|
||||
<div id="selectorBox">
|
||||
<el-select ref="select1" @change="locationChange" v-model="value" size="small"
|
||||
:placeholder="t('btn.selectPlaceholder')" :no-data-text="t('btn.selectNoText')">
|
||||
<el-option v-for="(item, index) in poiOptions" :key="item.search_key + index" :label="item.search_key"
|
||||
:value="item.address">
|
||||
<el-select
|
||||
ref="select1"
|
||||
@change="locationChange"
|
||||
v-model="value"
|
||||
size="small"
|
||||
:placeholder="t('btn.selectPlaceholder')"
|
||||
:no-data-text="t('btn.selectNoText')"
|
||||
>
|
||||
<el-option
|
||||
v-for="(item, index) in poiOptions"
|
||||
:key="item.search_key + index"
|
||||
:label="item.search_key"
|
||||
:value="item.address"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
@ -134,6 +248,7 @@ import { ref, nextTick } from 'vue'
|
||||
import { ElMessage } from 'element-plus'
|
||||
import { bus } from '@/utils/bus'
|
||||
import { TreeApi } from '@/api/tree'
|
||||
import { PoiApi } from '@/api/poi'
|
||||
import { get } from 'jquery'
|
||||
|
||||
const { initTree, rightMenuRef, initTreeCallBack } = useTree()
|
||||
@ -175,7 +290,7 @@ const treeMouseOver = () => {
|
||||
|
||||
const selectChange = (val) => {
|
||||
let input = document.getElementById('keyword')
|
||||
; (window as any).treeSearchCb('')
|
||||
;(window as any).treeSearchCb('')
|
||||
if (val == 'poi') {
|
||||
searchKey.value = ''
|
||||
// input.value = ''
|
||||
@ -186,7 +301,7 @@ const selectChange = (val) => {
|
||||
// input.value = ''
|
||||
}
|
||||
if ((window as any).searchPlaceEntity) {
|
||||
; (window as any).searchPlaceEntity.remove()
|
||||
;(window as any).searchPlaceEntity.remove()
|
||||
}
|
||||
}
|
||||
// let poiNum: any = 1
|
||||
@ -223,12 +338,12 @@ const clearResult = () => {
|
||||
const target = (window as any).searchPlaceMap.get(arr[0][0])
|
||||
if (target && typeof target.remove === 'function') {
|
||||
target.remove()
|
||||
; (window as any).searchPlaceMap.clear()
|
||||
;(window as any).searchPlaceMap.clear()
|
||||
}
|
||||
}
|
||||
poiOptions.value = []
|
||||
value.value = ''
|
||||
; (window as any) && (window as any).treeSearchCb('')
|
||||
;(window as any) && (window as any).treeSearchCb('')
|
||||
}
|
||||
}
|
||||
const cancel = () => {
|
||||
@ -241,7 +356,7 @@ var key =
|
||||
(localStorage.getItem('AMapKey') && localStorage.getItem('AMapKey').split('|')[0]) ||
|
||||
'd88fcc689d1aa99866b2d0d83fd36677'
|
||||
var isOnline = false
|
||||
var loadAmp = (cb = () => { }) => {
|
||||
var loadAmp = (cb = () => {}) => {
|
||||
AMapLoader.reset()
|
||||
AMapLoader.load({
|
||||
key: key, // 申请好的Web端开发者Key，首次调用 load 时必填
|
||||
@ -270,7 +385,7 @@ const searchPlace = debounce(function () {
|
||||
value.value = ''
|
||||
let way = localStorage.getItem('searchWay')
|
||||
if (way == 'net') {
|
||||
; (window as any).treeSearchCb()
|
||||
;(window as any).treeSearchCb()
|
||||
loading.value = true
|
||||
const doSearch = () => {
|
||||
mapModule.plugin(['AMap.PlaceSearch', 'AMap.AutoComplete'], () => {
|
||||
@ -340,7 +455,8 @@ const searchPlace = debounce(function () {
|
||||
} else if (way == 'poi') {
|
||||
let string = searchKey.value.trim()
|
||||
if (string) {
|
||||
TreeApi.queryPOI({ name: string, pageNum: 1, pageSize: 1000 }).then((res) => {
|
||||
// TreeApi.queryPOI({ name: string, pageNum: 1, pageSize: 1000 }).then((res) => {
|
||||
PoiApi.searchPoi({ name: string, pageNum: 1, pageSize: 1000 }).then((res) => {
|
||||
console.log(res, 'resres')
|
||||
poiOptions.value = res.data
|
||||
if (poiOptions.value.length) {
|
||||
@ -349,6 +465,11 @@ const searchPlace = debounce(function () {
|
||||
return item
|
||||
})
|
||||
select1.value.toggleMenu()
|
||||
} else {
|
||||
ElMessage({
|
||||
message: '没有搜索结果',
|
||||
type: 'warning'
|
||||
})
|
||||
}
|
||||
loading.value = false
|
||||
})
|
||||
@ -361,7 +482,7 @@ const searchPlace = debounce(function () {
|
||||
} else {
|
||||
poiOptions.value = []
|
||||
value.value = ''
|
||||
; (window as any).treeSearchCb(searchKey.value)
|
||||
;(window as any).treeSearchCb(searchKey.value)
|
||||
}
|
||||
}, 500)
|
||||
|
||||
@ -461,7 +582,7 @@ defineExpose({
|
||||
transition: transform 0.5s ease;
|
||||
transform: rotate(180deg);
|
||||
|
||||
>svg {
|
||||
> svg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
@ -516,13 +637,15 @@ defineExpose({
|
||||
font-size: 1.2em;
|
||||
text-shadow: 0px 0px 9px var(--color-text-shadow);
|
||||
font-weight: 700;
|
||||
background: linear-gradient(90deg,
|
||||
rgba(var(--color-base1), 0) 0%,
|
||||
rgba(var(--color-base1), 0.5) 55.55%,
|
||||
rgba(var(--color-base1), 0) 100%);
|
||||
>svg {
|
||||
margin-right: 10px;
|
||||
}
|
||||
background: linear-gradient(
|
||||
90deg,
|
||||
rgba(var(--color-base1), 0) 0%,
|
||||
rgba(var(--color-base1), 0.5) 55.55%,
|
||||
rgba(var(--color-base1), 0) 100%
|
||||
);
|
||||
> svg {
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user