Browse Source

调用成功第一个接口

master
xyiege 5 months ago
parent
commit
d165187fc7
  1. 2
      vue/afvue/README.md
  2. 19
      vue/afvue/src/utils/util.js
  3. 22
      vue/afvue/src/views/Dashboard.vue

2
vue/afvue/README.md

@ -31,3 +31,5 @@ npm run build
### 参考网址
[https://juejin.cn/post/6844903699458818062](https://juejin.cn/post/6844903699458818062)
[https://www.jb51.net/article/242685.htm](https://www.jb51.net/article/242685.htm)

19
vue/afvue/src/utils/util.js

@ -228,3 +228,22 @@ export function assignFormData (detail, defaultData) {
const filterData = _.pick(detail, _.keys(defaultData))
return Object.assign({}, defaultData, filterData)
}
// Base64转Uint8Array
export function base64ToUint8Array(base64) {
// 处理URL安全的Base64
base64 = base64.replace(/-/g, '+').replace(/_/g, '/');
// 解码Base64为二进制字符串
const binaryString = atob(base64);
// 转换为Uint8Array
const len = binaryString.length;
const uint8Array = new Uint8Array(len);
for (let i = 0; i < len; i++) {
uint8Array[i] = binaryString.charCodeAt(i);
}
return uint8Array;
}

22
vue/afvue/src/views/Dashboard.vue

@ -9,11 +9,12 @@
<a href="" class="dsbtn green">代码对比</a>
</div>
<div class="dscon">
<p>磁盘使用2200G/总计3100G</p>
<p>系统进程120</p>
<p>CPU占用20%</p>
<p>内存占用2000M/总计4000M</p>
<p>网络流量1000M/1000M</p>
<p>磁盘使用{{sysdata.hdstat}}</p>
<p>系统进程{{ sysdata.procout }}</p>
<p>CPU占用{{ sysdata.cpustat }}</p>
<p>内存占用{{ sysdata.memstat }}</p>
<p>网络流量{{ sysdata.netstat }}</p>
</div>
</div>
@ -68,6 +69,7 @@
<script>
import * as SysApi from '@/api/scinfo'
import * as scinfo from '@/utils/scinfo'
import { base64ToUint8Array } from '@/utils/util'
export default {
@ -85,10 +87,12 @@ export default {
methods: {
getSysinfo() {
SysApi.Sysinfo('http://127.0.0.1:9099').then(res => {
// console.log(res.data)
let data = scinfo.decodeHdinfo(res.data)
console.log(data)
// base64
let afbin= base64ToUint8Array(res.data)
//
let data = scinfo.decodeHdinfo(afbin)
//
this.sysdata = data
})
}
}

Loading…
Cancel
Save