|
@@ -43,15 +43,15 @@
|
|
|
<div class="left2-1-main">
|
|
|
<div class="left2_d">
|
|
|
总计
|
|
|
- <span>0</span>
|
|
|
+ <span>{{ zhuangBei[0] }}</span>
|
|
|
</div>
|
|
|
<div class="left2_d">
|
|
|
试验
|
|
|
- <span>0</span>
|
|
|
+ <span>{{ zhuangBei[1] }}</span>
|
|
|
</div>
|
|
|
<div class="left2_d">
|
|
|
通用
|
|
|
- <span>0</span>
|
|
|
+ <span>{{ zhuangBei[2] }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -84,15 +84,15 @@
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td>合成训练</td>
|
|
|
- <td>{{yueJiHua.synthesis}}</td>
|
|
|
+ <td>{{ yueJiHua.synthesis }}</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td>专业训练</td>
|
|
|
- <td>{{yueJiHua.professional}}</td>
|
|
|
+ <td>{{ yueJiHua.professional }}</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td>共同训练</td>
|
|
|
- <td>{{yueJiHua.common}}</td>
|
|
|
+ <td>{{ yueJiHua.common }}</td>
|
|
|
</tr>
|
|
|
</table>
|
|
|
<table class="grade">
|
|
@@ -105,7 +105,7 @@
|
|
|
font-size: 20px;
|
|
|
"
|
|
|
>
|
|
|
- {{yueJiHua.peopleNumber}}
|
|
|
+ {{ yueJiHua.peopleNumber }}
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
@@ -117,7 +117,7 @@
|
|
|
font-size: 20px;
|
|
|
"
|
|
|
>
|
|
|
- {{yueJiHua.youliang}}
|
|
|
+ {{ yueJiHua.youliang }}
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
@@ -129,7 +129,7 @@
|
|
|
font-size: 20px;
|
|
|
"
|
|
|
>
|
|
|
- {{yueJiHua.jige}}
|
|
|
+ {{ yueJiHua.jige }}
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
@@ -141,7 +141,7 @@
|
|
|
font-size: 20px;
|
|
|
"
|
|
|
>
|
|
|
- {{yueJiHua.weijige}}
|
|
|
+ {{ yueJiHua.weijige }}
|
|
|
</td>
|
|
|
</tr>
|
|
|
</table>
|
|
@@ -158,6 +158,87 @@
|
|
|
<span>车辆在位情况</span>
|
|
|
</div>
|
|
|
<div class="left3-main">
|
|
|
+ <div class="center4_l" style="margin-left: 2%">
|
|
|
+ <div
|
|
|
+ style="background-color: #1d79b5; width: 5px; height: 9px"
|
|
|
+ ></div>
|
|
|
+ 私家车管理
|
|
|
+ </div>
|
|
|
+ <div class="center4_l" style="margin-left: 16%">
|
|
|
+ <div
|
|
|
+ style="background-color: #1d79b5; width: 5px; height: 9px"
|
|
|
+ ></div>
|
|
|
+ 军车管理
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <table class="center4_s">
|
|
|
+ <tr>
|
|
|
+ <td rowspan="2">
|
|
|
+ <img src="../../assets/images/cheliangz.png" alt />
|
|
|
+ </td>
|
|
|
+ <td style="width: 88px; color: white;font-size: 1rem">车辆统计</td>
|
|
|
+ <td
|
|
|
+ style="color: #30fdff; font-family: 'IMPACT'; font-size: 1.6rem"
|
|
|
+ >
|
|
|
+ 119
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+
|
|
|
+ </table>
|
|
|
+ <table class="center4_s" style="margin-top: 1.3%">
|
|
|
+ <tr>
|
|
|
+ <td rowspan="2">
|
|
|
+ <img src="../../assets/images/cheliangz.png" alt />
|
|
|
+ </td>
|
|
|
+ <td style="width: 88px; color: white;font-size: 1rem">今日进出</td>
|
|
|
+ <td
|
|
|
+ style="color: #30fdff; font-family: 'IMPACT'; font-size: 1.6rem"
|
|
|
+ >
|
|
|
+ 107
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+
|
|
|
+ <table class="center4_s" style="margin-top: 1.28%">
|
|
|
+ <tr>
|
|
|
+ <td rowspan="2">
|
|
|
+ <img src="../../assets/images/cheliangq.png" alt />
|
|
|
+ </td>
|
|
|
+ <td style="width: 88px; color: white;font-size: 1rem">夜间进入</td>
|
|
|
+ <td
|
|
|
+ style="color: #b4372a; font-family: 'IMPACT'; font-size: 1.6rem"
|
|
|
+ >
|
|
|
+ 12
|
|
|
+ </td>
|
|
|
+
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ <div class="center4_b">
|
|
|
+ 总计
|
|
|
+ <span style="color: #30fdff; float: right; margin-right: 20px"
|
|
|
+ >71</span
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ <div class="center4_b">
|
|
|
+ 在位
|
|
|
+ <span style="color: #fde17b; float: right; margin-right: 20px"
|
|
|
+ >52</span
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ <div class="center4_b">
|
|
|
+ 外出
|
|
|
+ <span style="color: #f0422a; float: right; margin-right: 20px"
|
|
|
+ >19</span
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ <div class="center4_b">
|
|
|
+ 出车统计
|
|
|
+ <span style="color: #f0422a; float: right; margin-right: 20px"
|
|
|
+ >3</span
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- <div class="left3-main">
|
|
|
<div class="center4_l" style="margin-left: 2%">
|
|
|
<div
|
|
|
style="background-color: #1d79b5; width: 5px; height: 9px"
|
|
@@ -265,7 +346,7 @@
|
|
|
</td>
|
|
|
</tr>
|
|
|
</table>
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="center">
|
|
@@ -977,7 +1058,8 @@ import {
|
|
|
getLeavlNumber,
|
|
|
zongjinrizhiban,
|
|
|
zaiweipeopleGet,
|
|
|
- listTraining
|
|
|
+ listTraining,
|
|
|
+ selectCount,
|
|
|
} from "@/api/taishi/taishi";
|
|
|
import * as echarts from "echarts";
|
|
|
import vueSeamlessScroll from "vue-seamless-scroll";
|
|
@@ -1066,7 +1148,9 @@ export default {
|
|
|
// 营房统计
|
|
|
yingFang: [],
|
|
|
// 月计划训练统计
|
|
|
- yueJiHua:{}
|
|
|
+ yueJiHua: {},
|
|
|
+ // 装备统计
|
|
|
+ zhuangBei: [],
|
|
|
};
|
|
|
},
|
|
|
created() {
|
|
@@ -1176,7 +1260,9 @@ export default {
|
|
|
});
|
|
|
this.startTime();
|
|
|
// 军事训练月统计
|
|
|
- this.getJunShiTongJi()
|
|
|
+ this.getJunShiTongJi();
|
|
|
+ // 装备值班统计
|
|
|
+ this.getZhuangBei();
|
|
|
},
|
|
|
mounted() {
|
|
|
this.$forceUpdate();
|
|
@@ -1195,12 +1281,19 @@ export default {
|
|
|
this.center4();
|
|
|
},
|
|
|
methods: {
|
|
|
- // 军事训练月统计情况
|
|
|
- getJunShiTongJi(){
|
|
|
- listTraining().then(res=>{
|
|
|
+ // 装备值班情况
|
|
|
+ getZhuangBei() {
|
|
|
+ selectCount().then((res) => {
|
|
|
console.log(res);
|
|
|
- this.yueJiHua=res.data
|
|
|
- })
|
|
|
+ this.zhuangBei = res.data;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 军事训练月统计情况
|
|
|
+ getJunShiTongJi() {
|
|
|
+ listTraining().then((res) => {
|
|
|
+ console.log(res);
|
|
|
+ this.yueJiHua = res.data;
|
|
|
+ });
|
|
|
},
|
|
|
titlefun() {
|
|
|
this.$router.push({ path: "/pt" }).catch(() => {});
|
|
@@ -2190,37 +2283,52 @@ export default {
|
|
|
color: #30fdff;
|
|
|
}
|
|
|
.center4_b {
|
|
|
- margin-top: 0.8vh;
|
|
|
+ /* margin-top: 0.8vh;
|
|
|
margin-left: 2%;
|
|
|
color: white;
|
|
|
font-size: 1rem;
|
|
|
background-color: rgba(3, 58, 93, 0.3);
|
|
|
border: 0.1px solid #052c41;
|
|
|
- height: 6vh;
|
|
|
+ height: 4vh;
|
|
|
width: 35%;
|
|
|
- line-height: 6vh;
|
|
|
- text-align: center;
|
|
|
+ line-height: 4vh;
|
|
|
+ text-align: center; */
|
|
|
+ margin-top: 0.8vh;
|
|
|
+ margin-left: 2%;
|
|
|
+ color: white;
|
|
|
+ font-size: 1rem;
|
|
|
+ background-color: rgba(3, 58, 93, 0.3);
|
|
|
+ border: 0.1px solid #052c41;
|
|
|
+ height: 4vh;
|
|
|
+ width: 46%;
|
|
|
+ line-height: 4vh;
|
|
|
+ /* text-align: center; */
|
|
|
+ position: relative;
|
|
|
+ top: -85%;
|
|
|
+ right: -50%;
|
|
|
+ padding-left: 10%;
|
|
|
}
|
|
|
|
|
|
.center4_b span {
|
|
|
font-family: "IMPACT";
|
|
|
font-size: 1.6rem;
|
|
|
- margin-left: 20px;
|
|
|
+ /* margin-left: 20px; */
|
|
|
}
|
|
|
.center4_s {
|
|
|
- /* transform: scale(0.8); */
|
|
|
- /* width: 20px; */
|
|
|
- height: 6.3vh;
|
|
|
- /* width: ; */
|
|
|
+ /* height: 6.3vh;
|
|
|
line-height: 2vh;
|
|
|
position: relative;
|
|
|
- top: -80%;
|
|
|
- left: 40%;
|
|
|
margin-top: -0.5vh;
|
|
|
margin-left: 4px;
|
|
|
+ margin-bottom: 5px; */
|
|
|
+ height: 6.3vh;
|
|
|
+ line-height: 2vh;
|
|
|
+ /* position: relative; */
|
|
|
+ margin-top: -0.5vh;
|
|
|
+ margin-left: 30px;
|
|
|
/* line-height: 50px; */
|
|
|
margin-bottom: 5px;
|
|
|
- /* margin-top: 10px; */
|
|
|
+ margin-top: 10px;
|
|
|
}
|
|
|
.center4_s img {
|
|
|
width: 45px;
|