// 保安人员管理相关样式
|
#avue-view {
|
& > .morpheus-map-box {
|
position: absolute;
|
top: 40px;
|
left: 0px;
|
right: 0px;
|
bottom: 0px;
|
padding: 10px !important;
|
}
|
}
|
|
.morpheus-map-box > .el-col {
|
height: 100%;
|
|
& > .el-card {
|
position: relative;
|
height: 100%;
|
|
.card-body {
|
position: absolute;
|
top: 10px;
|
left: 10px;
|
right: 10px;
|
bottom: 10px;
|
margin: 10px;
|
padding: 0px;
|
// height: calc(100% - 40px) !important;
|
border: 1px solid transparent !important;
|
box-shadow: 3px 3px 15px -2px rgb(0, 0, 0) !important;
|
}
|
}
|
}
|
|
.card-body {
|
.el-tabs {
|
height: 100%;
|
|
.el-tabs__content {
|
height: calc(100% - 55px) !important;
|
}
|
}
|
}
|
|
.zhengJian-icon {
|
i.icon-zhengjian {
|
font-size: 12px !important;
|
}
|
}
|
|
.map-people-table {
|
.el-table__body-wrapper {
|
height: calc(100% - 48px) !important;
|
overflow-y: auto !important;
|
}
|
}
|
|
.track-box {
|
.datetime {
|
input {
|
// background: #004ca7 !important;
|
// color: #fff !important;
|
|
&::-webkit-input-placeholder {
|
/* WebKit browsers */
|
// color: #fff !important;
|
}
|
}
|
}
|
}
|
|
.el-date-editor .el-range-separator {
|
// color: #fff !important;
|
}
|
.track-box li {
|
color: #000 !important;
|
}
|
|
.car-video-box .el-dialog {
|
margin-top: 0 !important;
|
position: fixed !important;
|
top: 200px;
|
left: 400px;
|
// right: 0;
|
// bottom: 0;
|
// margin: auto;
|
|
width: 821px;
|
height: 450px;
|
|
.el-dialog__body {
|
padding: 10px !important;
|
height: calc(100% - 50px);
|
|
iframe {
|
width: 100%;
|
height: 100%;
|
}
|
}
|
}
|
|
.see-location,
|
.see-track {
|
.el-dialog__body {
|
height: 540px;
|
.search {
|
position: relative;
|
height: 36px;
|
line-height: 36px;
|
.el-date-editor {
|
position: absolute;
|
top: 4px;
|
}
|
|
.el-button.el-button--text {
|
position: absolute;
|
height: 28px;
|
line-height: 28px;
|
top: 4px;
|
left: 480px;
|
padding: 0 8px !important;
|
}
|
}
|
|
#track_map {
|
height: calc(100% - 36px) !important;
|
}
|
}
|
}
|
