朱兆平 / vue_cli · 提交

转到一个项目

作者 王勇
提交 f8510605a65dfe49d93d7cde9906429ed2431821 1 个父辈 df4f6035

修改服务器的端口号类型

内嵌 并排对比
正在显示 3 个修改的文件 包含 72 行增加 和 90 行删除
... ... @@ -18,14 +18,10 @@
size="medium" clearable prefix-icon="el-icon-search"
placeholder="虚拟主机名称"></el-input>
</el-col>
<el-col :span="4">
<el-input v-model="messageNote_queryInfo.exchangeName" placeholder="交换机名称"
size="medium" clearable prefix-icon="el-icon-search"></el-input>
</el-col>
</el-row>
<el-row>
<el-col :span="4">
<el-input v-model="messageNote_queryInfo.queueName" placeholder="队列名称"
<el-input v-model="messageNote_queryInfo.exchangeName" placeholder="交换机名称"
size="medium" clearable prefix-icon="el-icon-search"></el-input>
</el-col>
<el-col :span="4">
... ... @@ -37,20 +33,15 @@
type="date" value-format="yyyy-MM-dd"
size="medium" style="width: auto"></el-date-picker>
</el-col>
<el-col :span="4">
<el-date-picker v-model="messageNote_queryInfo.receiveTime" type="date"
value-format="yyyy-MM-dd"
placeholder="消息接收时间" size="medium" style="width: auto"></el-date-picker>
</el-col>
</el-row>
<el-row>
<el-col :span="15">
<el-button type="success" style="width:150px" size="medium" @click="messageNote_getList">
查询消息收发记录
查询消息记录
</el-button>
<el-button type="primary" style="width:150px" size="medium"
@click="messageNote_toAddDialog">
添加消息收发记录
发送消息
</el-button>
<el-button type="warning" style="width:150px" size="medium"
@click="messageNote_openDeleteTime">
... ... @@ -72,15 +63,11 @@
<el-table-column label="虚拟主机名称" prop="virtualHostName" align="center"
width="220"></el-table-column>
<el-table-column label="交换机名称" prop="exchangeName" align="center" width="220"></el-table-column>
<el-table-column label="队列名称" prop="queueName" align="center" width="220"></el-table-column>
<el-table-column label="路由键名称" prop="routingKeyName" align="center"
width="220"></el-table-column>
<el-table-column label="消息发送时间" prop="sendTime" align="center"
width="220">
</el-table-column>
<el-table-column label="消息获取时间" prop="receiveTime" align="center"
width="220">
</el-table-column>
<el-table-column label="发送内容" prop="alias_sendContent" align="center"
width="220">
</el-table-column>
... ... @@ -159,22 +146,28 @@
</div>
<!-- 增加，对话框区域 -->
<div>
<el-dialog title="添加消息收发记录"
<el-dialog title="发送消息"
:visible.sync="messageNote_dialog.addDialog"
style="margin-top: -50px" text-align="center" width="60%"
style="margin-top: -50px" text-align="center" width="65%"
@close="messageNote_addDialogClosed">
<el-form :inline="true" label-width="120px" status-icon style="margin-top: -10px" align="center"
:model="messageNote_addForm" :rules="messageNote_addFormRules" ref="messageNote_addFormRef">
<el-form-item label="用户名称：" prop="username">
<el-input v-model="messageNote_addForm.username" style="width:240px" size="small" clearable
placeholder="请输入用户名称">
</el-input>
<el-form-item label="用户名称：" prop="userId">
<el-select v-model="messageNote_addForm.userId" prefix-icon="el-icon-search" clearable
style="width:300px" size="medium" filterable
placeholder="请选择用户">
<el-option
v-for="item in (messageNote_config.userInfoList)"
:key="item.id"
:label="item.username"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="服务器名称：" prop="serverId">
<el-select v-model="messageNote_addForm.serverId" prefix-icon="el-icon-search" clearable
style="width:240px" size="small"
style="width:300px" size="small"
@change="messageNote_server_addChange"
placeholder="请选择所属服务器">
<el-option
... ... @@ -188,7 +181,7 @@
<el-form-item label="虚拟主机名称：" prop="virtualHostId">
<el-select v-model="messageNote_addForm.virtualHostId" prefix-icon="el-icon-search" clearable
style="width:240px" size="small"
style="width:300px" size="small"
@change="messageNote_virtualHost_addChange"
:disabled="messageNote_addForm.serverId===''"
placeholder="请选择虚拟主机名称">
... ... @@ -203,7 +196,7 @@
<el-form-item label="交换机名称：" prop="exchangeId">
<el-select v-model="messageNote_addForm.exchangeId" prefix-icon="el-icon-search" clearable
style="width:240px" size="small"
style="width:300px" size="small"
@change="messageNote_exchange_addChange"
:disabled="messageNote_addForm.virtualHostId===''"
placeholder="请选择交换机名称">
... ... @@ -216,23 +209,9 @@
</el-select>
</el-form-item>
<el-form-item label="队列名称：" prop="queueId">
<el-select v-model="messageNote_addForm.queueId" prefix-icon="el-icon-search" clearable
style="width:240px" size="small"
:disabled="messageNote_addForm.virtualHostId===''"
placeholder="请选择交换机名称">
<el-option
v-for="item in (messageNote_config.queueList)"
:key="item.id"
:label="item.queueName"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="路由键名称：" prop="routingKeyId">
<el-select v-model="messageNote_addForm.routingKeyId" prefix-icon="el-icon-search" clearable
style="width:240px" size="small"
style="width:300px" size="small"
:disabled="messageNote_addForm.exchangeId===''"
placeholder="请选择路由键名称">
<el-option
... ... @@ -246,22 +225,22 @@
<el-form-item label="消息发送时间：" prop="sendTime">
<el-date-picker v-model="messageNote_addForm.sendTime" clearable type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="选择发送时间" size="small" style="width:240px"></el-date-picker>
</el-form-item>
<el-form-item label="消息获取时间：" prop="receiveTime">
<el-date-picker v-model="messageNote_addForm.receiveTime" clearable type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="消息获取时间" size="small" style="width:240px"></el-date-picker>
placeholder="选择发送时间" size="small" style="width:300px"></el-date-picker>
</el-form-item>
<!-- <el-form-item label="消息获取时间：" prop="receiveTime">-->
<!-- <el-date-picker v-model="messageNote_addForm.receiveTime" clearable type="datetime"-->
<!-- value-format="yyyy-MM-dd HH:mm:ss"-->
<!-- placeholder="消息获取时间" size="small" style="width:300px"></el-date-picker>-->
<!-- </el-form-item>-->
<el-form-item label="发送内容：" prop="alias_sendContent">
<el-input v-model="messageNote_addForm.alias_sendContent" style="width:240px" size="small"
<el-input v-model="messageNote_addForm.alias_sendContent" style="width:300px" size="small"
clearable type="textarea" :rows="1"
placeholder="请输入相关描述">
</el-input>
</el-form-item>
<el-form-item label="相关描述：" prop="description">
<el-input v-model="messageNote_addForm.description" style="width:240px" size="small" clearable
<el-input v-model="messageNote_addForm.description" style="width:300px" size="small" clearable
placeholder="请输入相关描述">
</el-input>
</el-form-item>
... ... @@ -278,24 +257,30 @@
</div>
<!-- 编辑，对话框区域 -->
<div>
<el-dialog title="编辑消息收发记录"
<el-dialog title="编辑消息记录"
:visible.sync="messageNote_dialog.editDialog"
style="margin-top: -50px" text-align="center" width="60%"
style="margin-top: -50px" text-align="center" width="65%"
@close="messageNote_editDialogClosed">
<el-form :inline="true" label-width="120px" status-icon style="margin-top: -10px" align="center"
:model="messageNote_editForm" :rules="messageNote_editFormRules" ref="messageNote_editFormRef">
<el-form-item label="用户名称：" prop="username">
<el-input v-model="messageNote_editForm.username" style="width:240px" size="small" clearable
disabled
placeholder="请输入用户名称">
</el-input>
<el-form-item label="用户名称：" prop="userId">
<el-select v-model="messageNote_editForm.userId" prefix-icon="el-icon-search" clearable
style="width:300px" size="medium" filterable disabled
placeholder="请选择用户">
<el-option
v-for="item in (messageNote_config.userInfoList)"
:key="item.id"
:label="item.username"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="服务器名称：" prop="serverId">
<el-select v-model="messageNote_editForm.serverId" prefix-icon="el-icon-search" clearable
disabled
style="width:240px" size="small"
style="width:300px" size="small"
@change="messageNote_server_editChange"
placeholder="请选择所属服务器">
<el-option
... ... @@ -311,7 +296,7 @@
<!-- :disabled="messageNote_editForm.serverId===''" -->
<el-select v-model="messageNote_editForm.virtualHostId" prefix-icon="el-icon-search" clearable
disabled
style="width:240px" size="small"
style="width:300px" size="small"
@change="messageNote_virtualHost_editChange"
placeholder="请选择虚拟主机名称">
<el-option
... ... @@ -327,7 +312,7 @@
<!-- :disabled="messageNote_editForm.virtualHostId===''" -->
<el-select v-model="messageNote_editForm.exchangeId" prefix-icon="el-icon-search" clearable
disabled
style="width:240px" size="small"
style="width:300px" size="small"
@change="messageNote_exchange_editChange"
placeholder="请选择交换机名称">
<el-option
... ... @@ -339,26 +324,11 @@
</el-select>
</el-form-item>
<el-form-item label="队列名称：" prop="queueId">
<!-- :disabled="messageNote_editForm.virtualHostId===''" -->
<el-select v-model="messageNote_editForm.queueId" prefix-icon="el-icon-search" clearable
disabled
style="width:240px" size="small"
placeholder="请选择交换机名称">
<el-option
v-for="item in (messageNote_config.queueList)"
:key="item.id"
:label="item.queueName"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="路由键名称：" prop="routingKeyId">
<!-- :disabled="messageNote_editForm.exchangeId===''" -->
<el-select v-model="messageNote_editForm.routingKeyId" prefix-icon="el-icon-search" clearable
disabled
style="width:240px" size="small"
style="width:300px" size="small"
placeholder="请选择路由键名称">
<el-option
v-for="item in (messageNote_config.routingKeyList)"
... ... @@ -371,22 +341,18 @@
<el-form-item label="消息发送时间：" prop="sendTime">
<el-date-picker v-model="messageNote_editForm.sendTime" disabled clearable type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="选择发送时间" size="small" style="width:240px"></el-date-picker>
</el-form-item>
<el-form-item label="消息获取时间：" prop="receiveTime">
<el-date-picker v-model="messageNote_editForm.receiveTime" disabled="" clearable type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="消息获取时间" size="small" style="width:240px"></el-date-picker>
placeholder="选择发送时间" size="small" style="width:300px"></el-date-picker>
</el-form-item>
<el-form-item label="发送内容：" prop="alias_sendContent">
<el-input v-model="messageNote_editForm.alias_sendContent" style="width:240px" size="small"
<el-input v-model="messageNote_editForm.alias_sendContent" style="width:300px" size="small"
clearable disabled type="textarea" :rows="1"
placeholder="请输入相关描述">
</el-input>
</el-form-item>
<el-form-item label="相关描述：" prop="description">
<el-input v-model="messageNote_editForm.description" style="width:240px" size="small" clearable
<el-input v-model="messageNote_editForm.description" style="width:300px" size="small" clearable
placeholder="请输入相关描述">
</el-input>
</el-form-item>
... ... @@ -411,7 +377,7 @@
updateMessageNote,
deleteMessageNote,
batchRemoveMessageNote, getServerList, getHostList, getExchangeList, getQueueList, getRoutingKeyList,
getDeleteTime, setDeleteTime
getDeleteTime, setDeleteTime, getUserInfoList
} from "../../api/message_bus";
export default {
... ... @@ -424,6 +390,8 @@
* messageNote，配置与参数
*/
messageNote_config: {
// 用户信息列表
userInfoList: [],
// 服务器列表
serverList: [],
// 虚拟主机列表
... ... @@ -492,8 +460,6 @@
virtualHostId: '',
// 交换机id
exchangeId: '',
// 队列id
queueId: '',
// 路由键id
routingKeyId: '',
// 消息发送时间
... ... @@ -1072,7 +1038,21 @@
// 根据交换机ID，获取出对应的路由键的列表
this.messageNote_selectRoutingKeyList(value);
},
/**
* 获取所有用户的信息
*/
note_getUserInfoList() {
getUserInfoList().then((response) => {
let res = response.data;
if (res.code !== '200') {
return this.$message.error('获取用户信息列表，失败！');
}
// 获取列表数据
this.messageNote_config.userInfoList = res.data;
}).catch(error => {
this.$message.error(error.toString());
});
},
},
created() {
// 刷新列表
... ... @@ -1082,6 +1062,7 @@
},
mounted() {
this.messageNote_selectServerList();
this.note_getUserInfoList();
},
computed: {},
}
... ...
... ... @@ -211,7 +211,7 @@
// 服务器IP
serverIp: '',
// 服务器端口号
serverPort: '',
serverPort: undefined,
// 相关描述
description: '',
},
... ...
... ... @@ -243,7 +243,8 @@
<el-form :inline="true" label-width="120px" status-icon style="margin-left: 30px" align="center"
:model="umb_editForm" :rules="umb_editFormRules" ref="umb_editFormRef">
<el-form-item label="用户名称：" prop="username">
<el-input v-model="umb_editForm.username" style="width:300px" size="small" clearable disabled
<el-input v-model="umb_editForm.username" style="width:300px" size="small" clearable
disabled
placeholder="请输入用户名称">
</el-input>
</el-form-item>
... ... @@ -959,7 +960,7 @@
getUserInfoList().then((response) => {
let res = response.data;
if (res.code !== '200') {
return this.$message.error('获取路由键列表，失败！');
return this.$message.error('获取用户信息列表，失败！');
}
// 获取列表数据
this.umb_config.userInfoList = res.data;
... ...