|
@@ -391,12 +391,19 @@
|
|
|
<img src="../../assets/images/zong.png" alt />
|
|
|
</td>
|
|
|
<td>
|
|
|
- <div
|
|
|
+ <!-- <div
|
|
|
v-for="(item, index) in zwlist.zaiweizongshu"
|
|
|
:key="index"
|
|
|
>
|
|
|
{{ item }}
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
+ <countTo
|
|
|
+ v-for="(item, index) in zwlist.zaiweizongshu"
|
|
|
+ :key="index"
|
|
|
+ :startVal="0"
|
|
|
+ :endVal="item"
|
|
|
+ :duration="1000"
|
|
|
+ ></countTo>
|
|
|
</td>
|
|
|
</tr>
|
|
|
</table>
|
|
@@ -413,12 +420,19 @@
|
|
|
<img src="../../assets/images/zaiwei.png" alt />
|
|
|
</td>
|
|
|
<td>
|
|
|
- <div
|
|
|
+ <!-- <div
|
|
|
v-for="(item, index) in zwlist.nabianzaiwei"
|
|
|
:key="index"
|
|
|
>
|
|
|
{{ item }}
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
+ <countTo
|
|
|
+ v-for="(item, index) in zwlist.nabianzaiwei"
|
|
|
+ :key="index"
|
|
|
+ :startVal="0"
|
|
|
+ :endVal="item"
|
|
|
+ :duration="1000"
|
|
|
+ ></countTo>
|
|
|
</td>
|
|
|
</tr>
|
|
|
</table>
|
|
@@ -435,12 +449,20 @@
|
|
|
<img src="../../assets/images/waichu.png" alt />
|
|
|
</td>
|
|
|
<td>
|
|
|
- <div
|
|
|
+ <!-- <div
|
|
|
v-for="(item, index) in zwlist.nabianwaichu"
|
|
|
:key="index"
|
|
|
>
|
|
|
{{ item }}
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
+
|
|
|
+ <countTo
|
|
|
+ v-for="(item, index) in zwlist.nabianwaichu"
|
|
|
+ :key="index"
|
|
|
+ :startVal="0"
|
|
|
+ :endVal="item"
|
|
|
+ :duration="1000"
|
|
|
+ ></countTo>
|
|
|
</td>
|
|
|
</tr>
|
|
|
</table>
|
|
@@ -457,12 +479,19 @@
|
|
|
<img src="../../assets/images/zaiwei.png" alt />
|
|
|
</td>
|
|
|
<td>
|
|
|
- <div
|
|
|
+ <!-- <div
|
|
|
v-for="(item, index) in zwlist.weinabianzaiwei"
|
|
|
:key="index"
|
|
|
>
|
|
|
{{ item }}
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
+ <countTo
|
|
|
+ v-for="(item, index) in zwlist.weinabianzaiwei"
|
|
|
+ :key="index"
|
|
|
+ :startVal="0"
|
|
|
+ :endVal="item"
|
|
|
+ :duration="1000"
|
|
|
+ ></countTo>
|
|
|
</td>
|
|
|
</tr>
|
|
|
</table>
|
|
@@ -479,12 +508,19 @@
|
|
|
<img src="../../assets/images/waichu.png" alt />
|
|
|
</td>
|
|
|
<td>
|
|
|
- <div
|
|
|
+ <!-- <div
|
|
|
v-for="(item, index) in zwlist.weinabianwaichu"
|
|
|
:key="index"
|
|
|
>
|
|
|
{{ item }}
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
+ <countTo
|
|
|
+ v-for="(item, index) in zwlist.weinabianwaichu"
|
|
|
+ :key="index"
|
|
|
+ :startVal="0"
|
|
|
+ :endVal="item"
|
|
|
+ :duration="1000"
|
|
|
+ ></countTo>
|
|
|
</td>
|
|
|
</tr>
|
|
|
</table>
|
|
@@ -927,7 +963,7 @@
|
|
|
<div class="right3-r-main-item-r">
|
|
|
<div class="s1">本周打印数量</div>
|
|
|
<div class="s2">
|
|
|
- <b style="color: #30fdff">{{ this.wylist.mouthprints }}</b
|
|
|
+ <b style="color: #30fdff">{{ this.wylist.total }}</b
|
|
|
>份
|
|
|
</div>
|
|
|
</div>
|
|
@@ -939,7 +975,7 @@
|
|
|
<div class="right3-r-main-item-r">
|
|
|
<div class="s1">归还数量</div>
|
|
|
<div class="s2">
|
|
|
- <b style="color: #2bf1b2">{{ this.wylist[1] }}</b
|
|
|
+ <b style="color: #2bf1b2">{{ this.wylist.returnNumber }}</b
|
|
|
>份
|
|
|
</div>
|
|
|
</div>
|
|
@@ -951,7 +987,9 @@
|
|
|
<div class="right3-r-main-item-r">
|
|
|
<div class="s1">未归还数量</div>
|
|
|
<div class="s2">
|
|
|
- <b style="color: #ff5a5a">{{ this.wylist[0] }}</b
|
|
|
+ <b style="color: #ff5a5a">{{
|
|
|
+ this.wylist.weiReturnNumber
|
|
|
+ }}</b
|
|
|
>份
|
|
|
</div>
|
|
|
</div>
|
|
@@ -963,7 +1001,9 @@
|
|
|
<div class="right3-r-main-item-r">
|
|
|
<div class="s1">无需归还数量</div>
|
|
|
<div class="s2">
|
|
|
- <b style="color: #738c97">{{ this.wylist.notreturns }}</b
|
|
|
+ <b style="color: #738c97">{{
|
|
|
+ this.wylist.noReturnNumber
|
|
|
+ }}</b
|
|
|
>份
|
|
|
</div>
|
|
|
</div>
|
|
@@ -1053,6 +1093,7 @@ import {
|
|
|
} from "@/api/taishi/taishi";
|
|
|
import * as echarts from "echarts";
|
|
|
import vueSeamlessScroll from "vue-seamless-scroll";
|
|
|
+import countTo from "vue-count-to";
|
|
|
import Cookies from "js-cookie";
|
|
|
export default {
|
|
|
name: "TaiShi",
|
|
@@ -1154,6 +1195,7 @@ export default {
|
|
|
zaiweipeople().then((res) => {
|
|
|
if (res.code == 200) {
|
|
|
// this.zwlist = res.data[0];
|
|
|
+ console.log(res);
|
|
|
let arr = res.data[0];
|
|
|
for (var i in arr) {
|
|
|
this.zsz(arr, i);
|
|
@@ -1203,14 +1245,14 @@ export default {
|
|
|
//集中文印
|
|
|
rizongwenyin().then((res) => {
|
|
|
this.wylist = res.data;
|
|
|
- if (this.wylist[1]) {
|
|
|
- } else {
|
|
|
- this.wylist[1] = 0;
|
|
|
- }
|
|
|
- if (this.wylist[0]) {
|
|
|
- } else {
|
|
|
- this.wylist[0] = 0;
|
|
|
- }
|
|
|
+ // if (this.wylist[1]) {
|
|
|
+ // } else {
|
|
|
+ // this.wylist[1] = 0;
|
|
|
+ // }
|
|
|
+ // if (this.wylist[0]) {
|
|
|
+ // } else {
|
|
|
+ // this.wylist[0] = 0;
|
|
|
+ // }
|
|
|
});
|
|
|
//军车
|
|
|
juncheguanli().then((res) => {
|
|
@@ -1286,7 +1328,9 @@ export default {
|
|
|
this.$router.push({ path: "/pt" }).catch(() => {});
|
|
|
},
|
|
|
zsz(obj, n) {
|
|
|
+ // var s = Number((obj[n] + "").split(""));
|
|
|
var s = (obj[n] + "").split("");
|
|
|
+ s = s.map(Number);
|
|
|
if (s.length == 1) {
|
|
|
s.unshift(0, 0);
|
|
|
} else if (s.length == 2) {
|
|
@@ -2059,6 +2103,7 @@ export default {
|
|
|
},
|
|
|
components: {
|
|
|
vueSeamlessScroll,
|
|
|
+ countTo,
|
|
|
},
|
|
|
};
|
|
|
</script>
|
|
@@ -2903,4 +2948,14 @@ export default {
|
|
|
width: 100%;
|
|
|
height: 46%;
|
|
|
}
|
|
|
+.center1_d span {
|
|
|
+ display: inline-block;
|
|
|
+ font-size: 35px;
|
|
|
+ font-family: "IMPACT";
|
|
|
+ background-color: #0c3361;
|
|
|
+ margin-left: 5px;
|
|
|
+ width: 25px;
|
|
|
+ text-align: center;
|
|
|
+ color: #ff9000;
|
|
|
+}
|
|
|
</style>
|