|
...
|
...
|
@@ -51,18 +51,18 @@ |
|
|
|
<el-tag type="success">{{props.row.serverPort}}</el-tag>
|
|
|
|
</el-form-item>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="6">
|
|
|
|
<el-form-item label="客户端端口号:">
|
|
|
|
<el-tag type="success">{{props.row.clientPort}}</el-tag>
|
|
|
|
</el-form-item>
|
|
|
|
</el-col>
|
|
|
|
</el-row>
|
|
|
|
<el-row>
|
|
|
|
<el-col :span="6">
|
|
|
|
<el-form-item label="超级用户名称:">
|
|
|
|
<el-tag type="success">{{props.row.superUsername}}</el-tag>
|
|
|
|
</el-form-item>
|
|
|
|
</el-col>
|
|
|
|
<!-- <el-col :span="6">-->
|
|
|
|
<!-- <el-form-item label="客户端端口号:">-->
|
|
|
|
<!-- <el-tag type="success">{{props.row.clientPort}}</el-tag>-->
|
|
|
|
<!-- </el-form-item>-->
|
|
|
|
<!-- </el-col>-->
|
|
|
|
<!-- </el-row>-->
|
|
|
|
<!-- <el-row>-->
|
|
|
|
<!-- <el-col :span="6">-->
|
|
|
|
<!-- <el-form-item label="超级用户名称:">-->
|
|
|
|
<!-- <el-tag type="success">{{props.row.superUsername}}</el-tag>-->
|
|
|
|
<!-- </el-form-item>-->
|
|
|
|
<!-- </el-col>-->
|
|
|
|
<el-col :span="8">
|
|
|
|
<el-form-item label="相关描述:">
|
|
|
|
<el-tag type="success">{{props.row.description}}</el-tag>
|
|
...
|
...
|
@@ -75,17 +75,17 @@ |
|
|
|
<el-table-column label="服务器名称" prop="serverName" align="center" width="180"></el-table-column>
|
|
|
|
<el-table-column label="服务器地址" prop="serverIp" align="center" width="200"></el-table-column>
|
|
|
|
<el-table-column label="服务器端口号" prop="serverPort" align="center" width="150"></el-table-column>
|
|
|
|
<el-table-column label="客户端端口号" prop="clientPort" align="center" width="150"></el-table-column>
|
|
|
|
<!-- <el-table-column label="客户端端口号" prop="clientPort" align="center" width="150"></el-table-column>-->
|
|
|
|
<!-- <el-table-column label="超级用户名称" prop="superUsername" align="center" width="150"></el-table-column>-->
|
|
|
|
<!-- <el-table-column label="相关描述" prop="description" align="center" width="300"></el-table-column>-->
|
|
|
|
<el-table-column label="相关描述" prop="description" align="center" width="300"></el-table-column>
|
|
|
|
<el-table-column label="操作" align="center">
|
|
|
|
<template slot-scope="scope">
|
|
|
|
<!-- 虚拟主机 -->
|
|
|
|
<el-tooltip effect="dark" content="虚拟主机" placement="top-start" :enterable="false">
|
|
|
|
<el-button type="warning" icon="el-icon-link" size="mini"
|
|
|
|
@click="toVirtualHost(scope.$index,scope.row)">虚拟主机
|
|
|
|
</el-button>
|
|
|
|
</el-tooltip>
|
|
|
|
<!-- <!– 虚拟主机 –>-->
|
|
|
|
<!-- <el-tooltip effect="dark" content="虚拟主机" placement="top-start" :enterable="false">-->
|
|
|
|
<!-- <el-button type="warning" icon="el-icon-link" size="mini"-->
|
|
|
|
<!-- @click="toVirtualHost(scope.$index,scope.row)">虚拟主机-->
|
|
|
|
<!-- </el-button>-->
|
|
|
|
<!-- </el-tooltip>-->
|
|
|
|
<!-- 编辑按钮 -->
|
|
|
|
<el-tooltip effect="dark" content="编辑" placement="top-start" :enterable="false">
|
|
|
|
<el-button type="primary" icon="el-icon-edit" size="mini"
|
|
...
|
...
|
@@ -129,7 +129,7 @@ |
|
|
|
</el-card>
|
|
|
|
<!-- 对话框 —> 添加服务器信息 -->
|
|
|
|
<div>
|
|
|
|
<el-dialog title="添加服务器信息"
|
|
|
|
<el-dialog :title="dialogMap[dialogStatus]"
|
|
|
|
:visible.sync="serverDialog.addDialog"
|
|
|
|
style="margin-top: -50px"
|
|
|
|
width="60%" text-align="center" @close="serverAddDialogClosed">
|
|
...
|
...
|
@@ -153,30 +153,30 @@ |
|
|
|
<template slot="prepend" >服务器端口号</template>
|
|
|
|
</el-input>
|
|
|
|
</el-form-item>
|
|
|
|
<el-form-item label="" prop="clientPort">
|
|
|
|
<el-input v-model="addServerForm.clientPort" style="width:300px" size="small" clearable
|
|
|
|
placeholder="请输入客户端端口号">
|
|
|
|
<template slot="prepend" >客户端端口号</template>
|
|
|
|
</el-input>
|
|
|
|
</el-form-item>
|
|
|
|
<el-form-item label="" prop="superUsername">
|
|
|
|
<el-input v-model="addServerForm.superUsername" style="width:300px" size="small" clearable
|
|
|
|
placeholder="请输入超级用户名称">
|
|
|
|
<template slot="prepend" >超级用户名称</template>
|
|
|
|
</el-input>
|
|
|
|
</el-form-item>
|
|
|
|
<el-form-item label="" prop="firstPassword">
|
|
|
|
<el-input type="password" v-model="addServerForm.firstPassword" style="width:300px"
|
|
|
|
size="small" clearable show-password placeholder="请输入超级用户密码">
|
|
|
|
<template slot="prepend" >超级用户密码</template>
|
|
|
|
</el-input>
|
|
|
|
</el-form-item>
|
|
|
|
<el-form-item label="" prop="superPassword">
|
|
|
|
<el-input type="password" v-model="addServerForm.superPassword" style="width:300px"
|
|
|
|
size="small" clearable show-password placeholder="请重新输入密码">
|
|
|
|
<template slot="prepend" >重新输入密码</template>
|
|
|
|
</el-input>
|
|
|
|
</el-form-item>
|
|
|
|
<!-- <el-form-item label="" prop="clientPort">-->
|
|
|
|
<!-- <el-input v-model="addServerForm.clientPort" style="width:300px" size="small" clearable-->
|
|
|
|
<!-- placeholder="请输入客户端端口号">-->
|
|
|
|
<!-- <template slot="prepend" >客户端端口号</template>-->
|
|
|
|
<!-- </el-input>-->
|
|
|
|
<!-- </el-form-item>-->
|
|
|
|
<!-- <el-form-item label="" prop="superUsername">-->
|
|
|
|
<!-- <el-input v-model="addServerForm.superUsername" style="width:300px" size="small" clearable-->
|
|
|
|
<!-- placeholder="请输入超级用户名称">-->
|
|
|
|
<!-- <template slot="prepend" >超级用户名称</template>-->
|
|
|
|
<!-- </el-input>-->
|
|
|
|
<!-- </el-form-item>-->
|
|
|
|
<!-- <el-form-item label="" prop="firstPassword">-->
|
|
|
|
<!-- <el-input type="password" v-model="addServerForm.firstPassword" style="width:300px"-->
|
|
|
|
<!-- size="small" clearable show-password placeholder="请输入超级用户密码">-->
|
|
|
|
<!-- <template slot="prepend" >超级用户密码</template>-->
|
|
|
|
<!-- </el-input>-->
|
|
|
|
<!-- </el-form-item>-->
|
|
|
|
<!-- <el-form-item label="" prop="superPassword">-->
|
|
|
|
<!-- <el-input type="password" v-model="addServerForm.superPassword" style="width:300px"-->
|
|
|
|
<!-- size="small" clearable show-password placeholder="请重新输入密码">-->
|
|
|
|
<!-- <template slot="prepend" >重新输入密码</template>-->
|
|
|
|
<!-- </el-input>-->
|
|
|
|
<!-- </el-form-item>-->
|
|
|
|
<el-form-item label="" prop="description">
|
|
|
|
<el-input v-model="addServerForm.description" placeholder="请输入相关描述"
|
|
|
|
style="width:300px" size="small" clearable
|
|
...
|
...
|
@@ -190,73 +190,10 @@ |
|
|
|
<el-button type="info" @click="serverDialog.addDialog = false" size="medium"
|
|
|
|
style="width: 100px;background-color: #6F8294;color: #ffffff">取消
|
|
|
|
</el-button>
|
|
|
|
<el-button type="primary" @click="addServerInfo" :loading="server_loading.addLoading"
|
|
|
|
size="medium"
|
|
|
|
style="width: 100px">
|
|
|
|
添加
|
|
|
|
</el-button>
|
|
|
|
</div>
|
|
|
|
</el-dialog>
|
|
|
|
</div>
|
|
|
|
<!-- 对话框 —> 编辑服务器信息 -->
|
|
|
|
<div>
|
|
|
|
<el-dialog title="编辑服务器信息"
|
|
|
|
:visible.sync="serverDialog.editDialog"
|
|
|
|
style="margin-top: -50px"
|
|
|
|
width="50%" text-align="center" @close="serverEditDialogClosed">
|
|
|
|
<el-form :inline="true" :model="editServerForm" label-width="120px" status-icon
|
|
|
|
:rules="editServerFormRules" ref="editServerFormRef"
|
|
|
|
align="center">
|
|
|
|
<el-form-item label="" prop="serverName">
|
|
|
|
<el-input v-model="editServerForm.serverName" style="width:300px" size="small" clearable
|
|
|
|
readonly disabled
|
|
|
|
placeholder="请输入服务器名称">
|
|
|
|
<template slot="prepend" > 服务器名称 </template>
|
|
|
|
</el-input>
|
|
|
|
</el-form-item>
|
|
|
|
<el-form-item label="" prop="serverIp">
|
|
|
|
<el-input v-model="editServerForm.serverIp" style="width:300px" size="small" clearable
|
|
|
|
readonly disabled
|
|
|
|
placeholder="请输入服务器IP地址">
|
|
|
|
<template slot="prepend" > IP地址 </template>
|
|
|
|
</el-input>
|
|
|
|
</el-form-item>
|
|
|
|
<el-form-item label="" prop="serverPort">
|
|
|
|
<el-input v-model="editServerForm.serverPort" style="width:300px" size="small" clearable
|
|
|
|
readonly disabled
|
|
|
|
placeholder="请输入服务器端口号">
|
|
|
|
<template slot="prepend" >服务器端口号</template>
|
|
|
|
</el-input>
|
|
|
|
</el-form-item>
|
|
|
|
<el-form-item label="" prop="clientPort">
|
|
|
|
<el-input v-model="editServerForm.clientPort" style="width:300px" size="small" clearable
|
|
|
|
readonly disabled placeholder="请输入客户端端口号">
|
|
|
|
<template slot="prepend" >客户端端口号</template>
|
|
|
|
</el-input>
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="" prop="superUsername">
|
|
|
|
<el-input v-model="editServerForm.superUsername" style="width:300px" size="small" clearable
|
|
|
|
readonly disabled placeholder="请输入超级用户名称">
|
|
|
|
<template slot="prepend" >超级用户名称</template>
|
|
|
|
</el-input>
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="" prop="description">
|
|
|
|
<el-input v-model="editServerForm.description" placeholder="请输入相关描述"
|
|
|
|
style="width:300px" size="small" clearable
|
|
|
|
type="textarea" autosize :rows="1"></el-input>
|
|
|
|
</el-form-item>
|
|
|
|
</el-form>
|
|
|
|
|
|
|
|
<div slot="footer" class="dialog-footer" style="text-align: center">
|
|
|
|
<el-button type="info" @click="serverDialog.editDialog = false" size="medium"
|
|
|
|
style="width: 100px;background-color: #6F8294;color: #ffffff">取消
|
|
|
|
</el-button>
|
|
|
|
<el-button type="primary" @click="editServerInfo" :loading="server_loading.addLoading"
|
|
|
|
<el-button type="primary" @click="dialogStatus==='create'?addServerInfo():editServerInfo()" :loading="server_loading.addLoading"
|
|
|
|
size="medium"
|
|
|
|
style="width: 100px">
|
|
|
|
编辑
|
|
|
|
提交
|
|
|
|
</el-button>
|
|
|
|
</div>
|
|
|
|
</el-dialog>
|
|
...
|
...
|
@@ -298,6 +235,11 @@ |
|
|
|
callback(new Error('请输入合法的IP地址'));
|
|
|
|
};
|
|
|
|
return {
|
|
|
|
dialogMap: {
|
|
|
|
update: '编辑服务器信息',
|
|
|
|
create: '添加服务器信息',
|
|
|
|
},
|
|
|
|
dialogStatus: 'create',
|
|
|
|
/**
|
|
|
|
* 搜索参数
|
|
|
|
*/
|
|
...
|
...
|
@@ -392,22 +334,22 @@ |
|
|
|
serverPort: [
|
|
|
|
{required: true, message: '请输入服务器端口号', trigger: ['blur', 'change']},
|
|
|
|
],
|
|
|
|
description: [
|
|
|
|
{required: true, message: '请输入服务器相关描述', trigger: ['blur', 'change']},
|
|
|
|
],
|
|
|
|
clientPort: [
|
|
|
|
{required: true, message: '请输入客户端端口号', trigger: ['blur', 'change']},
|
|
|
|
],
|
|
|
|
superUsername: [
|
|
|
|
{required: true, message: '请输入超级用户名称', trigger: ['blur', 'change']},
|
|
|
|
],
|
|
|
|
firstPassword: [
|
|
|
|
{required: true, message: '请输入超级用户密码', trigger: ['blur', 'change']},
|
|
|
|
],
|
|
|
|
superPassword: [
|
|
|
|
{required: true, message: '请重新输入密码', trigger: ['blur', 'change']},
|
|
|
|
{validator: validatePassword, trigger: ['blur', 'change']}
|
|
|
|
],
|
|
|
|
// description: [
|
|
|
|
// {required: true, message: '请输入服务器相关描述', trigger: ['blur', 'change']},
|
|
|
|
// ],
|
|
|
|
// clientPort: [
|
|
|
|
// {required: true, message: '请输入客户端端口号', trigger: ['blur', 'change']},
|
|
|
|
// ],
|
|
|
|
// superUsername: [
|
|
|
|
// {required: true, message: '请输入超级用户名称', trigger: ['blur', 'change']},
|
|
|
|
// ],
|
|
|
|
// firstPassword: [
|
|
|
|
// {required: true, message: '请输入超级用户密码', trigger: ['blur', 'change']},
|
|
|
|
// ],
|
|
|
|
// superPassword: [
|
|
|
|
// {required: true, message: '请重新输入密码', trigger: ['blur', 'change']},
|
|
|
|
// {validator: validatePassword, trigger: ['blur', 'change']}
|
|
|
|
// ],
|
|
|
|
},
|
|
|
|
/**
|
|
|
|
* 编辑服务器，表单的验证规则对象
|
|
...
|
...
|
@@ -488,6 +430,25 @@ |
|
|
|
* 打开 添加服务器信息 对话框
|
|
|
|
*/
|
|
|
|
toAddDialog() {
|
|
|
|
this.addServerForm = {
|
|
|
|
// 服务器名称
|
|
|
|
serverName: '',
|
|
|
|
// 服务器IP
|
|
|
|
serverIp: '',
|
|
|
|
// 服务器端口号
|
|
|
|
serverPort: undefined,
|
|
|
|
// 客户端端口号
|
|
|
|
clientPort: undefined,
|
|
|
|
// 超级用户名称
|
|
|
|
superUsername: '',
|
|
|
|
// 第一次输入密码
|
|
|
|
firstPassword: '',
|
|
|
|
// 超级用户密码
|
|
|
|
superPassword: '',
|
|
|
|
// 相关描述
|
|
|
|
description: '',
|
|
|
|
},
|
|
|
|
this.dialogStatus= 'create';
|
|
|
|
this.serverDialog.addDialog = true;
|
|
|
|
},
|
|
|
|
/**
|
|
...
|
...
|
@@ -534,8 +495,9 @@ |
|
|
|
* 打开编辑服务器信息对话框
|
|
|
|
*/
|
|
|
|
toEditDialog(index, row) {
|
|
|
|
this.editServerForm = Object.assign({}, row);
|
|
|
|
this.serverDialog.editDialog = true;
|
|
|
|
this.dialogStatus= 'update';
|
|
|
|
this.addServerForm = Object.assign({}, row);
|
|
|
|
this.serverDialog.addDialog = true;
|
|
|
|
},
|
|
|
|
|
|
|
|
/**
|
|
...
|
...
|
@@ -551,27 +513,27 @@ |
|
|
|
*/
|
|
|
|
editServerInfo() {
|
|
|
|
//进行表单的预验证
|
|
|
|
this.$refs.editServerFormRef.validate(valid => {
|
|
|
|
this.$refs.addServerFormRef.validate(valid => {
|
|
|
|
// 未通过，表单预校验
|
|
|
|
if (!valid) return;
|
|
|
|
// 通过，表单预检验
|
|
|
|
this.server_loading.editLoading = true;
|
|
|
|
updateBusServer(this.editServerForm).then((response) => {
|
|
|
|
this.server_loading.addLoading = true;
|
|
|
|
updateBusServer(this.addServerForm).then((response) => {
|
|
|
|
let res = response.data;
|
|
|
|
if (res.code !== '200') {
|
|
|
|
//关闭加载
|
|
|
|
this.server_loading.editLoading = false;
|
|
|
|
this.server_loading.addLoading = false;
|
|
|
|
return this.$message.error(res.msg);
|
|
|
|
}
|
|
|
|
// 关闭加载
|
|
|
|
this.server_loading.editLoading = false;
|
|
|
|
this.server_loading.addLoading = false;
|
|
|
|
this.$message.success(res.msg);
|
|
|
|
// 隐藏对话框
|
|
|
|
this.serverDialog.editDialog = false;
|
|
|
|
this.serverDialog.addDialog = false;
|
|
|
|
// 刷新列表
|
|
|
|
this.getServerList();
|
|
|
|
}).catch(error => {
|
|
|
|
this.server_loading.editLoading = false;
|
|
|
|
this.server_loading.addLoading = false;
|
|
|
|
this.$message.error(error.toString());
|
|
|
|
});
|
|
|
|
})
|
...
|
...
|
|
