上海预案管理平台
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

452 lines
6.9 KiB

@import "./app/theme.scss";
@import "./app/ngZorroTree.css"; /* 引入组件样式 */
// @import "~ng-zorro-antd/style/index.min.css"; /* 引入基本样式 */
@import "~ng-zorro-antd/tree-select/style/index.min.css"; /* 引入组件样式 */
@font-face {
font-family: Regular;
src: url("./assets/font/SourceHanSansCN-Regular.otf");
}
html,
body {
touch-action: none;
width: 100%;
height: 100%;
margin: 0 auto;
padding: 0;
overflow: hidden;
font-family: Regular;
textarea {
font-family: Regular;
}
user-select: auto !important;
}
ul,
ol,
dl,
li,
dt,
dd,
p,
form,
input,
h1,
h2,
h3,
h4,
h5,
h6,
section,
article,
aside,
header,
footer,
nav,
figure,
time,
mark,
main,
canvas {
margin: 0;
padding: 0;
}
b,
strong,
i,
em,
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 500;
font-style: normal;
}
img {
border: none;
}
a {
text-decoration: none;
color: #000;
}
ul,
ol,
li {
list-style: none;
overflow-x: hidden;
}
.clearfn:after {
content: "";
clear: both;
display: block;
overflow: hidden;
height: 0;
visibility: hidden;
}
//root标签
app-root {
height: 100%;
}
h1 {
font-size: 16px;
}
.mat-expansion-panel-body {
padding: 0px !important;
}
.mat-expansion-indicator::after {
color: white;
}
.example-sidenav .mat-drawer-inner-container {
overflow: hidden;
}
table th.mat-header-cell:last-of-type,
table td.mat-cell:last-of-type,
table td.mat-footer-cell:last-of-type {
padding-right: 0px;
}
.mat-tab-body {
height: 100%;
overflow-y: auto;
}
.mat-content {
//可展开面板垂直居中
align-items: center;
}
//滚动条样式
::-webkit-scrollbar {
width: 5px;
background-color: white;
}
::-webkit-scrollbar-thumb {
background-color: #999;
}
//x轴滚动条隐藏
.example-sidenav-content {
overflow-x: hidden;
overflow-y: auto;
}
.mat-tab-body-wrapper {
height: 100%;
}
.mat-tab-body-content {
overflow: hidden !important;
}
//gis单位信息tabs样式
#gis {
.mat-tab-label {
height: 38px;
line-height: 38px;
min-width: 80px;
padding: 0;
}
}
//可展开面板按钮颜色
#gisbasicinfo,
#planlist,
#allaround,
#firefacilities,
#keysite,
#functionpartition,
#realisticpicture {
.mat-expansion-indicator::after {
color: #333333;
}
}
#waitexamineergis {
.mat-expansion-indicator::after {
color: #fff;
}
mat-expansion-panel {
box-shadow: 0 0 black;
border: 1px solid #eef1f5;
}
}
//gis标点弹出框样式
#gispopupbox {
.btn {
width: 92px;
height: 36px;
background: #ffffff;
border: 1px solid #eef1f5;
opacity: 1;
border-radius: 4px;
margin: 0 5px;
font-size: 14px;
// font-family: Source Han Sans CN;
font-weight: 400;
line-height: 36px;
color: #0080ff;
opacity: 1;
cursor: pointer;
display: table-cell; //主要是这个属性
text-align: center;
img {
vertical-align: middle;
margin-right: 3px;
padding-bottom: 2px;
}
}
}
//弹出框样式取消padding
#shareDialog,
#lookPlanDialog,
#openPlanToolDialog,
#addWater,
#addCar,
#videodialog,
#addLinkageForce,
#videodialog2,
#gisImgDialog {
padding: 0;
}
#setPosition,
#map {
.custom-content-marker {
position: relative;
width: 29px;
height: 36px;
}
.custom-content-marker img {
width: 100%;
height: 100%;
}
.custom-content-marker .btnbox {
position: absolute;
left: -20px;
bottom: -36px;
width: 68px;
height: 30px;
background: #ffffff;
border-radius: 60px;
color: #ebebeb;
display: flex;
justify-content: space-around;
box-sizing: border-box;
padding: 0 5px;
align-items: center;
img {
width: 20px;
height: 20px;
cursor: pointer;
}
}
.custom-content-marker .close-btn:hover {
background: #666;
}
}
#fireForceTree {
.mat-tree-node {
min-height: 40px;
flex: none;
box-sizing: border-box;
}
.mat-icon-button {
width: 30px;
height: 30px;
line-height: 30px;
}
}
#linkageForcesSwiper {
.swiper-container {
--swiper-navigation-size: 26px; /* 设置按钮大小 */
}
}
.KedaPosImg {
width: 30px;
height: 36px;
background-size: 100%;
background: no-repeat center;
}
.KedaPosIcon {
width: 30px;
height: 30px;
background-size: 100%;
background: no-repeat center;
}
//点聚合自定义图片大小
.clusterImg {
width: 30px;
height: 30px;
}
//水源采集点聚合
.clusterImgCollection {
width: 30px;
height: 30px;
}
#unitBasicInfo {
.mat-expansion-indicator::after {
color: black;
}
}
td {
word-break: break-all;
}
@media screen and (max-width: 1400px) {
.mat-toolbar-row,
.mat-toolbar-single-row {
height: 50px !important;
}
}
#firefightingdevicelook,
#firefightingdevice {
.expansionheader {
height: auto !important;
}
}
#planContainer {
.custom-content-marker {
position: relative;
width: 28px;
height: 28px;
}
.custom-content-marker img {
width: 100%;
height: 100%;
}
.custom-content-marker .close-btn {
position: absolute;
top: -6px;
right: -8px;
width: 15px;
height: 15px;
font-size: 12px;
background: #ccc;
border-radius: 50%;
color: #fff;
text-align: center;
line-height: 15px;
box-shadow: -1px 1px 1px rgba(10, 10, 10, 0.2);
}
.custom-content-marker .close-btn:hover {
background: #666;
}
}
#setUnitPosition,
#setUnitPositionLook {
.custom-content-marker {
position: relative;
// border: 1px solid red;
width: 68px;
height: 68px;
overflow: hidden;
display: flex;
justify-content: center;
.positionimg {
width: 30px;
height: 36px;
}
}
.custom-content-marker .btnbox {
position: absolute;
left: 0px;
bottom: 0px;
width: 68px;
height: 30px;
background: #ffffff;
border-radius: 60px;
color: #ebebeb;
display: flex;
justify-content: space-around;
box-sizing: border-box;
padding: 0 5px;
align-items: center;
img {
width: 20px;
height: 20px;
cursor: pointer;
}
}
.custom-content-marker .btnbox2 {
position: absolute;
left: 0px;
bottom: 0px;
width: 68px;
height: 30px;
opacity: 0;
border-radius: 60px;
color: #ebebeb;
display: flex;
justify-content: space-around;
box-sizing: border-box;
padding: 0 5px;
align-items: center;
}
.custom-content-marker .close-btn:hover {
background: #666;
}
}
.mat-paginator-container {
min-height: 40px !important;
}
#carcontent {
.cartopbox {
nz-tree-select {
width: 81.4%;
margin-right: 22px;
}
.ant-select-selector {
background-color: #f2f4f6;
height: 40px;
border: none;
border-radius: 5px;
padding-top: 5px;
box-sizing: border-box;
width: 104.7%;
}
input{
height: 40px;
}
}
.carTwoItemBox{
nz-tree-select {
width: 71.6%;
margin-right: 22px;
}
.ant-select-selector {
height: 34px;
border: none;
border-radius: 4px;
border: 1px solid #EBEBEB;
box-sizing: border-box;
padding-top: 1px;
width: 104.9%;
}
}
.carTwoItemBox2,.carTwoItemBox3{
nz-tree-select {
width: 64.3%;
margin-right: 22px;
}
.ant-select-selector {
height: 34px;
border: none;
border-radius: 4px;
border: 1px solid #EBEBEB;
box-sizing: border-box;
padding-top: 1px;
width: 104.9%;
}
}
}
.carTreeDropdown{
max-height: 239px;
}