修改bug文档

This commit is contained in:
2025-11-14 10:10:25 +08:00
parent 239628413a
commit 895021c4b3
10 changed files with 437 additions and 363 deletions

View File

@ -11,6 +11,30 @@ declare module 'vue' {
BaseDialog: typeof import('./src/components/dialog/baseDialog.vue')['default'] BaseDialog: typeof import('./src/components/dialog/baseDialog.vue')['default']
Directory: typeof import('./src/components/dialog/directory.vue')['default'] Directory: typeof import('./src/components/dialog/directory.vue')['default']
DirectoryEdit: typeof import('./src/components/dialog/directoryEdit.vue')['default'] DirectoryEdit: typeof import('./src/components/dialog/directoryEdit.vue')['default']
ElButton: typeof import('element-plus/es')['ElButton']
ElCard: typeof import('element-plus/es')['ElCard']
ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
ElCheckboxGroup: typeof import('element-plus/es')['ElCheckboxGroup']
ElCol: typeof import('element-plus/es')['ElCol']
ElDatePicker: typeof import('element-plus/es')['ElDatePicker']
ElDialog: typeof import('element-plus/es')['ElDialog']
ElForm: typeof import('element-plus/es')['ElForm']
ElFormItem: typeof import('element-plus/es')['ElFormItem']
ElImage: typeof import('element-plus/es')['ElImage']
ElInput: typeof import('element-plus/es')['ElInput']
ElOption: typeof import('element-plus/es')['ElOption']
ElPagination: typeof import('element-plus/es')['ElPagination']
ElRow: typeof import('element-plus/es')['ElRow']
ElSelect: typeof import('element-plus/es')['ElSelect']
ElSlider: typeof import('element-plus/es')['ElSlider']
ElSwitch: typeof import('element-plus/es')['ElSwitch']
ElTable: typeof import('element-plus/es')['ElTable']
ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
ElTabPane: typeof import('element-plus/es')['ElTabPane']
ElTabs: typeof import('element-plus/es')['ElTabs']
ElTooltip: typeof import('element-plus/es')['ElTooltip']
ElTree: typeof import('element-plus/es')['ElTree']
ElUpload: typeof import('element-plus/es')['ElUpload']
Index_b: typeof import('./src/components/SvgIcon/index_b.vue')['default'] Index_b: typeof import('./src/components/SvgIcon/index_b.vue')['default']
Pagination: typeof import('./src/components/Pagination/index.vue')['default'] Pagination: typeof import('./src/components/Pagination/index.vue')['default']
RouterLink: typeof import('vue-router')['RouterLink'] RouterLink: typeof import('vue-router')['RouterLink']

File diff suppressed because one or more lines are too long

View File

@ -34,7 +34,7 @@
} }
:root { :root {
--color-sdk-base-rgb: 0, 255, 255; --color-base1: 0, 255, 255;
--color-sdk-auxiliary: 0, 66, 66; --color-sdk-auxiliary: 0, 66, 66;
--color-sdk-auxiliary-public: #ffffff; --color-sdk-auxiliary-public: #ffffff;
--color-sdk-warning-0: #1BF8C3; --color-sdk-warning-0: #1BF8C3;
@ -44,9 +44,9 @@
--color-sdk-text-head: #FFFFFF; --color-sdk-text-head: #FFFFFF;
--color-sdk-text-head-1: #E6F7FF; --color-sdk-text-head-1: #E6F7FF;
--color-sdk-text-head-2: #ADF1FF; --color-sdk-text-head-2: #ADF1FF;
--color-sdk-gradual: rgb(0, 255, 255) 6.25%, rgb(0, 200, 255) 100%; --color-sdk-gradual: rgb(var(--color-base1)) 6.25%, var(--color-border1) 100%;
--color-sdk-bg-gradual: #00ffff33 0%, #00ffff00 100%; --color-sdk-bg-gradual: rgba(var(--color-base1), 0.2) 0%, rgba(var(--color-base1), 0) 100%;
--color-sdk-text-shadow: rgba(20, 118, 255, 1); --color-text-shadow: rgba(20, 118, 255, 1);
} }
.cesium-viewer-cesiumWidgetContainer { .cesium-viewer-cesiumWidgetContainer {
@ -88,7 +88,7 @@
width: 70.5px; width: 70.5px;
height: 6px; height: 6px;
opacity: 1; opacity: 1;
background: rgba(var(--color-sdk-base-rgb), 1); background: rgba(var(--color-base1), 1);
clip-path: polygon(0 0, calc(100% - 3px) 0, 100% 6px, 0 6px); clip-path: polygon(0 0, calc(100% - 3px) 0, 100% 6px, 0 6px);
} }
@ -158,10 +158,10 @@
border-radius: 4px; border-radius: 4px;
white-space: nowrap; white-space: nowrap;
border-radius: 4px; border-radius: 4px;
background: rgba(var(--color-sdk-base-rgb), 0.2); background: rgba(var(--color-base1), 0.2);
border: 1px solid rgba(var(--color-sdk-base-rgb), 0.5); border: 1px solid rgba(var(--color-base1), 0.5);
display: flex; display: flex;
justify-content: flex-start; justify-content: center;
align-items: center; align-items: center;
padding: 5px 16px 4px 16px; padding: 5px 16px 4px 16px;
color: #ffffff; color: #ffffff;
@ -170,7 +170,7 @@
} }
.YJ-custom-base-dialog button:not(button[disabled]):hover { .YJ-custom-base-dialog button:not(button[disabled]):hover {
border-color: rgba(var(--color-sdk-base-rgb), 1) !important; border-color: rgba(var(--color-base1), 1) !important;
cursor: pointer; cursor: pointer;
} }
@ -224,7 +224,7 @@
line-height: 0px; line-height: 0px;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
text-align: left; text-align: left;
text-shadow: 0px 0px 9px var(--color-sdk-text-shadow); text-shadow: 0px 0px 9px var(--color-text-shadow);
-webkit-pointer-events: none; -webkit-pointer-events: none;
-moz-pointer-events: none; -moz-pointer-events: none;
-ms-pointer-events: none; -ms-pointer-events: none;
@ -244,7 +244,7 @@
line-height: 0px; line-height: 0px;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
text-align: left; text-align: left;
text-shadow: 0px 0px 9px var(--color-sdk-text-shadow) text-shadow: 0px 0px 9px var(--color-text-shadow)
} }
.YJ-custom-base-dialog>.title-box>.close-box { .YJ-custom-base-dialog>.title-box>.close-box {
@ -262,7 +262,7 @@
display: block; display: block;
width: 100%; width: 100%;
height: 100%; height: 100%;
background: rgba(var(--color-sdk-base-rgb), 1); background: rgba(var(--color-base1), 1);
opacity: 0.5; opacity: 0.5;
} }
@ -336,7 +336,7 @@
.YJ-custom-base-dialog>.content textarea { .YJ-custom-base-dialog>.content textarea {
font-size: 16px; font-size: 16px;
background-color: rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.5);
border: 1px solid rgba(var(--color-sdk-base-rgb), 0.5); border: 1px solid rgba(var(--color-base1), 0.5);
border-radius: 5px; border-radius: 5px;
line-height: 32px; line-height: 32px;
height: 32px; height: 32px;
@ -351,13 +351,13 @@
} }
.YJ-custom-base-dialog>.content input[type=checkbox]:read-only { .YJ-custom-base-dialog>.content input[type=checkbox]:read-only {
background-color: rgba(var(--color-sdk-base-rgb), 0.2); background-color: rgba(var(--color-base1), 0.2);
} }
.YJ-custom-base-dialog>.content input:focus-visible, .YJ-custom-base-dialog>.content input:focus-visible,
.YJ-custom-base-dialog>.content textarea:focus-visible { .YJ-custom-base-dialog>.content textarea:focus-visible {
outline: none; outline: none;
border-color: rgba(var(--color-sdk-base-rgb), 0.8); border-color: rgba(var(--color-base1), 0.8);
} }
.YJ-custom-base-dialog>.content select:focus-visible { .YJ-custom-base-dialog>.content select:focus-visible {
@ -366,7 +366,7 @@
} }
.YJ-custom-base-dialog>.content select { .YJ-custom-base-dialog>.content select {
background-color: rgba(var(--color-sdk-base-rgb), 0.2); background-color: rgba(var(--color-base1), 0.2);
border: 1px solid rgba(0, 255, 255, 0); border: 1px solid rgba(0, 255, 255, 0);
border-radius: 5px; border-radius: 5px;
line-height: 32px; line-height: 32px;
@ -448,20 +448,21 @@
.YJ-custom-base-dialog>.content .table { .YJ-custom-base-dialog>.content .table {
background-color: #ffffff00; background-color: #ffffff00;
color: #000; color: #000;
font-size: 12px;
} }
.YJ-custom-base-dialog>.content .table { .YJ-custom-base-dialog>.content .table {
background-color: #ffffff00; background-color: #ffffff00;
color: #000; color: #000;
overflow: hidden; overflow: hidden;
border: 1px solid rgba(var(--color-sdk-base-rgb), 0.5); border: 1px solid rgba(var(--color-base1), 0.5);
} }
.YJ-custom-base-dialog>.content .table input {} .YJ-custom-base-dialog>.content .table input {}
.YJ-custom-base-dialog>.content .table .tr { .YJ-custom-base-dialog>.content .table .tr {
display: flex; display: flex;
border: 1px solid rgba(var(--color-sdk-base-rgb), 0.5); border: 1px solid rgba(var(--color-base1), 0.5);
border-right: none; border-right: none;
} }
@ -475,9 +476,6 @@
border-top: none; border-top: none;
} }
.YJ-custom-base-dialog>.content .attribute-content-link .table .tr,
.YJ-custom-base-dialog>.content .attribute-content-vr .table .tr {}
.YJ-custom-base-dialog>.content .table .table-empty { .YJ-custom-base-dialog>.content .table .table-empty {
display: flex; display: flex;
align-items: center; align-items: center;
@ -545,21 +543,19 @@
.YJ-custom-base-dialog>.content *::-webkit-scrollbar-thumb { .YJ-custom-base-dialog>.content *::-webkit-scrollbar-thumb {
border-radius: 5px; border-radius: 5px;
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
background-color: rgba(var(--color-sdk-base-rgb)); background-color: rgba(var(--color-base1));
} }
.YJ-custom-base-dialog>.content *::-webkit-scrollbar-track { .YJ-custom-base-dialog>.content *::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
border-radius: 5px; border-radius: 5px;
background-color: rgba(var(--color-sdk-base-rgb), 0.1); background-color: rgba(var(--color-base1), 0.1);
} }
.YJ-custom-base-dialog>.content .table .table-body .tr:last-child {}
.YJ-custom-base-dialog>.content .table .tr .th, .YJ-custom-base-dialog>.content .table .tr .th,
.YJ-custom-base-dialog>.content .table .tr .td { .YJ-custom-base-dialog>.content .table .tr .td {
flex: 1; flex: 1;
border-right: 1px solid rgba(var(--color-sdk-base-rgb), 0.5); border-right: 1px solid rgba(var(--color-base1), 0.5);
padding: 5px 10px; padding: 5px 10px;
display: flex; display: flex;
align-items: center; align-items: center;
@ -573,40 +569,7 @@
justify-content: center; justify-content: center;
} }
.YJ-custom-base-dialog>.content .attribute-content-link .table .tr .th:nth-child(1),
.YJ-custom-base-dialog>.content .attribute-content-link .table .tr .td:nth-child(1),
.YJ-custom-base-dialog>.content .attribute-content-vr .table .tr .th:nth-child(1),
.YJ-custom-base-dialog>.content .attribute-content-vr .table .tr .td:nth-child(1) {
width: 164px;
flex: 0 0 164px;
}
.YJ-custom-base-dialog>.content .attribute-content-link .table .tr .th:nth-child(2),
.YJ-custom-base-dialog>.content .attribute-content-link .table .tr .td:nth-child(2),
.YJ-custom-base-dialog>.content .attribute-content-vr .table .tr .th:nth-child(2),
.YJ-custom-base-dialog>.content .attribute-content-vr .table .tr .td:nth-child(2) {
width: 226px;
flex: 0 0 226px;
}
.YJ-custom-base-dialog>.content .attribute-content-link .table .tr .th:nth-child(3),
.YJ-custom-base-dialog>.content .attribute-content-link .table .tr .td:nth-child(3),
.YJ-custom-base-dialog>.content .attribute-content-vr .table .tr .th:nth-child(3),
.YJ-custom-base-dialog>.content .attribute-content-vr .table .tr .td:nth-child(3) {
flex: 0 0 150px;
width: 150px;
justify-content: center;
}
.YJ-custom-base-dialog>.content .attribute-content-link .table .tr .td .input-group .input,
.YJ-custom-base-dialog>.content .attribute-content-vr .table .tr .td .input-group .input {
border-radius: 5px 0 0 5px;
}
.YJ-custom-base-dialog>.content .attribute-content-materials .table .tr .th:nth-child(1),
.YJ-custom-base-dialog>.content .attribute-content-materials .table .tr .td:nth-child(1) {
flex: 0 0 60px;
}
.YJ-custom-base-dialog>.content .table .tr .td .link-edit { .YJ-custom-base-dialog>.content .table .tr .td .link-edit {
min-height: 32px; min-height: 32px;
@ -621,68 +584,6 @@
border-right: none; border-right: none;
} }
.YJ-custom-base-dialog>.content .table.camera-table {
overflow-x: auto;
}
.YJ-custom-base-dialog>.content .table.isc-table {
overflow: hidden;
}
.YJ-custom-base-dialog>.content .table.camera-table .tr {
display: inline-flex;
}
.YJ-custom-base-dialog>.content .table.isc-table .tr {
display: flex;
}
.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-sdk-base-rgb), 0.5);
}
.YJ-custom-base-dialog>.content .table.camera-table .tr .td span,
.YJ-custom-base-dialog>.content .table.isc-table .tr .td span {
white-space: nowrap;
margin-left: 10px;
}
.YJ-custom-base-dialog>.content .table.camera-table .tr .td input[type=checkbox],
.YJ-custom-base-dialog>.content .table.isc-table .tr .td input[type=checkbox] {
cursor: pointer;
}
.YJ-custom-base-dialog>.content .table.camera-table .table-body,
.YJ-custom-base-dialog>.content .table.isc-table .table-body {
display: inline-flex;
flex-direction: column;
height: 186px;
width: auto;
}
.YJ-custom-base-dialog>.content .table.camera-table .tr .th,
.YJ-custom-base-dialog>.content .table.camera-table .tr .td {
flex: 0 100px;
width: 100px;
min-width: 100px;
}
.YJ-custom-base-dialog>.content .table.isc-table .tr .th,
.YJ-custom-base-dialog>.content .table.isc-table .tr .td {
flex: 1;
width: auto;
min-width: auto;
}
.YJ-custom-base-dialog>.content .table.camera-table .tr .th:first-child,
.YJ-custom-base-dialog>.content .table.camera-table .tr .td:first-child,
.YJ-custom-base-dialog>.content .table.isc-table .tr .th:first-child,
.YJ-custom-base-dialog>.content .table.isc-table .tr .td:first-child {
flex: 0 74px;
min-width: 74px;
}
.YJ-custom-base-dialog>.content select>option { .YJ-custom-base-dialog>.content select>option {
color: #000; color: #000;
} }
@ -692,7 +593,7 @@
height: 6px; height: 6px;
border: 0; border: 0;
margin-top: 20px; margin-top: 20px;
background: rgba(var(--color-sdk-base-rgb), 0.2); background: rgba(var(--color-base1), 0.2);
-webkit-appearance: none; -webkit-appearance: none;
} */ } */
.YJ-custom-base-dialog>.content [type="range"] { .YJ-custom-base-dialog>.content [type="range"] {
@ -709,7 +610,7 @@
.YJ-custom-base-dialog>.content [type="range"]::-webkit-slider-runnable-track { .YJ-custom-base-dialog>.content [type="range"]::-webkit-slider-runnable-track {
height: 6px; height: 6px;
background: rgba(var(--color-sdk-base-rgb), 0.2); background: rgba(var(--color-base1), 0.2);
} }
.YJ-custom-base-dialog>.content [type="range" i]::-webkit-slider-container { .YJ-custom-base-dialog>.content [type="range" i]::-webkit-slider-container {
@ -723,10 +624,10 @@
width: 20px; width: 20px;
height: 20px; height: 20px;
border-radius: 50%; border-radius: 50%;
background-color: rgba(var(--color-sdk-base-rgb), 1); background-color: rgba(var(--color-base1), 1);
border: 1px solid rgba(var(--color-sdk-base-rgb), 1); border: 1px solid rgba(var(--color-base1), 1);
margin-top: -7px; margin-top: -7px;
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; border-image: linear-gradient(rgba(var(--color-base1), 1), rgba(var(--color-base1), 1)) 0 fill / 8 20 8 0 / 0px 0px 0 2000px;
} }
@ -757,11 +658,12 @@
font-weight: 700; font-weight: 700;
font-family: 'D-Din-Bold'; font-family: 'D-Din-Bold';
font-size: 18px; */ font-size: 18px; */
font-size: 12px; font-family: 'ddin';
font-size: 18px;
font-weight: 400; font-weight: 400;
letter-spacing: 0px; letter-spacing: 0px;
line-height: 24px; line-height: 24px;
color: rgba(204, 204, 204, 1); color: rgb(255, 255, 255);
text-align: left; text-align: left;
vertical-align: top; vertical-align: top;
} }
@ -800,6 +702,15 @@
margin-right: -15px; margin-right: -15px;
} }
.YJ-custom-base-dialog>.content .input-number-unit input[type=number] {
padding: 0 16px 0 10px;
}
.YJ-custom-base-dialog>.content .input-number-unit input[type=number]::-webkit-outer-spin-button,
.YJ-custom-base-dialog>.content .input-number-unit input[type=number]::-webkit-inner-spin-button {
margin-left: 5px;
margin-right: -12px;
}
.YJ-custom-base-dialog>.content .input-number-unit-1 input[type=number] { .YJ-custom-base-dialog>.content .input-number-unit-1 input[type=number] {
padding: 0 26px 0 10px; padding: 0 26px 0 10px;
} }
@ -916,11 +827,11 @@
} }
.fly-roam>.content .table .table-body .tr.active { .fly-roam>.content .table .table-body .tr.active {
background: rgba(var(--color-sdk-base-rgb), 0.15); background: rgba(var(--color-base1), 0.15);
} }
.fly-roam>.content .table .table-body .tr:last-child { .fly-roam>.content .table .table-body .tr:last-child {
border: 1px solid rgba(var(--color-sdk-base-rgb), 0.5); border: 1px solid rgba(var(--color-base1), 0.5);
border-left: none; border-left: none;
border-right: none; border-right: none;
} }
@ -935,7 +846,7 @@
cursor: no-drop; cursor: no-drop;
} }
.YJ-custom-base-dialog>.content .fly-roam .table .table-body .tr:last-child .play:hover { .YJ-custom-base-dialog>.content .fly-roam .table .table-body .tr:last-child .play:hover {
border-color: rgba(var(--color-sdk-base-rgb), 0.5) !important; border-color: rgba(var(--color-base1), 0.5) !important;
} */ } */
.fly-roam>.content .table .action { .fly-roam>.content .table .action {
@ -1065,7 +976,7 @@
margin-top: 1px; margin-top: 1px;
font-size: 14px; font-size: 14px;
background-color: rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.5);
border: 1px solid rgba(var(--color-sdk-base-rgb), 0.5); border: 1px solid rgba(var(--color-base1), 0.5);
border-radius: 5px; border-radius: 5px;
line-height: 32px; line-height: 32px;
height: 32px; height: 32px;
@ -1092,7 +1003,7 @@
} }
.YJ-custom-base-dialog .ew-color-picker .icon-pen-box:hover .icon-pen { .YJ-custom-base-dialog .ew-color-picker .icon-pen-box:hover .icon-pen {
fill: rgba(var(--color-sdk-base-rgb), 1); fill: rgba(var(--color-base1), 1);
margin: 0; margin: 0;
} }
@ -1154,14 +1065,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.add,
.YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container>.yj-pre-collect-color.subtract { .YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container>.yj-pre-collect-color.subtract {
border-color: rgba(var(--color-sdk-base-rgb), 0.2); border-color: rgba(var(--color-base1), 0.2);
background: unset; background: unset;
line-height: 22px; 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.add:hover,
.YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container>.yj-pre-collect-color.subtract:hover { .YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container>.yj-pre-collect-color.subtract:hover {
border-color: rgba(var(--color-sdk-base-rgb), 0.4); border-color: rgba(var(--color-base1), 0.4);
} }
.YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container svg, .YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container svg,
@ -1205,9 +1116,9 @@
line-height: 28px; line-height: 28px;
} }
.YJ-custom-base-dialog .ew-color-picker .ew-color-dropbtngroup button.ew-color-clear { /* .YJ-custom-base-dialog .ew-color-picker .ew-color-dropbtngroup button.ew-color-clear {
margin-right: 8px; margin-right: 8px;
} } */
.YJ-custom-base-dialog .ew-color-picker-box { .YJ-custom-base-dialog .ew-color-picker-box {
border-width: 4px; border-width: 4px;
@ -1445,13 +1356,13 @@
.DIV-cy-tabs .DIV-cy-tab-top::-webkit-scrollbar-thumb { .DIV-cy-tabs .DIV-cy-tab-top::-webkit-scrollbar-thumb {
border-radius: 5px; border-radius: 5px;
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
background-color: rgba(var(--color-sdk-base-rgb)); background-color: rgba(var(--color-base1));
} }
.DIV-cy-tabs .DIV-cy-tab-top::-webkit-scrollbar-track { .DIV-cy-tabs .DIV-cy-tab-top::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
border-radius: 5px; border-radius: 5px;
background-color: rgba(var(--color-sdk-base-rgb), 0.1); background-color: rgba(var(--color-base1), 0.1);
} }
.DIV-cy-tabs .DIV-cy-tab-top::after { .DIV-cy-tabs .DIV-cy-tab-top::after {
@ -1474,11 +1385,11 @@
} }
.DIV-cy-tabs .DIV-cy-tab-pane-title .DIV-cy-tab-pane-title-p:hover { .DIV-cy-tabs .DIV-cy-tab-pane-title .DIV-cy-tab-pane-title-p:hover {
border-bottom-color: rgba(var(--color-sdk-base-rgb)); border-bottom-color: rgba(var(--color-base1));
} }
.DIV-cy-tabs .DIV-cy-tab-pane-title .DIV-cy-tab-pane-title-p:hover span { .DIV-cy-tabs .DIV-cy-tab-pane-title .DIV-cy-tab-pane-title-p:hover span {
text-shadow: 0px 0px 9px var(--color-sdk-text-shadow); text-shadow: 0px 0px 9px var(--color-text-shadow);
} }
.DIV-cy-tabs .DIV-cy-tab-pane-title:first-child { .DIV-cy-tabs .DIV-cy-tab-pane-title:first-child {
@ -1515,11 +1426,11 @@
} }
.DIV-cy-tabs .DIV-cy-tab-pane-title-p.is-active { .DIV-cy-tabs .DIV-cy-tab-pane-title-p.is-active {
border-bottom-color: rgba(var(--color-sdk-base-rgb)); border-bottom-color: rgba(var(--color-base1));
} }
.DIV-cy-tabs .DIV-cy-tab-pane-title-p.is-active span { .DIV-cy-tabs .DIV-cy-tab-pane-title-p.is-active span {
text-shadow: 0px 0px 9px var(--color-sdk-text-shadow); text-shadow: 0px 0px 9px var(--color-text-shadow);
} }
/* 开关按钮样式 */ /* 开关按钮样式 */
@ -1530,8 +1441,8 @@
height: 20px; height: 20px;
padding: 0; padding: 0;
position: relative; position: relative;
border: 1px solid rgba(var(--color-sdk-base-rgb), 0.2); border: 1px solid rgba(var(--color-base1), 0.2);
background-color: rgba(var(--color-sdk-base-rgb), 0.2); background-color: rgba(var(--color-base1), 0.2);
border-radius: 20px; border-radius: 20px;
background-clip: content-box; background-clip: content-box;
display: inline-block; display: inline-block;
@ -1555,9 +1466,9 @@
.YJ-custom-base-dialog>.content .btn-switch:checked, .YJ-custom-base-dialog>.content .btn-switch:checked,
.YJ-custom-base-dialog>.foot .btn-switch:checked { .YJ-custom-base-dialog>.foot .btn-switch:checked {
border-color: rgba(var(--color-sdk-base-rgb), 1); border-color: rgba(var(--color-base1), 1);
box-shadow: rgba(var(--color-sdk-base-rgb)) 0 0 0 16px inset; box-shadow: rgba(var(--color-base1)) 0 0 0 16px inset;
background-color: rgba(var(--color-sdk-base-rgb)); background-color: rgba(var(--color-base1));
} }
.YJ-custom-base-dialog>.content .btn-switch:checked:before, .YJ-custom-base-dialog>.content .btn-switch:checked:before,
@ -1709,12 +1620,12 @@
.YJ-custom-base-dialog>.content .cy_datalist input.datalist { .YJ-custom-base-dialog>.content .cy_datalist input.datalist {
border-color: #00000000; border-color: #00000000;
background-color: rgba(var(--color-sdk-base-rgb), 0.2) !important; background-color: rgba(var(--color-base1), 0.2) !important;
} }
.YJ-custom-base-dialog>.content .cy_datalist dl { .YJ-custom-base-dialog>.content .cy_datalist dl {
min-width: 100%; min-width: 100%;
border-color: rgba(var(--color-sdk-base-rgb), 0.5); border-color: rgba(var(--color-base1), 0.5);
} }
.YJ-custom-base-dialog>.content .cy_datalist dl dd { .YJ-custom-base-dialog>.content .cy_datalist dl dd {
@ -1727,17 +1638,17 @@
} }
.YJ-custom-base-dialog>.content .cy_datalist dl dd:hover { .YJ-custom-base-dialog>.content .cy_datalist dl dd:hover {
background-color: rgba(var(--color-sdk-base-rgb), 0.2); background-color: rgba(var(--color-base1), 0.2);
color: white; color: white;
} }
.YJ-custom-base-dialog>.content .cy_datalist dl dd.active { .YJ-custom-base-dialog>.content .cy_datalist dl dd.active {
color: rgba(var(--color-sdk-base-rgb)) !important; color: rgba(var(--color-base1)) !important;
/* background-color: rgba(var(--color-sdk-base-rgb), 0.2); */ /* background-color: rgba(var(--color-base1), 0.2); */
} }
.YJ-custom-base-dialog>.content .cy_datalist dl dd.active svg { .YJ-custom-base-dialog>.content .cy_datalist dl dd.active svg {
fill: rgba(var(--color-sdk-base-rgb)) fill: rgba(var(--color-base1))
} }
.YJ-custom-base-dialog>.content .cy_datalist dl dd.active::before { .YJ-custom-base-dialog>.content .cy_datalist dl dd.active::before {
@ -1745,8 +1656,8 @@
display: inline-block; display: inline-block;
width: 8px; width: 8px;
height: 4px; height: 4px;
border-bottom: 2px solid rgba(var(--color-sdk-base-rgb)); border-bottom: 2px solid rgba(var(--color-base1));
border-left: 2px solid rgba(var(--color-sdk-base-rgb)); border-left: 2px solid rgba(var(--color-base1));
transform: rotate(-45deg); transform: rotate(-45deg);
position: absolute; position: absolute;
right: 6px; right: 6px;
@ -1769,58 +1680,6 @@
top: 10px; top: 10px;
} }
/* 点标注 */
.YJ-custom-base-dialog.billboard-object>.content {
width: 590px;
}
.YJ-custom-base-dialog.billboard-object>.content button.primary {
padding: 6px 14px;
}
.YJ-custom-base-dialog.billboard-object>.content>div .row .col {
margin: 0 10px;
}
.YJ-custom-base-dialog.billboard-object>.content>div .row .col:first-child {
margin-left: 0;
}
.YJ-custom-base-dialog.billboard-object>.content>div .row .col:last-child {
margin-right: 0;
}
.YJ-custom-base-dialog.billboard-object>.content>div .row .label {
flex: 0 0 56px;
white-space: nowrap;
}
.YJ-custom-base-dialog.billboard-object>.content .DIV-cy-tab-content-pane .input-select {
width: 100px;
}
.YJ-custom-base-dialog.billboard-object>.content .DIV-cy-tab-content-pane h4 {
font-size: 16px;
margin-bottom: 10px;
}
.YJ-custom-base-dialog.billboard-object>.content div .image-box {
width: 23px;
height: 26px;
cursor: pointer;
border: 1px solid rgba(var(--color-sdk-base-rgb), 0.2);
display: flex;
align-items: center;
justify-content: center;
}
.YJ-custom-base-dialog.billboard-object>.content div .image {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}
/* 富文本 */ /* 富文本 */
.richText-box { .richText-box {
position: absolute; position: absolute;
@ -1942,13 +1801,13 @@
} }
.YJ-custom-base-dialog.trajectory-motion>.content .btn.is-active { .YJ-custom-base-dialog.trajectory-motion>.content .btn.is-active {
border-color: rgba(var(--color-sdk-base-rgb)); border-color: rgba(var(--color-base1));
} }
.YJ-custom-base-dialog.trajectory-motion>.content .btn-group .btn.is-active>span { .YJ-custom-base-dialog.trajectory-motion>.content .btn-group .btn.is-active>span {
color: #fff; color: #fff;
font-size: 16px; font-size: 16px;
text-shadow: 0px 0px 9px var(--color-sdk-text-shadow); text-shadow: 0px 0px 9px var(--color-text-shadow);
font-weight: 400; font-weight: 400;
} }
@ -2029,7 +1888,7 @@
.YJ-custom-base-dialog.sun-shine-surface>.content>div .progress { .YJ-custom-base-dialog.sun-shine-surface>.content>div .progress {
height: 100%; height: 100%;
width: 0; width: 0;
background: rgba(var(--color-sdk-base-rgb), 1); background: rgba(var(--color-base1), 1);
border-radius: 15px; border-radius: 15px;
position: relative; position: relative;
} }
@ -2039,7 +1898,7 @@
height: 16px; height: 16px;
background: white; background: white;
/* border: 3px solid #4285f4; */ /* border: 3px solid #4285f4; */
background: rgba(var(--color-sdk-base-rgb), 1); background: rgba(var(--color-base1), 1);
border-radius: 50%; border-radius: 50%;
position: absolute; position: absolute;
right: -8px; right: -8px;
@ -2255,7 +2114,7 @@
} }
.YJ-custom-base-dialog.submerge>.content .table-body .tr:last-child { .YJ-custom-base-dialog.submerge>.content .table-body .tr:last-child {
border-bottom: 1px solid rgba(var(--color-sdk-base-rgb), 0.5); border-bottom: 1px solid rgba(var(--color-base1), 0.5);
} }
.YJ-custom-base-dialog.submerge>.content .table-empty { .YJ-custom-base-dialog.submerge>.content .table-empty {
@ -2331,7 +2190,7 @@
} }
.YJ-custom-base-dialog.view-shed>.content .range-box .range-bg { .YJ-custom-base-dialog.view-shed>.content .range-box .range-bg {
background: rgba(var(--color-sdk-base-rgb), 0.2); background: rgba(var(--color-base1), 0.2);
height: 100%; height: 100%;
width: 100%; width: 100%;
mask: url(../img/range.svg); mask: url(../img/range.svg);
@ -2353,7 +2212,7 @@
.YJ-custom-base-dialog.view-shed>.content .range-box .range-bg .range-process { .YJ-custom-base-dialog.view-shed>.content .range-box .range-bg .range-process {
width: 0; width: 0;
height: 100%; height: 100%;
background: rgba(var(--color-sdk-base-rgb), 1); background: rgba(var(--color-base1), 1);
} }
.YJ-custom-base-dialog.view-shed>.content .range-box .range-node-box { .YJ-custom-base-dialog.view-shed>.content .range-box .range-node-box {
@ -2399,7 +2258,7 @@
height: 20px; height: 20px;
background: #ffffff; background: #ffffff;
border-radius: 50%; border-radius: 50%;
border: 2px solid rgba(var(--color-sdk-base-rgb), 1); border: 2px solid rgba(var(--color-base1), 1);
} }
.YJ-custom-base-dialog.view-shed>.content .range-box .range-node-box .range-node-active-text { .YJ-custom-base-dialog.view-shed>.content .range-box .range-node-box .range-node-active-text {
@ -2418,7 +2277,7 @@
.YJ-custom-base-dialog.view-shed>.content .range-box input[type="range"]::-webkit-slider-runnable-track { .YJ-custom-base-dialog.view-shed>.content .range-box input[type="range"]::-webkit-slider-runnable-track {
height: 6px; height: 6px;
background: rgba(var(--color-sdk-base-rgb), 0); background: rgba(var(--color-base1), 0);
} }
.YJ-custom-base-dialog.view-shed>.content .range-box input[type="range"]::-webkit-slider-thumb { .YJ-custom-base-dialog.view-shed>.content .range-box input[type="range"]::-webkit-slider-thumb {
@ -2427,10 +2286,10 @@
width: 20px; width: 20px;
height: 20px; height: 20px;
border-radius: 50%; border-radius: 50%;
background-color: rgba(var(--color-sdk-base-rgb), 0); background-color: rgba(var(--color-base1), 0);
border: 1px solid rgba(var(--color-sdk-base-rgb), 0); border: 1px solid rgba(var(--color-base1), 0);
margin-top: -7px; margin-top: -7px;
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; border-image: linear-gradient(rgba(var(--color-base1), 0), rgba(var(--color-base1), 0)) 0 fill / 8 20 8 0 / 0px 0px 0 2000px;
} }
/* 通视分析 */ /* 通视分析 */
@ -2473,7 +2332,7 @@
} }
.el-slider { .el-slider {
--el-slider-main-bg-color: rgba(var(--color-sdk-base-rgb), 1) --el-slider-main-bg-color: rgba(var(--color-base1), 1)
} }
/* 地形可视域分析 */ /* 地形可视域分析 */
@ -2704,6 +2563,11 @@
flex: 0 0 160px; flex: 0 0 160px;
} }
.YJ-custom-base-dialog>.content>div .spatial-info-table .table-body .td input[type=number] {
font-family: 'ddin';
font-size: 14px;
}
/* 集结地 */ /* 集结地 */
.YJ-custom-base-dialog.assemble>.content { .YJ-custom-base-dialog.assemble>.content {
width: 600px; width: 600px;
@ -2930,33 +2794,33 @@
} }
.YJ-custom-base-dialog.polyline>.content>div .input-select-unit .datalist { .YJ-custom-base-dialog.polyline>.content>div .input-select-unit .datalist {
background-color: rgba(var(--color-sdk-base-rgb), 0.1) !important; background-color: rgba(var(--color-base1), 0.1) !important;
border-radius: 4px 0px 0px 4px !important; border-radius: 4px 0px 0px 4px !important;
} }
.YJ-custom-base-dialog.polyline>.content>div .input-select-unit:nth-of-type(1) .datalist { .YJ-custom-base-dialog.polyline>.content>div .input-select-unit:nth-of-type(1) .datalist {
background-color: rgba(var(--color-sdk-base-rgb), 0.1) !important; background-color: rgba(var(--color-base1), 0.1) !important;
border-radius: 4px 0px, 0px, 4px !important; border-radius: 4px 0px, 0px, 4px !important;
} }
.YJ-custom-base-dialog.polyline>.content>div .input-select-unit:nth-of-type(2) .datalist { .YJ-custom-base-dialog.polyline>.content>div .input-select-unit:nth-of-type(2) .datalist {
background-color: rgba(var(--color-sdk-base-rgb), 0.1) !important; background-color: rgba(var(--color-base1), 0.1) !important;
border-radius: 0px 4px 4px 0px !important; border-radius: 0px 4px 4px 0px !important;
} }
.YJ-custom-base-dialog.polyline>.content>div .input-select-unit:nth-of-type(1) input { .YJ-custom-base-dialog.polyline>.content>div .input-select-unit:nth-of-type(1) input {
border: 1px solid rgba(var(--color-sdk-base-rgb), 0.5) !important; border: 1px solid rgba(var(--color-base1), 0.5) !important;
} }
.YJ-custom-base-dialog.polyline>.content>div .input-select-unit:nth-of-type(2) input { .YJ-custom-base-dialog.polyline>.content>div .input-select-unit:nth-of-type(2) input {
border: 1px solid rgba(var(--color-sdk-base-rgb), 0.5) !important; border: 1px solid rgba(var(--color-base1), 0.5) !important;
} }
.YJ-custom-base-dialog.polyline>.content input.input-text { .YJ-custom-base-dialog.polyline>.content input.input-text {
background-color: rgba(0, 0, 0, 0.5) !important; background-color: rgba(0, 0, 0, 0.5) !important;
border-radius: unset !important; border-radius: unset !important;
border-top: 1px solid rgba(var(--color-sdk-base-rgb), 0.5) !important; border-top: 1px solid rgba(var(--color-base1), 0.5) !important;
border-bottom: 1px solid rgba(var(--color-sdk-base-rgb), 0.5) !important; border-bottom: 1px solid rgba(var(--color-base1), 0.5) !important;
} }
.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist input { .YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist input {
@ -3057,33 +2921,33 @@
} }
.YJ-custom-base-dialog.polyline>.content>div .input-select-unit .datalist { .YJ-custom-base-dialog.polyline>.content>div .input-select-unit .datalist {
background-color: rgba(var(--color-sdk-base-rgb), 0.1) !important; background-color: rgba(var(--color-base1), 0.1) !important;
border-radius: 4px 0px 0px 4px !important; border-radius: 4px 0px 0px 4px !important;
} }
.YJ-custom-base-dialog.polyline>.content>div .input-select-unit:nth-of-type(1) .datalist { .YJ-custom-base-dialog.polyline>.content>div .input-select-unit:nth-of-type(1) .datalist {
background-color: rgba(var(--color-sdk-base-rgb), 0.1) !important; background-color: rgba(var(--color-base1), 0.1) !important;
border-radius: 4px 0px, 0px, 4px !important; border-radius: 4px 0px, 0px, 4px !important;
} }
.YJ-custom-base-dialog.polyline>.content>div .input-select-unit:nth-of-type(2) .datalist { .YJ-custom-base-dialog.polyline>.content>div .input-select-unit:nth-of-type(2) .datalist {
background-color: rgba(var(--color-sdk-base-rgb), 0.1) !important; background-color: rgba(var(--color-base1), 0.1) !important;
border-radius: 0px 4px 4px 0px !important; border-radius: 0px 4px 4px 0px !important;
} }
.YJ-custom-base-dialog.polyline>.content>div .input-select-unit:nth-of-type(1) input { .YJ-custom-base-dialog.polyline>.content>div .input-select-unit:nth-of-type(1) input {
border: 1px solid rgba(var(--color-sdk-base-rgb), 0.5) !important; border: 1px solid rgba(var(--color-base1), 0.5) !important;
} }
.YJ-custom-base-dialog.polyline>.content>div .input-select-unit:nth-of-type(2) input { .YJ-custom-base-dialog.polyline>.content>div .input-select-unit:nth-of-type(2) input {
border: 1px solid rgba(var(--color-sdk-base-rgb), 0.5) !important; border: 1px solid rgba(var(--color-base1), 0.5) !important;
} }
.YJ-custom-base-dialog.polyline>.content input.input-text { .YJ-custom-base-dialog.polyline>.content input.input-text {
background-color: rgba(0, 0, 0, 0.5) !important; background-color: rgba(0, 0, 0, 0.5) !important;
border-radius: unset !important; border-radius: unset !important;
border-top: 1px solid rgba(var(--color-sdk-base-rgb), 0.5) !important; border-top: 1px solid rgba(var(--color-base1), 0.5) !important;
border-bottom: 1px solid rgba(var(--color-sdk-base-rgb), 0.5) !important; border-bottom: 1px solid rgba(var(--color-base1), 0.5) !important;
} }
.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist input { .YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist input {
@ -3109,19 +2973,19 @@
} }
.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.line { .YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.line {
border: 1px solid rgba(var(--color-sdk-base-rgb), 1); border: 1px solid rgba(var(--color-base1), 1);
height: 0px; height: 0px;
margin-top: 4px; margin-top: 4px;
} }
.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.dash-line { .YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.dash-line {
border: 1px dashed rgba(var(--color-sdk-base-rgb), 1); border: 1px dashed rgba(var(--color-base1), 1);
height: 0px; height: 0px;
margin-top: 4px; margin-top: 4px;
} }
.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.light-line { .YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.light-line {
border: 1px solid rgba(var(--color-sdk-base-rgb), 1); border: 1px solid rgba(var(--color-base1), 1);
height: 0px; height: 0px;
margin-top: 4px; margin-top: 4px;
box-shadow: 0 0 3px #fff box-shadow: 0 0 3px #fff
@ -3138,13 +3002,13 @@
} }
.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.flow-dash-line1 { .YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.flow-dash-line1 {
border: 1px dashed rgba(var(--color-sdk-base-rgb), 1); border: 1px dashed rgba(var(--color-base1), 1);
height: 0px; height: 0px;
margin-top: 4px; margin-top: 4px;
} }
.YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.flow-dash-line2 { .YJ-custom-base-dialog.polyline>.content>div .input-select-line-type-box .cy_datalist i.flow-dash-line2 {
border: 1px dashed rgba(var(--color-sdk-base-rgb), 1); border: 1px dashed rgba(var(--color-base1), 1);
height: 0px; height: 0px;
margin-top: 4px; margin-top: 4px;
} }
@ -3213,13 +3077,13 @@
.popup-textarea textarea::-webkit-scrollbar-thumb { .popup-textarea textarea::-webkit-scrollbar-thumb {
border-radius: 5px!important; border-radius: 5px!important;
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2)!important; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2)!important;
background-color: rgba(var(--color-sdk-base-rgb))!important; background-color: rgba(var(--color-base1))!important;
} }
.popup-textarea textarea::-webkit-scrollbar-track { .popup-textarea textarea::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2)!important; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2)!important;
border-radius: 5px!important; border-radius: 5px!important;
background-color: rgba(var(--color-sdk-base-rgb), 0.1)!important; background-color: rgba(var(--color-base1), 0.1)!important;
} }
/* 贴地图片 */ /* 贴地图片 */
@ -3292,19 +3156,19 @@
.YJ-custom-base-dialog.proj-convert>.content>div .top-line { .YJ-custom-base-dialog.proj-convert>.content>div .top-line {
top: 5px; top: 5px;
border-radius: 0 4px 0 0; border-radius: 0 4px 0 0;
border-top: 1px solid rgba(var(--color-sdk-base-rgb), 0.5); border-top: 1px solid rgba(var(--color-base1), 0.5);
border-right: 1px solid rgba(var(--color-sdk-base-rgb), 0.5); border-right: 1px solid rgba(var(--color-base1), 0.5);
} }
.YJ-custom-base-dialog.proj-convert>.content>div .bottom-line { .YJ-custom-base-dialog.proj-convert>.content>div .bottom-line {
bottom: 5px; bottom: 5px;
border-radius: 0 0 4px 0; border-radius: 0 0 4px 0;
border-bottom: 1px solid rgba(var(--color-sdk-base-rgb), 0.5); border-bottom: 1px solid rgba(var(--color-base1), 0.5);
border-right: 1px solid rgba(var(--color-sdk-base-rgb), 0.5); border-right: 1px solid rgba(var(--color-base1), 0.5);
} }
.YJ-custom-base-dialog.proj-convert>.content>div .icon-copy-box:hover .icon-copy { .YJ-custom-base-dialog.proj-convert>.content>div .icon-copy-box:hover .icon-copy {
fill: rgba(var(--color-sdk-base-rgb)); fill: rgba(var(--color-base1));
} }
/* 高清截图 */ /* 高清截图 */
@ -3325,7 +3189,7 @@
.YJ-custom-base-dialog.screenShotHD>.content>div .progress { .YJ-custom-base-dialog.screenShotHD>.content>div .progress {
width: 200px; width: 200px;
height: 6px; height: 6px;
background: rgba(var(--color-sdk-base-rgb), 0.2); background: rgba(var(--color-base1), 0.2);
border-radius: 3px; border-radius: 3px;
position: relative; position: relative;
} }
@ -3334,7 +3198,7 @@
width: 0%; width: 0%;
height: 6px; height: 6px;
border-radius: 3px; border-radius: 3px;
background: rgba(var(--color-sdk-base-rgb), 1); background: rgba(var(--color-base1), 1);
} }
.YJ-custom-base-dialog.screenShotHD>.content>div .progress>.progress-text { .YJ-custom-base-dialog.screenShotHD>.content>div .progress>.progress-text {
@ -3369,7 +3233,7 @@
} }
.YJ-custom-base-dialog.screenShotHD>.content>div .range-box .range-bg { .YJ-custom-base-dialog.screenShotHD>.content>div .range-box .range-bg {
background: rgba(var(--color-sdk-base-rgb), 0.2); background: rgba(var(--color-base1), 0.2);
border-radius: 3px; border-radius: 3px;
height: 100%; height: 100%;
width: 100%; width: 100%;
@ -3390,13 +3254,13 @@
.YJ-custom-base-dialog.screenShotHD>.content>div .range-box .range-bg .range-process { .YJ-custom-base-dialog.screenShotHD>.content>div .range-box .range-bg .range-process {
width: 0; width: 0;
height: 100%; height: 100%;
background: rgba(var(--color-sdk-base-rgb), 1); background: rgba(var(--color-base1), 1);
} }
.YJ-custom-base-dialog.screenShotHD>.content>div .range-box .range-bg .range-process { .YJ-custom-base-dialog.screenShotHD>.content>div .range-box .range-bg .range-process {
width: 0; width: 0;
height: 100%; height: 100%;
background: rgba(var(--color-sdk-base-rgb), 1); background: rgba(var(--color-base1), 1);
} }
.YJ-custom-base-dialog.screenShotHD>.content>div .range-box .range-node-box { .YJ-custom-base-dialog.screenShotHD>.content>div .range-box .range-node-box {
@ -3431,7 +3295,7 @@
height: 13px; height: 13px;
background: #ffffff; background: #ffffff;
border-radius: 50%; border-radius: 50%;
border: 2px solid rgba(var(--color-sdk-base-rgb), 1); border: 2px solid rgba(var(--color-base1), 1);
} }
.YJ-custom-base-dialog.screenShotHD>.content>div .range-box .range-node-box .range-node-active-text { .YJ-custom-base-dialog.screenShotHD>.content>div .range-box .range-node-box .range-node-active-text {
@ -3450,7 +3314,7 @@
.YJ-custom-base-dialog.screenShotHD>.content>div .range-box input[type="range"]::-webkit-slider-runnable-track { .YJ-custom-base-dialog.screenShotHD>.content>div .range-box input[type="range"]::-webkit-slider-runnable-track {
height: 6px; height: 6px;
background: rgba(var(--color-sdk-base-rgb), 0); background: rgba(var(--color-base1), 0);
} }
.YJ-custom-base-dialog.screenShotHD>.content>div .range-box input[type="range"]::-webkit-slider-thumb { .YJ-custom-base-dialog.screenShotHD>.content>div .range-box input[type="range"]::-webkit-slider-thumb {
@ -3459,10 +3323,10 @@
width: 20px; width: 20px;
height: 20px; height: 20px;
border-radius: 50%; border-radius: 50%;
background-color: rgba(var(--color-sdk-base-rgb), 0); background-color: rgba(var(--color-base1), 0);
border: 1px solid rgba(var(--color-sdk-base-rgb), 0); border: 1px solid rgba(var(--color-base1), 0);
margin-top: -7px; margin-top: -7px;
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; border-image: linear-gradient(rgba(var(--color-base1), 0), rgba(var(--color-base1), 0)) 0 fill / 8 20 8 0 / 0px 0px 0 2000px;
} }
/* 地图打印 */ /* 地图打印 */
@ -3577,7 +3441,7 @@
flex: 0 0 25px; flex: 0 0 25px;
padding: 0; padding: 0;
border-radius: 5px; border-radius: 5px;
border: 1px solid rgba(var(--color-sdk-base-rgb), 1); border: 1px solid rgba(var(--color-base1), 1);
-webkit-appearance: none; -webkit-appearance: none;
vertical-align: middle; vertical-align: middle;
background: rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.5);
@ -3598,7 +3462,7 @@
.YJ-custom-checkbox-left:checked::after, .YJ-custom-checkbox-left:checked::after,
.YJ-custom-checkbox-right:checked::after { .YJ-custom-checkbox-right:checked::after {
content: "✔"; content: "✔";
background-color: rgba(var(--color-sdk-base-rgb), 1); background-color: rgba(var(--color-base1), 1);
color: rgba(var(--color-sdk-auxiliary), 1); color: rgba(var(--color-sdk-auxiliary), 1);
width: 25px; width: 25px;
height: 25px; height: 25px;
@ -3613,7 +3477,7 @@
flex: 0 0 14px; flex: 0 0 14px;
padding: 0; padding: 0;
border-radius: 2px; border-radius: 2px;
border: 1px solid rgba(var(--color-sdk-base-rgb), 1); border: 1px solid rgba(var(--color-base1), 1);
-webkit-appearance: none; -webkit-appearance: none;
vertical-align: middle; vertical-align: middle;
background-color: rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.5);
@ -3633,7 +3497,7 @@
.YJ-custom-base-dialog>.content input.YJ-custom-checkbox[type=checkbox]:checked::after { .YJ-custom-base-dialog>.content input.YJ-custom-checkbox[type=checkbox]:checked::after {
content: "✔"; content: "✔";
background-color: rgba(var(--color-sdk-base-rgb), 1); background-color: rgba(var(--color-base1), 1);
color: rgba(var(--color-sdk-auxiliary), 1); color: rgba(var(--color-sdk-auxiliary), 1);
width: 12px; width: 12px;
height: 12px; height: 12px;
@ -3727,13 +3591,13 @@
.billboard-attribute-box .DIV-cy-tabs .DIV-cy-tab-content::-webkit-scrollbar-thumb { .billboard-attribute-box .DIV-cy-tabs .DIV-cy-tab-content::-webkit-scrollbar-thumb {
border-radius: 5px; border-radius: 5px;
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
background-color: rgba(var(--color-sdk-base-rgb)); background-color: rgba(var(--color-base1));
} }
.billboard-attribute-box .DIV-cy-tabs .DIV-cy-tab-content::-webkit-scrollbar-track { .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); -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
border-radius: 5px; border-radius: 5px;
background-color: rgba(var(--color-sdk-base-rgb), 0.1); background-color: rgba(var(--color-base1), 0.1);
} }
.billboard-attribute-box .DIV-cy-tabs .DIV-cy-tab-content-pane { .billboard-attribute-box .DIV-cy-tabs .DIV-cy-tab-content-pane {
@ -3748,8 +3612,8 @@
.billboard-attribute-box .billboard-attribute-box-line { .billboard-attribute-box .billboard-attribute-box-line {
position: absolute; position: absolute;
width: 0px; width: 0px;
/* border-left: 1px solid rgba(var(--color-sdk-base-rgb), 0.5); */ /* border-left: 1px solid rgba(var(--color-base1), 0.5); */
border-left: 1px solid rgba(var(--color-sdk-base-rgb), 1); border-left: 1px solid rgba(var(--color-base1), 1);
/* transform: rotate(45deg); */ /* transform: rotate(45deg); */
transform-origin: 0px 0px; transform-origin: 0px 0px;
-webkit-pointer-events: none; -webkit-pointer-events: none;
@ -3797,7 +3661,7 @@
background-color: #ffffff00; background-color: #ffffff00;
color: #ffffff; color: #ffffff;
overflow: hidden; overflow: hidden;
border: 1px solid rgba(var(--color-sdk-base-rgb), 0.5); border: 1px solid rgba(var(--color-base1), 0.5);
} }
.billboard-attribute-box .table .table-head .tr { .billboard-attribute-box .table .table-head .tr {
@ -3808,11 +3672,11 @@
.billboard-attribute-box .table .tr { .billboard-attribute-box .table .tr {
display: flex; display: flex;
border: 1px solid rgba(var(--color-sdk-base-rgb), 0.5); border: 1px solid rgba(var(--color-base1), 0.5);
border-right: none; border-right: none;
} }
.billboard-attribute-box .table .tr .th, .billboard-attribute-box .table .tr .td { .billboard-attribute-box .table .tr .th, .billboard-attribute-box .table .tr .td {
border-right: 1px solid rgba(var(--color-sdk-base-rgb), 0.5); border-right: 1px solid rgba(var(--color-base1), 0.5);
display: flex; display: flex;
justify-content: center; justify-content: center;
} }
@ -3862,8 +3726,8 @@
} }
#YJ-custom-message.success { #YJ-custom-message.success {
/* background-color: #f0f9eb; */ /* background-color: #f0f9eb;
/* color: rgb(82, 196, 26); */ color: rgb(82, 196, 26); */
background: background:
linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), 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%); linear-gradient(0deg, rgba(27, 248, 195, 0.5) 0%, rgba(27, 248, 195, 0) 100%);

Binary file not shown.

Before

Width:  |  Height:  |  Size: 38 KiB

After

Width:  |  Height:  |  Size: 5.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 38 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

View File

@ -1033,6 +1033,14 @@ defineExpose({
}) })
</script> </script>
<style> <style>
@keyframes rotate-bg {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.custom-cursor { .custom-cursor {
cursor: cursor:
url('@/assets/img/mouse.png') 16 16, url('@/assets/img/mouse.png') 16 16,
@ -1041,6 +1049,34 @@ defineExpose({
.default-cursor { .default-cursor {
cursor: default; cursor: default;
} }
/* .el-loading-parent--relative {
position: unset !important;
} */
.timer .el-loading-spinner .el-loading-text {
width: 166px !important;
height: 166px !important;
position: relative;
background: unset !important;
z-index: 2;
/* background: url('@/assets/img/timerBg.png') !important;
animation: rotate-bg 5s infinite linear; */
/* 旋转动画 */
/* animation: rotateBackground 10s linear infinite; */
}
.timer .el-loading-spinner .el-loading-text::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url('@/assets/img/timerBg.png');
background-size: cover;
background-position: center;
animation: rotate-bg 10s linear infinite;
z-index: -1;
}
</style> </style>
<style lang="scss" scoped> <style lang="scss" scoped>
.leftSideSecond { .leftSideSecond {

View File

@ -4,40 +4,65 @@
<template #header> <template #header>
<div class="set_pup_header"> <div class="set_pup_header">
<div class="system_title"> <div class="system_title">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="229" height="35" <svg
viewBox="0 0 229 35" fill="none" preserveAspectRatio="none"> xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="229"
height="35"
viewBox="0 0 229 35"
fill="none"
preserveAspectRatio="none"
>
<path <path
d="M74 34L85 34L99.5 6L88.5 6L74 34ZM92 34L103 34L117.5 6L106.5 6L92 34ZM111 34L122 34L136.5 6L125.5 6L111 34ZM140 34L129 34L143.5 6L154.5 6L140 34ZM148 34L159 34L173.5 6L162.5 6L148 34ZM177 34L166 34L180.5 6L191.5 6L177 34ZM185 34L196 34L210.5 6L199.5 6L185 34ZM214 34L203 34L217.5 6L228.5 6L214 34ZM0 34L11 34L25.5 6.5L14.5 6.5L0 34ZM18 34L29 34L43.5 6.5L32.5 6.5L18 34ZM37 34L48 34L62.5 6.5L51.5 6.5L37 34ZM66 34L55 34L69.5 6.5L80.5 6.5L66 34Z" d="M74 34L85 34L99.5 6L88.5 6L74 34ZM92 34L103 34L117.5 6L106.5 6L92 34ZM111 34L122 34L136.5 6L125.5 6L111 34ZM140 34L129 34L143.5 6L154.5 6L140 34ZM148 34L159 34L173.5 6L162.5 6L148 34ZM177 34L166 34L180.5 6L191.5 6L177 34ZM185 34L196 34L210.5 6L199.5 6L185 34ZM214 34L203 34L217.5 6L228.5 6L214 34ZM0 34L11 34L25.5 6.5L14.5 6.5L0 34ZM18 34L29 34L43.5 6.5L32.5 6.5L18 34ZM37 34L48 34L62.5 6.5L51.5 6.5L37 34ZM66 34L55 34L69.5 6.5L80.5 6.5L66 34Z"
fill-rule="evenodd" fill="url(#linear_fill_2442_1053)" /> fill-rule="evenodd"
fill="url(#linear_fill_2442_1053)"
/>
<rect x="0" y="0" width="229" height="34" fill="url(#linear_fill_2442_1054)" /> <rect x="0" y="0" width="229" height="34" fill="url(#linear_fill_2442_1054)" />
<g clip-path="url(#clip-path-2442_1055)"> <g clip-path="url(#clip-path-2442_1055)">
<path <path
d="M10.3993 32.7333L10.666 33L10.666 21L9.33267 22.3333L4.66602 27L5.66602 28L10.3993 32.7333ZM9.33267 29.6667L6.73267 27L9.33267 24.3333L9.33267 29.6667Z" d="M10.3993 32.7333L10.666 33L10.666 21L9.33267 22.3333L4.66602 27L5.66602 28L10.3993 32.7333ZM9.33267 29.6667L6.73267 27L9.33267 24.3333L9.33267 29.6667Z"
fill="rgb(var(--color-base1))" /> fill="rgb(var(--color-base1))"
/>
<g opacity="0.5"> <g opacity="0.5">
<path <path
d="M7.39934 32.7333L7.66602 33L7.66602 21L6.33267 22.3333L1.66602 27L2.66602 28L7.39934 32.7333ZM6.33267 29.6667L3.73267 27L6.33267 24.3333L6.33267 29.6667Z" d="M7.39934 32.7333L7.66602 33L7.66602 21L6.33267 22.3333L1.66602 27L2.66602 28L7.39934 32.7333ZM6.33267 29.6667L3.73267 27L6.33267 24.3333L6.33267 29.6667Z"
fill="rgb(var(--color-base1))" /> fill="rgb(var(--color-base1))"
/>
</g> </g>
</g> </g>
<g clip-path="url(#clip-path-2442_1059)"> <g clip-path="url(#clip-path-2442_1059)">
<path <path
d="M218.601 32.7333L218.334 33L218.334 21L219.667 22.3333L224.334 27L223.334 28L218.601 32.7333ZM219.667 29.6667L222.267 27L219.667 24.3333L219.667 29.6667Z" d="M218.601 32.7333L218.334 33L218.334 21L219.667 22.3333L224.334 27L223.334 28L218.601 32.7333ZM219.667 29.6667L222.267 27L219.667 24.3333L219.667 29.6667Z"
fill="rgb(var(--color-base1))" /> fill="rgb(var(--color-base1))"
/>
<g opacity="0.5"> <g opacity="0.5">
<path <path
d="M221.601 32.7333L221.334 33L221.334 21L222.667 22.3333L227.334 27L226.334 28L221.601 32.7333ZM222.667 29.6667L225.267 27L222.667 24.3333L222.667 29.6667Z" d="M221.601 32.7333L221.334 33L221.334 21L222.667 22.3333L227.334 27L226.334 28L221.601 32.7333ZM222.667 29.6667L225.267 27L222.667 24.3333L222.667 29.6667Z"
fill="rgb(var(--color-base1))" /> fill="rgb(var(--color-base1))"
/>
</g> </g>
</g> </g>
<defs> <defs>
<linearGradient id="linear_fill_2442_1053" x1="119.1239013671875" y1="33.99998474121094" <linearGradient
x2="119.1231689453125" y2="6" gradientUnits="userSpaceOnUse"> id="linear_fill_2442_1053"
x1="119.1239013671875"
y1="33.99998474121094"
x2="119.1231689453125"
y2="6"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="rgb(var(--color-base1))" stop-opacity="0.2" /> <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" /> <stop offset="1" stop-color="rgb(var(--color-base1))" stop-opacity="0" />
</linearGradient> </linearGradient>
<linearGradient id="linear_fill_2442_1054" x1="0" y1="17" x2="229" y2="17" <linearGradient
gradientUnits="userSpaceOnUse"> id="linear_fill_2442_1054"
x1="0"
y1="17"
x2="229"
y2="17"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="rgb(var(--color-base1))" stop-opacity="0" /> <stop offset="0" stop-color="rgb(var(--color-base1))" stop-opacity="0" />
<stop offset="0.4891" stop-color="rgb(var(--color-base1))" stop-opacity="0.4" /> <stop offset="0.4891" stop-color="rgb(var(--color-base1))" stop-opacity="0.4" />
<stop offset="1" stop-color="rgb(var(--color-base1))" stop-opacity="0" /> <stop offset="1" stop-color="rgb(var(--color-base1))" stop-opacity="0" />
@ -478,8 +503,8 @@ defineExpose({
<style lang="scss" scoped> <style lang="scss" scoped>
.set_pup { .set_pup {
width: 40vw; // width: 40vw;
height: 50vh; // height: 50vh;
:deep(.el-dialog) { :deep(.el-dialog) {
background: background:
linear-gradient(180deg, rgba(var(--color-base1), 0.2) 0%, rgba(var(--color-base1), 0) 100%), linear-gradient(180deg, rgba(var(--color-base1), 0.2) 0%, rgba(var(--color-base1), 0) 100%),

View File

@ -4,40 +4,65 @@
<template #header> <template #header>
<div class="set_pup_header"> <div class="set_pup_header">
<div class="system_title"> <div class="system_title">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="229" height="35" <svg
viewBox="0 0 229 35" fill="none" preserveAspectRatio="none"> xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="229"
height="35"
viewBox="0 0 229 35"
fill="none"
preserveAspectRatio="none"
>
<path <path
d="M74 34L85 34L99.5 6L88.5 6L74 34ZM92 34L103 34L117.5 6L106.5 6L92 34ZM111 34L122 34L136.5 6L125.5 6L111 34ZM140 34L129 34L143.5 6L154.5 6L140 34ZM148 34L159 34L173.5 6L162.5 6L148 34ZM177 34L166 34L180.5 6L191.5 6L177 34ZM185 34L196 34L210.5 6L199.5 6L185 34ZM214 34L203 34L217.5 6L228.5 6L214 34ZM0 34L11 34L25.5 6.5L14.5 6.5L0 34ZM18 34L29 34L43.5 6.5L32.5 6.5L18 34ZM37 34L48 34L62.5 6.5L51.5 6.5L37 34ZM66 34L55 34L69.5 6.5L80.5 6.5L66 34Z" d="M74 34L85 34L99.5 6L88.5 6L74 34ZM92 34L103 34L117.5 6L106.5 6L92 34ZM111 34L122 34L136.5 6L125.5 6L111 34ZM140 34L129 34L143.5 6L154.5 6L140 34ZM148 34L159 34L173.5 6L162.5 6L148 34ZM177 34L166 34L180.5 6L191.5 6L177 34ZM185 34L196 34L210.5 6L199.5 6L185 34ZM214 34L203 34L217.5 6L228.5 6L214 34ZM0 34L11 34L25.5 6.5L14.5 6.5L0 34ZM18 34L29 34L43.5 6.5L32.5 6.5L18 34ZM37 34L48 34L62.5 6.5L51.5 6.5L37 34ZM66 34L55 34L69.5 6.5L80.5 6.5L66 34Z"
fill-rule="evenodd" fill="url(#linear_fill_2442_1053)" /> fill-rule="evenodd"
fill="url(#linear_fill_2442_1053)"
/>
<rect x="0" y="0" width="229" height="34" fill="url(#linear_fill_2442_1054)" /> <rect x="0" y="0" width="229" height="34" fill="url(#linear_fill_2442_1054)" />
<g clip-path="url(#clip-path-2442_1055)"> <g clip-path="url(#clip-path-2442_1055)">
<path <path
d="M10.3993 32.7333L10.666 33L10.666 21L9.33267 22.3333L4.66602 27L5.66602 28L10.3993 32.7333ZM9.33267 29.6667L6.73267 27L9.33267 24.3333L9.33267 29.6667Z" d="M10.3993 32.7333L10.666 33L10.666 21L9.33267 22.3333L4.66602 27L5.66602 28L10.3993 32.7333ZM9.33267 29.6667L6.73267 27L9.33267 24.3333L9.33267 29.6667Z"
fill="rgb(var(--color-base1))" /> fill="rgb(var(--color-base1))"
/>
<g opacity="0.5"> <g opacity="0.5">
<path <path
d="M7.39934 32.7333L7.66602 33L7.66602 21L6.33267 22.3333L1.66602 27L2.66602 28L7.39934 32.7333ZM6.33267 29.6667L3.73267 27L6.33267 24.3333L6.33267 29.6667Z" d="M7.39934 32.7333L7.66602 33L7.66602 21L6.33267 22.3333L1.66602 27L2.66602 28L7.39934 32.7333ZM6.33267 29.6667L3.73267 27L6.33267 24.3333L6.33267 29.6667Z"
fill="rgb(var(--color-base1))" /> fill="rgb(var(--color-base1))"
/>
</g> </g>
</g> </g>
<g clip-path="url(#clip-path-2442_1059)"> <g clip-path="url(#clip-path-2442_1059)">
<path <path
d="M218.601 32.7333L218.334 33L218.334 21L219.667 22.3333L224.334 27L223.334 28L218.601 32.7333ZM219.667 29.6667L222.267 27L219.667 24.3333L219.667 29.6667Z" d="M218.601 32.7333L218.334 33L218.334 21L219.667 22.3333L224.334 27L223.334 28L218.601 32.7333ZM219.667 29.6667L222.267 27L219.667 24.3333L219.667 29.6667Z"
fill="rgb(var(--color-base1))" /> fill="rgb(var(--color-base1))"
/>
<g opacity="0.5"> <g opacity="0.5">
<path <path
d="M221.601 32.7333L221.334 33L221.334 21L222.667 22.3333L227.334 27L226.334 28L221.601 32.7333ZM222.667 29.6667L225.267 27L222.667 24.3333L222.667 29.6667Z" d="M221.601 32.7333L221.334 33L221.334 21L222.667 22.3333L227.334 27L226.334 28L221.601 32.7333ZM222.667 29.6667L225.267 27L222.667 24.3333L222.667 29.6667Z"
fill="rgb(var(--color-base1))" /> fill="rgb(var(--color-base1))"
/>
</g> </g>
</g> </g>
<defs> <defs>
<linearGradient id="linear_fill_2442_1053" x1="119.1239013671875" y1="33.99998474121094" <linearGradient
x2="119.1231689453125" y2="6" gradientUnits="userSpaceOnUse"> id="linear_fill_2442_1053"
x1="119.1239013671875"
y1="33.99998474121094"
x2="119.1231689453125"
y2="6"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="rgb(var(--color-base1))" stop-opacity="0.2" /> <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" /> <stop offset="1" stop-color="rgb(var(--color-base1))" stop-opacity="0" />
</linearGradient> </linearGradient>
<linearGradient id="linear_fill_2442_1054" x1="0" y1="17" x2="229" y2="17" <linearGradient
gradientUnits="userSpaceOnUse"> id="linear_fill_2442_1054"
x1="0"
y1="17"
x2="229"
y2="17"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="rgb(var(--color-base1))" stop-opacity="0" /> <stop offset="0" stop-color="rgb(var(--color-base1))" stop-opacity="0" />
<stop offset="0.4891" stop-color="rgb(var(--color-base1))" stop-opacity="0.4" /> <stop offset="0.4891" stop-color="rgb(var(--color-base1))" stop-opacity="0.4" />
<stop offset="1" stop-color="rgb(var(--color-base1))" stop-opacity="0" /> <stop offset="1" stop-color="rgb(var(--color-base1))" stop-opacity="0" />
@ -56,29 +81,58 @@
</template> </template>
<div class="set_detail"> <div class="set_detail">
<div class="top"> <div class="top">
<el-input v-model="modelName" class="w-50 m-2" placeholder="请输入模型类型进行搜索" :suffix-icon="Search" /> <el-input
v-model="modelName"
class="w-50 m-2"
placeholder="请输入模型类型进行搜索"
:suffix-icon="Search"
/>
<button @click="setting" class="btn"> <button @click="setting" class="btn">
<svg-icon name="sys_set" class="setIcon" :size="12" color="rgba(255,255,255, 1)" <svg-icon
style="margin-right: 5px"></svg-icon>默认模型参数设置 name="sys_set"
class="setIcon"
:size="12"
color="rgba(255,255,255, 1)"
style="margin-right: 5px"
></svg-icon
>默认模型参数设置
</button> </button>
</div> </div>
<div class="content"> <div class="content">
<!-- 左侧Tab导航 --> <!-- 左侧Tab导航 -->
<div class="treeCon"> <div class="treeCon">
<el-tree style="max-width: 600px" :data="typeTreeData" ref="treeRef" node-key="id" empty-text="" <el-tree
@node-click="handleTypeClick" :filter-node-method="filterNode"> style="max-width: 600px"
:data="typeTreeData"
ref="treeRef"
node-key="id"
empty-text=""
@node-click="handleTypeClick"
:filter-node-method="filterNode"
>
<template #default="{ node, data }"> <template #default="{ node, data }">
<!-- <span> {{ node.label }}</span> --> <!-- <span> {{ node.label }}</span> -->
<span :class="{ <span
:class="{
'primary-type': !(node.childNodes.length != 0), 'primary-type': !(node.childNodes.length != 0),
'selected-text': node.id === currentTypeId 'selected-text': node.id === currentTypeId
}" @click.stop="toggleExpand(node)" class="allowDrag" }"
style="width: 100%; text-overflow: ellipsis; overflow: hidden" :title="node.label"> @click.stop="toggleExpand(node)"
<svg-icon :name="node.expanded ? 'arrow' : 'more'" :size="12" color="rgba(var(--color-base1), 1)" class="allowDrag"
style="margin-right: 5px; margin-left: 5px" v-if="node.childNodes.length != 0" style="width: 100%; text-overflow: ellipsis; overflow: hidden"
@click.stop="toggleExpand(node)"></svg-icon> :title="node.label"
{{ node.label }}</span> >
<svg-icon
:name="node.expanded ? 'arrow' : 'more'"
:size="12"
color="rgba(var(--color-base1), 1)"
style="margin-right: 5px; margin-left: 5px"
v-if="node.childNodes.length != 0"
@click.stop="toggleExpand(node)"
></svg-icon>
{{ node.label }}</span
>
</template> </template>
</el-tree> </el-tree>
</div> </div>
@ -87,45 +141,98 @@
<div class="model-section" v-if="categories.length != 0"> <div class="model-section" v-if="categories.length != 0">
<!-- <h2 class="section-title">{{ categories[Number(currentTypeId)].name }}</h2> --> <!-- <h2 class="section-title">{{ categories[Number(currentTypeId)].name }}</h2> -->
<div class="model-grid"> <div class="model-grid">
<div v-for="(model, mIndex) in categories" :key="mIndex" class="model-item" <div
@click="modelClick(mIndex, model)"> v-for="(model, mIndex) in categories"
:key="mIndex"
class="model-item"
@click="modelClick(mIndex, model)"
>
<div class="imgbg"> <div class="imgbg">
<svg class="imgbg_svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" <svg
width="60.79296875" height="60.77734375" viewBox="0 0 60.79296875 60.77734375" fill="none" class="imgbg_svg"
preserveAspectRatio="none"> xmlns="http://www.w3.org/2000/svg"
<path stroke="url(#linear_border_2296_2693_0)" stroke-width="1" xmlns:xlink="http://www.w3.org/1999/xlink"
d="M1.27148 0.26416L60.5204 0.26416" /> width="60.79296875"
<path stroke="url(#linear_border_2296_2694_0)" stroke-width="1" height="60.77734375"
d="M0.271484 1.26416L0.271484 60.5136" /> viewBox="0 0 60.79296875 60.77734375"
<path stroke="url(#linear_border_2296_2695_0)" stroke-width="1" fill="none"
d="M60.5215 1.26416L60.5215 60.5136" /> preserveAspectRatio="none"
<path stroke="url(#linear_border_2296_2696_0)" stroke-width="1" >
d="M1.27148 60.5132L60.5204 60.5132" /> <path
stroke="url(#linear_border_2296_2693_0)"
stroke-width="1"
d="M1.27148 0.26416L60.5204 0.26416"
/>
<path
stroke="url(#linear_border_2296_2694_0)"
stroke-width="1"
d="M0.271484 1.26416L0.271484 60.5136"
/>
<path
stroke="url(#linear_border_2296_2695_0)"
stroke-width="1"
d="M60.5215 1.26416L60.5215 60.5136"
/>
<path
stroke="url(#linear_border_2296_2696_0)"
stroke-width="1"
d="M1.27148 60.5132L60.5204 60.5132"
/>
<g opacity="0.5"> <g opacity="0.5">
<rect x="0.521484375" y="0.51416015625" width="60" height="60" fill="rgb(var(--color-base1))" <rect
fill-opacity="0.5" /> x="0.521484375"
y="0.51416015625"
width="60"
height="60"
fill="rgb(var(--color-base1))"
fill-opacity="0.5"
/>
</g> </g>
<defs> <defs>
<linearGradient id="linear_border_2296_2693_0" x1="1.271484375" y1="0.26416015625" <linearGradient
x2="60.5205078125" y2="0.26416015625" gradientUnits="userSpaceOnUse"> id="linear_border_2296_2693_0"
x1="1.271484375"
y1="0.26416015625"
x2="60.5205078125"
y2="0.26416015625"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="rgb(var(--color-base1))" stop-opacity="0" /> <stop offset="0" stop-color="rgb(var(--color-base1))" stop-opacity="0" />
<stop offset="0.5555" stop-color="rgb(var(--color-base1))" /> <stop offset="0.5555" stop-color="rgb(var(--color-base1))" />
<stop offset="1" stop-color="rgb(var(--color-base1))" stop-opacity="0" /> <stop offset="1" stop-color="rgb(var(--color-base1))" stop-opacity="0" />
</linearGradient> </linearGradient>
<linearGradient id="linear_border_2296_2694_0" x1="0.271484375" y1="1.26416015625" <linearGradient
x2="0.271484375" y2="60.513671875" gradientUnits="userSpaceOnUse"> id="linear_border_2296_2694_0"
x1="0.271484375"
y1="1.26416015625"
x2="0.271484375"
y2="60.513671875"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="rgb(var(--color-base1))" stop-opacity="0" /> <stop offset="0" stop-color="rgb(var(--color-base1))" stop-opacity="0" />
<stop offset="0.5555" stop-color="rgb(var(--color-base1))" /> <stop offset="0.5555" stop-color="rgb(var(--color-base1))" />
<stop offset="1" stop-color="rgb(var(--color-base1))" stop-opacity="0" /> <stop offset="1" stop-color="rgb(var(--color-base1))" stop-opacity="0" />
</linearGradient> </linearGradient>
<linearGradient id="linear_border_2296_2695_0" x1="60.521484375" y1="1.26416015625" <linearGradient
x2="60.521484375" y2="60.513671875" gradientUnits="userSpaceOnUse"> id="linear_border_2296_2695_0"
x1="60.521484375"
y1="1.26416015625"
x2="60.521484375"
y2="60.513671875"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="rgb(var(--color-base1))" stop-opacity="0" /> <stop offset="0" stop-color="rgb(var(--color-base1))" stop-opacity="0" />
<stop offset="0.5555" stop-color="rgb(var(--color-base1))" /> <stop offset="0.5555" stop-color="rgb(var(--color-base1))" />
<stop offset="1" stop-color="rgb(var(--color-base1))" stop-opacity="0" /> <stop offset="1" stop-color="rgb(var(--color-base1))" stop-opacity="0" />
</linearGradient> </linearGradient>
<linearGradient id="linear_border_2296_2696_0" x1="1.271484375" y1="60.51318359375" <linearGradient
x2="60.5205078125" y2="60.51318359375" gradientUnits="userSpaceOnUse"> id="linear_border_2296_2696_0"
x1="1.271484375"
y1="60.51318359375"
x2="60.5205078125"
y2="60.51318359375"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="rgb(var(--color-base1))" stop-opacity="0" /> <stop offset="0" stop-color="rgb(var(--color-base1))" stop-opacity="0" />
<stop offset="0.5555" stop-color="rgb(var(--color-base1))" /> <stop offset="0.5555" stop-color="rgb(var(--color-base1))" />
<stop offset="1" stop-color="rgb(var(--color-base1))" stop-opacity="0" /> <stop offset="1" stop-color="rgb(var(--color-base1))" stop-opacity="0" />
@ -139,7 +246,11 @@
</el-image> </el-image>
</div> </div>
<div class="model-name" :class="{ isactive: activeIndex == mIndex }" :title="model.modelName"> <div
class="model-name"
:class="{ isactive: activeIndex == mIndex }"
:title="model.modelName"
>
{{ model.modelName }} {{ model.modelName }}
</div> </div>
</div> </div>
@ -409,8 +520,8 @@ const renderModel = async (data, model) => {
z z
} }
} }
let Model = await new YJ.Obj.Model(window.earth, option); let Model = await new YJ.Obj.Model(window.earth, option)
(window as any)._entityMap.set(id, Model) ;(window as any)._entityMap.set(id, Model)
let DbOption: any = { let DbOption: any = {
params: option, params: option,
@ -540,8 +651,8 @@ defineExpose({
<style lang="scss" scoped> <style lang="scss" scoped>
.set_pup { .set_pup {
width: 40vw; // width: 40vw;
height: 50vh; // height: 50vh;
:deep(.el-dialog) { :deep(.el-dialog) {
background: background:
@ -612,19 +723,23 @@ defineExpose({
box-sizing: border-box; box-sizing: border-box;
// height: 50vh; // height: 50vh;
:deep(.el-tabs--left .el-tabs__active-bar.is-left, :deep(
.el-tabs--left .el-tabs__active-bar.is-left,
.el-tabs--left .el-tabs__active-bar.is-right, .el-tabs--left .el-tabs__active-bar.is-right,
.el-tabs--right .el-tabs__active-bar.is-left, .el-tabs--right .el-tabs__active-bar.is-left,
.el-tabs--right .el-tabs__active-bar.is-right) { .el-tabs--right .el-tabs__active-bar.is-right
) {
width: 3px; width: 3px;
background: rgba(var(--color-base1), 1); background: rgba(var(--color-base1), 1);
height: 40px !important; height: 40px !important;
} }
:deep(.el-tabs--left .el-tabs__nav-wrap.is-left::after, :deep(
.el-tabs--left .el-tabs__nav-wrap.is-left::after,
.el-tabs--left .el-tabs__nav-wrap.is-right::after, .el-tabs--left .el-tabs__nav-wrap.is-right::after,
.el-tabs--right .el-tabs__nav-wrap.is-left::after, .el-tabs--right .el-tabs__nav-wrap.is-left::after,
.el-tabs--right .el-tabs__nav-wrap.is-right::after) { .el-tabs--right .el-tabs__nav-wrap.is-right::after
) {
width: 3px; width: 3px;
} }
@ -681,29 +796,39 @@ defineExpose({
} }
:deep(.el-tabs__item:hover) { :deep(.el-tabs__item:hover) {
background: linear-gradient(90deg, background: linear-gradient(
90deg,
rgba(var(--color-base1), 0) 0%, rgba(var(--color-base1), 0) 0%,
rgba(var(--color-base1), 0.5) 48.91%, rgba(var(--color-base1), 0.5) 48.91%,
rgba(var(--color-base1), 0) 100%); rgba(var(--color-base1), 0) 100%
);
border: 1px solid; border: 1px solid;
box-sizing: border-box; box-sizing: border-box;
border-image: linear-gradient(90deg, border-image: linear-gradient(
90deg,
rgba(var(--color-base1), 0) 0%, rgba(var(--color-base1), 0) 0%,
rgba(var(--color-base1), 1) 55.55%, rgba(var(--color-base1), 1) 55.55%,
rgba(var(--color-base1), 0) 100%) 1; rgba(var(--color-base1), 0) 100%
)
1;
} }
:deep(.el-tabs__item.is-active) { :deep(.el-tabs__item.is-active) {
background: linear-gradient(90deg, background: linear-gradient(
90deg,
rgba(var(--color-base1), 0) 0%, rgba(var(--color-base1), 0) 0%,
rgba(var(--color-base1), 0.5) 48.91%, rgba(var(--color-base1), 0.5) 48.91%,
rgba(var(--color-base1), 0) 100%) !important; rgba(var(--color-base1), 0) 100%
) !important;
border: 0.1px solid; border: 0.1px solid;
// box-sizing: border-box; // box-sizing: border-box;
border-image: linear-gradient(90deg, border-image: linear-gradient(
90deg,
rgba(var(--color-base1), 0) 0%, rgba(var(--color-base1), 0) 0%,
rgba(var(--color-base1), 1) 55.55%, rgba(var(--color-base1), 1) 55.55%,
rgba(var(--color-base1), 0) 100%) 1 !important; rgba(var(--color-base1), 0) 100%
)
1 !important;
} }
:deep(.el-tabs__header) { :deep(.el-tabs__header) {

View File

@ -499,8 +499,8 @@ defineExpose({
<style lang="scss" scoped> <style lang="scss" scoped>
.set_pup { .set_pup {
width: 40vw; // width: 40vw;
height: 50vh; // height: 50vh;
:deep(.el-dialog) { :deep(.el-dialog) {
background: background: