diff options
author | Kyomotoi <[email protected]> | 2021-07-31 16:16:47 +0800 |
---|---|---|
committer | Kyomotoi <[email protected]> | 2021-07-31 16:16:47 +0800 |
commit | 336eb9d9e98b0bee952c27a50820dbdb350bcc03 (patch) | |
tree | 718d5349232bce0d06cc901707bdd8f478c43314 /ATRI/plugins/manege/atri-manege/src/components | |
parent | c485985d3be687d17168512de44ea7b744fea7cc (diff) | |
download | ATRI-336eb9d9e98b0bee952c27a50820dbdb350bcc03.tar.gz ATRI-336eb9d9e98b0bee952c27a50820dbdb350bcc03.tar.bz2 ATRI-336eb9d9e98b0bee952c27a50820dbdb350bcc03.zip |
🔥🚚✨
- 移除:laugh.txt,需要时再拉取
- 移动控制台文件至plugins/console目录下
- 新增:
- 和管理贴贴w
- 正式的可视化前端单页
Diffstat (limited to 'ATRI/plugins/manege/atri-manege/src/components')
-rw-r--r-- | ATRI/plugins/manege/atri-manege/src/components/HelloWorld.vue | 170 |
1 files changed, 0 insertions, 170 deletions
diff --git a/ATRI/plugins/manege/atri-manege/src/components/HelloWorld.vue b/ATRI/plugins/manege/atri-manege/src/components/HelloWorld.vue deleted file mode 100644 index 0ff52c0..0000000 --- a/ATRI/plugins/manege/atri-manege/src/components/HelloWorld.vue +++ /dev/null @@ -1,170 +0,0 @@ -<template> - <v-app> - <!-- Running 将由 Fastpi控制 - 正常:Running。非正常(刷新即丢失页面)Error。 - --> - <h1 class="h1-index">ATRI is Running</h1> - - <v-divider></v-divider> - - <v-col> - <h3 class="h3-index">主体状态 | Status</h3> - </v-col> - <v-container> - <v-col> - <v-row> - <v-card height="170" width="400" class="ma-1"> - <!--同上: - 正常:Normal operation。断开:Waiting for connection--> - <v-card-title>WS状态 | Websocket Status</v-card-title> - <div class="text-center"> - <v-chip - class="ma-2" - color="green" - text-color="white" - > - Normal operation - </v-chip> - </div> - </v-card> - - <v-card height="170" width="400" class="ma-1"> - <v-card-title>自身状态 | Self Status</v-card-title> - <div class="text-center"> - <v-chip - class="ma-2" - color="green" - text-color="white" - > - Normal operation - </v-chip> - </div> - </v-card> - </v-row> - </v-col> - </v-container> - - <v-divider></v-divider> - - <v-col> - <h3 class="h3-index">记录仪 | Dashboard</h3> - <div id="container" class="test-box"></div> - </v-col> - </v-app> -</template> - -<script> -import * as echarts from 'echarts' - -export default { - mounted() { - let myChart = echarts.init(document.getElementById("container")); - let option = { - title: { - subtext: '数据统计间隔:1分钟', - left: '10' - }, - legend: { - data: ['接受信息', '发送信息', '服务调用速率', '服务调用失败速率'] - }, - color: ["#32c1e5", "#e5bb32", "#77e532", "#e5323e"], - tooltip: { - trigger: 'axis' - }, - grid: { - left: '3%', - right: '4%', - bottom: '3%', - containLabel: true - }, - axisPointer: { - show: true, - }, - dataZoom: [ - { - type: 'slider', - show: true, - xAxisIndex: [0] - }, - { - type: 'slider', - show: true, - yAxisIndex: [0] - }, - { - type: 'inside', - xAxisIndex: [0] - }, - { - type: 'inside', - yAxisIndex: [0] - } - ], - toolbox: { - feature: { - dataZoom: { - yAxisIndex: false, - xAxisIndex: false - }, - restore: {}, - saveAsImage: {} - } - }, - xAxis: [ - { - type: 'category', - boundaryGap: false, - axisLine: {onZero: false}, - data: ["7-20 20:00", "7-20 20:01", "7-20 20:02", "7-20 20:03", "7-20 20:04", "7-20 20:05", "7-20 20:06", "7-20 20:07"] - }, - ], - yAxis: { - type: 'value' - }, - series: [ - { - name: '接受信息', - type: 'line', - data: [293, 394, 590, 493, 592, 489, 519, 528] - }, - { - name: '发送信息', - type: 'line', - data: [220, 182, 191, 234, 290, 330, 310, 230] - }, - { - name: '服务调用速率', - type: 'line', - data: [150, 232, 201, 154, 190, 330, 209, 291] - }, - { - name: '服务调用失败速率', - type: 'line', - data: [12, 3, 42 ,3, 32, 4, 42, 20] - } - ] - }; - - myChart.setOption(option); - window.onresize = myChart.resize; - } -} -</script> - -<style> -.h1-index { - font-size: 240%; - color: #8f8f8f; -} - -.h3-index { - color: #8f8f8f; -} - -.test-box { - width: 100%; - height: 600px; - background-color: white; -} - -</style> |