From 22f9e400ea731da9ee6be6fa389adebfc3438f63 Mon Sep 17 00:00:00 2001
From: zhangxiaoxu123 <819527061@qq.com>
Date: 星期二, 04 七月 2023 15:32:24 +0800
Subject: [PATCH] 对接接口
---
src/pages/show/showIndex/IndexMoudleBlock.vue | 154 ++++++++++++++++++++++++++++++++++++++++++---------
1 files changed, 127 insertions(+), 27 deletions(-)
diff --git a/src/pages/show/showIndex/IndexMoudleBlock.vue b/src/pages/show/showIndex/IndexMoudleBlock.vue
index 01b7e76..bb53824 100644
--- a/src/pages/show/showIndex/IndexMoudleBlock.vue
+++ b/src/pages/show/showIndex/IndexMoudleBlock.vue
@@ -73,7 +73,7 @@
</g>
</svg>
</div>
- <h1>鏈嶅姟鍣�</h1>
+ <h1>涓绘満</h1>
</div>
<div class="svgMain-bottom">
<div class="svgMain-bottom-block">
@@ -82,7 +82,7 @@
<countTo
ref="fuwuCountTo1"
:start-val="0"
- :end-val="3689"
+ :end-val="zhuji.count"
:duration="2500"
class="count-number"
:autoplay="false"></countTo>
@@ -94,7 +94,7 @@
<countTo
ref="fuwuCountTo2"
:start-val="0"
- :end-val="3650"
+ :end-val="zhuji.normalCount"
:duration="2500"
class="count-number"
:autoplay="false"></countTo>
@@ -179,24 +179,24 @@
</div>
<div class="svgMain-bottom">
<div class="svgMain-bottom-block">
- <h1>鐩戞帶涓绘満</h1>
+ <h1>鐩戞帶璁惧</h1>
<h2>
<countTo
ref="shutongCountTo1"
:start-val="0"
- :end-val="3650"
+ :end-val="tongxun.count"
:duration="2500"
class="count-number"
:autoplay="false"></countTo>
</h2>
</div>
<div class="svgMain-bottom-block">
- <h1>姝ｅ父涓绘満</h1>
+ <h1>姝ｅ父璁惧</h1>
<h2>
<countTo
ref="shutongCountTo2"
:start-val="0"
- :end-val="3650"
+ :end-val="tongxun.normalCount"
:duration="2500"
class="count-number"
:autoplay="false"></countTo>
@@ -284,24 +284,24 @@
</div>
<div class="svgMain-bottom">
<div class="svgMain-bottom-block">
- <h1>鐩戞帶涓绘満</h1>
+ <h1>璁″垝鎬绘暟</h1>
<h2>
<countTo
ref="yunweiCountTo1"
:start-val="0"
- :end-val="3650"
+ :end-val="yunwei.count"
:duration="2500"
class="count-number"
:autoplay="false"></countTo>
</h2>
</div>
<div class="svgMain-bottom-block">
- <h1>姝ｅ父涓绘満</h1>
+ <h1>宸插畬鎴愯鍒�</h1>
<h2>
<countTo
ref="yunweiCountTo2"
:start-val="0"
- :end-val="3650"
+ :end-val="yunwei.normalCount"
:duration="2500"
class="count-number"
:autoplay="false"></countTo>
@@ -386,12 +386,12 @@
</div>
<div class="svgMain-bottom">
<div class="svgMain-bottom-block">
- <h1>ups/鐢垫睜缁�</h1>
+ <h1>ups</h1>
<h2>
<countTo
ref="donghuanCountTo1"
:start-val="0"
- :end-val="3650"
+ :end-val="up.ups"
:duration="2500"
class="count-number"
:autoplay="false"></countTo>
@@ -399,27 +399,27 @@
<countTo
ref="donghuanCountTo2"
:start-val="0"
- :end-val="365"
+ :end-val="up.ups2"
:duration="2500"
class="count-number"
:autoplay="false"></countTo>
</h2>
</div>
<div class="svgMain-bottom-block">
- <h1>娓╂箍搴﹁澶�/姘寸</h1>
+ <h1>鐢垫睜缁�</h1>
<h2>
<countTo
- ref="donghuanCountTo2"
+ ref="donghuanCountTo3"
:start-val="0"
- :end-val="3650"
+ :end-val="up.dianchi"
:duration="2500"
class="count-number"
:autoplay="false"></countTo>
<span>/</span>
<countTo
- ref="donghuanCountTo2"
+ ref="donghuanCountTo4"
:start-val="0"
- :end-val="365"
+ :end-val="up.dianchi2"
:duration="2500"
class="count-number"
:autoplay="false"></countTo>
@@ -507,36 +507,44 @@
</g>
</svg>
</div>
- <h1>闂ㄧ</h1>
+ <h1>绌鸿皟</h1>
</div>
<div class="svgMain-bottom">
<div class="svgMain-bottom-block">
- <h1>姝ｅ父闂ㄧ/鐩戞帶闂ㄧ</h1>
+ <h1>ups绌鸿皟</h1>
<h2>
<countTo
ref="menjinCountTo1"
:start-val="0"
- :end-val="3650"
+ :end-val="kongtiao.upsKongtiao"
:duration="2500"
class="count-number"
:autoplay="false"></countTo>
<span>/</span>
<countTo
- ref="menjinCountTo1"
+ ref="menjinCountTo2"
:start-val="0"
- :end-val="360"
+ :end-val="kongtiao.upsKongtiao2"
:duration="2500"
class="count-number"
:autoplay="false"></countTo>
</h2>
</div>
<div class="svgMain-bottom-block">
- <h1>绌鸿皟</h1>
+ <h1>涓績绌鸿皟</h1>
<h2>
<countTo
- ref="menjinCountTo2"
+ ref="menjinCountTo3"
:start-val="0"
- :end-val="3650"
+ :end-val="kongtiao.zhongxinKongtiao"
+ :duration="2500"
+ class="count-number"
+ :autoplay="false"></countTo>
+ <span>/</span>
+ <countTo
+ ref="menjinCountTo4"
+ :start-val="0"
+ :end-val="kongtiao.zhongxinKongtiao2"
:duration="2500"
class="count-number"
:autoplay="false"></countTo>
@@ -550,6 +558,7 @@
<script>
import {animateShanFlash} from '@/utils/animateShanFlash'
+ import {getHost,getSnmp,getTask,getTaskInfoById,getUps,getKongtiao} from '@/api/daping'
import countTo from "vue-count-to"
export default {
name: "IndexMoudleBlock",
@@ -564,13 +573,100 @@
fuwuqiconfig2: {
number: [0],
},
+ zhuji: {
+ count: 0,
+ normalCount: 0
+ },
+ tongxun: {
+ count: 0,
+ normalCount: 0
+ },
+ yunwei: {
+ count: 0,
+ normalCount: 0
+ },
+ up: {
+ dianchi:0,
+ dianchi2:0,
+ ups:0,
+ ups2:0,
+ },
+ kongtiao: {
+ upsKongtiao:0,
+ upsKongtiao2:0,
+ zhongxinKongtiao:0,
+ zhongxinKongtiao2:0
+ },
+ timer:null
}
+ },
+ destroyed() {
+ clearInterval(this.timer)
},
mounted() {
this.loading()
+ this.getHost()
+ this.getSnmp()
+ this.getTask()
+ this.getUps()
+ this.getKongtiao()
+ this.timer = setInterval(() => {
+ this.getHost()
+ this.getSnmp()
+ this.getTask()
+ this.getUps()
+ this.getKongtiao()
+ },300000)
},
methods: {
+ getHost(){ //涓绘満
+ getHost().then(res =>{
+ console.log(res,'res====')
+ if(res.code == 0) {
+ res.data.count && (this.zhuji.count = res.data.count)
+ res.data.normalCount && (this.zhuji.normalCount = res.data.normalCount)
+ }
+ })
+ },
+ getSnmp() { //鏁伴�氳澶�
+ getSnmp().then(res => {
+ if(res.code == 0) {
+ this.tongxun.count = res.data.count
+ this.tongxun.normalCount = res.data.normalCount
+ }
+ })
+ },
+ getTask() { //杩愮淮璁″垝
+ getTask().then(res => {
+ if(res.code == 0) {
+ this.yunwei.count = res.data.count
+ this.yunwei.normalCount = res.data.normalCount
+ }
+ })
+ },
+ getUps() {
+ getUps().then(res => {
+ if(res.code == 0) {
+ this.up.dianchi = res.data.dianchi
+ this.up.dianchi2 = res.data.dianchi2
+ console.log(this.up.dianchi,'this.up.dianchi1====')
+ console.log(this.up.dianchi2,'this.up.dianchi2====')
+ this.up.ups = res.data.ups
+ this.up.ups2 = res.data.ups2
+ }
+ })
+ },
+ getKongtiao() {
+ getKongtiao().then(res => {
+ if(res.code == 0) {
+ this.kongtiao.upsKongtiao = res.data.upsKongtiao
+ this.kongtiao.upsKongtiao2 = res.data.upsKongtiao2
+ this.kongtiao.zhongxinKongtiao = res.data.zhongxinKongtiao
+ this.kongtiao.zhongxinKongtiao2 = res.data.zhongxinKongtiao2
+ }
+ })
+ },
start() {
this.$refs.countTo.start();
},
@@ -615,8 +711,12 @@
this.$refs.donghuanCountTo1.start();
this.$refs.donghuanCountTo2.start();
this.$refs.donghuanCountTo2.start();
+ this.$refs.donghuanCountTo3.start();
+ this.$refs.donghuanCountTo4.start();
this.$refs.menjinCountTo1.start();
this.$refs.menjinCountTo2.start();
+ this.$refs.menjinCountTo3.start();
+ this.$refs.menjinCountTo4.start();
},1000)
})
--
Gitblit v1.9.1