切换导航条
此项目
正在载入...
登录
朱兆平
/
vue_cli
·
提交
转到一个项目
GitLab
转到仪表盘
项目
活动
文件
提交
管道
0
构建
0
图表
里程碑
问题
0
合并请求
0
成员
标记
维基
派生
网络
创建新的问题
下载为
邮件补丁
差异文件
浏览文件
作者
王勇
5 years ago
提交
f8510605a65dfe49d93d7cde9906429ed2431821
1 个父辈
df4f6035
修改服务器的端口号类型
隐藏空白字符变更
内嵌
并排对比
正在显示
3 个修改的文件
包含
73 行增加
和
91 行删除
src/views/bus/MessageNote.vue
src/views/bus/Server.vue
src/views/bus/UserMessageBinding.vue
src/views/bus/MessageNote.vue
查看文件 @
f851060
...
...
@@ -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="6
0
%"
style="margin-top: -50px" text-align="center" width="6
5
%"
@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:
24
0px" size="small"
style="width:
30
0px" 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:
24
0px" size="small"
style="width:
30
0px" 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:
24
0px" size="small"
style="width:
30
0px" 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:
24
0px" size="small"
style="width:
30
0px" 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:
24
0px" size="small"
<el-input v-model="messageNote_addForm.alias_sendContent" style="width:
30
0px" 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:
24
0px" size="small" clearable
<el-input v-model="messageNote_addForm.description" style="width:
30
0px" 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="6
0
%"
style="margin-top: -50px" text-align="center" width="6
5
%"
@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:
24
0px" size="small"
style="width:
30
0px" 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:
24
0px" size="small"
style="width:
30
0px" 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:
24
0px" size="small"
style="width:
30
0px" 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:
24
0px" size="small"
style="width:
30
0px" 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:
24
0px" size="small"
<el-input v-model="messageNote_editForm.alias_sendContent" style="width:
30
0px" 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:
24
0px" size="small" clearable
<el-input v-model="messageNote_editForm.description" style="width:
30
0px" 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: {},
}
...
...
src/views/bus/Server.vue
查看文件 @
f851060
...
...
@@ -211,7 +211,7 @@
// 服务器IP
serverIp: '',
// 服务器端口号
serverPort:
''
,
serverPort:
undefined
,
// 相关描述
description: '',
},
...
...
src/views/bus/UserMessageBinding.vue
查看文件 @
f851060
...
...
@@ -240,10 +240,11 @@
:visible.sync="umb_dialog.editDialog"
style="margin-top: -50px" text-align="center" width="50%"
@close="umb_editDialogClosed">
<el-form :inline="true" label-width="120px" status-icon style="margin-left: 30px"
align="center"
<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;
...
...
请
注册
或
登录
后发表评论