|
|
|
|
// <style lang="less" scoped>
|
|
|
|
|
// :deep(.ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover){
|
|
|
|
|
// background-color: rgba(20,41,76,1);
|
|
|
|
|
// color:rgb(29, 83, 172)
|
|
|
|
|
// }
|
|
|
|
|
// :global(.ant-transfer-list-header-selected) {
|
|
|
|
|
// color: rgba(255, 83, 0)
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// :global(.ant-transfer-list-header > *:not(:last-child)) {
|
|
|
|
|
// color: rgba(255, 83, 0)
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .tagtext {
|
|
|
|
|
// margin-left: 8px;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .light-tag {
|
|
|
|
|
// position: fixed;
|
|
|
|
|
// bottom: 135px;
|
|
|
|
|
// left: 450px;
|
|
|
|
|
// width: 396px;
|
|
|
|
|
// height: 200px;
|
|
|
|
|
// opacity: 0.8;
|
|
|
|
|
// border-radius: 8px;
|
|
|
|
|
// background: rgba(0, 0, 0, 1);
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .light-tag-tit {
|
|
|
|
|
// display: flex;
|
|
|
|
|
// margin-top: 18px;
|
|
|
|
|
// margin-left: 18px;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .light-tag-box {
|
|
|
|
|
// padding: 15px 15px;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .light-tag-box>img {
|
|
|
|
|
// width: 120px;
|
|
|
|
|
// height: 51px;
|
|
|
|
|
// margin-bottom: 10px;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .light-tag-box>span {
|
|
|
|
|
// color: #fff;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .titleimg,
|
|
|
|
|
// .titletext {
|
|
|
|
|
// display: inline-block;
|
|
|
|
|
// align-items: center;
|
|
|
|
|
// justify-content: center;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .control-btn,
|
|
|
|
|
// .light-btn {
|
|
|
|
|
// display: inline-block;
|
|
|
|
|
// margin-top: 10px;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .controlarea-btn,
|
|
|
|
|
// .temp-btn {
|
|
|
|
|
// display: inline-block;
|
|
|
|
|
// margin-top: 16px;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// :global(.ant-drawer-content) {
|
|
|
|
|
// background-color: rgba(0, 0, 0, 1);
|
|
|
|
|
// opacity: 0.8;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// :global(.ant-modal-content) {
|
|
|
|
|
// background-color: rgba(0, 0, 0, 1);
|
|
|
|
|
// opacity: 0.8;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// :deep(.ant-transfer-list) {
|
|
|
|
|
// width: 230px;
|
|
|
|
|
// height: 450px;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// :deep(.ant-transfer-list-header) {
|
|
|
|
|
// background-color: rgba(0, 0, 0, 1);
|
|
|
|
|
// color: rgba(255, 255, 255, 1);
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .bulbLogo1 {
|
|
|
|
|
// margin-top: 40%;
|
|
|
|
|
// margin-left: 12%;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .bulbLogo2 {
|
|
|
|
|
// margin-top: 35%;
|
|
|
|
|
// margin-left: 20%;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .bulbLogo3 {
|
|
|
|
|
// margin-top: 23%;
|
|
|
|
|
// margin-left: 10%;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .bulbLogo4 {
|
|
|
|
|
// margin-top: 10%;
|
|
|
|
|
// margin-left: 15%;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .bulbLogo5 {
|
|
|
|
|
// margin-top: 8%;
|
|
|
|
|
// margin-left: 13%;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .bulbLogo6 {
|
|
|
|
|
// margin-top: 8%;
|
|
|
|
|
// margin-left: 15%;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .bulbLogo7 {
|
|
|
|
|
// margin-top: 0%;
|
|
|
|
|
// margin-left: 12%;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .bulbLogo9 {
|
|
|
|
|
// margin-top: 35%;
|
|
|
|
|
// margin-left: 20%;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .bulbLogo10 {
|
|
|
|
|
// margin-top: 35%;
|
|
|
|
|
// margin-left: 20%;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .bulbLogo11 {
|
|
|
|
|
// margin-top: 35%;
|
|
|
|
|
// margin-left: 20%;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .bulbLogo12 {
|
|
|
|
|
// margin-top: 35%;
|
|
|
|
|
// margin-left: 20%;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .custom-table {
|
|
|
|
|
// border-collapse: collapse;
|
|
|
|
|
// width: 416px;
|
|
|
|
|
// height: 60px;
|
|
|
|
|
// color: rgba(255, 255, 255, 1);
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .custom-table th,
|
|
|
|
|
// .custom-table td {
|
|
|
|
|
// border: 1px solid rgba(163, 192, 243, 1);
|
|
|
|
|
// text-align: left;
|
|
|
|
|
// padding: 8px;
|
|
|
|
|
// text-align: center;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .table1 {
|
|
|
|
|
// margin-top: 20px;
|
|
|
|
|
// width: 100%;
|
|
|
|
|
// cellspacing: 0;
|
|
|
|
|
// cellpadding: 0;
|
|
|
|
|
// border: 1px solid rgba(255, 255, 255);
|
|
|
|
|
// border-radius: 5px;
|
|
|
|
|
// background: rgba(255, 255, 255, 0.1);
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .lightarea,
|
|
|
|
|
// .circuitarea,
|
|
|
|
|
// .controlarea,
|
|
|
|
|
// .controlscenearea,
|
|
|
|
|
// .lightparametersarea {
|
|
|
|
|
// width: 100%;
|
|
|
|
|
// margin-top: 20px;
|
|
|
|
|
// display: flex;
|
|
|
|
|
// align-items: center;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .lightareatab,
|
|
|
|
|
// .circuittab,
|
|
|
|
|
// .controltab,
|
|
|
|
|
// .controlscenetab,
|
|
|
|
|
// .lightparameterstab {
|
|
|
|
|
// width: 5px;
|
|
|
|
|
// height: 23px;
|
|
|
|
|
// opacity: 1;
|
|
|
|
|
// background: rgba(26, 174, 251, 1);
|
|
|
|
|
// margin-right: 4px;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .lightareatext,
|
|
|
|
|
// .circuittext,
|
|
|
|
|
// .controltext,
|
|
|
|
|
// .controlscenetext,
|
|
|
|
|
// .lightparameterstext {
|
|
|
|
|
// font-size: 14px;
|
|
|
|
|
// color: rgba(255, 255, 255, 1);
|
|
|
|
|
// line-height: 19px;
|
|
|
|
|
// width: 110px;
|
|
|
|
|
// height: 23px;
|
|
|
|
|
// opacity: 1;
|
|
|
|
|
// background: linear-gradient(270deg,
|
|
|
|
|
// rgba(86, 221, 253, 0) 0%,
|
|
|
|
|
// rgba(25, 176, 255, 1) 100%);
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .lightareatab,
|
|
|
|
|
// .lightareatext {
|
|
|
|
|
// display: inline-block;
|
|
|
|
|
// justify-content: center;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .plan.enabled {
|
|
|
|
|
// border: none;
|
|
|
|
|
// font-size: 14px;
|
|
|
|
|
// font-weight: 400;
|
|
|
|
|
// border-radius: 5px;
|
|
|
|
|
// color: rgba(255, 255, 255, 1);
|
|
|
|
|
// vertical-align: top;
|
|
|
|
|
// margin-left: 235px;
|
|
|
|
|
// width: 88px;
|
|
|
|
|
// height: 32px;
|
|
|
|
|
// background: linear-gradient(180deg, rgba(103, 222, 0, 1) 0%, rgba(0, 181, 6, 1) 100%);
|
|
|
|
|
// color: white;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .plan.disabled {
|
|
|
|
|
// border: none;
|
|
|
|
|
// font-size: 14px;
|
|
|
|
|
// font-weight: 400;
|
|
|
|
|
// border-radius: 5px;
|
|
|
|
|
// color: rgba(255, 255, 255, 1);
|
|
|
|
|
// vertical-align: top;
|
|
|
|
|
// margin-left: 235px;
|
|
|
|
|
// width: 88px;
|
|
|
|
|
// height: 32px;
|
|
|
|
|
// background-color: red;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .plan:disabled {
|
|
|
|
|
// cursor: not-allowed;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .openplan.enabled2 {
|
|
|
|
|
// border: none;
|
|
|
|
|
// font-size: 14px;
|
|
|
|
|
// font-weight: 400;
|
|
|
|
|
// border-radius: 5px;
|
|
|
|
|
// color: rgba(255, 255, 255, 1);
|
|
|
|
|
// vertical-align: top;
|
|
|
|
|
// width: 88px;
|
|
|
|
|
// height: 32px;
|
|
|
|
|
// background: linear-gradient(180deg, rgba(103, 222, 0, 1) 0%, rgba(0, 181, 6, 1) 100%);
|
|
|
|
|
// color: white;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .openplan.disabled2 {
|
|
|
|
|
// border: none;
|
|
|
|
|
// font-size: 14px;
|
|
|
|
|
// font-weight: 400;
|
|
|
|
|
// border-radius: 5px;
|
|
|
|
|
// color: rgba(255, 255, 255, 1);
|
|
|
|
|
// vertical-align: top;
|
|
|
|
|
// width: 88px;
|
|
|
|
|
// height: 32px;
|
|
|
|
|
// background-color: red;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .openplan:disabled {
|
|
|
|
|
// cursor: not-allowed;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .btn2 {
|
|
|
|
|
// display: flex;
|
|
|
|
|
// align-items: center;
|
|
|
|
|
// margin-left: 80px;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .openzm {
|
|
|
|
|
// color: rgba(34, 183, 255, 1);
|
|
|
|
|
// margin-left: 20px;
|
|
|
|
|
// font-size: 14px;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .custom-checkbox {
|
|
|
|
|
// width: 13px;
|
|
|
|
|
// height: 13px;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .both {
|
|
|
|
|
// width: 59.79px;
|
|
|
|
|
// height: 32px;
|
|
|
|
|
// opacity: 1;
|
|
|
|
|
// background: linear-gradient(180deg,
|
|
|
|
|
// rgba(255, 187, 0, 1) 0%,
|
|
|
|
|
// rgba(255, 112, 3, 1) 91.21%,
|
|
|
|
|
// rgba(255, 129, 3, 1) 100%);
|
|
|
|
|
// margin-left: 8px;
|
|
|
|
|
// font-size: 12px;
|
|
|
|
|
// color: rgba(255, 255, 255, 1);
|
|
|
|
|
// border: none;
|
|
|
|
|
// border-radius: 5px;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .btn2 {
|
|
|
|
|
// button {
|
|
|
|
|
// margin: 0 5px;
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .allbtn {
|
|
|
|
|
// border: 0;
|
|
|
|
|
// width: 40px;
|
|
|
|
|
// color: rgba(255, 255, 255, 1);
|
|
|
|
|
// background-color: transparent;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .blue-background.ant-switch-checked {
|
|
|
|
|
// background-color: linear-gradient(180deg,
|
|
|
|
|
// rgba(1, 206, 255, 1) 0%,
|
|
|
|
|
// rgba(0, 150, 229, 1) 100%) !important;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .grey-background.ant-switch {
|
|
|
|
|
// background-color: grey !important;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .blue-background.ant-switch-checked .ant-switch-handle {
|
|
|
|
|
// background-color: linear-gradient(180deg,
|
|
|
|
|
// rgba(1, 206, 255, 1) 0%,
|
|
|
|
|
// rgba(0, 150, 229, 1) 100%) !important;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .grey-background.ant-switch .ant-switch-handle {
|
|
|
|
|
// background-color: grey !important;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// p {
|
|
|
|
|
// color: rgba(255, 255, 255, 1);
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .area,
|
|
|
|
|
// .btnarea,
|
|
|
|
|
// .controlmodebtnarea,
|
|
|
|
|
// .controlscenebtnarea {
|
|
|
|
|
// margin-left: -17px;
|
|
|
|
|
|
|
|
|
|
// button {
|
|
|
|
|
// width: 21%;
|
|
|
|
|
// padding: 0 2%;
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .btn {
|
|
|
|
|
// width: 92px;
|
|
|
|
|
// height: 40px;
|
|
|
|
|
// border-radius: 4px;
|
|
|
|
|
// opacity: 1;
|
|
|
|
|
// margin-top: 10px;
|
|
|
|
|
// margin-left: 17px;
|
|
|
|
|
// font-size: 14px;
|
|
|
|
|
// font-weight: 400;
|
|
|
|
|
// opacity: 1;
|
|
|
|
|
// border: 1px solid rgba(207, 212, 219, 1);
|
|
|
|
|
// line-height: 20.27px;
|
|
|
|
|
// color: rgba(255, 255, 255, 1);
|
|
|
|
|
// text-align: center;
|
|
|
|
|
// vertical-align: top;
|
|
|
|
|
// background-color: rgba(255, 255, 255, 0.1);
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .selected {
|
|
|
|
|
// background: linear-gradient(180deg,
|
|
|
|
|
// rgba(201, 245, 255, 1) 0%,
|
|
|
|
|
// rgba(138, 215, 255, 1) 100%);
|
|
|
|
|
// color: rgba(0, 61, 90, 1);
|
|
|
|
|
// border: 1px solid rgba(255, 255, 255, 1);
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .btn:hover {
|
|
|
|
|
// background-color: rgba(207, 212, 219, 1);
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .btn:active {
|
|
|
|
|
// background-color: rgba(102, 102, 102, 1);
|
|
|
|
|
// color: white;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .circuitarea,
|
|
|
|
|
// .controlscenearea,
|
|
|
|
|
// .lightparametersarea {
|
|
|
|
|
// left: 51px;
|
|
|
|
|
// width: 100%;
|
|
|
|
|
// margin-top: 20px;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .circuittab,
|
|
|
|
|
// .circuittext {
|
|
|
|
|
// display: inline-block;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .batch {
|
|
|
|
|
// width: 60px;
|
|
|
|
|
// height: 32px;
|
|
|
|
|
// opacity: 1;
|
|
|
|
|
// border: 1px solid rgba(67, 136, 251, 1);
|
|
|
|
|
// color: rgba(67, 136, 251, 1);
|
|
|
|
|
// border-radius: 5px;
|
|
|
|
|
// background-color: rgba(255, 255, 255, 1);
|
|
|
|
|
// margin-left: 11px;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .controlarea {
|
|
|
|
|
// left: 51px;
|
|
|
|
|
// width: 100%;
|
|
|
|
|
// margin-top: 20px;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .controltab,
|
|
|
|
|
// .controltext {
|
|
|
|
|
// display: inline-block;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// :deep(.cell) {
|
|
|
|
|
// text-align: center;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// :deep(#pane-first) {
|
|
|
|
|
// height: 100%;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .controlscenetab,
|
|
|
|
|
// .controlscenetext {
|
|
|
|
|
// display: inline-block;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .lightparameterstab,
|
|
|
|
|
// .lightparameterstext {
|
|
|
|
|
// display: inline-block;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// .lightparameterstextarea>p {
|
|
|
|
|
// height: 100%;
|
|
|
|
|
// display: flex;
|
|
|
|
|
// border: 1px solid rgba(236, 239, 245, 1);
|
|
|
|
|
// justify-content: center;
|
|
|
|
|
// align-items: center;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .bottom {
|
|
|
|
|
// width: 100%;
|
|
|
|
|
// height: 64px;
|
|
|
|
|
// display: flex;
|
|
|
|
|
// justify-content: flex-end;
|
|
|
|
|
// align-items: center;
|
|
|
|
|
// position: fixed;
|
|
|
|
|
// bottom: 0;
|
|
|
|
|
// right: 0;
|
|
|
|
|
// margin-bottom: 10px;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .execute {
|
|
|
|
|
// margin-right: 20px;
|
|
|
|
|
// width: 74px;
|
|
|
|
|
// height: 40px;
|
|
|
|
|
// opacity: 1;
|
|
|
|
|
// border-radius: 4px;
|
|
|
|
|
// background: rgba(67, 136, 251, 1);
|
|
|
|
|
// font-size: 14px;
|
|
|
|
|
// font-weight: 400;
|
|
|
|
|
// color: rgba(255, 255, 255, 1);
|
|
|
|
|
// border: 0;
|
|
|
|
|
// margin-left: 10px;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .flushed {
|
|
|
|
|
// width: 74px;
|
|
|
|
|
// height: 40px;
|
|
|
|
|
// opacity: 1;
|
|
|
|
|
// border-radius: 4px;
|
|
|
|
|
// font-size: 14px;
|
|
|
|
|
// font-weight: 400;
|
|
|
|
|
// color: rgba(102, 102, 102, 1);
|
|
|
|
|
// background: rgba(255, 255, 255, 1);
|
|
|
|
|
// border: 1px solid rgba(193, 197, 204, 1);
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .tabreboot,
|
|
|
|
|
// .tabdelete {
|
|
|
|
|
// border: none;
|
|
|
|
|
// background-color: rgba(0,0,0,0);
|
|
|
|
|
// font-size: 14px;
|
|
|
|
|
// font-weight: 400;
|
|
|
|
|
// letter-spacing: 0;
|
|
|
|
|
// line-height: 20px;
|
|
|
|
|
// color: rgba(67, 136, 251, 1);
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .tabreboot {
|
|
|
|
|
// margin-right: 8px;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .add {
|
|
|
|
|
// width: 74px;
|
|
|
|
|
// height: 40px;
|
|
|
|
|
// opacity: 1;
|
|
|
|
|
// border-radius: 4px;
|
|
|
|
|
// background: rgba(67, 136, 251, 1);
|
|
|
|
|
// border: rgba(67, 136, 251, 1);
|
|
|
|
|
// font-size: 14px;
|
|
|
|
|
// font-weight: 400;
|
|
|
|
|
// color: rgba(255, 255, 255, 1);
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .divadd {
|
|
|
|
|
// width: 100%;
|
|
|
|
|
// height: 64px;
|
|
|
|
|
// display: flex;
|
|
|
|
|
// justify-content: flex-end;
|
|
|
|
|
// align-items: center;
|
|
|
|
|
// position: fixed;
|
|
|
|
|
// bottom: 0;
|
|
|
|
|
// right: 0;
|
|
|
|
|
// margin-bottom: 10px;
|
|
|
|
|
// margin-right: 20px;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .atable {
|
|
|
|
|
// margin-top: 20px;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// :deep(.ant-table-pagination) {
|
|
|
|
|
// visibility: hidden;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .drawer-content {
|
|
|
|
|
// margin-left: 20px;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .arrow-indicator {
|
|
|
|
|
// position: absolute;
|
|
|
|
|
// top: 50%;
|
|
|
|
|
// left: 0;
|
|
|
|
|
// transform: translateY(-50%);
|
|
|
|
|
// z-index: 1;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .drawer-title1 {
|
|
|
|
|
// position: fixed;
|
|
|
|
|
// width: 33px;
|
|
|
|
|
// height: 33px;
|
|
|
|
|
// top: 0;
|
|
|
|
|
// bottom: 0;
|
|
|
|
|
// right: 20px;
|
|
|
|
|
// margin: auto;
|
|
|
|
|
// z-index: 99999;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .drawer-title2 {
|
|
|
|
|
// position: fixed;
|
|
|
|
|
// width: 33px;
|
|
|
|
|
// height: 33px;
|
|
|
|
|
// top: 0;
|
|
|
|
|
// bottom: 0;
|
|
|
|
|
// right: 495px;
|
|
|
|
|
// margin: auto;
|
|
|
|
|
// z-index: 99999;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .arrowbtn {
|
|
|
|
|
// display: flex;
|
|
|
|
|
// justify-content: center;
|
|
|
|
|
// align-items: center;
|
|
|
|
|
// width: 28px;
|
|
|
|
|
// height: 28px;
|
|
|
|
|
// background: rgba(0, 0, 0, 1);
|
|
|
|
|
// opacity: 0.5;
|
|
|
|
|
// border: none;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// :deep(.ant-tabs-tab-btn) {
|
|
|
|
|
// color: white;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// :deep(.ant-table) {
|
|
|
|
|
// background-color: transparent;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// :deep(.ant-table-bordered) {
|
|
|
|
|
// background-color: transparent;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// :deep(.ant-table-thead) {
|
|
|
|
|
// background-color: transparent;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// :deep(.ant-table-cell) {
|
|
|
|
|
// background-color: transparent;
|
|
|
|
|
// color: #fff;
|
|
|
|
|
// }
|
|
|
|
|
// .lighting-img-box {
|
|
|
|
|
// width: 100%;
|
|
|
|
|
// max-height: calc(100% - 79px);
|
|
|
|
|
// }
|
|
|
|
|
// .lighting-img-box>img {
|
|
|
|
|
// width: 100%;
|
|
|
|
|
// height: calc(100vh - 96px);
|
|
|
|
|
// object-fit: cover;
|
|
|
|
|
// }
|
|
|
|
|
// .F1 {
|
|
|
|
|
// width: 120px;
|
|
|
|
|
// height: 50.72px;
|
|
|
|
|
// border-radius: 4px;
|
|
|
|
|
// background: rgba(39, 120, 255, 1);
|
|
|
|
|
// border: 1px solid rgba(51, 199, 255, 1);
|
|
|
|
|
// box-shadow: 0px 10px 15px rgba(0, 54, 136, 0.3);
|
|
|
|
|
// font-size: 24px;
|
|
|
|
|
// font-weight: 400;
|
|
|
|
|
// color: rgba(255, 255, 255, 1);
|
|
|
|
|
// }
|
|
|
|
|
// .F2,
|
|
|
|
|
// .platform {
|
|
|
|
|
// width: 120px;
|
|
|
|
|
// height: 50.72px;
|
|
|
|
|
// border-radius: 4px;
|
|
|
|
|
// background: rgba(7, 72, 116, 1);
|
|
|
|
|
// box-shadow: 0px 10px 15px rgba(0, 54, 136, 0.3);
|
|
|
|
|
// font-size: 24px;
|
|
|
|
|
// font-weight: 400;
|
|
|
|
|
// color: rgba(146, 187, 255, 1);
|
|
|
|
|
// border: 1px solid rgba(39, 120, 255, 1);
|
|
|
|
|
// margin-top: 20px;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .btn-box {
|
|
|
|
|
// position: fixed;
|
|
|
|
|
// top: 100px;
|
|
|
|
|
// left: 250px;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .lighting-img-box>.bulbBox>.wh100 {
|
|
|
|
|
// width: 38px;
|
|
|
|
|
// height: calc(38px + 19px);
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .lighting-img-box>.bulbBox>.bulbLogo1 {
|
|
|
|
|
// position: absolute;
|
|
|
|
|
// top: 10%;
|
|
|
|
|
// left: 10%;
|
|
|
|
|
// display: flex;
|
|
|
|
|
// align-items: center;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .lighting-img-box>.bulbBox>.bulbLogo2 {
|
|
|
|
|
// position: absolute;
|
|
|
|
|
// top: 9%;
|
|
|
|
|
// left: 15%;
|
|
|
|
|
// display: flex;
|
|
|
|
|
// align-items: center;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .lighting-img-box>.bulbBox>.bulbLogo3 {
|
|
|
|
|
// position: absolute;
|
|
|
|
|
// top: 34%;
|
|
|
|
|
// left: 25%;
|
|
|
|
|
// display: flex;
|
|
|
|
|
// align-items: center;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .lighting-img-box>.bulbBox>.bulbLogo4 {
|
|
|
|
|
// position: absolute;
|
|
|
|
|
// top: 45%;
|
|
|
|
|
// left: 30%;
|
|
|
|
|
// display: flex;
|
|
|
|
|
// align-items: center;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .lighting-img-box>.bulbBox>.bulbLogo5 {
|
|
|
|
|
// position: absolute;
|
|
|
|
|
// top: 45%;
|
|
|
|
|
// left: 30%;
|
|
|
|
|
// display: flex;
|
|
|
|
|
// align-items: center;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .lighting-img-box>.bulbBox>.bulbLogo6 {
|
|
|
|
|
// position: absolute;
|
|
|
|
|
// top: 55%;
|
|
|
|
|
// left: 30%;
|
|
|
|
|
// display: flex;
|
|
|
|
|
// align-items: center;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .lighting-img-box>.bulbBox>.bulbLogo7 {
|
|
|
|
|
// position: absolute;
|
|
|
|
|
// top: 60%;
|
|
|
|
|
// left: 40%;
|
|
|
|
|
// display: flex;
|
|
|
|
|
// align-items: center;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .lighting-img-box>.bulbBox>.bulbLogo8 {
|
|
|
|
|
// position: absolute;
|
|
|
|
|
// top: 55%;
|
|
|
|
|
// left: 70%;
|
|
|
|
|
// display: flex;
|
|
|
|
|
// align-items: center;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .lighting-img-box>.bulbBox>.bulbLogo9 {
|
|
|
|
|
// position: absolute;
|
|
|
|
|
// top: 10%;
|
|
|
|
|
// left: 60%;
|
|
|
|
|
// display: flex;
|
|
|
|
|
// align-items: center;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .lighting-img-box>.bulbBox>.bulbLogo10 {
|
|
|
|
|
// position: absolute;
|
|
|
|
|
// top: 10%;
|
|
|
|
|
// left: 40%;
|
|
|
|
|
// display: flex;
|
|
|
|
|
// align-items: center;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .lighting-img-box>.bulbBox>.bulbLogo11 {
|
|
|
|
|
// position: absolute;
|
|
|
|
|
// top: 15%;
|
|
|
|
|
// left: 50%;
|
|
|
|
|
// display: flex;
|
|
|
|
|
// align-items: center;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .lighting-img-box>.bulbBox>.bulbLogo12 {
|
|
|
|
|
// position: absolute;
|
|
|
|
|
// top: 15%;
|
|
|
|
|
// left: 60%;
|
|
|
|
|
// display: flex;
|
|
|
|
|
// align-items: center;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .lighting-img-box>.bulbBox>.bulbLogo13 {
|
|
|
|
|
// position: absolute;
|
|
|
|
|
// top: 55%;
|
|
|
|
|
// left: 70%;
|
|
|
|
|
// display: flex;
|
|
|
|
|
// align-items: center;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .lighting-img-box>.bulbBox>.bulbLogo14 {
|
|
|
|
|
// position: absolute;
|
|
|
|
|
// top: 45%;
|
|
|
|
|
// left: 60%;
|
|
|
|
|
// display: flex;
|
|
|
|
|
// align-items: center;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .lighting-img-box>.bulbBox>.bulbLogo15 {
|
|
|
|
|
// position: absolute;
|
|
|
|
|
// top: 45%;
|
|
|
|
|
// left: 80%;
|
|
|
|
|
// display: flex;
|
|
|
|
|
// align-items: center;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .lighting-img-box>.bulbBox>.bulbLogo16 {
|
|
|
|
|
// position: absolute;
|
|
|
|
|
// top: 45%;
|
|
|
|
|
// left: 90%;
|
|
|
|
|
// display: flex;
|
|
|
|
|
// align-items: center;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .editable-cell {
|
|
|
|
|
// position: relative;
|
|
|
|
|
|
|
|
|
|
// .editable-cell-input-wrapper,
|
|
|
|
|
// .editable-cell-text-wrapper {
|
|
|
|
|
// padding-right: 24px;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .editable-cell-text-wrapper {
|
|
|
|
|
// padding: 5px 24px 5px 5px;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .editable-cell-icon,
|
|
|
|
|
// .editable-cell-icon-check {
|
|
|
|
|
// position: absolute;
|
|
|
|
|
// right: 0;
|
|
|
|
|
// width: 20px;
|
|
|
|
|
// cursor: pointer;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .editable-cell-icon {
|
|
|
|
|
// margin-top: 4px;
|
|
|
|
|
// display: none;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .editable-cell-icon-check {
|
|
|
|
|
// line-height: 28px;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .editable-cell-icon:hover,
|
|
|
|
|
// .editable-cell-icon-check:hover {
|
|
|
|
|
// color: #108ee9;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .editable-add-btn {
|
|
|
|
|
// margin-bottom: 8px;
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .editable-cell:hover .editable-cell-icon {
|
|
|
|
|
// display: inline-block;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .div-operation {
|
|
|
|
|
// width: 3px;
|
|
|
|
|
// height: 13px;
|
|
|
|
|
// opacity: 1;
|
|
|
|
|
// border-radius: 1px;
|
|
|
|
|
// background: rgba(67, 136, 251, 1);
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .text-operation {
|
|
|
|
|
// color: rgba(255, 255, 255, 1);
|
|
|
|
|
// font-size: 16px;
|
|
|
|
|
// font-weight: 700;
|
|
|
|
|
// margin-left: 5px;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .div-operation,
|
|
|
|
|
// .text-operation {
|
|
|
|
|
// display: inline-block;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .jbox {
|
|
|
|
|
// background-color: #000;
|
|
|
|
|
// opacity: 1;
|
|
|
|
|
// z-index: 99999;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .journal {
|
|
|
|
|
// padding: 3% 5%;
|
|
|
|
|
// background-size: 450px 177px;
|
|
|
|
|
// width: 482px;
|
|
|
|
|
// height: 177px;
|
|
|
|
|
// background-color: rgba(0, 0, 0);
|
|
|
|
|
// border-radius: 12px;
|
|
|
|
|
// border: 2px solid transparent;
|
|
|
|
|
// border-image: linear-gradient(to bottom, #0077FF, #00F6FF, #000000) 1;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .imgText {
|
|
|
|
|
// display: flex;
|
|
|
|
|
// align-items: center;
|
|
|
|
|
// justify-content: space-between;
|
|
|
|
|
|
|
|
|
|
// .ztzm {
|
|
|
|
|
// display: flex;
|
|
|
|
|
// align-items: center;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .cxbtn {
|
|
|
|
|
// color: rgba(255, 255, 255, 1);
|
|
|
|
|
// border: none;
|
|
|
|
|
// border-radius: 6px;
|
|
|
|
|
// width: 59.79px;
|
|
|
|
|
// height: 32px;
|
|
|
|
|
// opacity: 1;
|
|
|
|
|
// background: linear-gradient(180deg,
|
|
|
|
|
// rgba(255, 187, 0, 1) 0%,
|
|
|
|
|
// rgba(255, 112, 3, 1) 91.21%,
|
|
|
|
|
// rgba(255, 129, 3, 1) 100%);
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// :deep(.ant-modal-content) {
|
|
|
|
|
// width: 555px;
|
|
|
|
|
// height: 792px;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// :deep(.ant-modal-body) {
|
|
|
|
|
// width: 555px;
|
|
|
|
|
// max-height: 792px !important;
|
|
|
|
|
// box-sizing: border-box;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .text-change {
|
|
|
|
|
// text-align: center;
|
|
|
|
|
// color: rgba(255, 255, 255, 1);
|
|
|
|
|
// font-size: 20px;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .excuno {
|
|
|
|
|
// width: 150px;
|
|
|
|
|
// height: 40px;
|
|
|
|
|
// margin-top: 30px;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .excuok {
|
|
|
|
|
// width: 150px;
|
|
|
|
|
// height: 40px;
|
|
|
|
|
// margin-top: 30px;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .excubtn {
|
|
|
|
|
// display: flex;
|
|
|
|
|
// justify-content: space-between;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .addok {
|
|
|
|
|
// width: 74px;
|
|
|
|
|
// height: 40px;
|
|
|
|
|
// opacity: 1;
|
|
|
|
|
// border-radius: 4px;
|
|
|
|
|
// background: rgba(67, 136, 251, 1);
|
|
|
|
|
// border: rgba(67, 136, 251, 1);
|
|
|
|
|
// font-size: 14px;
|
|
|
|
|
// font-weight: 400;
|
|
|
|
|
// color: rgba(255, 255, 255, 1);
|
|
|
|
|
// margin-top: 440px;
|
|
|
|
|
// margin-left: 350px;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .zmhlbtn {
|
|
|
|
|
// position: relative;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .anticon-stop {
|
|
|
|
|
// position: absolute;
|
|
|
|
|
// right: 3px;
|
|
|
|
|
// bottom: 3px;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .istrindex {
|
|
|
|
|
// background: rgba(67, 136, 251, 1);
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// :deep(.ant-modal-mask.ant-modal-content) {
|
|
|
|
|
// height: 100vh;
|
|
|
|
|
// position: fixed;
|
|
|
|
|
// right: 496px;
|
|
|
|
|
// top: 0%;
|
|
|
|
|
// }
|
|
|
|
|
// :global(.ant-modal-content) {
|
|
|
|
|
// position: fixed;
|
|
|
|
|
// bottom: 20px;
|
|
|
|
|
// right: 500px;
|
|
|
|
|
// }
|
|
|
|
|
// </style>
|
