jagzwxm/ja_web.git

			@@ -1,5 +1,41 @@
			/* 下拉菜单整体样式 */
			.command-custom-dropdown {
			background: #1A1A2A !important;
			border-radius: 8px;
			border: none !important;
			.el-popper__arrow::before {
			background: #1A1A2A !important;
			border: 1px solid #1A1A2A !important;
			}

			/* 菜单项样式 */
			.el-dropdown-menu {
			background: transparent !important;

			.el-dropdown-menu__item {
			color: #fff !important; /* 文字颜色 */

			a {
			color: #fff !important; /* 文字颜色 */
			}

			&:hover {
			background: none !important;
			}

			&.is-disabled {
			color: #8f9bb3 !important;
			}
			}

			.el-dropdown-menu__item--divided {
			display: none;
			}
			}
			}

			// 数据驾驶舱专属
			.ztzf-data-cockpit-search-input {
			.command-data-cockpit-search-input {
			.el-input__wrapper {
			padding: 0 8px !important;
			background: #161B2C;
			@@ -22,7 +58,7 @@
			}
			}

			.ztzf-data-cockpit-date-picker {
			.command-data-cockpit-date-picker {
			box-shadow: none !important;
			background: #161B2C;
			border: none;
			@@ -51,11 +87,10 @@
			}
			}

			.ztzf-data-cockpit-date-picker-popper {
			.command-data-cockpit-date-picker-popper {
			background: #161B2C !important;
			border: 1px solid !important;
			border: none !important;
			border-radius: 0px 0px 8px 8px;
			border-image: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(115, 192, 255, 1)) 1 1 !important;

			.el-date-picker__prev-btn,
			.el-date-picker__next-btn {
			@@ -73,6 +108,13 @@
			.el-picker-panel__body {
			background: #161B2C !important;
			color: #fff !important;

			.el-date-range-picker__time-header {
			.el-input__wrapper {
			box-shadow: none;
			background: #2E2E48 !important;
			}
			}

			.el-date-picker__time-header {
			border: none;
			@@ -107,7 +149,7 @@
			}

			.el-time-panel__footer {
			background: #012350 !important;
			background: #161B2C !important;
			border-top: 1px solid rgba(71, 157, 255, 0.3) !important;

			.el-button {
			@@ -173,7 +215,7 @@
			td.start-date span,
			td.start-date span,
			td.end-date span {
			background-color: #012350 !important;
			background-color: #161B2C !important;
			}

			td.in-range div,
			@@ -197,7 +239,7 @@
			}

			.el-picker-panel__sidebar {
			background: #012350;
			background: #161B2C;
			color: #fff;

			.el-picker-panel__shortcut {
			@@ -207,7 +249,7 @@

			.el-picker-panel__body {
			.el-input.is-disabled .el-input__wrapper {
			background: #012350;
			background: #161B2C;
			box-shadow: 0 0 0 0.1rem#409eff;
			color: #fff;

			@@ -218,11 +260,11 @@

			.el-button.is-disabled,
			.el-button.is-disabled:hover {
			background: #012350;
			background: #161B2C;
			}

			.el-input__wrapper {
			background: #012350;
			background: #161B2C;
			box-shadow: 0 0 0 0.1rem#409eff;
			color: #fff;

			@@ -233,18 +275,18 @@
			}

			.el-picker-panel__footer {
			background: #012350;
			background: #161B2C;
			color: #fff;
			border-top: none;

			.el-button--small {
			box-shadow: 0 0 0 0.1rem#409eff;
			background-color: #012350;
			background-color: #161B2C;
			color: #fff;
			border: none;

			&:hover {
			background-color: #012350;
			background-color: #161B2C;
			color: #fff;
			border-color: #409eff;
			}
			@@ -252,12 +294,13 @@
			}
			}

			.ztzf-data-cockpit-select {
			.command-data-cockpit-select {
			.el-select__input {
			color: #8ac3fd !important;
			}

			.el-select__wrapper {
			padding: 0 8px;
			background: #2E2E48;
			box-shadow: none !important;
			border: none;
			@@ -283,15 +326,15 @@
			}

			.el-select .el-input__wrapper {
			background-color: #012350 !important;
			background-color: #161B2C !important;
			}

			.el-input__wrapper {
			--el-input-text-color: #012350 !important;
			--el-input-text-color: #161B2C !important;
			}
			}

			.ztzf-data-cockpit-select-popper.el-select__popper {
			.command-data-cockpit-select-popper.el-select__popper {
			border: none;
			background: #2E2E48 !important;

			@@ -337,8 +380,18 @@
			}
			}

			.command-data-cockpit-select-popper.el-cascader__dropdown {
			border: none;
			background: #2E2E48 !important;

			.el-popper__arrow::before {
			background: #2E2E48 !important;
			border: 1px solid #2E2E48 !important;
			}
			}

			// 树形选择
			.ztzf-data-cockpit-tree-select-popper {
			.command-data-cockpit-tree-select-popper {
			background: #2E2E48 !important;
			border: none !important;

			@@ -416,7 +469,7 @@
			}
			}

			.ztzf-data-cockpit-dialog {
			.command-data-cockpit-dialog {
			padding: 20px;
			display: flex;
			flex-direction: column;
			@@ -457,7 +510,7 @@
			}
			}

			.el-form.ztzf-dialog-history-search {
			.el-form.command-dialog-history-search {
			.el-form-item {
			margin-left: 20px;
			}
			@@ -471,7 +524,7 @@
			text-transform: none;
			}

			.ztzf-data-cockpit-search-input {
			.command-data-cockpit-search-input {
			.el-input__wrapper {
			background: #2E2E48;
			}
			@@ -483,11 +536,11 @@
			}
			}

			.ztzf-data-cockpit-date-picker {
			.command-data-cockpit-date-picker {
			background: #2E2E48;
			}

			.ztzf-data-cockpit-date-picker-popper {
			.command-data-cockpit-date-picker-popper {
			background: #2E2E48 !important;

			.el-picker-panel {
			@@ -550,7 +603,7 @@
			}
			}

			.ztzf-page-history-search {
			.command-page-history-search {
			.el-form-item__label {
			font-family: Source Han Sans CN, Source Han Sans CN;
			font-weight: 500;
			@@ -560,13 +613,13 @@
			text-transform: none;
			}

			.ztzf-data-cockpit-select {
			.command-data-cockpit-select {
			.el-select__wrapper {
			background: #1C1C31;
			}
			}

			.ztzf-data-cockpit-search-input {
			.command-data-cockpit-search-input {
			.el-input__wrapper {
			background: #1C1C31;
			}
			@@ -578,11 +631,11 @@
			}
			}

			.ztzf-data-cockpit-date-picker {
			.command-data-cockpit-date-picker {
			background: #1C1C31;
			}

			.ztzf-data-cockpit-date-picker-popper {
			.command-data-cockpit-date-picker-popper {
			background: #1C1C31 !important;

			.el-picker-panel {
			@@ -636,8 +689,8 @@
			}
			}

			.ztzf-dialog-history-search,
			.ztzf-page-history-search {
			.command-dialog-history-search,
			.command-page-history-search {
			display: flex;

			.el-form-item {
			@@ -692,15 +745,21 @@
			}
			}

			.ztzf-table-toolbar {
			.command-table-toolbar {
			margin-top: 30px;

			.el-button {
			min-width: 88px;
			border: none;
			}

			.el-button.is-disabled, .el-button.is-disabled:hover {
			background: #1A2652;
			border: none;
			}
			}

			.ztzf-table-container {
			.command-table-container {
			margin-top: 20px;

			height: 0;
			@@ -708,91 +767,98 @@
			display: flex;
			flex-direction: column;

			.ztzf-table-content {
			.command-table-content {
			height: 0;
			flex: 1;
			display: flex;
			flex-direction: column;

			.ztzf-data-cockpit-table {
			height: 0;
			flex: 1;
			background: transparent !important;

			.el-table--border .el-table__inner-wrapper:after,
			.el-table--border:after,
			.el-table--border:before,
			.el-table__inner-wrapper:before {
			height: 0;
			}

			tr {
			background: transparent !important;
			}

			th.el-table__cell {
			height: 40px;
			border-bottom: 1px solid #323241;
			background: transparent !important;

			.cell {
			padding: 0;
			padding-left: 16px;
			font-family: Source Han Sans CN, Source Han Sans CN;
			font-weight: 500;
			font-size: 14px;
			color: #FFFFFF;
			line-height: 22px;
			font-style: normal;
			text-transform: none;
			}
			}

			td.el-table__cell {
			padding: 9px 0;
			height: 56px;
			border-bottom: 1px solid #323241;
			background: transparent !important;

			.cell {
			padding: 0;
			padding-left: 16px;
			font-family: Source Han Sans CN, Source Han Sans CN;
			font-weight: 400;
			font-size: 14px;
			color: #D2D2E7;
			line-height: 18px;
			font-style: normal;
			text-transform: none;
			}
			}

			td.operation-btns .cell {
			display: flex;
			flex-wrap: nowrap;
			gap: 12px;
			/* 按钮间距（推荐） */
			white-space: nowrap;
			/* 双保险 */

			a {
			min-width: 28px;
			color: #6A89FF;

			&:last-child {
			margin-right: 0;
			}
			}
			}
			}
			}

			.ztzf-table-content-bg {
			.command-table-content-bg {
			background: #1A1A2A;
			}
			}

			.ztzf-table-pagination {
			.command-data-cockpit-table {
			height: 0;
			flex: 1;
			background: transparent !important;

			.el-table--border .el-table__inner-wrapper:after,
			.el-table--border:after,
			.el-table--border:before,
			.el-table__inner-wrapper:before {
			height: 0;
			}

			tr {
			background: transparent !important;
			}

			th.el-table__cell {
			height: 40px;
			border-bottom: 1px solid #323241 !important;

			.cell {
			padding: 0;
			padding-left: 16px;
			font-family: Source Han Sans CN, Source Han Sans CN;
			font-weight: 500;
			font-size: 14px;
			color: #FFFFFF;
			line-height: 22px;
			font-style: normal;
			text-transform: none;
			}
			}

			td.el-table__cell {
			padding: 9px 0;
			height: 56px;
			border-bottom: 1px solid #323241 !important;

			.cell {
			padding: 0;
			padding-left: 16px;
			font-family: Source Han Sans CN, Source Han Sans CN;
			font-weight: 400;
			font-size: 14px;
			color: #D2D2E7;
			line-height: 18px;
			font-style: normal;
			text-transform: none;
			}
			}

			td.operation-btns .cell {
			display: flex;
			flex-wrap: nowrap;
			gap: 12px;
			/* 按钮间距（推荐） */
			white-space: nowrap;
			/* 双保险 */

			a {
			min-width: 28px;
			color: #6A89FF;

			&:last-child {
			margin-right: 0;
			}
			}
			}

			th.el-table__cell:not(.fixed-column),
			td.el-table__cell:not(.fixed-column) {
			background: transparent !important;
			}

			.fixed-column {
			background-color: #1A1A2A !important;
			}
			}

			.command-table-pagination {
			padding-top: 30px;
			padding-bottom: 10px;
			display: flex;
			@@ -861,7 +927,8 @@
			}
			}

			.ztzf-page-view-dialog {
			.command-page-view-dialog {
			padding: 30px;
			display: flex;
			flex-direction: column;
			width: 770px;
			@@ -894,10 +961,10 @@
			padding: 0 10px;

			.detail-title {
			margin-bottom: 30px;
			margin-bottom: 20px;
			font-family: Source Han Sans CN, Source Han Sans CN;
			font-weight: 500;
			font-size: 18px;
			font-size: 16px;
			color: #FFFFFF;
			text-align: left;
			font-style: normal;
			@@ -937,17 +1004,16 @@
			}


			.ztzf-table-container {
			.command-table-container {
			height: 360px;

			.ztzf-table-pagination {
			.command-table-pagination {
			justify-content: center;
			}
			}
			}

			.dialog-form {

			.el-form-item {
			display: flex;
			align-items: center;
			@@ -968,10 +1034,23 @@
			.el-form-item__content {
			display: flex;
			align-items: center;

			.el-input {

			.el-input,
			.el-input-number {
			width: 0;
			flex: 1;
			}

			.el-cascader {
			width: 0;
			flex: 1;
			display: flex;
			align-items: center;
			border: none;

			.el-input__wrapper {
			box-shadow: none !important;
			}
			}

			.el-textarea {
			@@ -990,11 +1069,50 @@
			border: none;
			box-shadow: none;
			}

			.command-data-cockpit-date-picker {
			background: #2E2E48;
			}

			.command-data-cockpit-date-picker-popper {
			background: #2E2E48 !important;

			.el-picker-panel {
			.el-picker-panel__body-wrapper {
			.el-picker-panel__body {
			background: #2E2E48 !important;

			.el-date-picker__time-header {

			.el-date-picker__editor-wrap {
			.el-time-panel {
			background: #2E2E48 !important;

			// 将 time-picker-popper 的样式移到这里
			.el-time-panel__header {
			background: #2E2E48 !important;
			}
			}
			}
			}
			}
			}
			}

			.el-popper__arrow {
			&::before {
			background: #2E2E48 !important;
			border: 1px solid #2E2E48 !important;
			box-sizing: border-box;
			}
			}
			}
			}

			.el-input {
			.el-input__wrapper {
			background: #2E2E48 !important;
			box-shadow: none;

			.el-input__inner {
			color: #ffffff;
			@@ -1021,7 +1139,7 @@
			}
			}

			.ztzf-page-view-message-box {
			.command-page-view-message-box {
			background: #1A1A2A;
			border-radius: 6px;
			border: 1px solid #2E2E46;
			@@ -1059,13 +1177,327 @@
			}
			}

			.ztzf-message-box-confirm {
			.command-message-box-confirm {
			background: #284FE3 !important;
			border-color: #284FE3 !important;
			}

			.ztzf-message-box-cancel {
			.command-message-box-cancel {
			background: #2B2B4C !important;
			border-color: #2B2B4C !important;
			color: #FFFFFF !important;
			}

			.command-page-map-view-dialog {
			padding: 30px;
			display: flex;
			flex-direction: column;
			width: 80%;
			height: 812px;
			background: #1A1A2A;
			border-radius: 6px 6px 6px 6px;
			border: 1px solid #2E2E46;

			.el-dialog__header,
			.el-dialog__footer {
			margin: 0;
			padding: 0;
			}

			.el-dialog__footer {
			.el-button {
			margin-top: 30px;
			}
			}

			.el-dialog__body {
			display: flex;
			flex-direction: column;
			height: 0;
			flex: 1;

			.dialog-container {
			display: flex;
			height: 0;
			flex: 1;

			.left-container {
			width: 0;
			flex: 1;
			height: 100%;

			.leftMap {
			width: 100%;
			height: 100%;
			}
			}

			.right-container {
			display: flex;
			flex-direction: column;
			width: 344px;
			height: 100%;

			.header {
			padding: 0 16px;
			padding-bottom: 16px;
			font-family: Source Han Sans CN, Source Han Sans CN;
			font-weight: 400;
			font-size: 18px;
			color: #FFFFFF;
			text-align: left;
			font-style: normal;
			text-transform: none;
			}

			.dialog-container {
			padding: 0 16px;
			height: 0;
			flex: 1;
			display: flex;
			flex-direction: column;

			.detail-title {
			margin-bottom: 20px;
			font-family: Source Han Sans CN, Source Han Sans CN;
			font-weight: 500;
			font-size: 16px;
			color: #FFFFFF;
			text-align: left;
			font-style: normal;
			text-transform: none;
			}

			.el-row {
			.el-col {
			margin-bottom: 20px;
			display: flex;
			align-items: center;

			.label {
			width: 96px;
			font-family: Source Han Sans CN, Source Han Sans CN;
			font-weight: 500;
			font-size: 14px;
			color: #D4D5D7;
			line-height: 22px;
			text-align: right;
			font-style: normal;
			text-transform: none;
			}

			.val {
			width: 0;
			flex: 1;
			margin-left: 12px;
			font-family: Source Han Sans CN, Source Han Sans CN;
			font-weight: 400;
			font-size: 14px;
			color: #9E9EBA;
			text-align: left;
			font-style: normal;
			text-transform: none;
			}
			}
			}


			.command-table-container {
			margin-top: 0;
			margin-bottom: 20px;

			.command-table-pagination {
			justify-content: center;
			}
			}
			}

			.dialog-form {
			padding-left: 16px;
			height: 0;
			flex: 1;
			display: flex;
			flex-direction: column;

			.el-form-item {
			display: flex;
			align-items: center;

			.el-form-item__label {
			display: flex;
			align-items: center;
			font-family: Source Han Sans CN, Source Han Sans CN;
			font-weight: 500;
			font-size: 14px;
			color: #D4D5D7;
			line-height: 22px;
			text-align: right;
			font-style: normal;
			text-transform: none;
			}

			.el-form-item__content {
			display: flex;
			align-items: center;

			.el-input,
			.el-input-number {
			width: 0;
			flex: 1;
			}

			.el-textarea {

			.el-textarea__inner {
			color: #fff;
			background: #2E2E48 !important;
			border: none;
			box-shadow: none;
			}
			}

			.el-button {
			color: #fff;
			background: #2E2E48 !important;
			border: none;
			box-shadow: none;
			}

			>div.val {
			color: #fff;
			}

			.command-data-cockpit-date-picker {
			background: #2E2E48;
			}

			.command-data-cockpit-date-picker-popper {
			background: #2E2E48 !important;

			.el-picker-panel {
			.el-picker-panel__body-wrapper {
			.el-picker-panel__body {
			background: #2E2E48 !important;

			.el-date-picker__time-header {

			.el-date-picker__editor-wrap {
			.el-time-panel {
			background: #2E2E48 !important;

			// 将 time-picker-popper 的样式移到这里
			.el-time-panel__header {
			background: #2E2E48 !important;
			}
			}
			}
			}
			}
			}
			}

			.el-popper__arrow {
			&::before {
			background: #2E2E48 !important;
			border: 1px solid #2E2E48 !important;
			box-sizing: border-box;
			}
			}
			}
			}

			.el-input {
			.el-input__wrapper {
			background: #2E2E48 !important;

			.el-input__inner {
			color: #ffffff;
			}
			}
			}
			}

			.search-table-container {
			height: 0;
			flex: 1;
			display: flex;
			flex-direction: column;

			.search-box {
			display: flex;
			margin-bottom: 18px;

			.label {
			display: flex;
			align-items: center;
			justify-content: flex-end;

			padding-right: 12px;
			width: 96px;

			font-family: Source Han Sans CN, Source Han Sans CN;
			font-weight: 500;
			font-size: 14px;
			color: #D4D5D7;
			font-style: normal;
			text-transform: none;

			box-sizing: border-box;
			}

			.el-input {
			width: 0;
			flex: 1;

			.el-input__wrapper {
			background: #2E2E48 !important;

			.el-input__inner {
			color: #ffffff;
			}
			}
			}
			}

			.el-form-item {
			height: 0;
			flex: 1;
			display: flex;
			flex-direction: column;

			.el-form-item__content {
			width: 100%;
			height: 0;
			flex: 1;
			display: flex;
			flex-direction: column;

			.el-table {
			height: 0;
			flex: 1;
			}
			}
			}
			}
			}

			.footer {
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: center;

			.el-button {
			margin-left: 16px;
			width: 96px;
			height: 36px;

			&:first-child {
			margin-left: 0;
			}
			}
			}
			}
			}
			}
			}