Merge branch 'zyl' of http://xny.yj-3d.com:3000/zhouyulong/electron-4 into zyl
This commit is contained in:
@ -33,6 +33,7 @@
|
|||||||
src: url('../fonts/AlimamaShuHeiTi-Bold.ttf') format('truetype');
|
src: url('../fonts/AlimamaShuHeiTi-Bold.ttf') format('truetype');
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
--color-base1: 0, 255, 255;
|
--color-base1: 0, 255, 255;
|
||||||
--color-sdk-auxiliary: 0, 66, 66;
|
--color-sdk-auxiliary: 0, 66, 66;
|
||||||
@ -487,6 +488,7 @@
|
|||||||
.YJ-custom-base-dialog>.content .table .table-body .tr:first-child {
|
.YJ-custom-base-dialog>.content .table .table-body .tr:first-child {
|
||||||
border-top: none;
|
border-top: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.YJ-custom-base-dialog>.content .table .table-body .tr:last-child {
|
.YJ-custom-base-dialog>.content .table .table-body .tr:last-child {
|
||||||
border-bottom: 1px solid rgba(var(--color-base1), 0.5);
|
border-bottom: 1px solid rgba(var(--color-base1), 0.5);
|
||||||
}
|
}
|
||||||
@ -586,7 +588,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.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;
|
||||||
line-height: 18px;
|
line-height: 18px;
|
||||||
@ -721,6 +722,7 @@
|
|||||||
.YJ-custom-base-dialog>.content .input-number-unit input[type=number] {
|
.YJ-custom-base-dialog>.content .input-number-unit input[type=number] {
|
||||||
padding: 0 16px 0 10px;
|
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-outer-spin-button,
|
||||||
.YJ-custom-base-dialog>.content .input-number-unit input[type=number]::-webkit-inner-spin-button {
|
.YJ-custom-base-dialog>.content .input-number-unit input[type=number]::-webkit-inner-spin-button {
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
@ -1821,6 +1823,7 @@
|
|||||||
border-color: rgba(var(--color-base1));
|
border-color: rgba(var(--color-base1));
|
||||||
color: rgba(var(--color-base1));
|
color: rgba(var(--color-base1));
|
||||||
}
|
}
|
||||||
|
|
||||||
.YJ-custom-base-dialog.trajectory-motion>.content .btn.is-active svg {
|
.YJ-custom-base-dialog.trajectory-motion>.content .btn.is-active svg {
|
||||||
fill: rgba(var(--color-base1));
|
fill: rgba(var(--color-base1));
|
||||||
}
|
}
|
||||||
@ -2091,6 +2094,7 @@
|
|||||||
.YJ-custom-base-dialog.cut-fill>.content>div .div-item:last-child .row .unit {
|
.YJ-custom-base-dialog.cut-fill>.content>div .div-item:last-child .row .unit {
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.YJ-custom-base-dialog.cut-fill>.content .firstTip {
|
.YJ-custom-base-dialog.cut-fill>.content .firstTip {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 340px;
|
left: 340px;
|
||||||
@ -2155,6 +2159,7 @@
|
|||||||
flex: 0 0 60px;
|
flex: 0 0 60px;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.YJ-custom-base-dialog.submerge>.content .rangeWords {
|
.YJ-custom-base-dialog.submerge>.content .rangeWords {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
@ -2316,6 +2321,7 @@
|
|||||||
.YJ-custom-base-dialog.circle-view-shed>.content {
|
.YJ-custom-base-dialog.circle-view-shed>.content {
|
||||||
width: 290px;
|
width: 290px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.YJ-custom-base-dialog.circle-view-shed>.content .firstTip {
|
.YJ-custom-base-dialog.circle-view-shed>.content .firstTip {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
@ -3080,7 +3086,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* 文本框 */
|
/* 文本框 */
|
||||||
.popup-textarea{
|
.popup-textarea {
|
||||||
/* width: 212px; */
|
/* width: 212px; */
|
||||||
width: 161px;
|
width: 161px;
|
||||||
/* height: 154px; */
|
/* height: 154px; */
|
||||||
@ -3093,28 +3099,30 @@
|
|||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
padding: 5px 5px 0px 5px;
|
padding: 5px 5px 0px 5px;
|
||||||
}
|
}
|
||||||
.popup-textarea textarea{
|
|
||||||
|
.popup-textarea textarea {
|
||||||
width: 158px;
|
width: 158px;
|
||||||
height: 95px;
|
height: 95px;
|
||||||
background-color: unset!important;
|
background-color: unset !important;
|
||||||
border: unset!important;
|
border: unset !important;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.popup-textarea textarea::-webkit-scrollbar {
|
.popup-textarea textarea::-webkit-scrollbar {
|
||||||
width: 8px!important;
|
width: 8px !important;
|
||||||
/* height: 8px!important; */
|
/* height: 8px!important; */
|
||||||
}
|
}
|
||||||
|
|
||||||
.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-base1))!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-base1), 0.1)!important;
|
background-color: rgba(var(--color-base1), 0.1) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 贴地图片 */
|
/* 贴地图片 */
|
||||||
@ -3708,12 +3716,16 @@
|
|||||||
border: 1px solid rgba(var(--color-base1), 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-base1), 0.5);
|
border-right: 1px solid rgba(var(--color-base1), 0.5);
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
.billboard-attribute-box .table .tr .th:last-child, .billboard-attribute-box .table .tr .td:last-child {
|
|
||||||
|
.billboard-attribute-box .table .tr .th:last-child,
|
||||||
|
.billboard-attribute-box .table .tr .td:last-child {
|
||||||
border-right: none;
|
border-right: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -3761,18 +3773,17 @@
|
|||||||
#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%);
|
||||||
font-size: 14px !important;
|
font-size: 14px !important;
|
||||||
font-weight: 500 !important;
|
font-weight: 500 !important;
|
||||||
color: rgba(27, 248, 195, 1);
|
color: rgba(27, 248, 195, 1);
|
||||||
}
|
}
|
||||||
|
|
||||||
#YJ-custom-message.warning {
|
#YJ-custom-message.warning {
|
||||||
/* background-color: #fdf6ec;
|
/* background-color: #fdf6ec;
|
||||||
color: #e6a23c; */
|
color: #e6a23c; */
|
||||||
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(255, 161, 69, 0.5) 0%, rgba(255, 161, 69, 0) 100%);
|
linear-gradient(0deg, rgba(255, 161, 69, 0.5) 0%, rgba(255, 161, 69, 0) 100%);
|
||||||
font-size: 14px !important;
|
font-size: 14px !important;
|
||||||
font-weight: 500 !important;
|
font-weight: 500 !important;
|
||||||
|
|||||||
BIN
src/renderer/src/assets/iconfont/SourceHanSansCN-Bold.ttf
Normal file
BIN
src/renderer/src/assets/iconfont/SourceHanSansCN-Bold.ttf
Normal file
Binary file not shown.
BIN
src/renderer/src/assets/iconfont/SourceHanSansCN-ExtraLight.ttf
Normal file
BIN
src/renderer/src/assets/iconfont/SourceHanSansCN-ExtraLight.ttf
Normal file
Binary file not shown.
BIN
src/renderer/src/assets/iconfont/SourceHanSansCN-Heavy.otf
Normal file
BIN
src/renderer/src/assets/iconfont/SourceHanSansCN-Heavy.otf
Normal file
Binary file not shown.
@ -42,5 +42,15 @@
|
|||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'SourceHanSans';
|
font-family: 'SourceHanSans';
|
||||||
src: url('../iconfont/SourceHanSansCN-ExtraLight.otf') format('opentype');
|
src: url('../iconfont/SourceHanSansCN-ExtraLight.ttf') format('opentype');
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'siyuanheitibold';
|
||||||
|
src: url('../iconfont/SourceHanSansCN-Bold.ttf') format('truetype');
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'siyuanheitiheavy';
|
||||||
|
src: url('../iconfont/SourceHanSansCN-Heavy.otf') format('opentype');
|
||||||
}
|
}
|
||||||
|
|||||||
@ -108,7 +108,9 @@ div {
|
|||||||
-webkit-box-shadow: inset 0 0 6px rgba(var(--color-base1), 1);
|
-webkit-box-shadow: inset 0 0 6px rgba(var(--color-base1), 1);
|
||||||
background-color: rgba(var(--color-base1), 1);
|
background-color: rgba(var(--color-base1), 1);
|
||||||
}
|
}
|
||||||
|
.siyuanheitibold {
|
||||||
|
font-family: 'siyuanheitibold';
|
||||||
|
}
|
||||||
.oneLine {
|
.oneLine {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
|||||||
43
src/renderer/src/icons/svg/titleTs.svg
Normal file
43
src/renderer/src/icons/svg/titleTs.svg
Normal file
@ -0,0 +1,43 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="358.50830078125" height="60"
|
||||||
|
viewBox="0 0 358.50830078125 60" >
|
||||||
|
<path fill-rule="evenodd" fill-opacity="0.6"
|
||||||
|
d="M116.644 58.9285L133.685 58.9285L156.149 0L139.107 0L116.644 58.9285ZM144.53 58.9285L161.571 58.9285L184.035 0L166.994 0L144.53 58.9285ZM173.965 58.9285L191.007 58.9285L213.471 0L196.429 0L173.965 58.9285ZM218.893 58.9285L201.851 58.9285L224.315 0L241.357 0L218.893 58.9285ZM231.287 58.9285L248.329 58.9285L270.792 0L253.751 0L231.287 58.9285ZM276.215 58.9285L259.173 58.9285L281.637 0L298.679 0L276.215 58.9285ZM288.609 58.9285L305.65 58.9285L328.114 0L311.072 0L288.609 58.9285ZM333.536 58.9285L316.495 58.9285L338.959 0L356 0L333.536 58.9285ZM2.00024 59.9999L19.0418 59.9999L41.5057 1.07143L24.4641 1.07143L2.00024 59.9999ZM29.8865 59.9999L46.928 59.9999L69.3919 1.07143L52.3504 1.07143L29.8865 59.9999ZM59.3219 59.9999L76.3635 59.9999L98.8274 1.07143L81.7858 1.07143L59.3219 59.9999ZM104.25 59.9999L87.2081 59.9999L109.672 1.07143L126.714 1.07143L104.25 59.9999Z"></path>
|
||||||
|
<path fill-rule="evenodd" fill="url(#linear_fill_472_48_1)"
|
||||||
|
d="M116.644 58.9285L133.685 58.9285L156.149 0L139.107 0L116.644 58.9285ZM144.53 58.9285L161.571 58.9285L184.035 0L166.994 0L144.53 58.9285ZM173.965 58.9285L191.007 58.9285L213.471 0L196.429 0L173.965 58.9285ZM218.893 58.9285L201.851 58.9285L224.315 0L241.357 0L218.893 58.9285ZM231.287 58.9285L248.329 58.9285L270.792 0L253.751 0L231.287 58.9285ZM276.215 58.9285L259.173 58.9285L281.637 0L298.679 0L276.215 58.9285ZM288.609 58.9285L305.65 58.9285L328.114 0L311.072 0L288.609 58.9285ZM333.536 58.9285L316.495 58.9285L338.959 0L356 0L333.536 58.9285ZM2.00024 59.9999L19.0418 59.9999L41.5057 1.07143L24.4641 1.07143L2.00024 59.9999ZM29.8865 59.9999L46.928 59.9999L69.3919 1.07143L52.3504 1.07143L29.8865 59.9999ZM59.3219 59.9999L76.3635 59.9999L98.8274 1.07143L81.7858 1.07143L59.3219 59.9999ZM104.25 59.9999L87.2081 59.9999L109.672 1.07143L126.714 1.07143L104.25 59.9999Z"></path>
|
||||||
|
<rect x="4.181396484375" y="0" width="354.326904296875" height="60" fill="url(#linear_fill_472_49)"></rect>
|
||||||
|
<g clip-path="url(#clip-path-472_52)">
|
||||||
|
<path d="M18.0572 50.2342L18.5203 50.7048L18.5203 29.5283L16.205 31.8813L8.10146 40.1166L9.83793 41.8813L18.0572 50.2342ZM16.205 44.8225L11.6901 40.1166L16.205 35.4107L16.205 44.8225Z"
|
||||||
|
></path>
|
||||||
|
<g opacity="0.5">
|
||||||
|
<path d="M12.8487 49.8465L13.3118 50.3095L13.3118 29.4719L10.9965 31.7872L2.89298 39.8907L4.62944 41.6272L12.8487 49.8465ZM10.9965 44.5213L6.48165 39.8907L10.9965 35.2601L10.9965 44.5213Z"
|
||||||
|
></path>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g clip-path="url(#clip-path-472_57)">
|
||||||
|
<path d="M339.596 50.2342L339.133 50.7048L339.133 29.5283L341.448 31.8813L349.551 40.1166L347.815 41.8813L339.596 50.2342ZM341.448 44.8225L345.963 40.1166L341.448 35.4107L341.448 44.8225Z"
|
||||||
|
></path>
|
||||||
|
<g opacity="0.5">
|
||||||
|
<path d="M344.805 49.8465L344.342 50.3095L344.342 29.4719L346.657 31.7872L354.76 39.8907L353.024 41.6272L344.805 49.8465ZM346.657 44.5213L351.172 39.8907L346.657 35.2601L346.657 44.5213Z"
|
||||||
|
></path>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<defs>
|
||||||
|
<linearGradient id="linear_fill_472_48_1" x1="186.551025390625" y1="43.8173828125" x2="186.550048828125"
|
||||||
|
y2="-13.4248046875" gradientUnits="userSpaceOnUse">
|
||||||
|
<stop offset="0" stop-opacity="0.2"/>
|
||||||
|
<stop offset="1" stop-opacity="0"/>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient id="linear_fill_472_49" x1="4.181396484375" y1="30" x2="358.50830078125" y2="30"
|
||||||
|
gradientUnits="userSpaceOnUse">
|
||||||
|
<stop offset="0" stop-opacity="0"/>
|
||||||
|
<stop offset="0.4891" stop-opacity="0.5"/>
|
||||||
|
<stop offset="1" stop-opacity="0"/>
|
||||||
|
</linearGradient>
|
||||||
|
<clipPath id="clip-path-472_52">
|
||||||
|
<path d="M-2.67029e-05 26L-2.67029e-05 54.2353L27.7834 54.2353L27.7834 26L-2.67029e-05 26Z"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="clip-path-472_57">
|
||||||
|
<path d="M357.654 26L357.654 54.2353L329.87 54.2353L329.87 26L357.654 26Z" />
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 4.1 KiB |
@ -8,47 +8,48 @@ let theme = {
|
|||||||
}
|
}
|
||||||
|
|
||||||
theme.color1.set("--color-base1", "0, 255, 255")
|
theme.color1.set("--color-base1", "0, 255, 255")
|
||||||
|
theme.color1.set("--color-base1-half", "0, 255, 255,0.5")
|
||||||
theme.color1.set("--color-base2", "0, 255, 255")
|
theme.color1.set("--color-base2", "0, 255, 255")
|
||||||
theme.color1.set("--color-border1", "rgb(0, 200, 255)")
|
theme.color1.set("--color-border1", "rgb(0, 200, 255)")
|
||||||
theme.color1.set("--color-text2", "173, 241, 255")
|
theme.color1.set("--color-text2", "173, 241, 255")
|
||||||
theme.color1.set("--color-text-shadow", "rgba(20, 118, 255, 1)")
|
theme.color1.set("--color-text-shadow", "rgba(20, 118, 255, 1)")
|
||||||
|
|
||||||
theme.color2.set("--color-base1", "0, 194, 142")
|
theme.color2.set("--color-base1", "0, 194, 142")
|
||||||
|
theme.color2.set("--color-base1-half", "0, 194, 142,0.5")
|
||||||
theme.color2.set("--color-base2", "220, 255, 196")
|
theme.color2.set("--color-base2", "220, 255, 196")
|
||||||
theme.color2.set("--color-border1", "rgba(var(--color-base1), 1)")
|
theme.color2.set("--color-border1", "rgba(var(--color-base1), 1)")
|
||||||
theme.color2.set("--color-text2", "var(--color-base2)")
|
theme.color2.set("--color-text2", "var(--color-base2)")
|
||||||
theme.color2.set("--color-text-shadow", "rgba(var(--color-base2), 0)")
|
theme.color2.set("--color-text-shadow", "rgba(var(--color-base2), 0)")
|
||||||
|
|
||||||
theme.color3.set("--color-base1", "0, 255, 200")
|
theme.color3.set("--color-base1", "0, 255, 200")
|
||||||
|
theme.color3.set("--color-base1-half", "0, 255, 200,0.5")
|
||||||
theme.color3.set("--color-base2", "201, 252, 232")
|
theme.color3.set("--color-base2", "201, 252, 232")
|
||||||
theme.color3.set("--color-border1", "rgba(var(--color-base1), 1)")
|
theme.color3.set("--color-border1", "rgba(var(--color-base1), 1)")
|
||||||
theme.color3.set("--color-text2", "var(--color-base2)")
|
theme.color3.set("--color-text2", "var(--color-base2)")
|
||||||
theme.color3.set("--color-text-shadow", "rgba(var(--color-base2), 0)")
|
theme.color3.set("--color-text-shadow", "rgba(var(--color-base2), 0)")
|
||||||
|
|
||||||
theme.color4.set("--color-base1", "42, 200, 251")
|
theme.color4.set("--color-base1", "42, 200, 251")
|
||||||
|
theme.color4.set("--color-base1-half", "42, 200, 251,0.5")
|
||||||
theme.color4.set("--color-base2", "198, 248, 255")
|
theme.color4.set("--color-base2", "198, 248, 255")
|
||||||
theme.color4.set("--color-border1", "rgba(var(--color-base1), 1)")
|
theme.color4.set("--color-border1", "rgba(var(--color-base1), 1)")
|
||||||
theme.color4.set("--color-text2", "var(--color-base2)")
|
theme.color4.set("--color-text2", "var(--color-base2)")
|
||||||
theme.color4.set("--color-text-shadow", "rgba(var(--color-base2), 0)")
|
theme.color4.set("--color-text-shadow", "rgba(var(--color-base2), 0)")
|
||||||
|
|
||||||
theme.color5.set("--color-base1", "229, 93, 93")
|
theme.color5.set("--color-base1", "229, 93, 93")
|
||||||
|
theme.color5.set("--color-base1-half", "229, 93, 93,0.5")
|
||||||
theme.color5.set("--color-base2", "255, 224, 228")
|
theme.color5.set("--color-base2", "255, 224, 228")
|
||||||
theme.color5.set("--color-border1", "rgba(var(--color-base1), 1)")
|
theme.color5.set("--color-border1", "rgba(var(--color-base1), 1)")
|
||||||
theme.color5.set("--color-text2", "var(--color-base2)")
|
theme.color5.set("--color-text2", "var(--color-base2)")
|
||||||
theme.color5.set("--color-text-shadow", "rgba(var(--color-base2), 0)")
|
theme.color5.set("--color-text-shadow", "rgba(var(--color-base2), 0)")
|
||||||
|
|
||||||
theme.color6.set("--color-base1", "255, 165, 92")
|
theme.color6.set("--color-base1", "255, 165, 92")
|
||||||
|
theme.color6.set("--color-base1-half", "255, 165, 92,0.5")
|
||||||
theme.color6.set("--color-base2", "255, 233, 207")
|
theme.color6.set("--color-base2", "255, 233, 207")
|
||||||
theme.color6.set("--color-border1", "rgba(var(--color-base1), 1)")
|
theme.color6.set("--color-border1", "rgba(var(--color-base1), 1)")
|
||||||
theme.color6.set("--color-text2", "var(--color-base2)")
|
theme.color6.set("--color-text2", "var(--color-base2)")
|
||||||
theme.color6.set("--color-text-shadow", "rgba(var(--color-base2), 0)")
|
theme.color6.set("--color-text-shadow", "rgba(var(--color-base2), 0)")
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// theme.yingguangse.set("--svg-headColor1", "rgba(11, 37, 40, 0.6)")
|
// theme.yingguangse.set("--svg-headColor1", "rgba(11, 37, 40, 0.6)")
|
||||||
// theme.yingguangse.set("--svg-headColor2", "rgba(11, 37, 40, 0.8)")
|
// theme.yingguangse.set("--svg-headColor2", "rgba(11, 37, 40, 0.8)")
|
||||||
// theme.yingguangse.set("--svg-headColor3", "#0ff")
|
// theme.yingguangse.set("--svg-headColor3", "#0ff")
|
||||||
|
|||||||
@ -2,14 +2,14 @@
|
|||||||
<div>
|
<div>
|
||||||
<div class="miniCabin" :style="!mini?'display:none':''">
|
<div class="miniCabin" :style="!mini?'display:none':''">
|
||||||
<div class="switch-node-outer" @click="mini=false">
|
<div class="switch-node-outer" @click="mini=false">
|
||||||
<div class="switch-node-inner">
|
<div class="switch-node-inner siyuanheitibold">
|
||||||
{{ t('ts.unfoldCabin') }}
|
{{ t('ts.unfoldCabin') }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="cabin" :style="mini?'display:none':''">
|
<div class="cabin" :style="mini?'display:none':''">
|
||||||
<div class="titleBox">
|
<div class="titleBox">
|
||||||
<span class="title">{{ t('ts.layerCabin') }}</span>
|
<span class="title siyuanheitibold">{{ t('ts.layerCabin') }}</span>
|
||||||
<span class="close" @click="mini=true">
|
<span class="close" @click="mini=true">
|
||||||
<svg-icon :size="15" class="icon-svg-item" name="closeRightTs"/>{{ t('ts.fold') }}
|
<svg-icon :size="15" class="icon-svg-item" name="closeRightTs"/>{{ t('ts.fold') }}
|
||||||
</span>
|
</span>
|
||||||
@ -50,7 +50,7 @@ import {useTreeNode} from "../components/tree/hooks/treeNode";
|
|||||||
import {$changeComponentShow} from "../../utils/communication";
|
import {$changeComponentShow} from "../../utils/communication";
|
||||||
import {debounce} from '@/utils'
|
import {debounce} from '@/utils'
|
||||||
|
|
||||||
let canCheckType: Array<any> = ['directory', 'gdslImagery', 'terrain', 'tileset', 'arcgisWximagery', 'arcgisBlueImagery', 'gdlwImagery']
|
let canCheckType: Array<any> = ['layer', 'directory', 'gdslImagery', 'terrain', 'tileset', 'arcgisWximagery', 'arcgisBlueImagery', 'gdlwImagery']
|
||||||
const {getSelectedNodes, cusSelectNode, getSameLevel, cusNodeIcon, nodeType} = useTreeNode()
|
const {getSelectedNodes, cusSelectNode, getSameLevel, cusNodeIcon, nodeType} = useTreeNode()
|
||||||
import {showRightMenuTs} from "./tree"
|
import {showRightMenuTs} from "./tree"
|
||||||
import {TsApi} from "../../api/ts";
|
import {TsApi} from "../../api/ts";
|
||||||
@ -284,6 +284,7 @@ const onClick = (event: MouseEvent, treeId: string, treeNode: any) => {
|
|||||||
*/
|
*/
|
||||||
const onCheck = async (event: any, treeId: any, treeNode: any) => {
|
const onCheck = async (event: any, treeId: any, treeNode: any) => {
|
||||||
console.log(treeNode, 'treeNode')
|
console.log(treeNode, 'treeNode')
|
||||||
|
|
||||||
let p_ids: any = []
|
let p_ids: any = []
|
||||||
let parentNode = treeNode.getParentNode();
|
let parentNode = treeNode.getParentNode();
|
||||||
if (parentNode) {
|
if (parentNode) {
|
||||||
@ -358,6 +359,7 @@ const onCheck = async (event: any, treeId: any, treeNode: any) => {
|
|||||||
|
|
||||||
sourceStatus(treeNode)
|
sourceStatus(treeNode)
|
||||||
console.log("ids", ids)
|
console.log("ids", ids)
|
||||||
|
return
|
||||||
const res = await TsApi.updateTreeShow(ids)
|
const res = await TsApi.updateTreeShow(ids)
|
||||||
if (res.code == 0 || res.code == 200) {
|
if (res.code == 0 || res.code == 200) {
|
||||||
ElMessage({
|
ElMessage({
|
||||||
@ -521,7 +523,7 @@ defineExpose({
|
|||||||
|
|
||||||
.close {
|
.close {
|
||||||
&:hover {
|
&:hover {
|
||||||
color: #0ff;
|
color: rgb(var(--color-base1));
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -580,7 +582,7 @@ defineExpose({
|
|||||||
//clip-path: polygon(0% 0%, 100% 33px, 100% calc(100% - 33px), 0% 100%);
|
//clip-path: polygon(0% 0%, 100% 33px, 100% calc(100% - 33px), 0% 100%);
|
||||||
padding: calc(3px * 1.42) 3px;
|
padding: calc(3px * 1.42) 3px;
|
||||||
//padding: 4.6px 3px;
|
//padding: 4.6px 3px;
|
||||||
background: #0ff;
|
background: rgb(var(--color-base1));
|
||||||
|
|
||||||
.switch-node-inner {
|
.switch-node-inner {
|
||||||
clip-path: polygon(0% 30px,
|
clip-path: polygon(0% 30px,
|
||||||
@ -593,8 +595,8 @@ defineExpose({
|
|||||||
padding: calc(30px * 1.1) 0;
|
padding: calc(30px * 1.1) 0;
|
||||||
width: 30px;
|
width: 30px;
|
||||||
line-height: 30px;
|
line-height: 30px;
|
||||||
background: linear-gradient(to right, rgba(0, 255, 255, 0.3) 0%, rgba(0, 255, 255, 0) 100%), rgba(0, 0, 0, 0.8);
|
background: linear-gradient(to right, rgba(var(--color-base1), 0.2) 0%, rgba(0, 255, 255, 0) 100%), rgba(0, 0, 0, 0.8);
|
||||||
color: #0ff;
|
color: rgb(var(--color-base1));
|
||||||
letter-spacing: 2.5px;
|
letter-spacing: 2.5px;
|
||||||
/* border: 1.5px solid rgba(0, 255, 255, 1); */
|
/* border: 1.5px solid rgba(0, 255, 255, 1); */
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|||||||
@ -8,7 +8,7 @@
|
|||||||
<template v-for="(event,index) in eventList" :key="index">
|
<template v-for="(event,index) in eventList" :key="index">
|
||||||
<div class="row" :style="getStyle">
|
<div class="row" :style="getStyle">
|
||||||
<div class="bar oneLine" :style="progressStyle(event)" @dblclick="clickEventBar(event)"
|
<div class="bar oneLine" :style="progressStyle(event)" @dblclick="clickEventBar(event)"
|
||||||
:title="event.name + event.duration_time ">
|
:title="event.name ">
|
||||||
{{ event.name }}
|
{{ event.name }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -54,7 +54,6 @@ const refresh = () => {
|
|||||||
window['refreshChart'] = refresh
|
window['refreshChart'] = refresh
|
||||||
|
|
||||||
let scroll = (e) => {
|
let scroll = (e) => {
|
||||||
console.log("ssss")
|
|
||||||
let scrollLeft = e.srcElement.scrollLeft
|
let scrollLeft = e.srcElement.scrollLeft
|
||||||
let scrollTop = e.srcElement.scrollTop
|
let scrollTop = e.srcElement.scrollTop
|
||||||
window['tsAction']({
|
window['tsAction']({
|
||||||
@ -121,7 +120,7 @@ let progressStyle = (task) => {
|
|||||||
|
|
||||||
.bar {
|
.bar {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
background: rgba(0, 255, 255, 0.5);
|
background: rgba(var(--color-base1), 0.5);
|
||||||
color: #FFF;
|
color: #FFF;
|
||||||
height: calc(100% - 1.1px);
|
height: calc(100% - 1.1px);
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|||||||
@ -111,9 +111,9 @@ defineExpose({
|
|||||||
|
|
||||||
.itemBox:hover {
|
.itemBox:hover {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background: rgba(0, 255, 255, 0.2);
|
background: rgba(var(--color-base1), 0.2);
|
||||||
/* 悬停时的文字颜色 */
|
/* 悬停时的文字颜色 */
|
||||||
color: rgba(0, 255, 255, 1);
|
color: rgb(var(--color-base1));
|
||||||
}
|
}
|
||||||
|
|
||||||
.itemText {
|
.itemText {
|
||||||
|
|||||||
@ -136,7 +136,10 @@ export const useRightOperate = () => {
|
|||||||
let selectedNode = window.treeObj.getNodeByParam('id', parentId)
|
let selectedNode = window.treeObj.getNodeByParam('id', parentId)
|
||||||
//
|
//
|
||||||
console.log("添加到树上")
|
console.log("添加到树上")
|
||||||
cusAddNodes(window.treeObj, selectedNode, [res.data], true)
|
cusAddNodes(window.treeObj, selectedNode, [res.data], true).then((addNodes) => {
|
||||||
|
console.log("addNodes", addNodes)
|
||||||
|
addNodes.length && window['treeObj'].selectNode(addNodes[0])
|
||||||
|
})
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -26,7 +26,7 @@
|
|||||||
trigger="manual"
|
trigger="manual"
|
||||||
:teleported="false"
|
:teleported="false"
|
||||||
v-model:visible="isPopoverShow"
|
v-model:visible="isPopoverShow"
|
||||||
popper-style="background: transparent !important;color:#fff;padding:0;min-width:50px"
|
popper-style="background: transparent !important;color:#fff;padding:0;min-width:50px;border:none"
|
||||||
>
|
>
|
||||||
<template #reference>
|
<template #reference>
|
||||||
<span class="" @click="handleReferenceClick">{{ TSOBJ._Store._multiplier }}×</span>
|
<span class="" @click="handleReferenceClick">{{ TSOBJ._Store._multiplier }}×</span>
|
||||||
@ -154,6 +154,7 @@ window['updateProp'] = (key: string, val: any) => {
|
|||||||
const level = ref(20)
|
const level = ref(20)
|
||||||
const props = defineProps(['TSOBJ'])
|
const props = defineProps(['TSOBJ'])
|
||||||
console.log(props.TSOBJ)
|
console.log(props.TSOBJ)
|
||||||
|
level.value = props.TSOBJ.wheel
|
||||||
let handleMultiplierChange = (multiplier) => {
|
let handleMultiplierChange = (multiplier) => {
|
||||||
props.TSOBJ._Store._multiplier = multiplier
|
props.TSOBJ._Store._multiplier = multiplier
|
||||||
multiplierPopover.value?.hide();
|
multiplierPopover.value?.hide();
|
||||||
@ -402,7 +403,7 @@ eventBus.on('wheel-time', (num) => {
|
|||||||
left: 0;
|
left: 0;
|
||||||
height: 24.5vh;
|
height: 24.5vh;
|
||||||
display: flex;
|
display: flex;
|
||||||
background: linear-gradient(180deg, rgba(0, 255, 255, 0.2) 0%, rgba(0, 255, 255, 0) 100%), rgba(0, 0, 0, 0.6);
|
background: linear-gradient(180deg, rgba(var(--color-base1), 0.2) 0%, rgba(0, 255, 255, 0) 100%), rgba(0, 0, 0, 0.5);
|
||||||
backdrop-filter: blur(3.47px);
|
backdrop-filter: blur(3.47px);
|
||||||
|
|
||||||
.layoutBox {
|
.layoutBox {
|
||||||
@ -462,7 +463,7 @@ eventBus.on('wheel-time', (num) => {
|
|||||||
|
|
||||||
.timelineCursorBox {
|
.timelineCursorBox {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
border-right: 0.5px #0ff solid;
|
border-right: 0.5px solid rgb(var(--color-base1));
|
||||||
height: calc(100% - 16px);
|
height: calc(100% - 16px);
|
||||||
z-index: 9;
|
z-index: 9;
|
||||||
//left: 10px;
|
//left: 10px;
|
||||||
@ -495,7 +496,7 @@ eventBus.on('wheel-time', (num) => {
|
|||||||
background: rgba(0, 0, 0, 0.5);
|
background: rgba(0, 0, 0, 0.5);
|
||||||
|
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
border: 1.5px solid rgba(0, 255, 255, 1);
|
border: 1.5px solid rgb(var(--color-base1));
|
||||||
|
|
||||||
span {
|
span {
|
||||||
line-height: 25px;
|
line-height: 25px;
|
||||||
@ -503,14 +504,14 @@ eventBus.on('wheel-time', (num) => {
|
|||||||
|
|
||||||
.multiplier-item {
|
.multiplier-item {
|
||||||
&:hover {
|
&:hover {
|
||||||
background: rgba(0, 255, 255, 0.5); /* 高亮背景色 */
|
background: rgba(var(--color-base1), 0.5); /* 高亮背景色 */
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.active {
|
.active {
|
||||||
//background: rgba(0, 255, 255, 0.5); /* 高亮背景色 */
|
//background: rgba(0, 255, 255, 0.5); /* 高亮背景色 */
|
||||||
font-weight: 600; /* 加粗 */
|
font-weight: 600; /* 加粗 */
|
||||||
color: #0ff;
|
color: rgb(var(--color-base1));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -524,7 +525,7 @@ eventBus.on('wheel-time', (num) => {
|
|||||||
|
|
||||||
&::-webkit-scrollbar-thumb {
|
&::-webkit-scrollbar-thumb {
|
||||||
border-radius: 1em;
|
border-radius: 1em;
|
||||||
background-color: rgba(0, 255, 255, 0.5);
|
background-color: rgb(var(--color-base1));
|
||||||
}
|
}
|
||||||
|
|
||||||
&::-webkit-scrollbar-track {
|
&::-webkit-scrollbar-track {
|
||||||
@ -535,4 +536,3 @@ eventBus.on('wheel-time', (num) => {
|
|||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@ -533,7 +533,7 @@ eventBus.on('destroyComponent', (id) => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
:deep(.el-slider__bar) {
|
:deep(.el-slider__bar) {
|
||||||
background-color: #0ff;
|
background-color: rgb(var(--color-base1));
|
||||||
}
|
}
|
||||||
|
|
||||||
//}
|
//}
|
||||||
@ -613,4 +613,24 @@ eventBus.on('destroyComponent', (id) => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
<style lang="scss">
|
||||||
|
.custom_scroll_bar_ts {
|
||||||
|
&::-webkit-scrollbar {
|
||||||
|
width: 8px; /* 竖滚动条宽度（横滚动条用 height） */
|
||||||
|
height: 8px; /* 横滚动条高度（不需要可设为0） */
|
||||||
|
}
|
||||||
|
|
||||||
|
&::-webkit-scrollbar-thumb {
|
||||||
|
border-radius: 1em;
|
||||||
|
background-color: rgb(var(--color-base1));
|
||||||
|
}
|
||||||
|
|
||||||
|
&::-webkit-scrollbar-track {
|
||||||
|
-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3);
|
||||||
|
border-radius: 10px;
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@ -2,14 +2,14 @@
|
|||||||
<div>
|
<div>
|
||||||
<div class="miniElement" :style="!mini?'display:none':''">
|
<div class="miniElement" :style="!mini?'display:none':''">
|
||||||
<div class="switch-node-outer" @click="mini=false">
|
<div class="switch-node-outer" @click="mini=false">
|
||||||
<div class="switch-node-inner">
|
<div class="switch-node-inner siyuanheitibold">
|
||||||
{{ t('ts.unfoldElement') }}
|
{{ t('ts.unfoldElement') }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="element" :style="mini?'display:none':''">
|
<div class="element" :style="mini?'display:none':''">
|
||||||
<div class="titleBox">
|
<div class="titleBox">
|
||||||
<span class="title">{{ t("ts.element") }}</span>
|
<span class="title siyuanheitibold">{{ t("ts.element") }}</span>
|
||||||
<span class="close" @click="mini=true">
|
<span class="close" @click="mini=true">
|
||||||
<svg-icon :size="15" class="icon-svg-item" name="closeLeftTs"/>{{ t("ts.fold") }}
|
<svg-icon :size="15" class="icon-svg-item" name="closeLeftTs"/>{{ t("ts.fold") }}
|
||||||
</span>
|
</span>
|
||||||
@ -25,7 +25,7 @@
|
|||||||
<div class="tabsBox">
|
<div class="tabsBox">
|
||||||
<div class="tabs">
|
<div class="tabs">
|
||||||
<div v-for="(item,index) in tabs" @click="handleTabClick(item,index)" :title=" t('ts.' + item.name)"
|
<div v-for="(item,index) in tabs" @click="handleTabClick(item,index)" :title=" t('ts.' + item.name)"
|
||||||
:class="[index==activIndex?'active':'','oneLine']">
|
:class="[index==activIndex?'active':'','oneLine siyuanheitibold']">
|
||||||
{{ t('ts.' + item.name) }}
|
{{ t('ts.' + item.name) }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -49,11 +49,100 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="list custom_scroll_bar_ts" v-if="currentTypeId!=''">
|
<div class="list custom_scroll_bar_ts" v-if="currentTypeId!=''">
|
||||||
<div v-for="item in elementList" class="itemBox" @click="addMarker(item)">
|
<div v-for="item in elementList" class="itemBox" @click="addMarker(item)">
|
||||||
<div class="imgbg">
|
<div class="imgBox">
|
||||||
|
<svg
|
||||||
|
class="imgbg_svg"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||||
|
width="60.79296875"
|
||||||
|
height="60.77734375"
|
||||||
|
viewBox="0 0 60.79296875 60.77734375"
|
||||||
|
fill="none"
|
||||||
|
preserveAspectRatio="none"
|
||||||
|
>
|
||||||
|
<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">
|
||||||
|
<rect
|
||||||
|
x="0.521484375"
|
||||||
|
y="0.51416015625"
|
||||||
|
width="60"
|
||||||
|
height="60"
|
||||||
|
fill="rgb(var(--color-base1))"
|
||||||
|
fill-opacity="0.5"
|
||||||
|
/>
|
||||||
|
</g>
|
||||||
|
<defs>
|
||||||
|
<linearGradient
|
||||||
|
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.5555" stop-color="rgb(var(--color-base1))"/>
|
||||||
|
<stop offset="1" stop-color="rgb(var(--color-base1))" stop-opacity="0"/>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient
|
||||||
|
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.5555" stop-color="rgb(var(--color-base1))"/>
|
||||||
|
<stop offset="1" stop-color="rgb(var(--color-base1))" stop-opacity="0"/>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient
|
||||||
|
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.5555" stop-color="rgb(var(--color-base1))"/>
|
||||||
|
<stop offset="1" stop-color="rgb(var(--color-base1))" stop-opacity="0"/>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient
|
||||||
|
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.5555" stop-color="rgb(var(--color-base1))"/>
|
||||||
|
<stop offset="1" stop-color="rgb(var(--color-base1))" stop-opacity="0"/>
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
<img :src="service + (item.posterDataUrl||item.militaryDataUrl)"/>
|
<img :src="service + (item.posterDataUrl||item.militaryDataUrl)"/>
|
||||||
</div>
|
</div>
|
||||||
<!--fit="contain"-->
|
|
||||||
|
|
||||||
<div class="label">
|
<div class="label">
|
||||||
{{ item.modelName || item.militaryName }}
|
{{ item.modelName || item.militaryName }}
|
||||||
</div>
|
</div>
|
||||||
@ -303,6 +392,7 @@ let addMarker = (item, needSendEvent = true) => {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
|
||||||
.element {
|
.element {
|
||||||
width: 16.3vw;
|
width: 16.3vw;
|
||||||
height: 59.6vh;
|
height: 59.6vh;
|
||||||
@ -310,8 +400,8 @@ let addMarker = (item, needSendEvent = true) => {
|
|||||||
z-index: 99;
|
z-index: 99;
|
||||||
top: 13.4259259259vh;
|
top: 13.4259259259vh;
|
||||||
left: 1.5625vw;
|
left: 1.5625vw;
|
||||||
border: 0.078125vw solid rgb(0, 255, 255);
|
border: 0.078125vw solid rgb(var(--color-base1));
|
||||||
background: linear-gradient(180deg, rgba(0, 255, 255, 0.2) 0%, rgba(0, 255, 255, 0) 100%), rgba(0, 0, 0, 0.5);
|
background: linear-gradient(180deg, rgba(var(--color-base1), 0.2) 0%, rgba(0, 255, 255, 0) 100%), rgba(0, 0, 0, 0.5);
|
||||||
color: #fff;
|
color: #fff;
|
||||||
padding: 0 5px;
|
padding: 0 5px;
|
||||||
//display: flex;
|
//display: flex;
|
||||||
@ -329,7 +419,7 @@ let addMarker = (item, needSendEvent = true) => {
|
|||||||
|
|
||||||
.close {
|
.close {
|
||||||
&:hover {
|
&:hover {
|
||||||
color: #0ff;
|
color: rgb(var(--color-base1));
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -355,7 +445,8 @@ let addMarker = (item, needSendEvent = true) => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.active {
|
.active {
|
||||||
border-bottom: 2px solid #0ff;
|
border-bottom: 2px solid rgb(var(--color-base1));
|
||||||
|
color: rgb(var(--color-base1));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -400,7 +491,27 @@ let addMarker = (item, needSendEvent = true) => {
|
|||||||
white-space: normal; /* 允许文本换行（默认值，但需确保未被覆盖） */
|
white-space: normal; /* 允许文本换行（默认值，但需确保未被覆盖） */
|
||||||
word-break: break-all;
|
word-break: break-all;
|
||||||
|
|
||||||
.imgbg {
|
|
||||||
|
/* .imgbg_svg {
|
||||||
|
width: 80px;
|
||||||
|
height: 79px;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
width: 80px;
|
||||||
|
height: 79px;
|
||||||
|
}*/
|
||||||
|
|
||||||
|
/*.imgbg_svg {
|
||||||
|
position: absolute;
|
||||||
|
z-index: -1;
|
||||||
|
}*/
|
||||||
|
|
||||||
|
/*.imgbg {
|
||||||
width: 80px;
|
width: 80px;
|
||||||
height: 79px;
|
height: 79px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
@ -411,6 +522,25 @@ let addMarker = (item, needSendEvent = true) => {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
}*/
|
||||||
|
.imgBox {
|
||||||
|
width: 80px;
|
||||||
|
height: 79px;
|
||||||
|
position: relative;
|
||||||
|
margin: 0 auto;
|
||||||
|
|
||||||
|
.imgbg_svg {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.label {
|
.label {
|
||||||
@ -437,7 +567,7 @@ let addMarker = (item, needSendEvent = true) => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
:deep(.el-tree-node__content:hover ) {
|
:deep(.el-tree-node__content:hover ) {
|
||||||
--el-tree-node-hover-bg-color: rgba(0, 255, 255, 0.38);
|
--el-tree-node-hover-bg-color: rgba(var(--color-base1-half)); // rgba(0, 255, 255, 0.38);
|
||||||
//--el-tree-node-hover-bg-color: linear-gradient(90deg, rgba(0, 255, 255, 0.5) 0%, rgba(0, 255, 255, 0) 100%) !important;
|
//--el-tree-node-hover-bg-color: linear-gradient(90deg, rgba(0, 255, 255, 0.5) 0%, rgba(0, 255, 255, 0) 100%) !important;
|
||||||
|
|
||||||
/* &:hover {
|
/* &:hover {
|
||||||
@ -452,10 +582,10 @@ let addMarker = (item, needSendEvent = true) => {
|
|||||||
:deep(.el-tree-node.is-current ) {
|
:deep(.el-tree-node.is-current ) {
|
||||||
|
|
||||||
& > .el-tree-node__content {
|
& > .el-tree-node__content {
|
||||||
background: linear-gradient(90deg, rgba(0, 255, 255, 0.5) 0%, rgba(0, 255, 255, 0) 100%);
|
background: linear-gradient(90deg, rgba(var(--color-base1-half)) 0%, rgba(0, 255, 255, 0) 100%);
|
||||||
|
|
||||||
& > .el-tree-node__label {
|
& > .el-tree-node__label {
|
||||||
color: #0ff;
|
color: rgb(var(--color-base1));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -470,6 +600,7 @@ let addMarker = (item, needSendEvent = true) => {
|
|||||||
left: 0;
|
left: 0;
|
||||||
top: 35%;
|
top: 35%;
|
||||||
|
|
||||||
|
|
||||||
.switch-node-outer {
|
.switch-node-outer {
|
||||||
position: relative;
|
position: relative;
|
||||||
clip-path: polygon(0% 0%,
|
clip-path: polygon(0% 0%,
|
||||||
@ -477,7 +608,7 @@ let addMarker = (item, needSendEvent = true) => {
|
|||||||
100% calc(100% - 30px - 3px),
|
100% calc(100% - 30px - 3px),
|
||||||
0% 100%);
|
0% 100%);
|
||||||
padding: calc(3px * 1.42) 3px;
|
padding: calc(3px * 1.42) 3px;
|
||||||
background: #0ff;
|
background: rgb(var(--color-base1));
|
||||||
|
|
||||||
.switch-node-inner {
|
.switch-node-inner {
|
||||||
clip-path: polygon(0% 3px,
|
clip-path: polygon(0% 3px,
|
||||||
@ -489,8 +620,8 @@ let addMarker = (item, needSendEvent = true) => {
|
|||||||
padding: calc(30px * 1.1) 0;
|
padding: calc(30px * 1.1) 0;
|
||||||
width: 30px;
|
width: 30px;
|
||||||
line-height: 30px;
|
line-height: 30px;
|
||||||
background: linear-gradient(to right, rgba(0, 255, 255, 0.3) 0%, rgba(0, 255, 255, 0) 100%), rgba(0, 0, 0, 0.8);
|
background: linear-gradient(to right, rgba(var(--color-base1), 0.2) 0%, rgba(0, 255, 255, 0) 100%), rgba(0, 0, 0, 0.8);
|
||||||
color: #0ff;
|
color: rgb(var(--color-base1));
|
||||||
letter-spacing: 2.5px;
|
letter-spacing: 2.5px;
|
||||||
/* border: 1.5px solid rgba(0, 255, 255, 1); */
|
/* border: 1.5px solid rgba(0, 255, 255, 1); */
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|||||||
@ -8,18 +8,72 @@
|
|||||||
<span>{{ t(`week.${date.week}`) }}</span>
|
<span>{{ t(`week.${date.week}`) }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="titles">实景三维态势推演系统</div>
|
<div class="titles siyuanheitibold">实景三维态势推演系统</div>
|
||||||
<svg class="icon icon-top" aria-hidden="true">
|
<svg class="icon icon-top" aria-hidden="true">
|
||||||
<use xlink:href="#icon-top"></use>
|
<use xlink:href="#icon-top"></use>
|
||||||
</svg>
|
</svg>
|
||||||
|
<div class="svgBox">
|
||||||
|
<el-tooltip
|
||||||
|
class="box-item"
|
||||||
|
effect="dark"
|
||||||
|
:content="t('ts.exitTs')"
|
||||||
|
placement="top"
|
||||||
|
>
|
||||||
<svg class="icon icon-tuichudenglu" @click="back" aria-hidden="true">
|
<svg class="icon icon-tuichudenglu" @click="back" aria-hidden="true">
|
||||||
<use xlink:href="#icon-tuichudenglu"></use>
|
<use xlink:href="#icon-tuichudenglu"></use>
|
||||||
</svg>
|
</svg>
|
||||||
|
</el-tooltip>
|
||||||
|
</div>
|
||||||
<div class="list-container">
|
<div class="list-container">
|
||||||
<div class="sub-title">
|
<div class="sub-title siyuanheitibold">
|
||||||
<span>{{ t('ts.historyDeduce') }}</span>
|
<span>{{ t('ts.historyDeduce') }}</span>
|
||||||
<svg class="icon icon-title" aria-hidden="true">
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="358.50830078125"
|
||||||
<use xlink:href="#icon-title"></use>
|
height="60"
|
||||||
|
viewBox="0 0 358.50830078125 60" fill=" rgb(var(--color-base1))">
|
||||||
|
<path fill-rule="evenodd" fill-opacity="0.6"
|
||||||
|
d="M116.644 58.9285L133.685 58.9285L156.149 0L139.107 0L116.644 58.9285ZM144.53 58.9285L161.571 58.9285L184.035 0L166.994 0L144.53 58.9285ZM173.965 58.9285L191.007 58.9285L213.471 0L196.429 0L173.965 58.9285ZM218.893 58.9285L201.851 58.9285L224.315 0L241.357 0L218.893 58.9285ZM231.287 58.9285L248.329 58.9285L270.792 0L253.751 0L231.287 58.9285ZM276.215 58.9285L259.173 58.9285L281.637 0L298.679 0L276.215 58.9285ZM288.609 58.9285L305.65 58.9285L328.114 0L311.072 0L288.609 58.9285ZM333.536 58.9285L316.495 58.9285L338.959 0L356 0L333.536 58.9285ZM2.00024 59.9999L19.0418 59.9999L41.5057 1.07143L24.4641 1.07143L2.00024 59.9999ZM29.8865 59.9999L46.928 59.9999L69.3919 1.07143L52.3504 1.07143L29.8865 59.9999ZM59.3219 59.9999L76.3635 59.9999L98.8274 1.07143L81.7858 1.07143L59.3219 59.9999ZM104.25 59.9999L87.2081 59.9999L109.672 1.07143L126.714 1.07143L104.25 59.9999Z"></path>
|
||||||
|
<path fill-rule="evenodd" fill="url(#linear_fill_472_48_1)"
|
||||||
|
d="M116.644 58.9285L133.685 58.9285L156.149 0L139.107 0L116.644 58.9285ZM144.53 58.9285L161.571 58.9285L184.035 0L166.994 0L144.53 58.9285ZM173.965 58.9285L191.007 58.9285L213.471 0L196.429 0L173.965 58.9285ZM218.893 58.9285L201.851 58.9285L224.315 0L241.357 0L218.893 58.9285ZM231.287 58.9285L248.329 58.9285L270.792 0L253.751 0L231.287 58.9285ZM276.215 58.9285L259.173 58.9285L281.637 0L298.679 0L276.215 58.9285ZM288.609 58.9285L305.65 58.9285L328.114 0L311.072 0L288.609 58.9285ZM333.536 58.9285L316.495 58.9285L338.959 0L356 0L333.536 58.9285ZM2.00024 59.9999L19.0418 59.9999L41.5057 1.07143L24.4641 1.07143L2.00024 59.9999ZM29.8865 59.9999L46.928 59.9999L69.3919 1.07143L52.3504 1.07143L29.8865 59.9999ZM59.3219 59.9999L76.3635 59.9999L98.8274 1.07143L81.7858 1.07143L59.3219 59.9999ZM104.25 59.9999L87.2081 59.9999L109.672 1.07143L126.714 1.07143L104.25 59.9999Z"></path>
|
||||||
|
<rect x="4.181396484375" y="0" width="354.326904296875" height="60" fill="url(#linear_fill_472_49)"></rect>
|
||||||
|
<g clip-path="url(#clip-path-472_52)">
|
||||||
|
<path
|
||||||
|
d="M18.0572 50.2342L18.5203 50.7048L18.5203 29.5283L16.205 31.8813L8.10146 40.1166L9.83793 41.8813L18.0572 50.2342ZM16.205 44.8225L11.6901 40.1166L16.205 35.4107L16.205 44.8225Z"
|
||||||
|
></path>
|
||||||
|
<g opacity="0.5">
|
||||||
|
<path
|
||||||
|
d="M12.8487 49.8465L13.3118 50.3095L13.3118 29.4719L10.9965 31.7872L2.89298 39.8907L4.62944 41.6272L12.8487 49.8465ZM10.9965 44.5213L6.48165 39.8907L10.9965 35.2601L10.9965 44.5213Z"
|
||||||
|
></path>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g clip-path="url(#clip-path-472_57)">
|
||||||
|
<path
|
||||||
|
d="M339.596 50.2342L339.133 50.7048L339.133 29.5283L341.448 31.8813L349.551 40.1166L347.815 41.8813L339.596 50.2342ZM341.448 44.8225L345.963 40.1166L341.448 35.4107L341.448 44.8225Z"
|
||||||
|
></path>
|
||||||
|
<g opacity="0.5">
|
||||||
|
<path
|
||||||
|
d="M344.805 49.8465L344.342 50.3095L344.342 29.4719L346.657 31.7872L354.76 39.8907L353.024 41.6272L344.805 49.8465ZM346.657 44.5213L351.172 39.8907L346.657 35.2601L346.657 44.5213Z"
|
||||||
|
></path>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<defs>
|
||||||
|
<linearGradient id="linear_fill_472_48_1" x1="186.551025390625" y1="43.8173828125" x2="186.550048828125"
|
||||||
|
y2="-13.4248046875" gradientUnits="userSpaceOnUse">
|
||||||
|
<stop offset="0" stop-opacity="0.2"/>
|
||||||
|
<stop offset="1" stop-opacity="0"/>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient id="linear_fill_472_49" x1="4.181396484375" y1="30" x2="358.50830078125" y2="30"
|
||||||
|
gradientUnits="userSpaceOnUse">
|
||||||
|
<stop offset="0" stop-opacity="0"/>
|
||||||
|
<stop offset="0.4891" stop-opacity="0.5"/>
|
||||||
|
<stop offset="1" stop-opacity="0"/>
|
||||||
|
</linearGradient>
|
||||||
|
<clipPath id="clip-path-472_52">
|
||||||
|
<path d="M-2.67029e-05 26L-2.67029e-05 54.2353L27.7834 54.2353L27.7834 26L-2.67029e-05 26Z"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="clip-path-472_57">
|
||||||
|
<path d="M357.654 26L357.654 54.2353L329.87 54.2353L329.87 26L357.654 26Z"/>
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
<div class="search">
|
<div class="search">
|
||||||
@ -74,23 +128,6 @@
|
|||||||
<el-table-column align="center" prop="createdAt" :label="t('ts.creationTime')" sortable width="180"/>
|
<el-table-column align="center" prop="createdAt" :label="t('ts.creationTime')" sortable width="180"/>
|
||||||
<el-table-column align="center" :label="t('ts.operation')" width="160">
|
<el-table-column align="center" :label="t('ts.operation')" width="160">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
|
|
||||||
<!--<el-button text size="small" type="primary" :icon="Edit" @click="toTSEdit(scope.row)">编辑</el-button>-->
|
|
||||||
<!-- <el-popconfirm
|
|
||||||
confirm-button-text="确定"
|
|
||||||
cancel-button-text="取消"
|
|
||||||
icon-color="#626AEF"
|
|
||||||
title="确定删除吗?"
|
|
||||||
@confirm="delPlan(scope.row.id)"
|
|
||||||
>
|
|
||||||
<template #reference>
|
|
||||||
<el-button text size="small" type="primary" :icon="Delete">删除
|
|
||||||
</el-button>
|
|
||||||
|
|
||||||
<!–<el-button>Delete</el-button>–>
|
|
||||||
</template>
|
|
||||||
</el-popconfirm>-->
|
|
||||||
|
|
||||||
<div style="display: flex;justify-content: space-evenly">
|
<div style="display: flex;justify-content: space-evenly">
|
||||||
<el-tooltip
|
<el-tooltip
|
||||||
class="box-item"
|
class="box-item"
|
||||||
@ -123,19 +160,7 @@
|
|||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
<!-- <el-auto-resizer>
|
|
||||||
<template #default="{ height, width }">
|
|
||||||
<el-table-v2
|
|
||||||
:sort-by="sortState"
|
|
||||||
:columns="columns"
|
|
||||||
:data="data"
|
|
||||||
:width="width"
|
|
||||||
:height="height"
|
|
||||||
fixed
|
|
||||||
@column-sort="onSort"
|
|
||||||
/>
|
|
||||||
</template>
|
|
||||||
</el-auto-resizer>-->
|
|
||||||
</div>
|
</div>
|
||||||
<div class="pageBox">
|
<div class="pageBox">
|
||||||
<el-config-provider :locale="locale">
|
<el-config-provider :locale="locale">
|
||||||
@ -230,8 +255,8 @@ const getList = (params: any = null) => {
|
|||||||
TsApi.planList(formData).then(res => {
|
TsApi.planList(formData).then(res => {
|
||||||
console.log(res)
|
console.log(res)
|
||||||
if (res.code == 200) {
|
if (res.code == 200) {
|
||||||
/* let arr = []
|
let arr = []
|
||||||
for (let i = 0; i < 50; i++) {
|
/*for (let i = 0; i < 50; i++) {
|
||||||
arr.push(res.data.records[0])
|
arr.push(res.data.records[0])
|
||||||
}*/
|
}*/
|
||||||
tableData.value = res.data.records
|
tableData.value = res.data.records
|
||||||
@ -436,20 +461,24 @@ onUnmounted(() => {
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-tuichudenglu {
|
.svgBox {
|
||||||
cursor: pointer;
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
z-index: 999;
|
z-index: 999;
|
||||||
|
top: 8px;
|
||||||
|
right: 8px;
|
||||||
|
|
||||||
|
.icon-tuichudenglu {
|
||||||
|
cursor: pointer;
|
||||||
width: 26px;
|
width: 26px;
|
||||||
height: 26px;
|
height: 26px;
|
||||||
right: 8px;
|
|
||||||
top: 8px;
|
|
||||||
fill: #fff;
|
fill: #fff;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
fill: #0ff;
|
fill: rgb(var(--color-base1));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
.list-container {
|
.list-container {
|
||||||
border: 1px solid #0ff;
|
border: 1px solid #0ff;
|
||||||
@ -461,8 +490,9 @@ onUnmounted(() => {
|
|||||||
height: 72vh;
|
height: 72vh;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
background: linear-gradient(180deg, rgba(0, 255, 255, 0.2) 0%, rgba(0, 255, 255, 0) 100%), rgba(0, 0, 0, 0.6);
|
background: linear-gradient(180deg, rgba(var(--color-base1), 0.2) 0%, rgba(0, 255, 255, 0) 100%), rgba(0, 0, 0, 0.6);
|
||||||
border-image: linear-gradient(137.95deg, rgba(0, 255, 255, 1) 6.25%, rgba(0, 200, 255, 1) 100%) 2;
|
border-image: linear-gradient(137.95deg, var(--color-border1) 6.25%, var(--color-border1) 100%) 2;
|
||||||
|
//border-image: linear-gradient(137.95deg, #f00 6.25%, #f00 100%) 2;
|
||||||
backdrop-filter: blur(2px);
|
backdrop-filter: blur(2px);
|
||||||
|
|
||||||
& > div {
|
& > div {
|
||||||
@ -475,27 +505,33 @@ onUnmounted(() => {
|
|||||||
|
|
||||||
.sub-title {
|
.sub-title {
|
||||||
font-size: 32px;
|
font-size: 32px;
|
||||||
width: 15.4350566864vw;
|
width: 300px;
|
||||||
height: 5.0740740741vh;
|
height: 50px;
|
||||||
//padding: vh(20);
|
//padding: vh(20);
|
||||||
position: relative;
|
position: relative;
|
||||||
padding: 0;
|
padding: 15px 0;
|
||||||
|
|
||||||
span {
|
span {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 50%;
|
//left: 50%;
|
||||||
//top: 50%;
|
//top: 50%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
transform: translateX(-50%);
|
//transform: translateX(-50%);
|
||||||
//font-family: W7;
|
//font-family: W7;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
z-index: 9;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-title {
|
.icon-title {
|
||||||
width: 15.4350566864vw;
|
width: 15.4350566864vw;
|
||||||
height: 5.0740740741vh;
|
height: 5.0740740741vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
& > svg {
|
||||||
|
width: 300px;
|
||||||
|
height: 50px
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.search {
|
.search {
|
||||||
@ -513,6 +549,7 @@ onUnmounted(() => {
|
|||||||
width: auto;
|
width: auto;
|
||||||
margin: unset;
|
margin: unset;
|
||||||
align-self: end;
|
align-self: end;
|
||||||
|
padding-right: 15px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -527,7 +564,7 @@ onUnmounted(() => {
|
|||||||
//表格行hover和表头的背景色
|
//表格行hover和表头的背景色
|
||||||
:deep(.el-table__header-wrapper),
|
:deep(.el-table__header-wrapper),
|
||||||
:deep(.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell ) {
|
:deep(.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell ) {
|
||||||
background-color: rgba(0, 255, 255, 0.2);
|
background-color: rgba(var(--color-base1-half));
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.el-button) {
|
:deep(.el-button) {
|
||||||
@ -540,9 +577,9 @@ onUnmounted(() => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
:deep(.el-button:hover) {
|
:deep(.el-button:hover) {
|
||||||
color: #0ff;
|
color: rgb(var(--color-base1)) !important;
|
||||||
//background-color: transparent !important;
|
//background-color: transparent !important;
|
||||||
background: rgba(0, 255, 255, 0.2) !important;
|
//background: rgba(0, 255, 255, 0.2) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.el-input__wrapper), :deep(.el-range-input), :deep(.el-range-separator) {
|
:deep(.el-input__wrapper), :deep(.el-range-input), :deep(.el-range-separator) {
|
||||||
@ -617,7 +654,15 @@ background-color: transparent;
|
|||||||
--el-border-color-light: #414243;
|
--el-border-color-light: #414243;
|
||||||
--el-border-color-lighter: #363637;
|
--el-border-color-lighter: #363637;
|
||||||
--el-border-color-extra-light: #2B2B2C;
|
--el-border-color-extra-light: #2B2B2C;
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.el-input) {
|
||||||
|
--el-border-color: var(--color-border1)
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.el-date-editor) {
|
||||||
|
//--el-border-color
|
||||||
|
--el-input-border-color: var(--color-border1);
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.el-pagination ) {
|
:deep(.el-pagination ) {
|
||||||
@ -629,4 +674,30 @@ background-color: transparent;
|
|||||||
background: linear-gradient(180deg, rgba(0, 255, 255, 0.2) 0%, rgba(0, 255, 255, 0) 100%), rgba(0, 0, 0, 0.6) !important;
|
background: linear-gradient(180deg, rgba(0, 255, 255, 0.2) 0%, rgba(0, 255, 255, 0) 100%), rgba(0, 0, 0, 0.6) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.icon-svg-item-color {
|
||||||
|
fill: rgb(var(--color-base1)) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*.siyuanheitibold {
|
||||||
|
font-family: 'siyuanheitibold';
|
||||||
|
}*/
|
||||||
|
</style>
|
||||||
|
<style lang="scss">
|
||||||
|
.custom_scroll_bar_ts, {
|
||||||
|
&::-webkit-scrollbar {
|
||||||
|
width: 8px; /* 竖滚动条宽度（横滚动条用 height） */
|
||||||
|
height: 8px; /* 横滚动条高度（不需要可设为0） */
|
||||||
|
}
|
||||||
|
|
||||||
|
&::-webkit-scrollbar-thumb {
|
||||||
|
border-radius: 1em;
|
||||||
|
background-color: rgb(var(--color-base1));
|
||||||
|
}
|
||||||
|
|
||||||
|
&::-webkit-scrollbar-track {
|
||||||
|
-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3);
|
||||||
|
border-radius: 10px;
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@ -3,8 +3,58 @@
|
|||||||
|
|
||||||
<div class="set_pup_header">
|
<div class="set_pup_header">
|
||||||
<div class="system_title">
|
<div class="system_title">
|
||||||
|
<span style="position: absolute; left: 50%;
|
||||||
|
transform: translateX(-50%);">{{ t("ts.situationEvent") }}</span>
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="229"
|
||||||
|
height="34"
|
||||||
|
viewBox="0 0 358.50830078125 60" fill=" rgb(var(--color-base1))">
|
||||||
|
<path fill-rule="evenodd" fill-opacity="0.6"
|
||||||
|
d="M116.644 58.9285L133.685 58.9285L156.149 0L139.107 0L116.644 58.9285ZM144.53 58.9285L161.571 58.9285L184.035 0L166.994 0L144.53 58.9285ZM173.965 58.9285L191.007 58.9285L213.471 0L196.429 0L173.965 58.9285ZM218.893 58.9285L201.851 58.9285L224.315 0L241.357 0L218.893 58.9285ZM231.287 58.9285L248.329 58.9285L270.792 0L253.751 0L231.287 58.9285ZM276.215 58.9285L259.173 58.9285L281.637 0L298.679 0L276.215 58.9285ZM288.609 58.9285L305.65 58.9285L328.114 0L311.072 0L288.609 58.9285ZM333.536 58.9285L316.495 58.9285L338.959 0L356 0L333.536 58.9285ZM2.00024 59.9999L19.0418 59.9999L41.5057 1.07143L24.4641 1.07143L2.00024 59.9999ZM29.8865 59.9999L46.928 59.9999L69.3919 1.07143L52.3504 1.07143L29.8865 59.9999ZM59.3219 59.9999L76.3635 59.9999L98.8274 1.07143L81.7858 1.07143L59.3219 59.9999ZM104.25 59.9999L87.2081 59.9999L109.672 1.07143L126.714 1.07143L104.25 59.9999Z"></path>
|
||||||
|
<path fill-rule="evenodd" fill="url(#linear_fill_472_48_1)"
|
||||||
|
d="M116.644 58.9285L133.685 58.9285L156.149 0L139.107 0L116.644 58.9285ZM144.53 58.9285L161.571 58.9285L184.035 0L166.994 0L144.53 58.9285ZM173.965 58.9285L191.007 58.9285L213.471 0L196.429 0L173.965 58.9285ZM218.893 58.9285L201.851 58.9285L224.315 0L241.357 0L218.893 58.9285ZM231.287 58.9285L248.329 58.9285L270.792 0L253.751 0L231.287 58.9285ZM276.215 58.9285L259.173 58.9285L281.637 0L298.679 0L276.215 58.9285ZM288.609 58.9285L305.65 58.9285L328.114 0L311.072 0L288.609 58.9285ZM333.536 58.9285L316.495 58.9285L338.959 0L356 0L333.536 58.9285ZM2.00024 59.9999L19.0418 59.9999L41.5057 1.07143L24.4641 1.07143L2.00024 59.9999ZM29.8865 59.9999L46.928 59.9999L69.3919 1.07143L52.3504 1.07143L29.8865 59.9999ZM59.3219 59.9999L76.3635 59.9999L98.8274 1.07143L81.7858 1.07143L59.3219 59.9999ZM104.25 59.9999L87.2081 59.9999L109.672 1.07143L126.714 1.07143L104.25 59.9999Z"></path>
|
||||||
|
<rect x="4.181396484375" y="0" width="354.326904296875" height="60"
|
||||||
|
fill="url(#linear_fill_472_49)"></rect>
|
||||||
|
<g clip-path="url(#clip-path-472_52)">
|
||||||
|
<path
|
||||||
|
d="M18.0572 50.2342L18.5203 50.7048L18.5203 29.5283L16.205 31.8813L8.10146 40.1166L9.83793 41.8813L18.0572 50.2342ZM16.205 44.8225L11.6901 40.1166L16.205 35.4107L16.205 44.8225Z"
|
||||||
|
></path>
|
||||||
|
<g opacity="0.5">
|
||||||
|
<path
|
||||||
|
d="M12.8487 49.8465L13.3118 50.3095L13.3118 29.4719L10.9965 31.7872L2.89298 39.8907L4.62944 41.6272L12.8487 49.8465ZM10.9965 44.5213L6.48165 39.8907L10.9965 35.2601L10.9965 44.5213Z"
|
||||||
|
></path>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g clip-path="url(#clip-path-472_57)">
|
||||||
|
<path
|
||||||
|
d="M339.596 50.2342L339.133 50.7048L339.133 29.5283L341.448 31.8813L349.551 40.1166L347.815 41.8813L339.596 50.2342ZM341.448 44.8225L345.963 40.1166L341.448 35.4107L341.448 44.8225Z"
|
||||||
|
></path>
|
||||||
|
<g opacity="0.5">
|
||||||
|
<path
|
||||||
|
d="M344.805 49.8465L344.342 50.3095L344.342 29.4719L346.657 31.7872L354.76 39.8907L353.024 41.6272L344.805 49.8465ZM346.657 44.5213L351.172 39.8907L346.657 35.2601L346.657 44.5213Z"
|
||||||
|
></path>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<defs>
|
||||||
|
<linearGradient id="linear_fill_472_48_1" x1="186.551025390625" y1="43.8173828125" x2="186.550048828125"
|
||||||
|
y2="-13.4248046875" gradientUnits="userSpaceOnUse">
|
||||||
|
<stop offset="0" stop-opacity="0.2"/>
|
||||||
|
<stop offset="1" stop-opacity="0"/>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient id="linear_fill_472_49" x1="4.181396484375" y1="30" x2="358.50830078125" y2="30"
|
||||||
|
gradientUnits="userSpaceOnUse">
|
||||||
|
<stop offset="0" stop-opacity="0"/>
|
||||||
|
<stop offset="0.4891" stop-opacity="0.5"/>
|
||||||
|
<stop offset="1" stop-opacity="0"/>
|
||||||
|
</linearGradient>
|
||||||
|
<clipPath id="clip-path-472_52">
|
||||||
|
<path d="M-2.67029e-05 26L-2.67029e-05 54.2353L27.7834 54.2353L27.7834 26L-2.67029e-05 26Z"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="clip-path-472_57">
|
||||||
|
<path d="M357.654 26L357.654 54.2353L329.87 54.2353L329.87 26L357.654 26Z"/>
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
|
||||||
{{ t("ts.situationEvent") }}
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="set_detail">
|
<div class="set_detail">
|
||||||
@ -41,9 +91,18 @@
|
|||||||
<template v-if="!['display','hide'].includes(currentKey)">
|
<template v-if="!['display','hide'].includes(currentKey)">
|
||||||
<el-form-item :label="t('ts.持续时间')">
|
<el-form-item :label="t('ts.持续时间')">
|
||||||
<div class="duration">
|
<div class="duration">
|
||||||
<span><el-input v-model="hour"/>{{ t('ts.hour') }}</span>
|
<span><el-input v-model="hour"
|
||||||
<span><el-input v-model="minute"/>{{ t('ts.minute') }} </span>
|
oninput="value=value.replace(/[^0-9.]/g, '').replace(/^\./, '').replace(/\.{2,}/g, '.').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.')"/>{{
|
||||||
<span><el-input v-model="second"/>{{ t('ts.second') }}</span>
|
t('ts.hour')
|
||||||
|
}}</span>
|
||||||
|
<span><el-input v-model="minute"
|
||||||
|
oninput="value=value.replace(/[^0-9.]/g, '').replace(/^\./, '').replace(/\.{2,}/g, '.').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.')"/>{{
|
||||||
|
t('ts.minute')
|
||||||
|
}} </span>
|
||||||
|
<span><el-input v-model="second" :maxlength="2"
|
||||||
|
oninput="value=value.replace(/[^0-9.]/g, '').replace(/^\./, '').replace(/\.{2,}/g, '.').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.')"/>{{
|
||||||
|
t('ts.second')
|
||||||
|
}}</span>
|
||||||
</div>
|
</div>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</template>
|
</template>
|
||||||
@ -167,7 +226,8 @@ const addEvent = () => {
|
|||||||
console.log(zNode.value)
|
console.log(zNode.value)
|
||||||
let startTime = form.datetime.getTime()
|
let startTime = form.datetime.getTime()
|
||||||
let obj: any = {}
|
let obj: any = {}
|
||||||
let duration_S = (hour.value * 3600 + minute.value * 60 + second.value) * 1
|
|
||||||
|
let duration_S = Number(hour.value * 3600) + Number(minute.value * 60) + Number(second.value)
|
||||||
// 数据是否合法有效
|
// 数据是否合法有效
|
||||||
let isRight = true
|
let isRight = true
|
||||||
let errorFields = []//数据错误的字段
|
let errorFields = []//数据错误的字段
|
||||||
@ -345,9 +405,10 @@ eventBus.on('event-startTime', (data) => {
|
|||||||
transform: translate(-50%, -50%);
|
transform: translate(-50%, -50%);
|
||||||
width: 570px;
|
width: 570px;
|
||||||
height: 320px;
|
height: 320px;
|
||||||
border: 1px solid #0ff;
|
border: 1px solid rgb(var(--color-base1));
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
background: rgba(0, 0, 0, 0.5);
|
background: linear-gradient(180deg, rgba(var(--color-base1), 0.2) 0%, rgba(241, 108, 85, 0) 100%), rgba(0, 0, 0, 0.5);;
|
||||||
|
backdrop-filter: blur(20px);
|
||||||
|
|
||||||
.set_pup_header {
|
.set_pup_header {
|
||||||
|
|
||||||
@ -359,8 +420,6 @@ eventBus.on('event-startTime', (data) => {
|
|||||||
padding-bottom: 20px;
|
padding-bottom: 20px;
|
||||||
|
|
||||||
.system_title {
|
.system_title {
|
||||||
background: url('@/assets/images/titlebg.png') no-repeat;
|
|
||||||
background-size: 100% 100%;
|
|
||||||
width: 229px;
|
width: 229px;
|
||||||
height: 34px;
|
height: 34px;
|
||||||
line-height: 34px;
|
line-height: 34px;
|
||||||
@ -446,8 +505,6 @@ eventBus.on('event-startTime', (data) => {
|
|||||||
width: 20px;
|
width: 20px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@ -465,9 +522,12 @@ eventBus.on('event-startTime', (data) => {
|
|||||||
|
|
||||||
&:deep(.el-tree-node.is-current > .el-tree-node__content>.el-tree-node__label ) {
|
&:deep(.el-tree-node.is-current > .el-tree-node__content>.el-tree-node__label ) {
|
||||||
//background-color: #e6f7ff; /* 浅蓝色高亮，可自定义 */
|
//background-color: #e6f7ff; /* 浅蓝色高亮，可自定义 */
|
||||||
--el-text-color: #0ff !important;
|
--el-text-color: rgb(var(--color-base1)) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&:deep(.el-tree-node__content > .el-tree-node__expand-icon) {
|
||||||
|
display: block !important;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.el-text ) {
|
:deep(.el-text ) {
|
||||||
|
|||||||
@ -4,10 +4,61 @@
|
|||||||
<template #header>
|
<template #header>
|
||||||
<template v-if="!currentPlanId">
|
<template v-if="!currentPlanId">
|
||||||
<div class="set_pup_header">
|
<div class="set_pup_header">
|
||||||
<div class="system_title">
|
<div class="system_title siyuanheitibold">
|
||||||
{{ t('ts.createPlan') }}
|
{{ t('ts.createPlan') }}
|
||||||
</div>
|
</div>
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="296"
|
||||||
|
height="44"
|
||||||
|
viewBox="0 0 358.50830078125 60" fill=" rgb(var(--color-base1))">
|
||||||
|
<path fill-rule="evenodd" fill-opacity="0.6"
|
||||||
|
d="M116.644 58.9285L133.685 58.9285L156.149 0L139.107 0L116.644 58.9285ZM144.53 58.9285L161.571 58.9285L184.035 0L166.994 0L144.53 58.9285ZM173.965 58.9285L191.007 58.9285L213.471 0L196.429 0L173.965 58.9285ZM218.893 58.9285L201.851 58.9285L224.315 0L241.357 0L218.893 58.9285ZM231.287 58.9285L248.329 58.9285L270.792 0L253.751 0L231.287 58.9285ZM276.215 58.9285L259.173 58.9285L281.637 0L298.679 0L276.215 58.9285ZM288.609 58.9285L305.65 58.9285L328.114 0L311.072 0L288.609 58.9285ZM333.536 58.9285L316.495 58.9285L338.959 0L356 0L333.536 58.9285ZM2.00024 59.9999L19.0418 59.9999L41.5057 1.07143L24.4641 1.07143L2.00024 59.9999ZM29.8865 59.9999L46.928 59.9999L69.3919 1.07143L52.3504 1.07143L29.8865 59.9999ZM59.3219 59.9999L76.3635 59.9999L98.8274 1.07143L81.7858 1.07143L59.3219 59.9999ZM104.25 59.9999L87.2081 59.9999L109.672 1.07143L126.714 1.07143L104.25 59.9999Z"></path>
|
||||||
|
<path fill-rule="evenodd" fill="url(#linear_fill_472_48_1)"
|
||||||
|
d="M116.644 58.9285L133.685 58.9285L156.149 0L139.107 0L116.644 58.9285ZM144.53 58.9285L161.571 58.9285L184.035 0L166.994 0L144.53 58.9285ZM173.965 58.9285L191.007 58.9285L213.471 0L196.429 0L173.965 58.9285ZM218.893 58.9285L201.851 58.9285L224.315 0L241.357 0L218.893 58.9285ZM231.287 58.9285L248.329 58.9285L270.792 0L253.751 0L231.287 58.9285ZM276.215 58.9285L259.173 58.9285L281.637 0L298.679 0L276.215 58.9285ZM288.609 58.9285L305.65 58.9285L328.114 0L311.072 0L288.609 58.9285ZM333.536 58.9285L316.495 58.9285L338.959 0L356 0L333.536 58.9285ZM2.00024 59.9999L19.0418 59.9999L41.5057 1.07143L24.4641 1.07143L2.00024 59.9999ZM29.8865 59.9999L46.928 59.9999L69.3919 1.07143L52.3504 1.07143L29.8865 59.9999ZM59.3219 59.9999L76.3635 59.9999L98.8274 1.07143L81.7858 1.07143L59.3219 59.9999ZM104.25 59.9999L87.2081 59.9999L109.672 1.07143L126.714 1.07143L104.25 59.9999Z"></path>
|
||||||
|
<rect x="4.181396484375" y="0" width="354.326904296875" height="60"
|
||||||
|
fill="url(#linear_fill_472_49)"></rect>
|
||||||
|
<g clip-path="url(#clip-path-472_52)">
|
||||||
|
<path
|
||||||
|
d="M18.0572 50.2342L18.5203 50.7048L18.5203 29.5283L16.205 31.8813L8.10146 40.1166L9.83793 41.8813L18.0572 50.2342ZM16.205 44.8225L11.6901 40.1166L16.205 35.4107L16.205 44.8225Z"
|
||||||
|
></path>
|
||||||
|
<g opacity="0.5">
|
||||||
|
<path
|
||||||
|
d="M12.8487 49.8465L13.3118 50.3095L13.3118 29.4719L10.9965 31.7872L2.89298 39.8907L4.62944 41.6272L12.8487 49.8465ZM10.9965 44.5213L6.48165 39.8907L10.9965 35.2601L10.9965 44.5213Z"
|
||||||
|
></path>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g clip-path="url(#clip-path-472_57)">
|
||||||
|
<path
|
||||||
|
d="M339.596 50.2342L339.133 50.7048L339.133 29.5283L341.448 31.8813L349.551 40.1166L347.815 41.8813L339.596 50.2342ZM341.448 44.8225L345.963 40.1166L341.448 35.4107L341.448 44.8225Z"
|
||||||
|
></path>
|
||||||
|
<g opacity="0.5">
|
||||||
|
<path
|
||||||
|
d="M344.805 49.8465L344.342 50.3095L344.342 29.4719L346.657 31.7872L354.76 39.8907L353.024 41.6272L344.805 49.8465ZM346.657 44.5213L351.172 39.8907L346.657 35.2601L346.657 44.5213Z"
|
||||||
|
></path>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<defs>
|
||||||
|
<linearGradient id="linear_fill_472_48_1" x1="186.551025390625" y1="43.8173828125" x2="186.550048828125"
|
||||||
|
y2="-13.4248046875" gradientUnits="userSpaceOnUse">
|
||||||
|
<stop offset="0" stop-opacity="0.2"/>
|
||||||
|
<stop offset="1" stop-opacity="0"/>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient id="linear_fill_472_49" x1="4.181396484375" y1="30" x2="358.50830078125" y2="30"
|
||||||
|
gradientUnits="userSpaceOnUse">
|
||||||
|
<stop offset="0" stop-opacity="0"/>
|
||||||
|
<stop offset="0.4891" stop-opacity="0.5"/>
|
||||||
|
<stop offset="1" stop-opacity="0"/>
|
||||||
|
</linearGradient>
|
||||||
|
<clipPath id="clip-path-472_52">
|
||||||
|
<path d="M-2.67029e-05 26L-2.67029e-05 54.2353L27.7834 54.2353L27.7834 26L-2.67029e-05 26Z"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="clip-path-472_57">
|
||||||
|
<path d="M357.654 26L357.654 54.2353L329.87 54.2353L329.87 26L357.654 26Z"/>
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
<template v-else>
|
<template v-else>
|
||||||
<div class="detailTitle">
|
<div class="detailTitle">
|
||||||
@ -31,6 +82,7 @@
|
|||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item :label="t('ts.startTime')" prop="simulationStartTime" required>
|
<el-form-item :label="t('ts.startTime')" prop="simulationStartTime" required>
|
||||||
<el-date-picker
|
<el-date-picker
|
||||||
|
:editable="false"
|
||||||
:readonly="Boolean(currentPlanId)"
|
:readonly="Boolean(currentPlanId)"
|
||||||
v-model="sizeForm.simulationStartTime"
|
v-model="sizeForm.simulationStartTime"
|
||||||
popper-class="ts-zyl"
|
popper-class="ts-zyl"
|
||||||
@ -38,6 +90,8 @@
|
|||||||
timezone="Asia/Shanghai"
|
timezone="Asia/Shanghai"
|
||||||
value-format="YYYY-MM-DDTHH:mm:ss"
|
value-format="YYYY-MM-DDTHH:mm:ss"
|
||||||
:placeholder="t('ts.startTimePlaceholder')"
|
:placeholder="t('ts.startTimePlaceholder')"
|
||||||
|
@keydown.native.prevent
|
||||||
|
@input.native="handleInput"
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item :label="t('ts.deduceDesc')" prop="desc" required>
|
<el-form-item :label="t('ts.deduceDesc')" prop="desc" required>
|
||||||
@ -128,6 +182,11 @@ const rules = reactive<FormRules<RuleForm>>({
|
|||||||
|
|
||||||
],
|
],
|
||||||
})
|
})
|
||||||
|
const handleInput = (e) => {
|
||||||
|
console.log("sssssssss")
|
||||||
|
// 强制清空手动输入的内容，只保留选择器选择的值
|
||||||
|
e.target.value = sizeForm.simulationStartTime || ''
|
||||||
|
}
|
||||||
const submitForm = async (formEl: FormInstance | undefined) => {
|
const submitForm = async (formEl: FormInstance | undefined) => {
|
||||||
if (!formEl) return
|
if (!formEl) return
|
||||||
await formEl.validate((valid, fields) => {
|
await formEl.validate((valid, fields) => {
|
||||||
@ -216,14 +275,21 @@ defineExpose({
|
|||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.newPlan {
|
.newPlan {
|
||||||
width: 40vw;
|
|
||||||
height: 50vh;
|
|
||||||
|
|
||||||
:deep(.el-dialog) {
|
:deep(.el-dialog) {
|
||||||
background: linear-gradient(180deg, rgba(var(--color-base1), 0.2) 0%, rgba(var(--color-base1), 0) 100%),
|
background: linear-gradient(180deg, rgba(var(--color-base1), 0.2) 0%, rgba(var(--color-base1), 0) 100%),
|
||||||
rgba(0, 0, 0, 0.6);
|
rgba(0, 0, 0, 0.6) !important;
|
||||||
border: 1px solid var(--color-border1);
|
border: 1px solid rgba(var(--color-base1)) !important;
|
||||||
padding-left: 0 !important;
|
padding-left: 0 !important;
|
||||||
|
width: 380px;
|
||||||
|
padding: 0;
|
||||||
|
height: 480px;
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.el-dialog__header) {
|
||||||
|
height: 60px;
|
||||||
|
padding: 0;
|
||||||
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.el-dialog__body) {
|
:deep(.el-dialog__body) {
|
||||||
@ -246,7 +312,7 @@ defineExpose({
|
|||||||
}
|
}
|
||||||
|
|
||||||
:deep(.el-dialog__headerbtn .el-dialog__close) {
|
:deep(.el-dialog__headerbtn .el-dialog__close) {
|
||||||
color: #f00;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.set_detail {
|
.set_detail {
|
||||||
@ -256,19 +322,8 @@ defineExpose({
|
|||||||
overflow-y: hidden;
|
overflow-y: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.el-dialog) {
|
|
||||||
background: linear-gradient(180deg, rgba(0, 255, 255, 0.2) 0%, rgba(0, 255, 255, 0) 100%),
|
|
||||||
rgba(0, 0, 0, 0.6);
|
|
||||||
border: 1px solid #00c9ff;
|
|
||||||
padding: 0 !important;
|
|
||||||
|
|
||||||
|
/*:deep(.el-dialog__headerbtn) {
|
||||||
width: 380px;
|
|
||||||
//height: 630px;
|
|
||||||
height: 480px;
|
|
||||||
}
|
|
||||||
|
|
||||||
:deep(.el-dialog__headerbtn) {
|
|
||||||
height: 30px;
|
height: 30px;
|
||||||
width: 30px;
|
width: 30px;
|
||||||
border-bottom-left-radius: 80%;
|
border-bottom-left-radius: 80%;
|
||||||
@ -286,25 +341,24 @@ defineExpose({
|
|||||||
:deep(.el-dialog__headerbtn .el-dialog__close) {
|
:deep(.el-dialog__headerbtn .el-dialog__close) {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
*/
|
||||||
.set_pup_header {
|
.set_pup_header {
|
||||||
width: 100%;
|
position: absolute;
|
||||||
height: 100%;
|
left: 50%;
|
||||||
// background-color: #00ffff;
|
top: 50%;
|
||||||
display: flex;
|
transform: translate(-50%, -50%);
|
||||||
justify-content: center;
|
height: 44px;
|
||||||
align-items: center;
|
|
||||||
//padding-bottom: 20px;
|
|
||||||
|
|
||||||
.system_title {
|
.system_title {
|
||||||
background: url('@/assets/images/titlebg.png') no-repeat;
|
//background: url('@/assets/images/titlebg.png') no-repeat;
|
||||||
background-size: 100% 100%;
|
//background-size: 100% 100%;
|
||||||
width: 229px;
|
//width: 229px;
|
||||||
height: 34px;
|
position: absolute;
|
||||||
line-height: 34px;
|
left: 50%;
|
||||||
text-align: center;
|
transform: translateX(-50%);
|
||||||
font-family: 'alimamashuheiti';
|
line-height: 44px;
|
||||||
font-size: 18px;
|
font-family: 'alimamashuheiti', serif;
|
||||||
|
font-size: 24px;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
//font-weight: 700;
|
//font-weight: 700;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -34,6 +34,14 @@ export class Store {
|
|||||||
_panelWidth //面板宽度
|
_panelWidth //面板宽度
|
||||||
|
|
||||||
constructor(option) {
|
constructor(option) {
|
||||||
|
// 大格级别的档数
|
||||||
|
let preMainIndex = Math.ceil(option.wheel / 3)
|
||||||
|
// 小格宽度的选值，【3,5,8】
|
||||||
|
let index = option.wheel % 3
|
||||||
|
this._scales.preMainIndex = preMainIndex
|
||||||
|
this._scales.distanceOfTicTiny = this._scales.distanceOfTicTinyRange[index]
|
||||||
|
this._scales.preSecondPx = this._scales.distanceOfTicMain / this._scales.preMains[this._scales.preMainIndex]
|
||||||
|
|
||||||
this._multiplier = option.multiplier || 1
|
this._multiplier = option.multiplier || 1
|
||||||
this._panelWidth = option.panelWidth
|
this._panelWidth = option.panelWidth
|
||||||
this._tasks = option.tasks
|
this._tasks = option.tasks
|
||||||
|
|||||||
@ -7,12 +7,14 @@ export class TS extends Tools {
|
|||||||
private _Store: Store;
|
private _Store: Store;
|
||||||
private _Clock: Clock;
|
private _Clock: Clock;
|
||||||
private name;
|
private name;
|
||||||
|
private wheel;
|
||||||
|
|
||||||
constructor(option) {
|
constructor(option) {
|
||||||
super();
|
super();
|
||||||
this._Store = new Store(option)
|
this._Store = new Store(option)
|
||||||
this._Clock = new Clock()
|
this._Clock = new Clock()
|
||||||
this.name = option.name
|
this.name = option.name
|
||||||
|
this.wheel = option.wheel
|
||||||
this._Store._scales.fullHeight = this._Store._tasks.length * this._Store._scales.cellHeight
|
this._Store._scales.fullHeight = this._Store._tasks.length * this._Store._scales.cellHeight
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -26,7 +28,7 @@ export class TS extends Tools {
|
|||||||
renderLabel(obj) {
|
renderLabel(obj) {
|
||||||
let nums = Math.floor(obj.left / this._Store.getScale('distanceOfTicMain'))
|
let nums = Math.floor(obj.left / this._Store.getScale('distanceOfTicMain'))
|
||||||
let all = this._Store.getScale('ticMain') + nums + 1
|
let all = this._Store.getScale('ticMain') + nums + 1
|
||||||
console.log("renderLabel", nums)
|
// console.log("renderLabel", nums)
|
||||||
let allTimeLabels = []
|
let allTimeLabels = []
|
||||||
for (let i = 0; i < all; i++) {
|
for (let i = 0; i < all; i++) {
|
||||||
let timeOfMain = this._Store.getScale('preMains')[this._Store.getScale('preMainIndex')]
|
let timeOfMain = this._Store.getScale('preMains')[this._Store.getScale('preMainIndex')]
|
||||||
|
|||||||
@ -21,20 +21,20 @@
|
|||||||
</svg> -->
|
</svg> -->
|
||||||
<svg class="item_icon_bg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
<svg class="item_icon_bg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||||
width="162" height="44" viewBox="0 0 162 44" fill="none" preserveAspectRatio="none">
|
width="162" height="44" viewBox="0 0 162 44" fill="none" preserveAspectRatio="none">
|
||||||
<path fill="#000000" fill-opacity="0.5" d="M0 44L136.639 44L162 18L162 0L0 0L0 44Z" />
|
<path fill="#000000" fill-opacity="0.5" d="M0 44L136.639 44L162 18L162 0L0 0L0 44Z"/>
|
||||||
<path fill-rule="evenodd" fill="url(#linear_border_2218_109_0)"
|
<path fill-rule="evenodd" fill="url(#linear_border_2218_109_0)"
|
||||||
d="M136.006 42.5L1.5 42.5L1.5 1.5L160.5 1.5L160.5 17.3896L136.006 42.5ZM136.639 44L0 44L0 0L162 0L162 18L136.639 44Z" />
|
d="M136.006 42.5L1.5 42.5L1.5 1.5L160.5 1.5L160.5 17.3896L136.006 42.5ZM136.639 44L0 44L0 0L162 0L162 18L136.639 44Z"/>
|
||||||
<path d="M0 0L15.0533 0L49.1742 41L98.4484 41.2681L102 44L0 44L0 0Z"
|
<path d="M0 0L15.0533 0L49.1742 41L98.4484 41.2681L102 44L0 44L0 0Z"
|
||||||
fill="rgba(var(--color-base1), 0.2)" />
|
fill="rgba(var(--color-base1), 0.2)"/>
|
||||||
<path d="M3 34L3 41L10 41L3 34Z" stroke="rgba(var(--color-base2), 1)" stroke-width="0.5"
|
<path d="M3 34L3 41L10 41L3 34Z" stroke="rgba(var(--color-base2), 1)" stroke-width="0.5"
|
||||||
stroke-linejoin="round" />
|
stroke-linejoin="round"/>
|
||||||
<path d="M159 10L159 3L152 3L159 10Z" stroke="rgba(var(--color-base2), 1)" stroke-width="0.5"
|
<path d="M159 10L159 3L152 3L159 10Z" stroke="rgba(var(--color-base2), 1)" stroke-width="0.5"
|
||||||
stroke-linejoin="round" />
|
stroke-linejoin="round"/>
|
||||||
<defs>
|
<defs>
|
||||||
<linearGradient id="linear_border_2218_109_0" x1="0" y1="-1.7520751953125" x2="140.2142333984375"
|
<linearGradient id="linear_border_2218_109_0" x1="0" y1="-1.7520751953125" x2="140.2142333984375"
|
||||||
y2="40.473846435546875" gradientUnits="userSpaceOnUse">
|
y2="40.473846435546875" gradientUnits="userSpaceOnUse">
|
||||||
<stop offset="0.0625" stop-color="rgba(var(--color-base1), 1)" />
|
<stop offset="0.0625" stop-color="rgba(var(--color-base1), 1)"/>
|
||||||
<stop offset="1" stop-color="var(--color-border1)" />
|
<stop offset="1" stop-color="var(--color-border1)"/>
|
||||||
</linearGradient>
|
</linearGradient>
|
||||||
</defs>
|
</defs>
|
||||||
</svg>
|
</svg>
|
||||||
@ -42,12 +42,12 @@
|
|||||||
xmlns:xlink="http://www.w3.org/1999/xlink" width="163" height="45" viewBox="0 0 163 45" fill="none"
|
xmlns:xlink="http://www.w3.org/1999/xlink" width="163" height="45" viewBox="0 0 163 45" fill="none"
|
||||||
preserveAspectRatio="none">
|
preserveAspectRatio="none">
|
||||||
<path fill="url(#linear_fill_2218_82_1)"
|
<path fill="url(#linear_fill_2218_82_1)"
|
||||||
d="M0.5 44.5L137.139 44.5L162.5 18.5L162.5 0.5L0.5 0.5L0.5 44.5Z" />
|
d="M0.5 44.5L137.139 44.5L162.5 18.5L162.5 0.5L0.5 0.5L0.5 44.5Z"/>
|
||||||
<defs>
|
<defs>
|
||||||
<linearGradient id="linear_fill_2218_82_1" x1="84.9554443359375" y1="44.49997329711914"
|
<linearGradient id="linear_fill_2218_82_1" x1="84.9554443359375" y1="44.49997329711914"
|
||||||
x2="84.95498657226562" y2="0.5" gradientUnits="userSpaceOnUse">
|
x2="84.95498657226562" y2="0.5" gradientUnits="userSpaceOnUse">
|
||||||
<stop offset="0" stop-color="rgb(var(--color-base1))" stop-opacity="0.6" />
|
<stop offset="0" stop-color="rgb(var(--color-base1))" stop-opacity="0.6"/>
|
||||||
<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>
|
||||||
</defs>
|
</defs>
|
||||||
</svg>
|
</svg>
|
||||||
@ -67,39 +67,39 @@
|
|||||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"
|
<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">
|
viewBox="0 0 32 32" fill="none">
|
||||||
<path fill="#000000" fill-opacity="0.6"
|
<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" />
|
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)"
|
<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" />
|
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)"
|
<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" />
|
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)">
|
<g filter="url(#filter_2442_492)">
|
||||||
<path
|
<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"
|
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>
|
</g>
|
||||||
<defs>
|
<defs>
|
||||||
<linearGradient id="linear_fill_2442_491_1" x1="14.793701171875" y1="16.00537109375" x2="14.7939453125"
|
<linearGradient id="linear_fill_2442_491_1" x1="14.793701171875" y1="16.00537109375" x2="14.7939453125"
|
||||||
y2="-6.678619384765625" gradientUnits="userSpaceOnUse">
|
y2="-6.678619384765625" 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_border_2442_491_0" x1="32" y1="-1.27423095703125" x2="4.303466796875"
|
<linearGradient id="linear_border_2442_491_0" x1="32" y1="-1.27423095703125" x2="4.303466796875"
|
||||||
y2="29.435516357421875" gradientUnits="userSpaceOnUse">
|
y2="29.435516357421875" gradientUnits="userSpaceOnUse">
|
||||||
<stop offset="0.0625" stop-color="rgb(var(--color-base1))" />
|
<stop offset="0.0625" stop-color="rgb(var(--color-base1))"/>
|
||||||
<stop offset="1" stop-color="var(--color-border1)" />
|
<stop offset="1" stop-color="var(--color-border1)"/>
|
||||||
</linearGradient>
|
</linearGradient>
|
||||||
<filter id="filter_2442_492" x="6.28564453125" y="5.717864990234375" width="17.357177734375"
|
<filter id="filter_2442_492" x="6.28564453125" y="5.717864990234375" width="17.357177734375"
|
||||||
height="21.36663818359375" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
height="21.36663818359375" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||||
<feFlood flood-opacity="0" result="feFloodId_2442_492" />
|
<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"
|
<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" />
|
result="hardAlpha_2442_492"/>
|
||||||
<feOffset dx="0" dy="0" />
|
<feOffset dx="0" dy="0"/>
|
||||||
<feGaussianBlur stdDeviation="2" />
|
<feGaussianBlur stdDeviation="2"/>
|
||||||
<feComposite in2="hardAlpha_2442_492" operator="out" />
|
<feComposite in2="hardAlpha_2442_492" operator="out"/>
|
||||||
<feColorMatrix type="matrix"
|
<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" />
|
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" 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>
|
</filter>
|
||||||
</defs>
|
</defs>
|
||||||
</svg>
|
</svg>
|
||||||
@ -108,16 +108,16 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { useI18n } from 'vue-i18n'
|
import {useI18n} from 'vue-i18n'
|
||||||
import { useRouter } from 'vue-router'
|
import {useRouter} from 'vue-router'
|
||||||
|
|
||||||
import { bus } from '@/utils/bus'
|
import {bus} from '@/utils/bus'
|
||||||
import leftSideSecond from '@/views/components/leftSide/leftSideSecond.vue'
|
import leftSideSecond from '@/views/components/leftSide/leftSideSecond.vue'
|
||||||
import { ElMessage, ElLoading } from 'element-plus'
|
import {ElMessage, ElLoading} from 'element-plus'
|
||||||
|
|
||||||
const { ipcRenderer } = require('electron')
|
const {ipcRenderer} = require('electron')
|
||||||
const router = useRouter() // 路由实例
|
const router = useRouter() // 路由实例
|
||||||
const { t } = useI18n()
|
const {t} = useI18n()
|
||||||
const eventBus: any = inject('bus')
|
const eventBus: any = inject('bus')
|
||||||
const menuList: any = ref([
|
const menuList: any = ref([
|
||||||
// 方案推演
|
// 方案推演
|
||||||
@ -284,7 +284,7 @@ const handleClick = (item: any, index, e) => {
|
|||||||
ipcRenderer.send('toggle-fullscreen', true)
|
ipcRenderer.send('toggle-fullscreen', true)
|
||||||
window['earth'].destroy()
|
window['earth'].destroy()
|
||||||
window['earth'] = null
|
window['earth'] = null
|
||||||
router.push({ path: '/ts' })
|
router.push({path: '/ts'})
|
||||||
|
|
||||||
} else {
|
} else {
|
||||||
ElMessage({
|
ElMessage({
|
||||||
@ -452,7 +452,7 @@ onBeforeUnmount(() => {
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
>.item_icon_bg {
|
> .item_icon_bg {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@ -464,7 +464,7 @@ onBeforeUnmount(() => {
|
|||||||
// background: url('../../../assets/images/hongse/left1.png') no-repeat;
|
// background: url('../../../assets/images/hongse/left1.png') no-repeat;
|
||||||
// background-size: 100% 100%;
|
// background-size: 100% 100%;
|
||||||
|
|
||||||
>.item_icon_bg_hover {
|
> .item_icon_bg_hover {
|
||||||
opacity: 1 !important;
|
opacity: 1 !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -500,7 +500,7 @@ onBeforeUnmount(() => {
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
pointer-events: all;
|
pointer-events: all;
|
||||||
|
|
||||||
>svg {
|
> svg {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user