From 5ea910a9712f1409ecee60ee9fff3c95a97dd8dc Mon Sep 17 00:00:00 2001
From: xiangpei <xiangpei@timesnew.cn>
Date: 星期一, 30 九月 2024 15:53:54 +0800
Subject: [PATCH] 监测工具
---
src/api/platform/online-util.js | 10 +++
src/views/tool/online/index.vue | 118 +++++++++++++++++++++++++++++++++++++++
2 files changed, 128 insertions(+), 0 deletions(-)
diff --git a/src/api/platform/online-util.js b/src/api/platform/online-util.js
new file mode 100644
index 0000000..8425020
--- /dev/null
+++ b/src/api/platform/online-util.js
@@ -0,0 +1,10 @@
+import request from '@/utils/request'
+
+//
+export function check(query) {
+ return request({
+ url: '/system/util/online',
+ method: 'get',
+ params: query
+ })
+}
diff --git a/src/views/tool/online/index.vue b/src/views/tool/online/index.vue
new file mode 100644
index 0000000..0111d58
--- /dev/null
+++ b/src/views/tool/online/index.vue
@@ -0,0 +1,118 @@
+<template>
+ <div class="app-container">
+ <el-tabs v-model="active" @tab-click="changeActive">
+ <el-tab-pane label="鍦ㄧ嚎妫�娴�" name="1">
+ <el-form :model="form" :inline="true">
+ <el-form-item label="鍥芥爣鐮侊細">
+ <el-input v-model="form.serialNumber"/>
+ </el-form-item>
+ <el-form-item>
+ <el-button @click="check" type="primary">妫�娴�</el-button>
+ </el-form-item>
+ </el-form>
+ <div v-loading="loading" v-if="result.status">
+ <div class="row">
+ <div>妫�娴嬬粨鏋滐細</div>
+ <div>{{ result.status }}</div>
+ </div>
+ <div style="margin-top: 100px">
+ <div v-if="result.img">
+ <div>鍥剧墖锛�</div>
+ <div>
+ <el-image
+ style="width: 100px; height: 100px"
+ :src="result.img"
+ fit="fill">
+ </el-image>
+ </div>
+ </div>
+ <div v-else>
+ <div>鍙栧浘澶辫触</div>
+ </div>
+ </div>
+
+ </div>
+ </el-tab-pane>
+ <el-tab-pane label="ping" name="2">
+ <el-form :model="form" :inline="true">
+ <el-form-item label="ip锛�">
+ <el-input v-model="form.ip"/>
+ </el-form-item>
+ <el-form-item>
+ <el-button @click="check" type="primary">妫�娴�</el-button>
+ </el-form-item>
+ </el-form>
+ <div v-if="result.status" v-loading="loading" class="row">
+ <div>妫�娴嬬粨鏋滐細</div>
+ <div>{{ result.status }}</div>
+ </div>
+ </el-tab-pane>
+ </el-tabs>
+ </div>
+</template>
+
+<script>
+import {check} from "@/api/platform/online-util";
+
+export default {
+ name: "index",
+ data() {
+ return {
+ loading: false,
+ active: '1',
+ form: {
+ serialNumber: '',
+ ip: '',
+ type: '1',
+ },
+ result: {
+ status: '',
+ img: '',
+ },
+ }
+ },
+ methods: {
+ changeActive(tab) {
+ this.result = {
+ status: '',
+ img: '',
+ },
+ this.form.type = tab.name
+ if (this.form.type === '1') {
+ this.form.ip = ''
+ }
+ if (this.form.type === '2') {
+ this.form.serialNumber = ''
+ }
+ },
+ check() {
+ if (this.form.type === '1' && !this.form.serialNumber) {
+ this.$message.error("璇峰～鍐欐纭殑鍥芥爣鐮�")
+ return
+ }
+ if (this.form.type === '2' && !this.form.ip) {
+ this.$message.error("璇峰～鍐欐纭殑ip")
+ return
+ }
+ this.form.serialNumber = this.form.serialNumber.replace(/^\s+|\s+$/g, '')
+ this.form.ip = this.form.ip.replace(/^\s+|\s+$/g, '')
+ this.loading = true
+ check(this.form).then(res => {
+ this.result = res.data
+ this.loading = false
+ })
+ }
+ }
+}
+</script>
+
+<style scoped>
+.row {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+}
+.app-container {
+ color: #5b5b5b;
+}
+</style>
--
Gitblit v1.8.0