|
@@ -20,7 +20,11 @@
|
|
|
<span>今日值班</span>
|
|
|
</div>
|
|
|
<div class="left1-wrap">
|
|
|
- <div class="left1-wrap-item" v-for="(item, index) in jrzblist" :key="index">
|
|
|
+ <div
|
|
|
+ class="left1-wrap-item"
|
|
|
+ v-for="(item, index) in jrzblist"
|
|
|
+ :key="index"
|
|
|
+ >
|
|
|
<span>{{ item.name }}:</span>
|
|
|
<b v-if="item.value ? true : false">{{ item.value }}</b>
|
|
|
<b v-if="!item.value ? true : false">无</b>
|
|
@@ -58,17 +62,23 @@
|
|
|
<div class="left2-2-main">
|
|
|
<div class="left2-2-main-title">
|
|
|
<div class="center4_l-1" style="margin-left: 2%">
|
|
|
- <div style="background-color: #1d79b5; width: 5px; height: 9px"></div>
|
|
|
+ <div
|
|
|
+ style="background-color: #1d79b5; width: 5px; height: 9px"
|
|
|
+ ></div>
|
|
|
<span style="line-height: 15px">参训时</span>间
|
|
|
</div>
|
|
|
<div class="center4_l-1" style="margin-right: 2%">
|
|
|
- <div style="background-color: #1d79b5; width: 5px; height: 9px"></div>
|
|
|
+ <div
|
|
|
+ style="background-color: #1d79b5; width: 5px; height: 9px"
|
|
|
+ ></div>
|
|
|
成绩
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="left2-2-main-main">
|
|
|
<table class="time">
|
|
|
- <tr style="font-size: 12px; color: #30fdff; font-weight: bold">
|
|
|
+ <tr
|
|
|
+ style="font-size: 12px; color: #30fdff; font-weight: bold"
|
|
|
+ >
|
|
|
<td>训练类别</td>
|
|
|
<td>人均参训时间</td>
|
|
|
</tr>
|
|
@@ -88,41 +98,49 @@
|
|
|
<table class="grade">
|
|
|
<tr>
|
|
|
<td>考核人次</td>
|
|
|
- <td style="
|
|
|
+ <td
|
|
|
+ style="
|
|
|
font-family: 'IMPACT';
|
|
|
color: #30fdff;
|
|
|
font-size: 20px;
|
|
|
- ">
|
|
|
+ "
|
|
|
+ >
|
|
|
{{ yueJiHua.peopleNumber }}
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td>优良</td>
|
|
|
- <td style="
|
|
|
+ <td
|
|
|
+ style="
|
|
|
font-family: 'IMPACT';
|
|
|
color: #30fdff;
|
|
|
font-size: 20px;
|
|
|
- ">
|
|
|
+ "
|
|
|
+ >
|
|
|
{{ yueJiHua.youliang }}
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td>及格</td>
|
|
|
- <td style="
|
|
|
+ <td
|
|
|
+ style="
|
|
|
font-family: 'IMPACT';
|
|
|
color: #30fdff;
|
|
|
font-size: 20px;
|
|
|
- ">
|
|
|
+ "
|
|
|
+ >
|
|
|
{{ yueJiHua.jige }}
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td>未及格</td>
|
|
|
- <td style="
|
|
|
+ <td
|
|
|
+ style="
|
|
|
font-family: 'IMPACT';
|
|
|
color: #30fdff;
|
|
|
font-size: 20px;
|
|
|
- ">
|
|
|
+ "
|
|
|
+ >
|
|
|
{{ yueJiHua.weijige }}
|
|
|
</td>
|
|
|
</tr>
|
|
@@ -141,11 +159,15 @@
|
|
|
</div>
|
|
|
<div class="left3-main">
|
|
|
<div class="center4_l" style="margin-left: 2%">
|
|
|
- <div style="background-color: #1d79b5; width: 5px; height: 9px"></div>
|
|
|
+ <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
|
|
|
+ style="background-color: #1d79b5; width: 5px; height: 9px"
|
|
|
+ ></div>
|
|
|
军车管理
|
|
|
</div>
|
|
|
|
|
@@ -157,11 +179,13 @@
|
|
|
<td style="width: 88px; color: white; font-size: 1rem">
|
|
|
车辆统计
|
|
|
</td>
|
|
|
- <td style="
|
|
|
+ <td
|
|
|
+ style="
|
|
|
color: #30fdff;
|
|
|
font-family: 'IMPACT';
|
|
|
font-size: 1.6rem;
|
|
|
- ">
|
|
|
+ "
|
|
|
+ >
|
|
|
{{ junCat[4] }}
|
|
|
</td>
|
|
|
</tr>
|
|
@@ -174,11 +198,13 @@
|
|
|
<td style="width: 88px; color: white; font-size: 1rem">
|
|
|
今日进出
|
|
|
</td>
|
|
|
- <td style="
|
|
|
+ <td
|
|
|
+ style="
|
|
|
color: #30fdff;
|
|
|
font-family: 'IMPACT';
|
|
|
font-size: 1.6rem;
|
|
|
- ">
|
|
|
+ "
|
|
|
+ >
|
|
|
{{ junCat[6] }}
|
|
|
</td>
|
|
|
</tr>
|
|
@@ -192,11 +218,13 @@
|
|
|
<td style="width: 88px; color: white; font-size: 1rem">
|
|
|
夜间进入
|
|
|
</td>
|
|
|
- <td style="
|
|
|
+ <td
|
|
|
+ style="
|
|
|
color: #b4372a;
|
|
|
font-family: 'IMPACT';
|
|
|
font-size: 1.6rem;
|
|
|
- ">
|
|
|
+ "
|
|
|
+ >
|
|
|
{{ junCat[5] }}
|
|
|
</td>
|
|
|
</tr>
|
|
@@ -204,27 +232,27 @@
|
|
|
<div class="center4_b">
|
|
|
总计
|
|
|
<span style="color: #30fdff; float: right; margin-right: 20px">{{
|
|
|
- junCat[0]
|
|
|
+ junCat[0]
|
|
|
}}</span>
|
|
|
</div>
|
|
|
<div class="center4_b">
|
|
|
在位
|
|
|
<span style="color: #fde17b; float: right; margin-right: 20px">{{
|
|
|
- junCat[1]
|
|
|
+ junCat[1]
|
|
|
}}</span>
|
|
|
</div>
|
|
|
<div class="center4_b">
|
|
|
外出
|
|
|
<span style="color: #f0422a; float: right; margin-right: 20px">{{
|
|
|
- junCat[2]
|
|
|
+ junCat[2]
|
|
|
}}</span>
|
|
|
</div>
|
|
|
- <div class="center4_b">
|
|
|
+ <!-- <div class="center4_b">
|
|
|
出车统计
|
|
|
<span style="color: #f0422a; float: right; margin-right: 20px">{{
|
|
|
junCat[3]
|
|
|
}}</span>
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
</div>
|
|
|
<!-- <div class="left3-main">
|
|
|
<div class="center4_l" style="margin-left: 2%">
|
|
@@ -347,7 +375,10 @@
|
|
|
<span>大队人员在位情况</span>
|
|
|
</div>
|
|
|
<div class="center1-t">
|
|
|
- <div style="height: 0px; display: flex; width: 100%; margin: 0 auto" id="center1">
|
|
|
+ <div
|
|
|
+ style="height: 0px; display: flex; width: 100%; margin: 0 auto"
|
|
|
+ id="center1"
|
|
|
+ >
|
|
|
<table class="center1_d" style="margin-left: 10px">
|
|
|
<tr>
|
|
|
<td></td>
|
|
@@ -366,8 +397,13 @@
|
|
|
>
|
|
|
{{ item }}
|
|
|
</div> -->
|
|
|
- <countTo v-for="(item, index) in zwlist.zaiweizongshu" :key="index" :startVal="0" :endVal="item"
|
|
|
- :duration="1000"></countTo>
|
|
|
+ <countTo
|
|
|
+ v-for="(item, index) in zwlist.zaiweizongshu"
|
|
|
+ :key="index"
|
|
|
+ :startVal="0"
|
|
|
+ :endVal="item"
|
|
|
+ :duration="1000"
|
|
|
+ ></countTo>
|
|
|
</td>
|
|
|
</tr>
|
|
|
</table>
|
|
@@ -390,8 +426,13 @@
|
|
|
>
|
|
|
{{ item }}
|
|
|
</div> -->
|
|
|
- <countTo v-for="(item, index) in zwlist.nabianzaiwei" :key="index" :startVal="0" :endVal="item"
|
|
|
- :duration="1000"></countTo>
|
|
|
+ <countTo
|
|
|
+ v-for="(item, index) in zwlist.nabianzaiwei"
|
|
|
+ :key="index"
|
|
|
+ :startVal="0"
|
|
|
+ :endVal="item"
|
|
|
+ :duration="1000"
|
|
|
+ ></countTo>
|
|
|
</td>
|
|
|
</tr>
|
|
|
</table>
|
|
@@ -415,8 +456,13 @@
|
|
|
{{ item }}
|
|
|
</div> -->
|
|
|
|
|
|
- <countTo v-for="(item, index) in zwlist.nabianwaichu" :key="index" :startVal="0" :endVal="item"
|
|
|
- :duration="1000"></countTo>
|
|
|
+ <countTo
|
|
|
+ v-for="(item, index) in zwlist.nabianwaichu"
|
|
|
+ :key="index"
|
|
|
+ :startVal="0"
|
|
|
+ :endVal="item"
|
|
|
+ :duration="1000"
|
|
|
+ ></countTo>
|
|
|
</td>
|
|
|
</tr>
|
|
|
</table>
|
|
@@ -439,8 +485,13 @@
|
|
|
>
|
|
|
{{ item }}
|
|
|
</div> -->
|
|
|
- <countTo v-for="(item, index) in zwlist.weinabianzaiwei" :key="index" :startVal="0" :endVal="item"
|
|
|
- :duration="1000"></countTo>
|
|
|
+ <countTo
|
|
|
+ v-for="(item, index) in zwlist.weinabianzaiwei"
|
|
|
+ :key="index"
|
|
|
+ :startVal="0"
|
|
|
+ :endVal="item"
|
|
|
+ :duration="1000"
|
|
|
+ ></countTo>
|
|
|
</td>
|
|
|
</tr>
|
|
|
</table>
|
|
@@ -463,8 +514,13 @@
|
|
|
>
|
|
|
{{ item }}
|
|
|
</div> -->
|
|
|
- <countTo v-for="(item, index) in zwlist.weinabianwaichu" :key="index" :startVal="0" :endVal="item"
|
|
|
- :duration="1000"></countTo>
|
|
|
+ <countTo
|
|
|
+ v-for="(item, index) in zwlist.weinabianwaichu"
|
|
|
+ :key="index"
|
|
|
+ :startVal="0"
|
|
|
+ :endVal="item"
|
|
|
+ :duration="1000"
|
|
|
+ ></countTo>
|
|
|
</td>
|
|
|
</tr>
|
|
|
</table>
|
|
@@ -510,19 +566,23 @@
|
|
|
<td rowspan="2">
|
|
|
<img src="../../assets/images/yinfangz.png" alt />
|
|
|
</td>
|
|
|
- <td style="
|
|
|
+ <td
|
|
|
+ style="
|
|
|
color: #30fdff;
|
|
|
font-family: 'IMPACT';
|
|
|
font-size: 28px;
|
|
|
- "></td>
|
|
|
+ "
|
|
|
+ ></td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
- <td style="
|
|
|
+ <td
|
|
|
+ style="
|
|
|
font-family: 'IMPACT';
|
|
|
font-size: 2rem;
|
|
|
color: #30fdff;
|
|
|
display: block;
|
|
|
- ">
|
|
|
+ "
|
|
|
+ >
|
|
|
{{ yingFang[0] }}
|
|
|
</td>
|
|
|
<td style="font-size: 20px; color: white; display: block">
|
|
@@ -536,19 +596,23 @@
|
|
|
<td rowspan="2">
|
|
|
<img src="../../assets/images/yinfangs.png" alt />
|
|
|
</td>
|
|
|
- <td style="
|
|
|
+ <td
|
|
|
+ style="
|
|
|
color: #30fdff;
|
|
|
font-family: 'IMPACT';
|
|
|
font-size: 28px;
|
|
|
- "></td>
|
|
|
+ "
|
|
|
+ ></td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
- <td style="
|
|
|
+ <td
|
|
|
+ style="
|
|
|
font-family: 'IMPACT';
|
|
|
font-size: 2rem;
|
|
|
color: #e6923e;
|
|
|
display: block;
|
|
|
- ">
|
|
|
+ "
|
|
|
+ >
|
|
|
{{ yingFang[1] }}
|
|
|
</td>
|
|
|
<td style="font-size: 20px; color: white; display: block">
|
|
@@ -560,7 +624,7 @@
|
|
|
</div>
|
|
|
<div class="center-b-r">
|
|
|
<div class="left1-head">
|
|
|
- <span>营具统计</span>
|
|
|
+ <span>库房统计</span>
|
|
|
</div>
|
|
|
<div id="center-b-r-main">
|
|
|
<table class="center4_d-1" style="margin-top: 6%">
|
|
@@ -568,23 +632,27 @@
|
|
|
<td rowspan="2">
|
|
|
<img src="../../assets/images/yinjuz.png" alt />
|
|
|
</td>
|
|
|
- <td style="
|
|
|
+ <td
|
|
|
+ style="
|
|
|
color: #e6923e;
|
|
|
font-family: 'IMPACT';
|
|
|
font-size: 22px;
|
|
|
- "></td>
|
|
|
+ "
|
|
|
+ ></td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
- <td style="
|
|
|
+ <td
|
|
|
+ style="
|
|
|
font-family: 'IMPACT';
|
|
|
font-size: 2rem;
|
|
|
color: #30fdff;
|
|
|
display: block;
|
|
|
- ">
|
|
|
+ "
|
|
|
+ >
|
|
|
{{ yingjulist.total }}
|
|
|
</td>
|
|
|
<td style="font-size: 20px; color: white; display: block">
|
|
|
- 营具统计
|
|
|
+ 物资统计
|
|
|
</td>
|
|
|
</tr>
|
|
|
</table>
|
|
@@ -594,23 +662,27 @@
|
|
|
<td rowspan="2">
|
|
|
<img src="../../assets/images/yinjus.png" alt />
|
|
|
</td>
|
|
|
- <td style="
|
|
|
+ <td
|
|
|
+ style="
|
|
|
color: #e6923e;
|
|
|
font-family: 'IMPACT';
|
|
|
font-size: 28px;
|
|
|
- "></td>
|
|
|
+ "
|
|
|
+ ></td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
- <td style="
|
|
|
+ <td
|
|
|
+ style="
|
|
|
font-family: 'IMPACT';
|
|
|
font-size: 2rem;
|
|
|
color: #e6923e;
|
|
|
display: block;
|
|
|
- ">
|
|
|
+ "
|
|
|
+ >
|
|
|
{{ yingjulist.putout }}
|
|
|
</td>
|
|
|
<td style="font-size: 20px; color: white; display: block">
|
|
|
- 营具使用
|
|
|
+ 物资使用
|
|
|
</td>
|
|
|
</tr>
|
|
|
</table>
|
|
@@ -627,23 +699,29 @@
|
|
|
<div class="left1-head">
|
|
|
<span>登记落实</span>
|
|
|
</div>
|
|
|
- <div style="
|
|
|
+ <div
|
|
|
+ style="
|
|
|
color: #fff;
|
|
|
font-size: 12px;
|
|
|
display: flex;
|
|
|
position: absolute;
|
|
|
right: 10px;
|
|
|
top: 10px;
|
|
|
- ">
|
|
|
- <span style="
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <span
|
|
|
+ style="
|
|
|
width: 5px;
|
|
|
height: 10px;
|
|
|
background-color: #f56c6c;
|
|
|
display: inline-block;
|
|
|
margin-right: 5px;
|
|
|
margin-top: 3.5px;
|
|
|
- "></span>未登记
|
|
|
- <span style="
|
|
|
+ "
|
|
|
+ ></span
|
|
|
+ >未登记
|
|
|
+ <span
|
|
|
+ style="
|
|
|
width: 5px;
|
|
|
height: 10px;
|
|
|
background-color: #67c23a;
|
|
@@ -651,7 +729,9 @@
|
|
|
margin-right: 5px;
|
|
|
margin-left: 10px;
|
|
|
margin-top: 3.5px;
|
|
|
- "></span>已登记
|
|
|
+ "
|
|
|
+ ></span
|
|
|
+ >已登记
|
|
|
</div>
|
|
|
<div class="right1-main">
|
|
|
<div class="right1-main-title">
|
|
@@ -663,57 +743,161 @@
|
|
|
<span>查铺查岗</span>
|
|
|
</p>
|
|
|
</div>
|
|
|
- <vueSeamlessScroll :data="djlslist" class="seamless-warp" :class-option="defaultOption">
|
|
|
- <div class="right1-main-box" v-for="(item, index) in djlslist" :key="index">
|
|
|
+ <vueSeamlessScroll
|
|
|
+ :data="djlslist"
|
|
|
+ class="seamless-warp"
|
|
|
+ :class-option="defaultOption"
|
|
|
+ >
|
|
|
+ <div
|
|
|
+ class="right1-main-box"
|
|
|
+ v-for="(item, index) in djlslist"
|
|
|
+ :key="index"
|
|
|
+ >
|
|
|
<span style="color: #fff; font-size: 12px; width: 32%">{{
|
|
|
- item.unitname
|
|
|
+ item.unitname
|
|
|
}}</span>
|
|
|
<span>
|
|
|
- <svg t="1638612550724" class="icon2" viewBox="0 0 1024 1024" version="1.1"
|
|
|
- xmlns="http://www.w3.org/2000/svg" p-id="3323" width="20" height="10"
|
|
|
- v-if="item.unitvalue.yaoshidengji == 1">
|
|
|
- <path d="M920 789H104l-40-40V275l40-40h816l40 40v474l-40 40z" p-id="3324" fill="#d03c2a" />
|
|
|
+ <svg
|
|
|
+ t="1638612550724"
|
|
|
+ class="icon2"
|
|
|
+ viewBox="0 0 1024 1024"
|
|
|
+ version="1.1"
|
|
|
+ xmlns="http://www.w3.org/2000/svg"
|
|
|
+ p-id="3323"
|
|
|
+ width="20"
|
|
|
+ height="10"
|
|
|
+ v-if="item.unitvalue.yaoshidengji == 1"
|
|
|
+ >
|
|
|
+ <path
|
|
|
+ d="M920 789H104l-40-40V275l40-40h816l40 40v474l-40 40z"
|
|
|
+ p-id="3324"
|
|
|
+ fill="#d03c2a"
|
|
|
+ />
|
|
|
</svg>
|
|
|
- <svg t="1638612550724" class="icon3" viewBox="0 0 1024 1024" version="1.1"
|
|
|
- xmlns="http://www.w3.org/2000/svg" p-id="3323" width="20" height="10"
|
|
|
- v-if="item.unitvalue.yaoshidengji == 0">
|
|
|
- <path d="M920 789H104l-40-40V275l40-40h816l40 40v474l-40 40z" p-id="3324" fill="#67c23a" />
|
|
|
+ <svg
|
|
|
+ t="1638612550724"
|
|
|
+ class="icon3"
|
|
|
+ viewBox="0 0 1024 1024"
|
|
|
+ version="1.1"
|
|
|
+ xmlns="http://www.w3.org/2000/svg"
|
|
|
+ p-id="3323"
|
|
|
+ width="20"
|
|
|
+ height="10"
|
|
|
+ v-if="item.unitvalue.yaoshidengji == 0"
|
|
|
+ >
|
|
|
+ <path
|
|
|
+ d="M920 789H104l-40-40V275l40-40h816l40 40v474l-40 40z"
|
|
|
+ p-id="3324"
|
|
|
+ fill="#67c23a"
|
|
|
+ />
|
|
|
</svg>
|
|
|
</span>
|
|
|
<span>
|
|
|
- <svg t="1638612550724" class="icon2" viewBox="0 0 1024 1024" version="1.1"
|
|
|
- xmlns="http://www.w3.org/2000/svg" p-id="3323" width="20" height="10"
|
|
|
- v-if="item.unitvalue.daduizhiban == 1">
|
|
|
- <path d="M920 789H104l-40-40V275l40-40h816l40 40v474l-40 40z" p-id="3324" fill="#d03c2a" />
|
|
|
+ <svg
|
|
|
+ t="1638612550724"
|
|
|
+ class="icon2"
|
|
|
+ viewBox="0 0 1024 1024"
|
|
|
+ version="1.1"
|
|
|
+ xmlns="http://www.w3.org/2000/svg"
|
|
|
+ p-id="3323"
|
|
|
+ width="20"
|
|
|
+ height="10"
|
|
|
+ v-if="item.unitvalue.daduizhiban == 1"
|
|
|
+ >
|
|
|
+ <path
|
|
|
+ d="M920 789H104l-40-40V275l40-40h816l40 40v474l-40 40z"
|
|
|
+ p-id="3324"
|
|
|
+ fill="#d03c2a"
|
|
|
+ />
|
|
|
</svg>
|
|
|
- <svg t="1638612550724" class="icon3" viewBox="0 0 1024 1024" version="1.1"
|
|
|
- xmlns="http://www.w3.org/2000/svg" p-id="3323" width="20" height="10"
|
|
|
- v-if="item.unitvalue.daduizhiban == 0">
|
|
|
- <path d="M920 789H104l-40-40V275l40-40h816l40 40v474l-40 40z" p-id="3324" fill="#67c23a" />
|
|
|
+ <svg
|
|
|
+ t="1638612550724"
|
|
|
+ class="icon3"
|
|
|
+ viewBox="0 0 1024 1024"
|
|
|
+ version="1.1"
|
|
|
+ xmlns="http://www.w3.org/2000/svg"
|
|
|
+ p-id="3323"
|
|
|
+ width="20"
|
|
|
+ height="10"
|
|
|
+ v-if="item.unitvalue.daduizhiban == 0"
|
|
|
+ >
|
|
|
+ <path
|
|
|
+ d="M920 789H104l-40-40V275l40-40h816l40 40v474l-40 40z"
|
|
|
+ p-id="3324"
|
|
|
+ fill="#67c23a"
|
|
|
+ />
|
|
|
</svg>
|
|
|
</span>
|
|
|
<span>
|
|
|
- <svg t="1638612550724" class="icon2" viewBox="0 0 1024 1024" version="1.1"
|
|
|
- xmlns="http://www.w3.org/2000/svg" p-id="3323" width="20" height="10"
|
|
|
- v-if="item.unitvalue.gongzuoanpai == 1">
|
|
|
- <path d="M920 789H104l-40-40V275l40-40h816l40 40v474l-40 40z" p-id="3324" fill="#d03c2a" />
|
|
|
+ <svg
|
|
|
+ t="1638612550724"
|
|
|
+ class="icon2"
|
|
|
+ viewBox="0 0 1024 1024"
|
|
|
+ version="1.1"
|
|
|
+ xmlns="http://www.w3.org/2000/svg"
|
|
|
+ p-id="3323"
|
|
|
+ width="20"
|
|
|
+ height="10"
|
|
|
+ v-if="item.unitvalue.gongzuoanpai == 1"
|
|
|
+ >
|
|
|
+ <path
|
|
|
+ d="M920 789H104l-40-40V275l40-40h816l40 40v474l-40 40z"
|
|
|
+ p-id="3324"
|
|
|
+ fill="#d03c2a"
|
|
|
+ />
|
|
|
</svg>
|
|
|
- <svg t="1638612550724" class="icon3" viewBox="0 0 1024 1024" version="1.1"
|
|
|
- xmlns="http://www.w3.org/2000/svg" p-id="3323" width="20" height="10"
|
|
|
- v-if="item.unitvalue.gongzuoanpai == 0">
|
|
|
- <path d="M920 789H104l-40-40V275l40-40h816l40 40v474l-40 40z" p-id="3324" fill="#67c23a" />
|
|
|
+ <svg
|
|
|
+ t="1638612550724"
|
|
|
+ class="icon3"
|
|
|
+ viewBox="0 0 1024 1024"
|
|
|
+ version="1.1"
|
|
|
+ xmlns="http://www.w3.org/2000/svg"
|
|
|
+ p-id="3323"
|
|
|
+ width="20"
|
|
|
+ height="10"
|
|
|
+ v-if="item.unitvalue.gongzuoanpai == 0"
|
|
|
+ >
|
|
|
+ <path
|
|
|
+ d="M920 789H104l-40-40V275l40-40h816l40 40v474l-40 40z"
|
|
|
+ p-id="3324"
|
|
|
+ fill="#67c23a"
|
|
|
+ />
|
|
|
</svg>
|
|
|
</span>
|
|
|
<span>
|
|
|
- <svg t="1638612550724" class="icon2" viewBox="0 0 1024 1024" version="1.1"
|
|
|
- xmlns="http://www.w3.org/2000/svg" p-id="3323" width="20" height="10"
|
|
|
- v-if="item.unitvalue.chagangchashao == 1">
|
|
|
- <path d="M920 789H104l-40-40V275l40-40h816l40 40v474l-40 40z" p-id="3324" fill="#d03c2a" />
|
|
|
+ <svg
|
|
|
+ t="1638612550724"
|
|
|
+ class="icon2"
|
|
|
+ viewBox="0 0 1024 1024"
|
|
|
+ version="1.1"
|
|
|
+ xmlns="http://www.w3.org/2000/svg"
|
|
|
+ p-id="3323"
|
|
|
+ width="20"
|
|
|
+ height="10"
|
|
|
+ v-if="item.unitvalue.chagangchashao == 1"
|
|
|
+ >
|
|
|
+ <path
|
|
|
+ d="M920 789H104l-40-40V275l40-40h816l40 40v474l-40 40z"
|
|
|
+ p-id="3324"
|
|
|
+ fill="#d03c2a"
|
|
|
+ />
|
|
|
</svg>
|
|
|
- <svg t="1638612550724" class="icon3" viewBox="0 0 1024 1024" version="1.1"
|
|
|
- xmlns="http://www.w3.org/2000/svg" p-id="3323" width="20" height="10"
|
|
|
- v-if="item.unitvalue.chagangchashao == 0">
|
|
|
- <path d="M920 789H104l-40-40V275l40-40h816l40 40v474l-40 40z" p-id="3324" fill="#67c23a" />
|
|
|
+ <svg
|
|
|
+ t="1638612550724"
|
|
|
+ class="icon3"
|
|
|
+ viewBox="0 0 1024 1024"
|
|
|
+ version="1.1"
|
|
|
+ xmlns="http://www.w3.org/2000/svg"
|
|
|
+ p-id="3323"
|
|
|
+ width="20"
|
|
|
+ height="10"
|
|
|
+ v-if="item.unitvalue.chagangchashao == 0"
|
|
|
+ >
|
|
|
+ <path
|
|
|
+ d="M920 789H104l-40-40V275l40-40h816l40 40v474l-40 40z"
|
|
|
+ p-id="3324"
|
|
|
+ fill="#67c23a"
|
|
|
+ />
|
|
|
</svg>
|
|
|
</span>
|
|
|
</div>
|
|
@@ -726,7 +910,7 @@
|
|
|
<img src="../../assets/images/左上角.png" alt class="left1-jlt" />
|
|
|
<img src="../../assets/images/左下角.png" alt class="left1-jlb" />
|
|
|
<div class="left1-head">
|
|
|
- <span>物资储备情况</span>
|
|
|
+ <span>防疫品储备情况</span>
|
|
|
</div>
|
|
|
<!-- <div class="right2-main">
|
|
|
<dv-scroll-board
|
|
@@ -743,13 +927,34 @@
|
|
|
<span>数量</span>
|
|
|
</p>
|
|
|
</div>
|
|
|
- <vueSeamlessScroll :data="fylist" class="seamless-warp" :class-option="defaultOption2">
|
|
|
- <div class="right2-main-box" v-for="(item, index) in fylist" :key="index">
|
|
|
- <span style="color: #fff; font-size: 12px">{{
|
|
|
- index + 1
|
|
|
+ <vueSeamlessScroll
|
|
|
+ :data="fylist"
|
|
|
+ class="seamless-warp"
|
|
|
+ :class-option="defaultOption2"
|
|
|
+ >
|
|
|
+ <div
|
|
|
+ class="right2-main-box"
|
|
|
+ v-for="(item, index) in fylist"
|
|
|
+ :key="index"
|
|
|
+ >
|
|
|
+ <span
|
|
|
+ style="color: #ff3333; font-size: 12px"
|
|
|
+ v-if="item.amount == 0"
|
|
|
+ >{{ index + 1 }}</span
|
|
|
+ >
|
|
|
+ <span
|
|
|
+ style="color: #fff; font-size: 12px"
|
|
|
+ v-if="item.amount != 0"
|
|
|
+ >{{ index + 1 }}</span
|
|
|
+ >
|
|
|
+ <span v-if="item.amount == 0" style="color: #ff3333">{{
|
|
|
+ item.durgName
|
|
|
+ }}</span>
|
|
|
+ <span v-if="item.amount != 0">{{ item.durgName }}</span>
|
|
|
+ <span v-if="item.amount == 0" style="color: #ff3333">{{
|
|
|
+ item.amount
|
|
|
}}</span>
|
|
|
- <span>{{ item.durgName }}</span>
|
|
|
- <span>{{ item.amount }}</span>
|
|
|
+ <span v-if="item.amount != 0">{{ item.amount }}</span>
|
|
|
</div>
|
|
|
</vueSeamlessScroll>
|
|
|
</div>
|
|
@@ -771,7 +976,8 @@
|
|
|
<div class="right3-r-main-item-r">
|
|
|
<div class="s1">本周打印</div>
|
|
|
<div class="s2">
|
|
|
- <b style="color: #30fdff">{{ wylist.total || 0 }}</b>份
|
|
|
+ <b style="color: #30fdff">{{ wylist.total || 0 }}</b
|
|
|
+ >份
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -782,7 +988,8 @@
|
|
|
<div class="right3-r-main-item-r">
|
|
|
<div class="s1">归还数量</div>
|
|
|
<div class="s2">
|
|
|
- <b style="color: #2bf1b2">{{ wylist.returnNumber || 0 }}</b>份
|
|
|
+ <b style="color: #2bf1b2">{{ wylist.returnNumber || 0 }}</b
|
|
|
+ >份
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -794,8 +1001,9 @@
|
|
|
<div class="s1">未归还数量</div>
|
|
|
<div class="s2">
|
|
|
<b style="color: #ff5a5a">{{
|
|
|
- wylist.weiReturnNumber || 0
|
|
|
- }}</b>份
|
|
|
+ wylist.weiReturnNumber || 0
|
|
|
+ }}</b
|
|
|
+ >份
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -807,8 +1015,9 @@
|
|
|
<div class="s1">无需归还</div>
|
|
|
<div class="s2">
|
|
|
<b style="color: #738c97">{{
|
|
|
- wylist.noReturnNumber || 0
|
|
|
- }}</b>份
|
|
|
+ wylist.noReturnNumber || 0
|
|
|
+ }}</b
|
|
|
+ >份
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -826,7 +1035,8 @@
|
|
|
<div class="right3-r-main-item-r">
|
|
|
<div class="s1">移动载体</div>
|
|
|
<div class="s2">
|
|
|
- <b style="color: #30fdff">{{ smztlist[3] }}</b>台
|
|
|
+ <b style="color: #30fdff">{{ smztlist[3] }}</b
|
|
|
+ >台
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -837,7 +1047,8 @@
|
|
|
<div class="right3-r-main-item-r">
|
|
|
<div class="s1">军用手机</div>
|
|
|
<div class="s2">
|
|
|
- <b style="color: #2bf1b2">{{ smztlist[0] }}</b>台
|
|
|
+ <b style="color: #2bf1b2">{{ smztlist[0] }}</b
|
|
|
+ >台
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -848,7 +1059,8 @@
|
|
|
<div class="right3-r-main-item-r">
|
|
|
<div class="s1">电脑</div>
|
|
|
<div class="s2">
|
|
|
- <b style="color: #30aaff">{{ smztlist[1] }}</b>台
|
|
|
+ <b style="color: #30aaff">{{ smztlist[1] }}</b
|
|
|
+ >台
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -859,7 +1071,8 @@
|
|
|
<div class="right3-r-main-item-r">
|
|
|
<div class="s1">相机</div>
|
|
|
<div class="s2">
|
|
|
- <b style="color: #9d83ff">{{ smztlist[2] }}</b>台
|
|
|
+ <b style="color: #9d83ff">{{ smztlist[2] }}</b
|
|
|
+ >台
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -1126,7 +1339,7 @@ export default {
|
|
|
});
|
|
|
},
|
|
|
titlefun() {
|
|
|
- this.$router.push({ path: "/pt" }).catch(() => { });
|
|
|
+ this.$router.push({ path: "/pt" }).catch(() => {});
|
|
|
},
|
|
|
zsz(obj, n) {
|
|
|
// var s = Number((obj[n] + "").split(""));
|
|
@@ -1152,8 +1365,9 @@ export default {
|
|
|
this.zwqklist.map((item) => {
|
|
|
for (var i in item) {
|
|
|
className.push(i);
|
|
|
- if (item[i] == 0 || item[i] == 100) { } else {
|
|
|
- item[i] = item[i].toFixed(1)
|
|
|
+ if (item[i] == 0 || item[i] == 100) {
|
|
|
+ } else {
|
|
|
+ item[i] = item[i].toFixed(1);
|
|
|
}
|
|
|
datav.push(item[i]);
|
|
|
}
|
|
@@ -1284,8 +1498,8 @@ export default {
|
|
|
fontSize: "12",
|
|
|
},
|
|
|
formatter: function (datav) {
|
|
|
- return datav + '%';
|
|
|
- }
|
|
|
+ return datav + "%";
|
|
|
+ },
|
|
|
},
|
|
|
data: data2,
|
|
|
},
|
|
@@ -2151,25 +2365,15 @@ export default {
|
|
|
}
|
|
|
|
|
|
.center4_b {
|
|
|
- /* 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: 35%;
|
|
|
- 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;
|
|
|
+ height: 5.5vh;
|
|
|
width: 46%;
|
|
|
- line-height: 4vh;
|
|
|
+ line-height: 5.5vh;
|
|
|
/* text-align: center; */
|
|
|
position: relative;
|
|
|
top: -85%;
|
|
@@ -2264,7 +2468,7 @@ export default {
|
|
|
margin-top: 0.9vh;
|
|
|
margin-left: 0.3vw;
|
|
|
display: inline-block;
|
|
|
- margin-right: 80px;
|
|
|
+ margin-right: 89px;
|
|
|
}
|
|
|
|
|
|
.center4_l div {
|