mirror of
https://github.com/MCSManager/UI.git
synced 2024-11-21 03:15:46 +08:00
修改 远程服务字样到守护进程
This commit is contained in:
parent
b9f5bd09e0
commit
7f16b7611d
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "mcsmanager-ui",
|
||||
"version": "1.5.0",
|
||||
"version": "1.6.0",
|
||||
"scripts": {
|
||||
"serve": "vue-cli-service serve",
|
||||
"build": "vue-cli-service build",
|
||||
|
@ -102,7 +102,7 @@ const routes = [
|
||||
},
|
||||
{
|
||||
path: "/container",
|
||||
name: "远程服务环境",
|
||||
name: "服务环境",
|
||||
component: Container
|
||||
},
|
||||
{
|
||||
|
@ -43,7 +43,7 @@
|
||||
</Panel>
|
||||
|
||||
<Panel>
|
||||
<template #title>远程服务镜像列表</template>
|
||||
<template #title>远程主机镜像列表</template>
|
||||
<template #default>
|
||||
<el-table :data="images" stripe style="width: 100%" size="small">
|
||||
<el-table-column label="ID">
|
||||
@ -70,7 +70,7 @@
|
||||
</Panel>
|
||||
|
||||
<Panel>
|
||||
<template #title>远程服务容器列表</template>
|
||||
<template #title>远程主机容器列表</template>
|
||||
<template #default>
|
||||
<el-table :data="containers" stripe style="width: 100%" size="small">
|
||||
<el-table-column prop="Command" label="ID">
|
||||
|
@ -36,7 +36,7 @@
|
||||
style="width: 320px"
|
||||
v-model="currentRemoteUuid"
|
||||
filterable
|
||||
placeholder="请选择远程服务地址"
|
||||
placeholder="请选择远程守护进程地址"
|
||||
size="small"
|
||||
@change="remoteSelectHandle"
|
||||
>
|
||||
@ -87,7 +87,7 @@
|
||||
<div class="instance-table-warpper">
|
||||
<div>
|
||||
<p class="color-red" v-if="!currentRemoteUuid">
|
||||
未选择任何远程服务,请通过这里选择一个地址。若没有任何可选项,请前往“分布式服务”界面进行设置
|
||||
未选择任何远程守护进程,请通过这里选择一个地址。若没有任何可选项,请前往“分布式服务”界面进行设置
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
@ -193,7 +193,7 @@ export default {
|
||||
multipleSelection: [], // 表格多选属性
|
||||
startedInstance: 0,
|
||||
loading: true,
|
||||
availableService: [], // 可用和不可用远程服务列表
|
||||
availableService: [], // 可用和不可用守护进程列表
|
||||
unavailableService: [],
|
||||
|
||||
page: 1,
|
||||
@ -251,10 +251,10 @@ export default {
|
||||
this.remoteSelectHandle();
|
||||
}
|
||||
},
|
||||
// 获取分布式服务具体实例列表
|
||||
// 获取守护进程具体实例列表
|
||||
async remoteSelectHandle() {
|
||||
try {
|
||||
if (!this.currentRemoteUuid) throw new Error("还未选择远程服务器");
|
||||
if (!this.currentRemoteUuid) throw new Error("还未选择远程守护进程");
|
||||
this.startedInstance = 0;
|
||||
this.instances = [];
|
||||
this.loading = true;
|
||||
@ -287,11 +287,11 @@ export default {
|
||||
});
|
||||
});
|
||||
this.loading = false;
|
||||
// 记录当前选择的远程服务,方便下次直接加载
|
||||
// 记录当前选择的守护进程,方便下次直接加载
|
||||
localStorage.setItem("pageSelectedRemoteUuid", this.currentRemoteUuid);
|
||||
} catch (error) {
|
||||
this.$notify({
|
||||
title: "访问远程服务异常",
|
||||
title: "访问远程守护进程异常",
|
||||
message: error.toString(),
|
||||
type: "error"
|
||||
});
|
||||
@ -319,7 +319,7 @@ export default {
|
||||
},
|
||||
toNewInstance() {
|
||||
if (!this.currentRemoteUuid) {
|
||||
return this.$message({ type: "info", message: "请先在左侧下拉框中选择远程服务" });
|
||||
return this.$message({ type: "info", message: "请先在左侧下拉框中选择守护进程" });
|
||||
}
|
||||
router.push({ path: `/new_instace/${this.currentRemoteUuid}` });
|
||||
},
|
||||
|
@ -64,7 +64,7 @@
|
||||
<template #title>分布式服务总览</template>
|
||||
<template #default>
|
||||
<p>
|
||||
确保所有远程服务均在线,离线状态将导致此远程服务以及相关功能不可用,可能会影响使用体验与数据。
|
||||
确保所有守护进程均在线,离线状态将导致此守护进程以及相关功能不可用,可能会影响使用体验与数据。
|
||||
<br />
|
||||
面板端 {{ panelVersion }} 所需最低守护进程版本:{{ specifiedDaemonVersion }}
|
||||
</p>
|
||||
@ -331,7 +331,7 @@ export default {
|
||||
warn: data.record.banips > 0
|
||||
}
|
||||
];
|
||||
// 装载远程服务信息
|
||||
// 装载守护进程信息
|
||||
this.servicesStatus = [];
|
||||
for (const iterator of remote) {
|
||||
if (iterator.system) {
|
||||
|
@ -27,7 +27,7 @@
|
||||
|
||||
<template>
|
||||
<Panel>
|
||||
<template #title>远程服务管理</template>
|
||||
<template #title>远程守护进程管理</template>
|
||||
<template #default>
|
||||
<div class="flex flex-space-between">
|
||||
<ItemGroup>
|
||||
@ -43,15 +43,15 @@
|
||||
</template>
|
||||
</Panel>
|
||||
<Panel>
|
||||
<template #title>所有分布式服务总览</template>
|
||||
<template #title>已配置的守护进程</template>
|
||||
<template #default>
|
||||
<p>
|
||||
远程服务(远程主机)必须确保全部在线且互相网络畅通,面板连接需公开放行远程服务端口与配置密钥。
|
||||
远程守护进程(在任何物理主机上)必须确保全部在线且互相网络畅通,面板连接需公开放行守护进程端口与配置密钥。
|
||||
<br />
|
||||
网页需要能直接连接远程服务(上传,下载与控制台),避免使用除 localhost
|
||||
网页需要能直接连接远程守护进程(上传,下载与控制台),避免使用除 localhost
|
||||
外的局域网段任何IP,必须使用外网IP或域名进行连接。
|
||||
<br />
|
||||
面板端所需最低守护进程版本:{{ specifiedDaemonVersion }}
|
||||
面板端对应的守护进程版本:{{ specifiedDaemonVersion }}
|
||||
</p>
|
||||
<el-table :data="services" style="width: 100%" size="small">
|
||||
<el-table-column label="地址" width="170">
|
||||
@ -145,7 +145,7 @@
|
||||
</Panel>
|
||||
|
||||
<Dialog v-model="isNewService">
|
||||
<template #title>新增远程服务</template>
|
||||
<template #title>新增远程守护进程</template>
|
||||
<template #default>
|
||||
<div>
|
||||
<div class="sub-title">备注信息</div>
|
||||
@ -155,7 +155,7 @@
|
||||
size="small"
|
||||
></el-input>
|
||||
<div class="sub-title row-mt">
|
||||
<div class="sub-title-title">远程服务所在主机的IP地址</div>
|
||||
<div class="sub-title-title">守护进程所在主机的IP地址</div>
|
||||
<div class="sub-title-info">
|
||||
<b>必须使用外网地址</b>或 localhost 地址,否则将导致远程实例无法连接
|
||||
</div>
|
||||
@ -165,7 +165,7 @@
|
||||
placeholder="必填,列如 mcsmanager.com,43.123.211.12"
|
||||
size="small"
|
||||
></el-input>
|
||||
<div class="sub-title row-mt">远程服务端口</div>
|
||||
<div class="sub-title row-mt">守护进程端口</div>
|
||||
<el-input
|
||||
v-model="newServiceInfo.port"
|
||||
placeholder="必填,列如 24444"
|
||||
@ -207,7 +207,7 @@
|
||||
检测到您的连接IP为 :{{ newServiceInfo.ip }},似乎是一个内网地址?
|
||||
</div>
|
||||
<div class="sub-title-info">
|
||||
面板与远程服务端均要能够让用户访问,以此行为设计即可实现流量分流减轻中心面板端的压力。
|
||||
面板与守护进程端均要能够让用户访问,以此行为设计即可实现流量分流减轻中心面板端的压力。
|
||||
</div>
|
||||
</div>
|
||||
<div class="sub-title">
|
||||
@ -383,7 +383,7 @@ export default {
|
||||
},
|
||||
// 删除服务
|
||||
async deleteService(uuid) {
|
||||
await this.$confirm("此操作将永久删除该远程服务,是否继续?", "警告", {
|
||||
await this.$confirm("此操作将永久删除该守护进程,是否继续?", "警告", {
|
||||
confirmButtonText: "删除",
|
||||
cancelButtonText: "取消",
|
||||
type: "warning"
|
||||
|
@ -434,10 +434,10 @@
|
||||
<template #default>
|
||||
<div class="sub-title">
|
||||
<p class="sub-title-title">
|
||||
{{ unavailableIp ? `浏览器无法连接到 ${unavailableIp}` : "浏览器无法与远程服务建立连接" }}
|
||||
{{ unavailableIp ? `浏览器无法连接到 ${unavailableIp}` : "浏览器无法与守护进程建立连接" }}
|
||||
</p>
|
||||
<p class="sub-title-info">
|
||||
<span>可能是您未开放远程服务的端口导致,或是使用了内网地址的缘故</span>
|
||||
<span>可能是您未开放守护进程的端口导致,或是使用了内网地址的缘故</span>
|
||||
</p>
|
||||
<div>
|
||||
<img
|
||||
|
@ -97,7 +97,7 @@
|
||||
</div>
|
||||
<div class="row-mt">
|
||||
<el-table :data="userInfo.instances" stripe style="width: 100%" size="small">
|
||||
<el-table-column label="远程服务节点">
|
||||
<el-table-column label="所属守护进程">
|
||||
<template #default="{ row }"> {{ row.hostIp }}({{ row.remarks }}) </template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="nickname" label="实例名称" width="240"></el-table-column>
|
||||
|
@ -132,7 +132,7 @@ export default {
|
||||
},
|
||||
async remoteSelectHandle() {
|
||||
try {
|
||||
if (!this.selectedServiceUuid) throw new Error("还未选择远程服务器");
|
||||
if (!this.selectedServiceUuid) throw new Error("还未选择远程守护进程");
|
||||
const hostIp = this.selectedServiceUuid.split(" ")[1];
|
||||
const serviceUuid = this.selectedServiceUuid.split(" ")[0];
|
||||
this.loading = true;
|
||||
|
Loading…
Reference in New Issue
Block a user