|
...
|
...
|
@@ -33,9 +33,9 @@ |
|
|
|
size="medium" clearable prefix-icon="el-icon-search"></el-input>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="4">
|
|
|
|
<el-date-picker v-model="messageNote_queryInfo.sendTime" type="date"
|
|
|
|
value-format="yyyy-MM-dd"
|
|
|
|
placeholder="消息发送时间" size="medium" style="width: auto"></el-date-picker>
|
|
|
|
<el-date-picker v-model="messageNote_queryInfo.sendTime" placeholder="消息发送时间"
|
|
|
|
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"
|
|
...
|
...
|
@@ -54,7 +54,7 @@ |
|
|
|
</el-button>
|
|
|
|
<el-button type="warning" style="width:150px" size="medium"
|
|
|
|
@click="messageNote_openDeleteTime">
|
|
|
|
设置定时删除
|
|
|
|
设置保留时间
|
|
|
|
</el-button>
|
|
|
|
</el-col>
|
|
|
|
</el-row>
|
|
...
|
...
|
@@ -75,6 +75,18 @@ |
|
|
|
<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>
|
|
|
|
<el-table-column label="相关描述" prop="description" align="center"
|
|
|
|
width="220">
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column label="操作" width="245px" align="center" fixed="right">
|
|
|
|
<template slot-scope="scope">
|
|
|
|
<!-- 编辑按钮-->
|
|
...
|
...
|
@@ -119,11 +131,37 @@ |
|
|
|
</div>
|
|
|
|
</el-card>
|
|
|
|
</el-main>
|
|
|
|
<!-- 设置定时删除，对话框区域 -->
|
|
|
|
<div>
|
|
|
|
<el-dialog title="设置保留消息记录时间"
|
|
|
|
:visible.sync="messageNote_dialog.deleteTimeDialog"
|
|
|
|
style="margin-top: -50px" text-align="center" width="60%"
|
|
|
|
@close="messageNote_deleteTimeDialogClosed">
|
|
|
|
<el-form :inline="true" label-width="200px" status-icon style="margin-top: 0px" align="center"
|
|
|
|
:model="schedulingDelete" :rules="messageNote_addFormRules" ref="messageNote_addFormRef">
|
|
|
|
<el-form-item label="默认保留最新记录消息天数：" prop="deleteTime">
|
|
|
|
<el-input-number style="width: 100px" v-model="schedulingDelete.deleteTime"
|
|
|
|
:min="1" :max="100" controls-position="right">
|
|
|
|
</el-input-number>
|
|
|
|
<span style="margin-left:5px;font-size: 15px"><strong>天</strong></span>
|
|
|
|
</el-form-item>
|
|
|
|
</el-form>
|
|
|
|
<div slot="footer" class="dialog-footer" style="text-align: center;margin-top: -20px">
|
|
|
|
<el-button type="info" @click="messageNote_dialog.deleteTimeDialog = false" size="medium"
|
|
|
|
style="width: 100px">取消
|
|
|
|
</el-button>
|
|
|
|
<el-button type="primary" @click="messageNote_setDeleteTime"
|
|
|
|
:loading="messageNote_loading.addLoading"
|
|
|
|
size="medium" style="width: 100px">设置
|
|
|
|
</el-button>
|
|
|
|
</div>
|
|
|
|
</el-dialog>
|
|
|
|
</div>
|
|
|
|
<!-- 增加，对话框区域 -->
|
|
|
|
<div>
|
|
|
|
<el-dialog title="添加消息收发记录"
|
|
|
|
:visible.sync="messageNote_dialog.addDialog"
|
|
|
|
style="margin-top: -50px" text-align="center" width="50%"
|
|
|
|
style="margin-top: -50px" text-align="center" width="60%"
|
|
|
|
@close="messageNote_addDialogClosed">
|
|
|
|
|
|
|
|
<el-form :inline="true" label-width="120px" status-icon style="margin-top: -10px" align="center"
|
|
...
|
...
|
@@ -134,40 +172,224 @@ |
|
|
|
</el-input>
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="服务器名称：" prop="serverName">
|
|
|
|
<el-input v-model="messageNote_addForm.serverName" placeholder="请输入服务器名称名称"
|
|
|
|
clearable style="width:240px" size="small">
|
|
|
|
</el-input>
|
|
|
|
<el-form-item label="服务器名称：" prop="serverId">
|
|
|
|
<el-select v-model="messageNote_addForm.serverId" prefix-icon="el-icon-search" clearable
|
|
|
|
style="width:240px" size="small"
|
|
|
|
@change="messageNote_server_addChange"
|
|
|
|
placeholder="请选择所属服务器">
|
|
|
|
<el-option
|
|
|
|
v-for="item in (messageNote_config.serverList)"
|
|
|
|
:key="item.id"
|
|
|
|
:label="item.serverName"
|
|
|
|
:value="item.id">
|
|
|
|
</el-option>
|
|
|
|
</el-select>
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="虚拟主机名称：" prop="virtualHostId">
|
|
|
|
<el-select v-model="messageNote_addForm.virtualHostId" prefix-icon="el-icon-search" clearable
|
|
|
|
style="width:240px" size="small"
|
|
|
|
@change="messageNote_virtualHost_addChange"
|
|
|
|
:disabled="messageNote_addForm.serverId===''"
|
|
|
|
placeholder="请选择虚拟主机名称">
|
|
|
|
<el-option
|
|
|
|
v-for="item in (messageNote_config.virtualHostList)"
|
|
|
|
:key="item.id"
|
|
|
|
:label="item.virtualHostName"
|
|
|
|
:value="item.id">
|
|
|
|
</el-option>
|
|
|
|
</el-select>
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="交换机名称：" prop="exchangeId">
|
|
|
|
<el-select v-model="messageNote_addForm.exchangeId" prefix-icon="el-icon-search" clearable
|
|
|
|
style="width:240px" size="small"
|
|
|
|
@change="messageNote_exchange_addChange"
|
|
|
|
:disabled="messageNote_addForm.virtualHostId===''"
|
|
|
|
placeholder="请选择交换机名称">
|
|
|
|
<el-option
|
|
|
|
v-for="item in (messageNote_config.exchangeList)"
|
|
|
|
:key="item.id"
|
|
|
|
:label="item.exchangeName"
|
|
|
|
:value="item.id">
|
|
|
|
</el-option>
|
|
|
|
</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"
|
|
|
|
:disabled="messageNote_addForm.exchangeId===''"
|
|
|
|
placeholder="请选择路由键名称">
|
|
|
|
<el-option
|
|
|
|
v-for="item in (messageNote_config.routingKeyList)"
|
|
|
|
:key="item.id"
|
|
|
|
:label="item.routingKeyName"
|
|
|
|
:value="item.id">
|
|
|
|
</el-option>
|
|
|
|
</el-select>
|
|
|
|
</el-form-item>
|
|
|
|
<el-form-item label="虚拟主机名称：" prop="virtualHostName">
|
|
|
|
<el-input v-model="messageNote_addForm.virtualHostName" style="width:240px" size="small"
|
|
|
|
<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>
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="发送内容：" prop="alias_sendContent">
|
|
|
|
<el-input v-model="messageNote_addForm.alias_sendContent" style="width:240px" size="small"
|
|
|
|
clearable
|
|
|
|
placeholder="请输入虚拟主机名称">
|
|
|
|
placeholder="请输入相关描述">
|
|
|
|
</el-input>
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="交换机名称：" prop="exchangeName">
|
|
|
|
<el-input v-model="messageNote_addForm.exchangeName" style="width:240px" size="small" clearable
|
|
|
|
placeholder="请输入交换机名称">
|
|
|
|
<el-form-item label="相关描述：" prop="description">
|
|
|
|
<el-input v-model="messageNote_addForm.description" style="width:240px" size="small" clearable
|
|
|
|
placeholder="请输入相关描述">
|
|
|
|
</el-input>
|
|
|
|
</el-form-item>
|
|
|
|
<el-form-item label="队列名称：" prop="queueName">
|
|
|
|
<el-input v-model="messageNote_addForm.queueName" style="width:240px" size="small" clearable
|
|
|
|
placeholder="请输入队列名称">
|
|
|
|
</el-form>
|
|
|
|
<div slot="footer" class="dialog-footer" style="text-align: center;margin-top: -20px">
|
|
|
|
<el-button type="info" @click="messageNote_dialog.addDialog = false" size="medium"
|
|
|
|
style="width: 100px">取消
|
|
|
|
</el-button>
|
|
|
|
<el-button type="primary" @click="messageNote_add" :loading="messageNote_loading.addLoading"
|
|
|
|
size="medium" style="width: 100px">添加
|
|
|
|
</el-button>
|
|
|
|
</div>
|
|
|
|
</el-dialog>
|
|
|
|
</div>
|
|
|
|
<!-- 编辑，对话框区域 -->
|
|
|
|
<div>
|
|
|
|
<el-dialog title="编辑消息收发记录"
|
|
|
|
:visible.sync="messageNote_dialog.editDialog"
|
|
|
|
style="margin-top: -50px" text-align="center" width="60%"
|
|
|
|
@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
|
|
|
|
placeholder="请输入用户名称">
|
|
|
|
</el-input>
|
|
|
|
</el-form-item>
|
|
|
|
<el-form-item label="路由键名称：" prop="routingKeyName">
|
|
|
|
<el-input v-model="messageNote_addForm.routingKeyName" style="width:240px" size="small"
|
|
|
|
|
|
|
|
<el-form-item label="服务器名称：" prop="serverId">
|
|
|
|
<el-select v-model="messageNote_editForm.serverId" prefix-icon="el-icon-search" clearable
|
|
|
|
style="width:240px" size="small"
|
|
|
|
@change="messageNote_server_editChange"
|
|
|
|
placeholder="请选择所属服务器">
|
|
|
|
<el-option
|
|
|
|
v-for="item in (messageNote_config.serverList)"
|
|
|
|
:key="item.id"
|
|
|
|
:label="item.serverName"
|
|
|
|
:value="item.id">
|
|
|
|
</el-option>
|
|
|
|
</el-select>
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="虚拟主机名称：" prop="virtualHostId">
|
|
|
|
<el-select v-model="messageNote_editForm.virtualHostId" prefix-icon="el-icon-search" clearable
|
|
|
|
style="width:240px" size="small"
|
|
|
|
@change="messageNote_virtualHost_editChange"
|
|
|
|
:disabled="messageNote_editForm.serverId===''"
|
|
|
|
placeholder="请选择虚拟主机名称">
|
|
|
|
<el-option
|
|
|
|
v-for="item in (messageNote_config.virtualHostList)"
|
|
|
|
:key="item.id"
|
|
|
|
:label="item.virtualHostName"
|
|
|
|
:value="item.id">
|
|
|
|
</el-option>
|
|
|
|
</el-select>
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="交换机名称：" prop="exchangeId">
|
|
|
|
<el-select v-model="messageNote_editForm.exchangeId" prefix-icon="el-icon-search" clearable
|
|
|
|
style="width:240px" size="small"
|
|
|
|
@change="messageNote_exchange_editChange"
|
|
|
|
:disabled="messageNote_editForm.virtualHostId===''"
|
|
|
|
placeholder="请选择交换机名称">
|
|
|
|
<el-option
|
|
|
|
v-for="item in (messageNote_config.exchangeList)"
|
|
|
|
:key="item.id"
|
|
|
|
:label="item.exchangeName"
|
|
|
|
:value="item.id">
|
|
|
|
</el-option>
|
|
|
|
</el-select>
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="队列名称：" prop="queueId">
|
|
|
|
<el-select v-model="messageNote_editForm.queueId" prefix-icon="el-icon-search" clearable
|
|
|
|
style="width:240px" size="small"
|
|
|
|
:disabled="messageNote_editForm.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_editForm.routingKeyId" prefix-icon="el-icon-search" clearable
|
|
|
|
style="width:240px" size="small"
|
|
|
|
:disabled="messageNote_editForm.exchangeId===''"
|
|
|
|
placeholder="请选择路由键名称">
|
|
|
|
<el-option
|
|
|
|
v-for="item in (messageNote_config.routingKeyList)"
|
|
|
|
:key="item.id"
|
|
|
|
:label="item.routingKeyName"
|
|
|
|
:value="item.id">
|
|
|
|
</el-option>
|
|
|
|
</el-select>
|
|
|
|
</el-form-item>
|
|
|
|
<el-form-item label="消息发送时间：" prop="sendTime">
|
|
|
|
<el-date-picker v-model="messageNote_editForm.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_editForm.receiveTime" 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="alias_sendContent">
|
|
|
|
<el-input v-model="messageNote_editForm.alias_sendContent" style="width:240px" size="small"
|
|
|
|
clearable
|
|
|
|
placeholder="请输入路由键名称">
|
|
|
|
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
|
|
|
|
placeholder="请输入相关描述">
|
|
|
|
</el-input>
|
|
|
|
</el-form-item>
|
|
|
|
</el-form>
|
|
|
|
<div slot="footer" class="dialog-footer" style="text-align: center;margin-top: -20px">
|
|
|
|
<el-button type="info" @click="messageNote_dialog.addDialog = false" size="medium"
|
|
|
|
<el-button type="info" @click="messageNote_dialog.editDialog = false" size="medium"
|
|
|
|
style="width: 100px">取消
|
|
|
|
</el-button>
|
|
|
|
<el-button type="primary" @click="messageNote_add" :loading="messageNote_loading.addLoading"
|
|
|
|
<el-button type="primary" @click="messageNote_edit" :loading="messageNote_loading.editLoading"
|
|
|
|
size="medium" style="width: 100px">添加
|
|
|
|
</el-button>
|
|
|
|
</div>
|
|
...
|
...
|
@@ -182,7 +404,8 @@ |
|
|
|
insertMessageNote,
|
|
|
|
updateMessageNote,
|
|
|
|
deleteMessageNote,
|
|
|
|
batchRemoveMessageNote,
|
|
|
|
batchRemoveMessageNote, getServerList, getHostList, getExchangeList, getQueueList, getRoutingKeyList,
|
|
|
|
getDeleteTime, setDeleteTime
|
|
|
|
} from "../../api/message_bus";
|
|
|
|
|
|
|
|
export default {
|
|
...
|
...
|
@@ -194,7 +417,18 @@ |
|
|
|
/**
|
|
|
|
* messageNote，配置与参数
|
|
|
|
*/
|
|
|
|
messageNote_config: {},
|
|
|
|
messageNote_config: {
|
|
|
|
// 服务器列表
|
|
|
|
serverList: [],
|
|
|
|
// 虚拟主机列表
|
|
|
|
virtualHostList: [],
|
|
|
|
// 交换机列表
|
|
|
|
exchangeList: [],
|
|
|
|
// 队列-列表
|
|
|
|
queueList: [],
|
|
|
|
// 路由键列表
|
|
|
|
routingKeyList: [],
|
|
|
|
},
|
|
|
|
/**
|
|
|
|
* messageNote，搜索参数
|
|
|
|
*/
|
|
...
|
...
|
@@ -232,21 +466,38 @@ |
|
|
|
selectList: [],
|
|
|
|
},
|
|
|
|
/**
|
|
|
|
* 设置删除时间，参数
|
|
|
|
*/
|
|
|
|
schedulingDelete: {
|
|
|
|
deleteTime: 2,
|
|
|
|
},
|
|
|
|
|
|
|
|
/**
|
|
|
|
* messageNote，新增表单
|
|
|
|
*/
|
|
|
|
messageNote_addForm: {
|
|
|
|
// 用户名称
|
|
|
|
username: '',
|
|
|
|
// 服务器id
|
|
|
|
serverId: '',
|
|
|
|
// 服务器名称
|
|
|
|
serverName: '',
|
|
|
|
// 虚拟主机名称
|
|
|
|
virtualHostName: '',
|
|
|
|
// 交换机名称
|
|
|
|
exchangeName: '',
|
|
|
|
// 队列名称
|
|
|
|
queueName: '',
|
|
|
|
// 路由键名称
|
|
|
|
routingKeyName: '',
|
|
|
|
// 虚拟主机id
|
|
|
|
virtualHostId: '',
|
|
|
|
// 交换机id
|
|
|
|
exchangeId: '',
|
|
|
|
// 队列id
|
|
|
|
queueId: '',
|
|
|
|
// 路由键id
|
|
|
|
routingKeyId: '',
|
|
|
|
// 消息发送时间
|
|
|
|
sendTime: undefined,
|
|
|
|
// 消息接收时间
|
|
|
|
receiveTime: undefined,
|
|
|
|
// 发送消息内容，别名
|
|
|
|
alias_sendContent: '',
|
|
|
|
// 相关描述
|
|
|
|
description: '',
|
|
|
|
},
|
|
|
|
/**
|
|
|
|
* messageNote，编辑表单
|
|
...
|
...
|
@@ -276,7 +527,7 @@ |
|
|
|
// 编辑对话框
|
|
|
|
editDialog: false,
|
|
|
|
// 定时删除记录对话框
|
|
|
|
openDeleteTimeDialog: false,
|
|
|
|
deleteTimeDialog: false,
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
...
|
...
|
@@ -288,34 +539,86 @@ |
|
|
|
username: [
|
|
|
|
{required: true, message: '请输入用户名称', trigger: ['blur', 'change']},
|
|
|
|
],
|
|
|
|
// 服务器名称
|
|
|
|
serverName: [
|
|
|
|
{required: true, message: '请输入虚拟主机名称', trigger: ['blur', 'change']},
|
|
|
|
// 服务器ID
|
|
|
|
serverId: [
|
|
|
|
{required: true, message: '请选择服务器名称', trigger: ['blur', 'change']},
|
|
|
|
],
|
|
|
|
// 虚拟主机名称
|
|
|
|
virtualHostName: [
|
|
|
|
{required: true, message: '请输入虚拟主机名称', trigger: ['blur', 'change']},
|
|
|
|
// 虚拟主机ID
|
|
|
|
virtualHostId: [
|
|
|
|
{required: true, message: '请选择虚拟主机名称', trigger: ['blur', 'change']},
|
|
|
|
],
|
|
|
|
// 队列名称
|
|
|
|
queueName: [
|
|
|
|
{required: true, message: '请输入队列名称', trigger: ['blur', 'change']},
|
|
|
|
// 交换机ID
|
|
|
|
exchangeId: [
|
|
|
|
{required: true, message: '请选择交换机名称', trigger: ['blur', 'change']},
|
|
|
|
],
|
|
|
|
// 交换机名称
|
|
|
|
exchangeName: [
|
|
|
|
{required: true, message: '请输入交换机名称', trigger: ['blur', 'change']},
|
|
|
|
// 队列ID
|
|
|
|
queueId: [
|
|
|
|
{required: true, message: '请选择队列名称', trigger: ['blur', 'change']},
|
|
|
|
],
|
|
|
|
// 路由键名称
|
|
|
|
routingKeyName: [
|
|
|
|
{required: true, message: '请输入路由键名称', trigger: ['blur', 'change']},
|
|
|
|
// 路由键ID
|
|
|
|
routingKeyId: [
|
|
|
|
{required: true, message: '请选择路由键名称', trigger: ['blur', 'change']},
|
|
|
|
],
|
|
|
|
// 发送时间
|
|
|
|
sendTime: [
|
|
|
|
{required: true, message: '请选择消息发送时间', trigger: ['blur', 'change']},
|
|
|
|
],
|
|
|
|
// 接收时间
|
|
|
|
receiveTime: [
|
|
|
|
{required: true, message: '请选择消息接收时间', trigger: ['blur', 'change']},
|
|
|
|
],
|
|
|
|
// 发送内容
|
|
|
|
alias_sendContent: [
|
|
|
|
{required: true, message: '请输入消息发送内容', trigger: ['blur', 'change']},
|
|
|
|
],
|
|
|
|
// 相关描述
|
|
|
|
description: [
|
|
|
|
{required: true, message: '请输入相关描述', trigger: ['blur', 'change']},
|
|
|
|
],
|
|
|
|
},
|
|
|
|
/**
|
|
|
|
* messageNote,编辑表单，验证规则
|
|
|
|
*/
|
|
|
|
messageNote_editFormRules: {
|
|
|
|
// 队列名称
|
|
|
|
queueName: [
|
|
|
|
{required: true, message: '请输入队列名称', trigger: ['blur', 'change']},
|
|
|
|
// 用户名称
|
|
|
|
username: [
|
|
|
|
{required: true, message: '请输入用户名称', trigger: ['blur', 'change']},
|
|
|
|
],
|
|
|
|
// 服务器ID
|
|
|
|
serverId: [
|
|
|
|
{required: true, message: '请选择服务器名称', trigger: ['blur', 'change']},
|
|
|
|
],
|
|
|
|
// 虚拟主机ID
|
|
|
|
virtualHostId: [
|
|
|
|
{required: true, message: '请选择虚拟主机名称', trigger: ['blur', 'change']},
|
|
|
|
],
|
|
|
|
// 交换机ID
|
|
|
|
exchangeId: [
|
|
|
|
{required: true, message: '请选择交换机名称', trigger: ['blur', 'change']},
|
|
|
|
],
|
|
|
|
// 队列ID
|
|
|
|
queueId: [
|
|
|
|
{required: true, message: '请选择队列名称', trigger: ['blur', 'change']},
|
|
|
|
],
|
|
|
|
// 路由键ID
|
|
|
|
routingKeyId: [
|
|
|
|
{required: true, message: '请选择路由键名称', trigger: ['blur', 'change']},
|
|
|
|
],
|
|
|
|
// 发送时间
|
|
|
|
sendTime: [
|
|
|
|
{required: true, message: '请选择消息发送时间', trigger: ['blur', 'change']},
|
|
|
|
],
|
|
|
|
// 接收时间
|
|
|
|
receiveTime: [
|
|
|
|
{required: true, message: '请选择消息接收时间', trigger: ['blur', 'change']},
|
|
|
|
],
|
|
|
|
// 发送内容
|
|
|
|
alias_sendContent: [
|
|
|
|
{required: true, message: '请输入消息发送内容', trigger: ['blur', 'change']},
|
|
|
|
],
|
|
|
|
// 相关描述
|
|
|
|
description: [
|
|
|
|
{required: true, message: '请输入相关描述', trigger: ['blur', 'change']},
|
|
|
|
],
|
|
|
|
},
|
|
|
|
/**
|
|
...
|
...
|
@@ -431,6 +734,11 @@ |
|
|
|
* messageNote，编辑对话框，打开事件
|
|
|
|
*/
|
|
|
|
messageNote_toEditDialog(index, row) {
|
|
|
|
this.messageNote_selectServerList();
|
|
|
|
this.messageNote_selectHostList(row.serverId);
|
|
|
|
this.messageNote_selectQueueList(row.virtualHostId);
|
|
|
|
this.messageNote_selectExchangeList(row.virtualHostId);
|
|
|
|
this.messageNote_selectRoutingKeyList(row.exchangeId);
|
|
|
|
this.messageNote_editForm = Object.assign({}, row);
|
|
|
|
this.messageNote_dialog.editDialog = true;
|
|
|
|
},
|
|
...
|
...
|
@@ -551,22 +859,223 @@ |
|
|
|
});
|
|
|
|
},
|
|
|
|
|
|
|
|
/**
|
|
|
|
* 打开,设置定时删除对话框
|
|
|
|
*/
|
|
|
|
messageNote_openDeleteTime() {
|
|
|
|
this.messageNote_dialog.deleteTimeDialog = true;
|
|
|
|
},
|
|
|
|
|
|
|
|
/**
|
|
|
|
* 设置定时删除对话框,关闭时间
|
|
|
|
*/
|
|
|
|
messageNote_deleteTimeDialogClosed() {
|
|
|
|
this.selectDeleteTime();
|
|
|
|
},
|
|
|
|
/**
|
|
|
|
* 获取删除时间
|
|
|
|
*/
|
|
|
|
selectDeleteTime() {
|
|
|
|
getDeleteTime().then((response) => {
|
|
|
|
let res = response.data;
|
|
|
|
console.log(res)
|
|
|
|
if (res.code !== '200') {
|
|
|
|
return this.$message.error('获取删除时间，失败！');
|
|
|
|
}
|
|
|
|
this.schedulingDelete.deleteTime = res.data.deleteTime;
|
|
|
|
}).catch(error => {
|
|
|
|
this.$message.error(error.toString());
|
|
|
|
});
|
|
|
|
},
|
|
|
|
/**
|
|
|
|
* 设置定时删除
|
|
|
|
* 设置删除时间
|
|
|
|
*/
|
|
|
|
messageNote_setDeleteTime() {
|
|
|
|
const params = {deleteTime: this.schedulingDelete.deleteTime}
|
|
|
|
setDeleteTime(params).then((response) => {
|
|
|
|
let res = response.data;
|
|
|
|
console.log(res)
|
|
|
|
if (res.code !== '200') {
|
|
|
|
return this.$message.error('设置删除时间，失败！');
|
|
|
|
}
|
|
|
|
this.$message.success('设置删除时间，成功！');
|
|
|
|
// 隐藏对话框
|
|
|
|
this.messageNote_dialog.deleteTimeDialog = false;
|
|
|
|
}).catch(error => {
|
|
|
|
this.$message.error(error.toString());
|
|
|
|
});
|
|
|
|
},
|
|
|
|
/**
|
|
|
|
* 获取服务器列表
|
|
|
|
*/
|
|
|
|
messageNote_selectServerList() {
|
|
|
|
getServerList().then((response) => {
|
|
|
|
let res = response.data;
|
|
|
|
if (res.code !== '200') {
|
|
|
|
return this.$message.error('获取服务器列表，失败！');
|
|
|
|
}
|
|
|
|
// 获取服务器列表数据
|
|
|
|
this.messageNote_config.serverList = res.data;
|
|
|
|
}).catch(error => {
|
|
|
|
this.$message.error(error.toString());
|
|
|
|
});
|
|
|
|
},
|
|
|
|
|
|
|
|
/**
|
|
|
|
* 获取虚拟主机列表
|
|
|
|
*/
|
|
|
|
messageNote_selectHostList(id) {
|
|
|
|
let params = {serverId: id};
|
|
|
|
getHostList(params).then((response) => {
|
|
|
|
let res = response.data;
|
|
|
|
if (res.code !== '200') {
|
|
|
|
return this.$message.error('获取虚拟主机列表，失败！');
|
|
|
|
}
|
|
|
|
// 获取虚拟主机列表数据
|
|
|
|
this.messageNote_config.virtualHostList = res.data;
|
|
|
|
}).catch(error => {
|
|
|
|
this.$message.error(error.toString());
|
|
|
|
});
|
|
|
|
},
|
|
|
|
|
|
|
|
/**
|
|
|
|
* 获取交换机列表
|
|
|
|
*/
|
|
|
|
messageNote_selectExchangeList(id) {
|
|
|
|
let params = {virtualHostId: id};
|
|
|
|
getExchangeList(params).then((response) => {
|
|
|
|
let res = response.data;
|
|
|
|
if (res.code !== '200') {
|
|
|
|
return this.$message.error('获取交换机列表，失败！');
|
|
|
|
}
|
|
|
|
// 获取交换机列表数据
|
|
|
|
this.messageNote_config.exchangeList = res.data;
|
|
|
|
}).catch(error => {
|
|
|
|
this.$message.error(error.toString());
|
|
|
|
});
|
|
|
|
},
|
|
|
|
/**
|
|
|
|
* 获取队列-列表
|
|
|
|
*/
|
|
|
|
messageNote_selectQueueList(id) {
|
|
|
|
let params = {virtualHostId: id};
|
|
|
|
getQueueList(params).then((response) => {
|
|
|
|
let res = response.data;
|
|
|
|
if (res.code !== '200') {
|
|
|
|
return this.$message.error('获取队列-列表，失败！');
|
|
|
|
}
|
|
|
|
// 获取队列-列表数据
|
|
|
|
this.messageNote_config.queueList = res.data;
|
|
|
|
}).catch(error => {
|
|
|
|
this.$message.error(error.toString());
|
|
|
|
});
|
|
|
|
},
|
|
|
|
/**
|
|
|
|
* 获取路由键-列表
|
|
|
|
*/
|
|
|
|
messageNote_selectRoutingKeyList(id) {
|
|
|
|
let params = {exchangeId: id};
|
|
|
|
getRoutingKeyList(params).then((response) => {
|
|
|
|
let res = response.data;
|
|
|
|
if (res.code !== '200') {
|
|
|
|
return this.$message.error('获取路由键列表，失败！');
|
|
|
|
}
|
|
|
|
// 获取路由键列表数据
|
|
|
|
this.messageNote_config.routingKeyList = res.data;
|
|
|
|
}).catch(error => {
|
|
|
|
this.$message.error(error.toString());
|
|
|
|
});
|
|
|
|
},
|
|
|
|
|
|
|
|
/**
|
|
|
|
* 添加方法，服务器ID值，改变
|
|
|
|
*/
|
|
|
|
messageNote_server_addChange(value) {
|
|
|
|
console.log("服务器ID值:" + value);
|
|
|
|
// 现将对应的虚拟主机和交换机的ID清空
|
|
|
|
this.messageNote_addForm.virtualHostId = undefined;
|
|
|
|
this.messageNote_addForm.exchangeId = undefined;
|
|
|
|
// 根据服务器ID，获取出对应的虚拟主机的列表
|
|
|
|
this.messageNote_selectHostList(value);
|
|
|
|
//
|
|
|
|
// let obj = {};
|
|
|
|
// this.messageNote_config.serverList.map(
|
|
|
|
// (item) => {
|
|
|
|
// if (item.serverId === value) {
|
|
|
|
// obj = item;
|
|
|
|
// }
|
|
|
|
// }
|
|
|
|
// );
|
|
|
|
// console.log(obj);
|
|
|
|
// this.messageNote_addForm.serverName = obj.serverName;
|
|
|
|
},
|
|
|
|
/**
|
|
|
|
* 添加方法，虚拟主机ID值，改变
|
|
|
|
*/
|
|
|
|
messageNote_virtualHost_addChange(value) {
|
|
|
|
console.log("虚拟主机ID值:" + value);
|
|
|
|
// 先将对应的交换机和队列的ID清空
|
|
|
|
this.messageNote_addForm.exchangeId = undefined;
|
|
|
|
this.messageNote_addForm.queueId = undefined;
|
|
|
|
|
|
|
|
// 根据虚拟主机ID，获取出对应的交换机和队列的列表
|
|
|
|
this.messageNote_selectExchangeList(value);
|
|
|
|
this.messageNote_selectQueueList(value);
|
|
|
|
},
|
|
|
|
/**
|
|
|
|
* 添加方法，交换机ID值，改变
|
|
|
|
*/
|
|
|
|
messageNote_exchange_addChange(value) {
|
|
|
|
console.log("交换机ID值:" + value);
|
|
|
|
// 先将对应的路由键的ID清空
|
|
|
|
this.messageNote_addForm.routingKeyId = undefined;
|
|
|
|
// 根据交换机ID，获取出对应的路由键的列表
|
|
|
|
this.messageNote_selectRoutingKeyList(value);
|
|
|
|
},
|
|
|
|
/**
|
|
|
|
* 编辑方法，服务器ID值，改变
|
|
|
|
*/
|
|
|
|
messageNote_server_editChange(value) {
|
|
|
|
console.log("服务器ID值:" + value);
|
|
|
|
// 现将对应的虚拟主机和交换机的ID清空
|
|
|
|
this.messageNote_editForm.virtualHostId = undefined;
|
|
|
|
this.messageNote_editForm.exchangeId = undefined;
|
|
|
|
// 根据服务器ID，获取出对应的虚拟主机的列表
|
|
|
|
this.messageNote_selectHostList(value);
|
|
|
|
},
|
|
|
|
/**
|
|
|
|
* 编辑方法，虚拟主机ID值，改变
|
|
|
|
*/
|
|
|
|
messageNote_virtualHost_editChange(value) {
|
|
|
|
console.log("虚拟主机ID值:" + value);
|
|
|
|
// 先将对应的交换机和队列的ID清空
|
|
|
|
this.messageNote_editForm.exchangeId = undefined;
|
|
|
|
this.messageNote_editForm.queueId = undefined;
|
|
|
|
|
|
|
|
// 根据虚拟主机ID，获取出对应的交换机和队列的列表
|
|
|
|
this.messageNote_selectExchangeList(value);
|
|
|
|
this.messageNote_selectQueueList(value);
|
|
|
|
},
|
|
|
|
/**
|
|
|
|
* 编辑方法，交换机ID值，改变
|
|
|
|
*/
|
|
|
|
messageNote_exchange_editChange(value) {
|
|
|
|
console.log("交换机ID值:" + value);
|
|
|
|
// 先将对应的路由键的ID清空
|
|
|
|
this.messageNote_editForm.routingKeyId = undefined;
|
|
|
|
// 根据交换机ID，获取出对应的路由键的列表
|
|
|
|
this.messageNote_selectRoutingKeyList(value);
|
|
|
|
},
|
|
|
|
|
|
|
|
},
|
|
|
|
created() {
|
|
|
|
// 刷新列表
|
|
|
|
this.messageNote_getList();
|
|
|
|
// 获取删除时间
|
|
|
|
this.selectDeleteTime();
|
|
|
|
},
|
|
|
|
mounted() {
|
|
|
|
|
|
|
|
this.messageNote_selectServerList();
|
|
|
|
},
|
|
|
|
computed: {},
|
|
|
|
}
|
...
|
...
|
|
