...
|
...
|
@@ -26,13 +26,54 @@ |
|
|
element-loading-text="获取服务器列表,拼命加载中">
|
|
|
<el-table-column type="selection" width="55" align="center"></el-table-column>
|
|
|
<el-table-column type="index" align="center"></el-table-column>
|
|
|
<el-table-column type="expand">
|
|
|
<template slot-scope="props">
|
|
|
<el-form :inline="true" label-position="left" label-width="110px" align="left">
|
|
|
<el-row>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="服务器名称:">
|
|
|
<el-tag type="success">{{props.row.serverName}}</el-tag>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="服务器地址:">
|
|
|
<el-tag type="success">{{props.row.serverIp}}</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.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="8">
|
|
|
<el-form-item label="相关描述:">
|
|
|
<el-tag type="success">{{props.row.description}}</el-tag>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</el-form>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<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="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="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="操作" width="300px" align="center" fixed="right">
|
|
|
<template slot-scope="scope">
|
|
|
<!-- 虚拟主机 -->
|
...
|
...
|
@@ -62,6 +103,7 @@ |
|
|
<el-row :gutter="24">
|
|
|
<el-col :span="5">
|
|
|
<el-button type="danger" icon="el-icon-delete"
|
|
|
:loading="server_loading.listLoading"
|
|
|
:disabled="this.selectList.length===0"
|
|
|
@click="batchRemoveServer">批量删除
|
|
|
</el-button>
|
...
|
...
|
@@ -557,20 +599,20 @@ |
|
|
}
|
|
|
).then(() => {
|
|
|
// 开启加载
|
|
|
this.server_loading.batchDelLoading = true;
|
|
|
this.server_loading.listLoading = true;
|
|
|
let params = {ids: ids};
|
|
|
batchRemoveBusServer(params).then(response => {
|
|
|
let res = response.data;
|
|
|
if (res.code !== '200') {
|
|
|
this.server_loading.batchDelLoading = false;
|
|
|
this.server_loading.listLoading = false;
|
|
|
return this.$message.error(res.msg);
|
|
|
}
|
|
|
this.$message.success(res.msg);
|
|
|
this.server_loading.batchDelLoading = false;
|
|
|
this.server_loading.listLoading = false;
|
|
|
// 刷新列表
|
|
|
this.getServerList();
|
|
|
}).catch(error => {
|
|
|
this.server_loading.batchDelLoading = false;
|
|
|
this.server_loading.listLoading = false;
|
|
|
this.$message.error(error.toString());
|
|
|
});
|
|
|
}).catch(() => {
|
...
|
...
|
@@ -602,5 +644,4 @@ |
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
|
|
|
|
</style> |
...
|
...
|
|