update 增加应急单弹窗、调整echart图表
This commit is contained in:
zk
+133
-133
@@ -3,233 +3,233 @@
|
||||
@import "./public-title";
|
||||
|
||||
html, body, #app {
|
||||
min-width: 1300px;
|
||||
overflow-x: auto;
|
||||
min-width: 1300px;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
.type-time {
|
||||
padding-top: 3%;
|
||||
font-size: 16px;
|
||||
display: flex;
|
||||
justify-content: right;
|
||||
|
||||
span {
|
||||
padding: 0 2%;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.select.dark {
|
||||
color: var(--typeTimeSelectColor);
|
||||
position: relative;
|
||||
|
||||
&:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
display: block;
|
||||
width: 72%;
|
||||
left: 6px;
|
||||
bottom: -12px;
|
||||
height: 6px;
|
||||
background: url('/@/assets/images/light.png') no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.unSelect.dark {
|
||||
color: var(--typeTimeUnSelectColor);
|
||||
}
|
||||
|
||||
.select.light {
|
||||
color: #5876DB;
|
||||
background-color: #BDC9F5;
|
||||
position: relative;
|
||||
margin-left: 5px;
|
||||
border: 1px solid #607DDB;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.unSelect.light {
|
||||
background-color: #d2d7f7;
|
||||
margin-left: 5px;
|
||||
color: #889BDB;
|
||||
border: 1px solid #BDC9F5;
|
||||
border-radius: 5px;
|
||||
}
|
||||
padding-top: 3%;
|
||||
font-size: 16px;
|
||||
display: flex;
|
||||
justify-content: right;
|
||||
|
||||
span {
|
||||
padding: 0 2%;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.select.dark {
|
||||
color: var(--typeTimeSelectColor);
|
||||
position: relative;
|
||||
|
||||
&:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
display: block;
|
||||
width: 72%;
|
||||
left: 6px;
|
||||
bottom: -12px;
|
||||
height: 6px;
|
||||
background: url('/@/assets/images/light.png') no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.unSelect.dark {
|
||||
color: var(--typeTimeUnSelectColor);
|
||||
}
|
||||
|
||||
.select.light {
|
||||
color: #5876DB;
|
||||
background-color: #BDC9F5;
|
||||
position: relative;
|
||||
margin-left: 5px;
|
||||
border: 1px solid #607DDB;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.unSelect.light {
|
||||
background-color: #d2d7f7;
|
||||
margin-left: 5px;
|
||||
color: #889BDB;
|
||||
border: 1px solid #BDC9F5;
|
||||
border-radius: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.type-check {
|
||||
.select.light {
|
||||
color: #5876DB;
|
||||
background-color: #BDC9F5;
|
||||
position: relative;
|
||||
margin-left: 5px;
|
||||
border: 1px solid #607DDB;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.unSelect.light {
|
||||
background-color: #d2d7f7;
|
||||
margin-left: 5px;
|
||||
color: #889BDB;
|
||||
border: 1px solid #BDC9F5;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.select.light {
|
||||
color: #5876DB;
|
||||
background-color: #BDC9F5;
|
||||
position: relative;
|
||||
margin-left: 5px;
|
||||
border: 1px solid #607DDB;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.unSelect.light {
|
||||
background-color: #d2d7f7;
|
||||
margin-left: 5px;
|
||||
color: #889BDB;
|
||||
border: 1px solid #BDC9F5;
|
||||
border-radius: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
*::-webkit-scrollbar {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
*::-webkit-scrollbar-button {
|
||||
width: 0;
|
||||
height: 0;
|
||||
display: none;
|
||||
width: 0;
|
||||
height: 0;
|
||||
display: none;
|
||||
}
|
||||
|
||||
*::-webkit-scrollbar-corner {
|
||||
background-color: transparent;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
*::-webkit-scrollbar-thumb {
|
||||
border: 4px solid rgba(0, 0, 0, 0);
|
||||
height: 6px;
|
||||
border-radius: 25px;
|
||||
background-clip: padding-box;
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
border: 4px solid rgba(0, 0, 0, 0);
|
||||
height: 6px;
|
||||
border-radius: 25px;
|
||||
background-clip: padding-box;
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.nowrap {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.ant-modal-mask {
|
||||
background-color: rgba(0, 0, 0, 0.65) !important;
|
||||
background-color: rgba(0, 0, 0, 0.65) !important;
|
||||
}
|
||||
|
||||
// 下拉框样式-start
|
||||
.ant-select {
|
||||
color: var(--antSelectFontColor) !important;
|
||||
background-color: var(--antSelectBg);
|
||||
color: var(--antSelectFontColor) !important;
|
||||
background-color: var(--antSelectBg);
|
||||
}
|
||||
|
||||
.ant-select-dropdown {
|
||||
background-color: var(--antSelectDropdownBg) !important;
|
||||
border: 1px solid var(--antSelectDropdownBorderColor);
|
||||
border-top: none;
|
||||
background-color: var(--antSelectDropdownBg) !important;
|
||||
border: 1px solid var(--antSelectDropdownBorderColor);
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
.ant-select-item {
|
||||
color: #1b7ef2 !important;
|
||||
color: #1b7ef2 !important;
|
||||
}
|
||||
|
||||
//框背景色
|
||||
.ant-select:not(.ant-select-customize-input) .ant-select-selector {
|
||||
color: var(--antSelectFontColor) !important;
|
||||
background-color: transparent !important;
|
||||
border: 1px solid var(--antSelectDropdownBorderColor) !important;
|
||||
color: var(--antSelectFontColor) !important;
|
||||
background-color: transparent !important;
|
||||
border: 1px solid var(--antSelectDropdownBorderColor) !important;
|
||||
}
|
||||
|
||||
.ant-select-item-option-selected {
|
||||
color: #ffffff !important;
|
||||
color: #ffffff !important;
|
||||
}
|
||||
|
||||
// 选中字体颜色
|
||||
:deep(.ant-select-selection-item) {
|
||||
color: var(--antSelectFontColor);
|
||||
color: var(--antSelectFontColor);
|
||||
}
|
||||
|
||||
.ant-select-item-option-active {
|
||||
background-color: transparent !important;
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
.ant-select-item-option-active:hover {
|
||||
background-color: var(--antSelectItemActive) !important;
|
||||
background-color: var(--antSelectItemActive) !important;
|
||||
}
|
||||
|
||||
// 箭头颜色
|
||||
.ant-select-arrow {
|
||||
color: var(--antSelectDropdownBorderColor) !important;
|
||||
color: var(--antSelectDropdownBorderColor) !important;
|
||||
}
|
||||
|
||||
.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
|
||||
background-color: var(--antSelectItemActive) !important;
|
||||
background-color: var(--antSelectItemActive) !important;
|
||||
}
|
||||
|
||||
// 下拉框样式-end
|
||||
|
||||
// 级联选择器样式-start
|
||||
.ant-cascader-menu-item {
|
||||
color: #1b7ef2 !important;
|
||||
color: #1b7ef2 !important;
|
||||
}
|
||||
|
||||
.ant-cascader-menu-item:hover {
|
||||
background-color: var(--antSelectItemActive) !important;
|
||||
background-color: var(--antSelectItemActive) !important;
|
||||
}
|
||||
|
||||
.ant-cascader-menu-item-active {
|
||||
color: var(--antSelectFontColor) !important;
|
||||
background-color: var(--antSelectItemActive) !important;
|
||||
color: var(--antSelectFontColor) !important;
|
||||
background-color: var(--antSelectItemActive) !important;
|
||||
}
|
||||
|
||||
.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon, .ant-cascader-menu-item-loading-icon {
|
||||
color: #1b7ef2 !important;
|
||||
color: #1b7ef2 !important;
|
||||
}
|
||||
|
||||
// 级联选择器样式-end
|
||||
.ant-empty-description {
|
||||
color: var(--antSelectFontColor);
|
||||
color: var(--antSelectFontColor);
|
||||
}
|
||||
|
||||
//空表格hover白色
|
||||
.ant-table-tbody > tr.ant-table-placeholder:hover > td {
|
||||
background: transparent !important;
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
//直升机
|
||||
.helicopter {
|
||||
width: 60px;
|
||||
height: 37px;
|
||||
background: url("/@/assets/img/helicopter.png") no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin-bottom: 4px;
|
||||
width: 60px;
|
||||
height: 37px;
|
||||
background: url("/@/assets/img/helicopter.png") no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
//Modal
|
||||
.dialog.light {
|
||||
background-color: #f3f5ff;
|
||||
|
||||
.police-con {
|
||||
color: var(--tableFontColor);
|
||||
background-color: #f3f5ff;
|
||||
}
|
||||
|
||||
.ant-modal-title {
|
||||
color: #576BAD !important;
|
||||
background: url('/@/assets/images/dialog-light.png') no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
background-color: #f3f5ff;
|
||||
|
||||
.police-con {
|
||||
color: var(--tableFontColor);
|
||||
background-color: #f3f5ff;
|
||||
}
|
||||
|
||||
.ant-modal-title {
|
||||
color: #576BAD !important;
|
||||
background: url('/@/assets/images/dialog-light.png') no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.dialog.dark {
|
||||
color: #ffffff;
|
||||
background-color: #00152b;
|
||||
|
||||
.police-con {
|
||||
color: #ffffff;
|
||||
background-color: #00152b;
|
||||
}
|
||||
|
||||
.ant-modal-title {
|
||||
color: #ffffff !important;
|
||||
background: url('/@/assets/images/dialog.png') no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
color: #ffffff;
|
||||
background-color: #00152b;
|
||||
|
||||
.police-con {
|
||||
color: #ffffff;
|
||||
background-color: #00152b;
|
||||
}
|
||||
|
||||
.ant-modal-title {
|
||||
color: #ffffff !important;
|
||||
background: url('/@/assets/images/dialog.png') no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/*表单*/
|
||||
:deep(.ant-form-item-label > label) {
|
||||
color: var(--formLabel);
|
||||
color: var(--formLabel);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user