|
@@ -3,6 +3,7 @@
|
|
<div class="wrap-top">
|
|
<div class="wrap-top">
|
|
<div class="wrap-top-left">
|
|
<div class="wrap-top-left">
|
|
<div class="wrap-top-left-top">
|
|
<div class="wrap-top-left-top">
|
|
|
|
+ <!-- <img src="../../../images/Quantitative/" alt=""> -->
|
|
<div class="wrap-top-left-top-head"><b>基地值班</b></div>
|
|
<div class="wrap-top-left-top-head"><b>基地值班</b></div>
|
|
<div style="width: 100%; display: flex">
|
|
<div style="width: 100%; display: flex">
|
|
<div class="wrap-top-left-top-item">
|
|
<div class="wrap-top-left-top-item">
|
|
@@ -73,7 +74,7 @@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <div class="wrap-top-left-top">
|
|
|
|
|
|
+ <div class="wrap-top-left-top" style="margin-left:10px;">
|
|
<div class="wrap-top-left-top-head"><b>大队值班</b></div>
|
|
<div class="wrap-top-left-top-head"><b>大队值班</b></div>
|
|
<div style="width: 100%; display: flex">
|
|
<div style="width: 100%; display: flex">
|
|
<div class="wrap-top-left-top-item">
|
|
<div class="wrap-top-left-top-item">
|
|
@@ -402,6 +403,7 @@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
+ <div class="bottomsss"></div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
<script>
|
|
<script>
|
|
@@ -519,6 +521,13 @@ body {
|
|
.content {
|
|
.content {
|
|
background-color: #103360;
|
|
background-color: #103360;
|
|
}
|
|
}
|
|
|
|
+.bottomsss{
|
|
|
|
+ position: absolute;
|
|
|
|
+ bottom: 0;
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 10px;
|
|
|
|
+ background-color: pink;
|
|
|
|
+}
|
|
/* .wrap {
|
|
/* .wrap {
|
|
min-height: calc(100vh - 85px);
|
|
min-height: calc(100vh - 85px);
|
|
width: 100%;
|
|
width: 100%;
|
|
@@ -531,8 +540,9 @@ body {
|
|
/* 军车装备样式 */
|
|
/* 军车装备样式 */
|
|
.junchezhuangbei {
|
|
.junchezhuangbei {
|
|
display: flex;
|
|
display: flex;
|
|
|
|
+ width: 98.5%;
|
|
height: 65.5%;
|
|
height: 65.5%;
|
|
- margin-left: -5px;
|
|
|
|
|
|
+ /* margin-left: 10px; */
|
|
margin-top: 10px;
|
|
margin-top: 10px;
|
|
/* margin: 0 1%; */
|
|
/* margin: 0 1%; */
|
|
/* background-color: purple; */
|
|
/* background-color: purple; */
|
|
@@ -540,55 +550,67 @@ body {
|
|
}
|
|
}
|
|
/* 装备值班样式 */
|
|
/* 装备值班样式 */
|
|
.zhuangbeizhiban {
|
|
.zhuangbeizhiban {
|
|
- flex: 1;
|
|
|
|
- height: 96%;
|
|
|
|
|
|
+ /* flex: 1; */
|
|
|
|
+ width: 98%;
|
|
|
|
+ height: 92%;
|
|
background-image: url("../../../images/Quantitative/底 拷贝 8.png");
|
|
background-image: url("../../../images/Quantitative/底 拷贝 8.png");
|
|
background-size: 100% 100%;
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-repeat: no-repeat;
|
|
- margin-top: 10px;
|
|
|
|
- margin: 10px 1%;
|
|
|
|
|
|
+ margin-left: 10px;
|
|
|
|
+ /* margin-top: 10px; */
|
|
|
|
+ /* margin: 10px 1%; */
|
|
/* margin-left: 17px;
|
|
/* margin-left: 17px;
|
|
margin-right: 10px; */
|
|
margin-right: 10px; */
|
|
}
|
|
}
|
|
.wrap-top {
|
|
.wrap-top {
|
|
- width: 100%;
|
|
|
|
|
|
+ width: 99%;
|
|
height: 23vh;
|
|
height: 23vh;
|
|
/* background-color: pink; */
|
|
/* background-color: pink; */
|
|
display: flex;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-direction: row;
|
|
- padding-top: 5px;
|
|
|
|
- margin-bottom: 5px;
|
|
|
|
|
|
+ margin: 10px;
|
|
|
|
+ /* padding-top: 5px;
|
|
|
|
+ margin-bottom: 5px; */
|
|
}
|
|
}
|
|
|
|
|
|
.wrap-top-left {
|
|
.wrap-top-left {
|
|
width: 100%;
|
|
width: 100%;
|
|
flex: 1;
|
|
flex: 1;
|
|
height: 100%;
|
|
height: 100%;
|
|
- margin-left: 9px;
|
|
|
|
|
|
+ /* margin-left: 9px; */
|
|
}
|
|
}
|
|
|
|
|
|
.wrap-top-center {
|
|
.wrap-top-center {
|
|
- flex: 1;
|
|
|
|
- height: 35%;
|
|
|
|
- background-image: url("../../../images/Quantitative/底 拷贝 6 (1).png");
|
|
|
|
|
|
+ /* flex: 1; */
|
|
|
|
+ width: 98.5%;
|
|
|
|
+ height: 38%;
|
|
|
|
+ /* max-width: 98.5%;
|
|
|
|
+ max-height: 35%; */
|
|
|
|
+ /* background-image: url("../../../images/Quantitative/底 拷贝 6 (1).png"); */
|
|
|
|
+ background-image: url("../../../images/Quantitative/底 拷贝 6.png");
|
|
background-size: 100% 100%;
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-repeat: no-repeat;
|
|
|
|
+ /* margin-right: 10px; */
|
|
/* margin-top: 10px; */
|
|
/* margin-top: 10px; */
|
|
- margin: 0 1%;
|
|
|
|
|
|
+ /* margin: 0 1%; */
|
|
display: flex;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
/* margin-right: 8px; */
|
|
/* margin-right: 8px; */
|
|
}
|
|
}
|
|
|
|
|
|
.wrap-top-right {
|
|
.wrap-top-right {
|
|
- flex: 1;
|
|
|
|
- height: 96%;
|
|
|
|
|
|
+ /* flex: 1; */
|
|
|
|
+ width: 98%;
|
|
|
|
+ height: 92%;
|
|
|
|
+ /* max-width: 98%;
|
|
|
|
+ max-height: 96%; */
|
|
background-image: url("../../../images/Quantitative/底 拷贝 8.png");
|
|
background-image: url("../../../images/Quantitative/底 拷贝 8.png");
|
|
background-size: 100% 100%;
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-repeat: no-repeat;
|
|
- margin-top: 10px;
|
|
|
|
|
|
+ /* margin-left: 10px; */
|
|
|
|
+ /* margin-top: 10px;
|
|
margin-left: 17px;
|
|
margin-left: 17px;
|
|
- margin-right: 10px;
|
|
|
|
|
|
+ margin-right: 10px; */
|
|
}
|
|
}
|
|
|
|
|
|
.wrap-top-left-top {
|
|
.wrap-top-left-top {
|
|
@@ -598,15 +620,21 @@ body {
|
|
background-image: url("../../../images/Quantitative/底.png");
|
|
background-image: url("../../../images/Quantitative/底.png");
|
|
background-size: 100% 100%;
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-repeat: no-repeat;
|
|
- margin: 0 1%;
|
|
|
|
|
|
+ max-height: 100%;
|
|
|
|
+ max-width: 100%;
|
|
|
|
+ /* margin: 0 1%; */
|
|
|
|
+ /* margin-left: 10px; */
|
|
|
|
+ /* margin-left: 10px; */
|
|
display: flex;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
- margin-top: 10px;
|
|
|
|
|
|
+ /* margin-top: 10px; */
|
|
}
|
|
}
|
|
|
|
|
|
.wrap-top-left-top-item {
|
|
.wrap-top-left-top-item {
|
|
width: 30%;
|
|
width: 30%;
|
|
height: 40px;
|
|
height: 40px;
|
|
|
|
+ max-width:30%;
|
|
|
|
+ max-height: 40px;
|
|
display: inline-block;
|
|
display: inline-block;
|
|
border: #0f4d75 1px solid;
|
|
border: #0f4d75 1px solid;
|
|
margin-left: 2.5%;
|
|
margin-left: 2.5%;
|
|
@@ -617,6 +645,7 @@ body {
|
|
.wrap-top-left-top-item-left {
|
|
.wrap-top-left-top-item-left {
|
|
width: 86px;
|
|
width: 86px;
|
|
margin-left: 8px;
|
|
margin-left: 8px;
|
|
|
|
+
|
|
height: 100%;
|
|
height: 100%;
|
|
font-size: 14px;
|
|
font-size: 14px;
|
|
text-align: start;
|
|
text-align: start;
|
|
@@ -799,12 +828,19 @@ table tr td {
|
|
|
|
|
|
.wrap-footer {
|
|
.wrap-footer {
|
|
width: 100%;
|
|
width: 100%;
|
|
- height: 67vh;
|
|
|
|
|
|
+ /* height: calc(100vh-159.84px); */
|
|
|
|
+ /* height: 90%; */
|
|
|
|
+ height: 65vh;
|
|
|
|
+ /* height: calc(77vh-94px); */
|
|
|
|
+ /* background-color: pink; */
|
|
|
|
+ /* height: 100vh; */
|
|
|
|
+ /* background-color: palegoldenrod; */
|
|
/* background-color: pink; */
|
|
/* background-color: pink; */
|
|
display: flex;
|
|
display: flex;
|
|
|
|
+ margin: 10px;
|
|
flex-direction: row;
|
|
flex-direction: row;
|
|
- padding-top: 20px;
|
|
|
|
- padding-bottom: 10px;
|
|
|
|
|
|
+ /* padding-top: 20px;
|
|
|
|
+ padding-bottom: 10px; */
|
|
}
|
|
}
|
|
|
|
|
|
.wrap-footer-left {
|
|
.wrap-footer-left {
|
|
@@ -815,30 +851,32 @@ table tr td {
|
|
|
|
|
|
.wrap-footer-center {
|
|
.wrap-footer-center {
|
|
flex: 1;
|
|
flex: 1;
|
|
- height: 64vh;
|
|
|
|
|
|
+ height: 100%;
|
|
width: 100%;
|
|
width: 100%;
|
|
|
|
+ max-width: 100%;
|
|
|
|
+ max-height: 100%;
|
|
/* width: 1100px; */
|
|
/* width: 1100px; */
|
|
background-image: url("../../../images/Quantitative/底 拷贝 7.png");
|
|
background-image: url("../../../images/Quantitative/底 拷贝 7.png");
|
|
background-size: 100% 100%;
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-repeat: no-repeat;
|
|
- margin-top: 10px;
|
|
|
|
- margin-left: 20px;
|
|
|
|
|
|
+ /* margin-top: 10px; */
|
|
|
|
+ /* margin-left: 20px; */
|
|
/* padding-right: 40px; */
|
|
/* padding-right: 40px; */
|
|
- margin-bottom: 10px;
|
|
|
|
|
|
+ /* margin-bottom: 10px; */
|
|
}
|
|
}
|
|
|
|
|
|
.wrap-footer-right {
|
|
.wrap-footer-right {
|
|
- flex: 2;
|
|
|
|
- height: 63vh;
|
|
|
|
|
|
+ width: 99%;
|
|
|
|
+
|
|
|
|
+ /* flex: 2; */
|
|
|
|
+
|
|
|
|
+ height: 100%;
|
|
display: flex;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
/* background-image: url("../../../images/底-装备值班.png"); */
|
|
/* background-image: url("../../../images/底-装备值班.png"); */
|
|
background-size: 100% 100%;
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-repeat: no-repeat;
|
|
- margin-top: 10px;
|
|
|
|
margin-left: 10px;
|
|
margin-left: 10px;
|
|
- margin-right: 10px;
|
|
|
|
- margin-bottom: 10px;
|
|
|
|
}
|
|
}
|
|
.wrap-footer-left-top {
|
|
.wrap-footer-left-top {
|
|
width: 96%;
|
|
width: 96%;
|