| 1 |
- {"remainingRequest":"D:\\test\\ssi-satoken\\ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\test\\ssi-satoken\\ui\\src\\views\\monitor\\server\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\test\\ssi-satoken\\ui\\src\\views\\monitor\\server\\index.vue","mtime":1696909835000},{"path":"D:\\test\\ssi-satoken\\ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1697005520931},{"path":"D:\\test\\ssi-satoken\\ui\\node_modules\\babel-loader\\lib\\index.js","mtime":1697005523218},{"path":"D:\\test\\ssi-satoken\\ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1697005520931},{"path":"D:\\test\\ssi-satoken\\ui\\node_modules\\vue-loader\\lib\\index.js","mtime":1697005524089}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQoNCmV4cG9ydCBkZWZhdWx0IHsNCiAgbmFtZTogIlNlcnZlciIsDQogIGRhdGEoKSB7DQogICAgcmV0dXJuIHsNCiAgICAgIC8vIOacjeWKoeWZqOS/oeaBrw0KICAgICAgc2VydmVyOiBbXQ0KICAgIH07DQogIH0sDQogIGNyZWF0ZWQoKSB7DQogICAgdGhpcy5nZXRMaXN0KCk7DQogICAgLy8gdGhpcy5vcGVuTG9hZGluZygpOw0KICB9LA0KICBtZXRob2RzOiB7DQogICAgLyoqIOafpeivouacjeWKoeWZqOS/oeaBryAqLw0KICAgIGFzeW5jIGdldExpc3QoKSB7DQogICAgICBsZXQgc3lzVGltZQ0KICAgICAgbGV0IGxrDQogICAgICBhd2FpdCB0aGlzLiRheGlvcy5nZXQoJy9zeXNQb2xpY3lDb250cm9sbGVyL2dldExpY2Vuc2VLZXknKS50aGVuKChyZXMpID0+IHsNCiAgICAgICAgc3lzVGltZSA9IHJlcy5kYXRhLnN5c1RpbWUNCiAgICAgICAgbGsgPSByZXMuZGF0YS5saw0KICAgICAgfSkuY2F0Y2goKGVycm9yKSA9PiB7DQogICAgICB9KQ0KICAgICAgdmFyIHNlYXJjaFBhcmFtcyA9IHsNCiAgICAgICAgc3lzVGltZTogc3lzVGltZSwNCiAgICAgICAgbGs6IGxrDQogICAgICB9DQogICAgICBhd2FpdCB0aGlzLiRheGlvcy5nZXQoJy9tb25pdG9yL3NlcnZlcicse3BhcmFtczogc2VhcmNoUGFyYW1zfSkudGhlbigocmVzKSA9PiB7DQogICAgICAgIHRoaXMuc2VydmVyID0gcmVzLmRhdGE7DQogICAgICB9KS5jYXRjaCgoZXJyb3IpID0+IHsNCiAgICAgICAgLy8gdGhpcy4kbWVzc2FnZS5lcnJvcihlcnJvcikNCiAgICAgIH0pDQogICAgfSwNCiAgICAvLyDmiZPlvIDliqDovb3lsYINCiAgICBvcGVuTG9hZGluZygpIHsNCiAgICAgIHRoaXMuJG1vZGFsLmxvYWRpbmcoIuato+WcqOWKoOi9veacjeWKoeebkeaOp+aVsOaNru+8jOivt+eojeWAme+8gSIpOw0KICAgIH0NCiAgfQ0KfTsNCg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiTA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/monitor/server","sourcesContent":["<template>\r\n <div class=\"app-container\">\r\n <el-row>\r\n <el-col :span=\"12\" class=\"card-box\">\r\n <el-card>\r\n <div slot=\"header\"><span><i class=\"el-icon-cpu\"></i> CPU</span></div>\r\n <div class=\"el-table el-table--enable-row-hover el-table--medium\">\r\n <table cellspacing=\"0\" style=\"width: 100%;\">\r\n <thead>\r\n <tr>\r\n <th class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\">属性</div>\r\n </th>\r\n <th class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\">值</div>\r\n </th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr>\r\n <td class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\">核心数</div>\r\n </td>\r\n <td class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\" v-if=\"server.cpu\">{{ server.cpu.cpuNum }}</div>\r\n </td>\r\n </tr>\r\n <tr>\r\n <td class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\">用户使用率</div>\r\n </td>\r\n <td class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\" v-if=\"server.cpu\">{{ server.cpu.used }}%</div>\r\n </td>\r\n </tr>\r\n <tr>\r\n <td class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\">系统使用率</div>\r\n </td>\r\n <td class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\" v-if=\"server.cpu\">{{ server.cpu.sys }}%</div>\r\n </td>\r\n </tr>\r\n <tr>\r\n <td class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\">当前空闲率</div>\r\n </td>\r\n <td class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\" v-if=\"server.cpu\">{{ server.cpu.free }}%</div>\r\n </td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </div>\r\n </el-card>\r\n </el-col>\r\n\r\n <el-col :span=\"12\" class=\"card-box\">\r\n <el-card>\r\n <div slot=\"header\"><span><i class=\"el-icon-tickets\"></i> 内存</span></div>\r\n <div class=\"el-table el-table--enable-row-hover el-table--medium\">\r\n <table cellspacing=\"0\" style=\"width: 100%;\">\r\n <thead>\r\n <tr>\r\n <th class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\">属性</div>\r\n </th>\r\n <th class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\">内存</div>\r\n </th>\r\n <th class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\">JVM</div>\r\n </th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr>\r\n <td class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\">总内存</div>\r\n </td>\r\n <td class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\" v-if=\"server.mem\">{{ server.mem.total }}G</div>\r\n </td>\r\n <td class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\" v-if=\"server.jvm\">{{ server.jvm.total }}M</div>\r\n </td>\r\n </tr>\r\n <tr>\r\n <td class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\">已用内存</div>\r\n </td>\r\n <td class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\" v-if=\"server.mem\">{{ server.mem.used }}G</div>\r\n </td>\r\n <td class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\" v-if=\"server.jvm\">{{ server.jvm.used }}M</div>\r\n </td>\r\n </tr>\r\n <tr>\r\n <td class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\">剩余内存</div>\r\n </td>\r\n <td class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\" v-if=\"server.mem\">{{ server.mem.free }}G</div>\r\n </td>\r\n <td class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\" v-if=\"server.jvm\">{{ server.jvm.free }}M</div>\r\n </td>\r\n </tr>\r\n <tr>\r\n <td class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\">使用率</div>\r\n </td>\r\n <td class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\" v-if=\"server.mem\" :class=\"{'text-danger': server.mem.usage > 80}\">\r\n {{ server.mem.usage }}%\r\n </div>\r\n </td>\r\n <td class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\" v-if=\"server.jvm\" :class=\"{'text-danger': server.jvm.usage > 80}\">\r\n {{ server.jvm.usage }}%\r\n </div>\r\n </td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </div>\r\n </el-card>\r\n </el-col>\r\n\r\n <el-col :span=\"24\" class=\"card-box\">\r\n <el-card>\r\n <div slot=\"header\">\r\n <span><i class=\"el-icon-monitor\"></i> 服务器信息</span>\r\n </div>\r\n <div class=\"el-table el-table--enable-row-hover el-table--medium\">\r\n <table cellspacing=\"0\" style=\"width: 100%;\">\r\n <tbody>\r\n <tr>\r\n <td class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\">服务器名称</div>\r\n </td>\r\n <td class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\" v-if=\"server.sys\">{{ server.sys.computerName }}</div>\r\n </td>\r\n <td class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\">操作系统</div>\r\n </td>\r\n <td class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\" v-if=\"server.sys\">{{ server.sys.osName }}</div>\r\n </td>\r\n </tr>\r\n <tr>\r\n <td class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\">服务器IP</div>\r\n </td>\r\n <td class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\" v-if=\"server.sys\">{{ server.sys.computerIp }}</div>\r\n </td>\r\n <td class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\">系统架构</div>\r\n </td>\r\n <td class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\" v-if=\"server.sys\">{{ server.sys.osArch }}</div>\r\n </td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </div>\r\n </el-card>\r\n </el-col>\r\n\r\n <el-col :span=\"24\" class=\"card-box\">\r\n <el-card>\r\n <div slot=\"header\">\r\n <span><i class=\"el-icon-coffee-cup\"></i> Java虚拟机信息</span>\r\n </div>\r\n <div class=\"el-table el-table--enable-row-hover el-table--medium\">\r\n <table cellspacing=\"0\" style=\"width: 100%;table-layout:fixed;\">\r\n <tbody>\r\n <tr>\r\n <td class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\">Java名称</div>\r\n </td>\r\n <td class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\" v-if=\"server.jvm\">{{ server.jvm.name }}</div>\r\n </td>\r\n <td class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\">Java版本</div>\r\n </td>\r\n <td class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\" v-if=\"server.jvm\">{{ server.jvm.version }}</div>\r\n </td>\r\n </tr>\r\n <tr>\r\n <td class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\">启动时间</div>\r\n </td>\r\n <td class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\" v-if=\"server.jvm\">{{ server.jvm.startTime }}</div>\r\n </td>\r\n <td class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\">运行时长</div>\r\n </td>\r\n <td class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\" v-if=\"server.jvm\">{{ server.jvm.runTime }}</div>\r\n </td>\r\n </tr>\r\n <tr>\r\n <td colspan=\"1\" class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\">安装路径</div>\r\n </td>\r\n <td colspan=\"3\" class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\" v-if=\"server.jvm\">{{ server.jvm.home }}</div>\r\n </td>\r\n </tr>\r\n <tr>\r\n <td colspan=\"1\" class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\">项目路径</div>\r\n </td>\r\n <td colspan=\"3\" class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\" v-if=\"server.sys\">{{ server.sys.userDir }}</div>\r\n </td>\r\n </tr>\r\n <tr>\r\n <td colspan=\"1\" class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\">运行参数</div>\r\n </td>\r\n <td colspan=\"3\" class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\" v-if=\"server.jvm\">{{ server.jvm.inputArgs }}</div>\r\n </td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </div>\r\n </el-card>\r\n </el-col>\r\n\r\n <el-col :span=\"24\" class=\"card-box\">\r\n <el-card>\r\n <div slot=\"header\">\r\n <span><i class=\"el-icon-receiving\"></i> 磁盘状态</span>\r\n </div>\r\n <div class=\"el-table el-table--enable-row-hover el-table--medium\">\r\n <table cellspacing=\"0\" style=\"width: 100%;\">\r\n <thead>\r\n <tr>\r\n <th class=\"el-table__cell el-table__cell is-leaf\">\r\n <div class=\"cell\">盘符路径</div>\r\n </th>\r\n <th class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\">文件系统</div>\r\n </th>\r\n <th class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\">盘符类型</div>\r\n </th>\r\n <th class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\">总大小</div>\r\n </th>\r\n <th class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\">可用大小</div>\r\n </th>\r\n <th class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\">已用大小</div>\r\n </th>\r\n <th class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\">已用百分比</div>\r\n </th>\r\n </tr>\r\n </thead>\r\n <tbody v-if=\"server.sysFiles\">\r\n <tr v-for=\"(sysFile, index) in server.sysFiles\" :key=\"index\">\r\n <td class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\">{{ sysFile.dirName }}</div>\r\n </td>\r\n <td class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\">{{ sysFile.sysTypeName }}</div>\r\n </td>\r\n <td class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\">{{ sysFile.typeName }}</div>\r\n </td>\r\n <td class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\">{{ sysFile.total }}</div>\r\n </td>\r\n <td class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\">{{ sysFile.free }}</div>\r\n </td>\r\n <td class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\">{{ sysFile.used }}</div>\r\n </td>\r\n <td class=\"el-table__cell is-leaf\">\r\n <div class=\"cell\" :class=\"{'text-danger': sysFile.usage > 80}\">{{ sysFile.usage }}%</div>\r\n </td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </div>\r\n </el-card>\r\n </el-col>\r\n </el-row>\r\n </div>\r\n</template>\r\n\r\n<script>\r\n\r\nexport default {\r\n name: \"Server\",\r\n data() {\r\n return {\r\n // 服务器信息\r\n server: []\r\n };\r\n },\r\n created() {\r\n this.getList();\r\n // this.openLoading();\r\n },\r\n methods: {\r\n /** 查询服务器信息 */\r\n async getList() {\r\n let sysTime\r\n let lk\r\n await this.$axios.get('/sysPolicyController/getLicenseKey').then((res) => {\r\n sysTime = res.data.sysTime\r\n lk = res.data.lk\r\n }).catch((error) => {\r\n })\r\n var searchParams = {\r\n sysTime: sysTime,\r\n lk: lk\r\n }\r\n await this.$axios.get('/monitor/server',{params: searchParams}).then((res) => {\r\n this.server = res.data;\r\n }).catch((error) => {\r\n // this.$message.error(error)\r\n })\r\n },\r\n // 打开加载层\r\n openLoading() {\r\n this.$modal.loading(\"正在加载服务监控数据，请稍候！\");\r\n }\r\n }\r\n};\r\n</script>\r\n"]}]}
|
