朱兆平 / vue_cli · 提交

转到一个项目

作者 王勇
提交 caf6f2401331f1b9c2b54d34ec04e94b5a20431b 1 个父辈 28ddca9d

基本完善

内嵌 并排对比
正在显示 3 个修改的文件 包含 570 行增加 和 57 行删除
@@ -93,6 +93,10 @@ export const getHostList = params =>{return http.get(`${baseUrl}/cascade/host`, @@ -93,6 +93,10 @@ export const getHostList = params =>{return http.get(`${baseUrl}/cascade/host`,
93 export const getExchangeList = params =>{return http.get(`${baseUrl}/cascade/exchange`, params);}; 93 export const getExchangeList = params =>{return http.get(`${baseUrl}/cascade/exchange`, params);};
94 export const getQueueList = params =>{return http.get(`${baseUrl}/cascade/queue`, params);}; 94 export const getQueueList = params =>{return http.get(`${baseUrl}/cascade/queue`, params);};
95 export const getRoutingKeyList = params =>{return http.get(`${baseUrl}/cascade/routing`, params);}; 95 export const getRoutingKeyList = params =>{return http.get(`${baseUrl}/cascade/routing`, params);};
96 -  
97 export const getServerAndHostList = params =>{return http.get(`${baseUrl}/cascade/server_host`, params);}; 96 export const getServerAndHostList = params =>{return http.get(`${baseUrl}/cascade/server_host`, params);};
98 export const getServerAndHostAndExchangeList = params =>{return http.get(`${baseUrl}/cascade/server_host_exchange`, params);}; 97 export const getServerAndHostAndExchangeList = params =>{return http.get(`${baseUrl}/cascade/server_host_exchange`, params);};
  98 +
  99 +// 定时删除，消息记录
  100 +export const getDeleteTime = params =>{return http.get(`${baseUrl}/scheduling/get`, params);};
  101 +export const setDeleteTime = params =>{return http.get(`${baseUrl}/scheduling/set`, params);};
  102 +
@@ -33,9 +33,9 @@ @@ -33,9 +33,9 @@
33 size="medium" clearable prefix-icon="el-icon-search"></el-input> 33 size="medium" clearable prefix-icon="el-icon-search"></el-input>
34 </el-col> 34 </el-col>
35 <el-col :span="4"> 35 <el-col :span="4">
36 - <el-date-picker v-model="messageNote_queryInfo.sendTime" type="date"  
37 - value-format="yyyy-MM-dd"  
38 - placeholder="消息发送时间" size="medium" style="width: auto"></el-date-picker> 36 + <el-date-picker v-model="messageNote_queryInfo.sendTime" placeholder="消息发送时间"
  37 + type="date" value-format="yyyy-MM-dd"
  38 + size="medium" style="width: auto"></el-date-picker>
39 </el-col> 39 </el-col>
40 <el-col :span="4"> 40 <el-col :span="4">
41 <el-date-picker v-model="messageNote_queryInfo.receiveTime" type="date" 41 <el-date-picker v-model="messageNote_queryInfo.receiveTime" type="date"
@@ -54,7 +54,7 @@ @@ -54,7 +54,7 @@
54 </el-button> 54 </el-button>
55 <el-button type="warning" style="width:150px" size="medium" 55 <el-button type="warning" style="width:150px" size="medium"
56 @click="messageNote_openDeleteTime"> 56 @click="messageNote_openDeleteTime">
57 - 设置定时删除 57 + 设置保留时间
58 </el-button> 58 </el-button>
59 </el-col> 59 </el-col>
60 </el-row> 60 </el-row>
@@ -75,6 +75,18 @@ @@ -75,6 +75,18 @@
75 <el-table-column label="队列名称" prop="queueName" align="center" width="220"></el-table-column> 75 <el-table-column label="队列名称" prop="queueName" align="center" width="220"></el-table-column>
76 <el-table-column label="路由键名称" prop="routingKeyName" align="center" 76 <el-table-column label="路由键名称" prop="routingKeyName" align="center"
77 width="220"></el-table-column> 77 width="220"></el-table-column>
  78 + <el-table-column label="消息发送时间" prop="sendTime" align="center"
  79 + width="220">
  80 + </el-table-column>
  81 + <el-table-column label="消息获取时间" prop="receiveTime" align="center"
  82 + width="220">
  83 + </el-table-column>
  84 + <el-table-column label="发送内容" prop="alias_sendContent" align="center"
  85 + width="220">
  86 + </el-table-column>
  87 + <el-table-column label="相关描述" prop="description" align="center"
  88 + width="220">
  89 + </el-table-column>
78 <el-table-column label="操作" width="245px" align="center" fixed="right"> 90 <el-table-column label="操作" width="245px" align="center" fixed="right">
79 <template slot-scope="scope"> 91 <template slot-scope="scope">
80 <!-- 编辑按钮--> 92 <!-- 编辑按钮-->
@@ -119,11 +131,37 @@ @@ -119,11 +131,37 @@
119 </div> 131 </div>
120 </el-card> 132 </el-card>
121 </el-main> 133 </el-main>
  134 + <!-- 设置定时删除，对话框区域 -->
  135 + <div>
  136 + <el-dialog title="设置保留消息记录时间"
  137 + :visible.sync="messageNote_dialog.deleteTimeDialog"
  138 + style="margin-top: -50px" text-align="center" width="60%"
  139 + @close="messageNote_deleteTimeDialogClosed">
  140 + <el-form :inline="true" label-width="200px" status-icon style="margin-top: 0px" align="center"
  141 + :model="schedulingDelete" :rules="messageNote_addFormRules" ref="messageNote_addFormRef">
  142 + <el-form-item label="默认保留最新记录消息天数：" prop="deleteTime">
  143 + <el-input-number style="width: 100px" v-model="schedulingDelete.deleteTime"
  144 + :min="1" :max="100" controls-position="right">
  145 + </el-input-number>
  146 + <span style="margin-left:5px;font-size: 15px"><strong>天</strong></span>
  147 + </el-form-item>
  148 + </el-form>
  149 + <div slot="footer" class="dialog-footer" style="text-align: center;margin-top: -20px">
  150 + <el-button type="info" @click="messageNote_dialog.deleteTimeDialog = false" size="medium"
  151 + style="width: 100px">取消
  152 + </el-button>
  153 + <el-button type="primary" @click="messageNote_setDeleteTime"
  154 + :loading="messageNote_loading.addLoading"
  155 + size="medium" style="width: 100px">设置
  156 + </el-button>
  157 + </div>
  158 + </el-dialog>
  159 + </div>
122 <!-- 增加，对话框区域 --> 160 <!-- 增加，对话框区域 -->
123 <div> 161 <div>
124 <el-dialog title="添加消息收发记录" 162 <el-dialog title="添加消息收发记录"
125 :visible.sync="messageNote_dialog.addDialog" 163 :visible.sync="messageNote_dialog.addDialog"
126 - style="margin-top: -50px" text-align="center" width="50%" 164 + style="margin-top: -50px" text-align="center" width="60%"
127 @close="messageNote_addDialogClosed"> 165 @close="messageNote_addDialogClosed">
128 166
129 <el-form :inline="true" label-width="120px" status-icon style="margin-top: -10px" align="center" 167 <el-form :inline="true" label-width="120px" status-icon style="margin-top: -10px" align="center"
@@ -134,40 +172,224 @@ @@ -134,40 +172,224 @@
134 </el-input> 172 </el-input>
135 </el-form-item> 173 </el-form-item>
136 174
137 - <el-form-item label="服务器名称：" prop="serverName">  
138 - <el-input v-model="messageNote_addForm.serverName" placeholder="请输入服务器名称名称"  
139 - clearable style="width:240px" size="small">  
140 - </el-input> 175 + <el-form-item label="服务器名称：" prop="serverId">
  176 + <el-select v-model="messageNote_addForm.serverId" prefix-icon="el-icon-search" clearable
  177 + style="width:240px" size="small"
  178 + @change="messageNote_server_addChange"
  179 + placeholder="请选择所属服务器">
  180 + <el-option
  181 + v-for="item in (messageNote_config.serverList)"
  182 + :key="item.id"
  183 + :label="item.serverName"
  184 + :value="item.id">
  185 + </el-option>
  186 + </el-select>
  187 + </el-form-item>
  188 +
  189 + <el-form-item label="虚拟主机名称：" prop="virtualHostId">
  190 + <el-select v-model="messageNote_addForm.virtualHostId" prefix-icon="el-icon-search" clearable
  191 + style="width:240px" size="small"
  192 + @change="messageNote_virtualHost_addChange"
  193 + :disabled="messageNote_addForm.serverId===''"
  194 + placeholder="请选择虚拟主机名称">
  195 + <el-option
  196 + v-for="item in (messageNote_config.virtualHostList)"
  197 + :key="item.id"
  198 + :label="item.virtualHostName"
  199 + :value="item.id">
  200 + </el-option>
  201 + </el-select>
  202 + </el-form-item>
  203 +
  204 + <el-form-item label="交换机名称：" prop="exchangeId">
  205 + <el-select v-model="messageNote_addForm.exchangeId" prefix-icon="el-icon-search" clearable
  206 + style="width:240px" size="small"
  207 + @change="messageNote_exchange_addChange"
  208 + :disabled="messageNote_addForm.virtualHostId===''"
  209 + placeholder="请选择交换机名称">
  210 + <el-option
  211 + v-for="item in (messageNote_config.exchangeList)"
  212 + :key="item.id"
  213 + :label="item.exchangeName"
  214 + :value="item.id">
  215 + </el-option>
  216 + </el-select>
  217 + </el-form-item>
  218 +
  219 + <el-form-item label="队列名称：" prop="queueId">
  220 + <el-select v-model="messageNote_addForm.queueId" prefix-icon="el-icon-search" clearable
  221 + style="width:240px" size="small"
  222 + :disabled="messageNote_addForm.virtualHostId===''"
  223 + placeholder="请选择交换机名称">
  224 + <el-option
  225 + v-for="item in (messageNote_config.queueList)"
  226 + :key="item.id"
  227 + :label="item.queueName"
  228 + :value="item.id">
  229 + </el-option>
  230 + </el-select>
  231 + </el-form-item>
  232 +
  233 + <el-form-item label="路由键名称：" prop="routingKeyId">
  234 + <el-select v-model="messageNote_addForm.routingKeyId" prefix-icon="el-icon-search" clearable
  235 + style="width:240px" size="small"
  236 + :disabled="messageNote_addForm.exchangeId===''"
  237 + placeholder="请选择路由键名称">
  238 + <el-option
  239 + v-for="item in (messageNote_config.routingKeyList)"
  240 + :key="item.id"
  241 + :label="item.routingKeyName"
  242 + :value="item.id">
  243 + </el-option>
  244 + </el-select>
141 </el-form-item> 245 </el-form-item>
142 - <el-form-item label="虚拟主机名称：" prop="virtualHostName">  
143 - <el-input v-model="messageNote_addForm.virtualHostName" style="width:240px" size="small" 246 + <el-form-item label="消息发送时间：" prop="sendTime">
  247 + <el-date-picker v-model="messageNote_addForm.sendTime" clearable type="datetime"
  248 + value-format="yyyy-MM-dd HH:mm:ss"
  249 + placeholder="选择发送时间" size="small" style="width:240px"></el-date-picker>
  250 + </el-form-item>
  251 + <el-form-item label="消息获取时间：" prop="receiveTime">
  252 + <el-date-picker v-model="messageNote_addForm.receiveTime" clearable type="datetime"
  253 + value-format="yyyy-MM-dd HH:mm:ss"
  254 + placeholder="消息获取时间" size="small" style="width:240px"></el-date-picker>
  255 + </el-form-item>
  256 +
  257 + <el-form-item label="发送内容：" prop="alias_sendContent">
  258 + <el-input v-model="messageNote_addForm.alias_sendContent" style="width:240px" size="small"
144 clearable 259 clearable
145 - placeholder="请输入虚拟主机名称"> 260 + placeholder="请输入相关描述">
146 </el-input> 261 </el-input>
147 </el-form-item> 262 </el-form-item>
148 -  
149 - <el-form-item label="交换机名称：" prop="exchangeName">  
150 - <el-input v-model="messageNote_addForm.exchangeName" style="width:240px" size="small" clearable  
151 - placeholder="请输入交换机名称"> 263 + <el-form-item label="相关描述：" prop="description">
  264 + <el-input v-model="messageNote_addForm.description" style="width:240px" size="small" clearable
  265 + placeholder="请输入相关描述">
152 </el-input> 266 </el-input>
153 </el-form-item> 267 </el-form-item>
154 - <el-form-item label="队列名称：" prop="queueName">  
155 - <el-input v-model="messageNote_addForm.queueName" style="width:240px" size="small" clearable  
156 - placeholder="请输入队列名称"> 268 + </el-form>
  269 + <div slot="footer" class="dialog-footer" style="text-align: center;margin-top: -20px">
  270 + <el-button type="info" @click="messageNote_dialog.addDialog = false" size="medium"
  271 + style="width: 100px">取消
  272 + </el-button>
  273 + <el-button type="primary" @click="messageNote_add" :loading="messageNote_loading.addLoading"
  274 + size="medium" style="width: 100px">添加
  275 + </el-button>
  276 + </div>
  277 + </el-dialog>
  278 + </div>
  279 + <!-- 编辑，对话框区域 -->
  280 + <div>
  281 + <el-dialog title="编辑消息收发记录"
  282 + :visible.sync="messageNote_dialog.editDialog"
  283 + style="margin-top: -50px" text-align="center" width="60%"
  284 + @close="messageNote_editDialogClosed">
  285 +
  286 + <el-form :inline="true" label-width="120px" status-icon style="margin-top: -10px" align="center"
  287 + :model="messageNote_editForm" :rules="messageNote_editFormRules" ref="messageNote_editFormRef">
  288 + <el-form-item label="用户名称：" prop="username">
  289 + <el-input v-model="messageNote_editForm.username" style="width:240px" size="small" clearable
  290 + placeholder="请输入用户名称">
157 </el-input> 291 </el-input>
158 </el-form-item> 292 </el-form-item>
159 - <el-form-item label="路由键名称：" prop="routingKeyName">  
160 - <el-input v-model="messageNote_addForm.routingKeyName" style="width:240px" size="small" 293 +
  294 + <el-form-item label="服务器名称：" prop="serverId">
  295 + <el-select v-model="messageNote_editForm.serverId" prefix-icon="el-icon-search" clearable
  296 + style="width:240px" size="small"
  297 + @change="messageNote_server_editChange"
  298 + placeholder="请选择所属服务器">
  299 + <el-option
  300 + v-for="item in (messageNote_config.serverList)"
  301 + :key="item.id"
  302 + :label="item.serverName"
  303 + :value="item.id">
  304 + </el-option>
  305 + </el-select>
  306 + </el-form-item>
  307 +
  308 + <el-form-item label="虚拟主机名称：" prop="virtualHostId">
  309 + <el-select v-model="messageNote_editForm.virtualHostId" prefix-icon="el-icon-search" clearable
  310 + style="width:240px" size="small"
  311 + @change="messageNote_virtualHost_editChange"
  312 + :disabled="messageNote_editForm.serverId===''"
  313 + placeholder="请选择虚拟主机名称">
  314 + <el-option
  315 + v-for="item in (messageNote_config.virtualHostList)"
  316 + :key="item.id"
  317 + :label="item.virtualHostName"
  318 + :value="item.id">
  319 + </el-option>
  320 + </el-select>
  321 + </el-form-item>
  322 +
  323 + <el-form-item label="交换机名称：" prop="exchangeId">
  324 + <el-select v-model="messageNote_editForm.exchangeId" prefix-icon="el-icon-search" clearable
  325 + style="width:240px" size="small"
  326 + @change="messageNote_exchange_editChange"
  327 + :disabled="messageNote_editForm.virtualHostId===''"
  328 + placeholder="请选择交换机名称">
  329 + <el-option
  330 + v-for="item in (messageNote_config.exchangeList)"
  331 + :key="item.id"
  332 + :label="item.exchangeName"
  333 + :value="item.id">
  334 + </el-option>
  335 + </el-select>
  336 + </el-form-item>
  337 +
  338 + <el-form-item label="队列名称：" prop="queueId">
  339 + <el-select v-model="messageNote_editForm.queueId" prefix-icon="el-icon-search" clearable
  340 + style="width:240px" size="small"
  341 + :disabled="messageNote_editForm.virtualHostId===''"
  342 + placeholder="请选择交换机名称">
  343 + <el-option
  344 + v-for="item in (messageNote_config.queueList)"
  345 + :key="item.id"
  346 + :label="item.queueName"
  347 + :value="item.id">
  348 + </el-option>
  349 + </el-select>
  350 + </el-form-item>
  351 +
  352 + <el-form-item label="路由键名称：" prop="routingKeyId">
  353 + <el-select v-model="messageNote_editForm.routingKeyId" prefix-icon="el-icon-search" clearable
  354 + style="width:240px" size="small"
  355 + :disabled="messageNote_editForm.exchangeId===''"
  356 + placeholder="请选择路由键名称">
  357 + <el-option
  358 + v-for="item in (messageNote_config.routingKeyList)"
  359 + :key="item.id"
  360 + :label="item.routingKeyName"
  361 + :value="item.id">
  362 + </el-option>
  363 + </el-select>
  364 + </el-form-item>
  365 + <el-form-item label="消息发送时间：" prop="sendTime">
  366 + <el-date-picker v-model="messageNote_editForm.sendTime" clearable type="datetime"
  367 + value-format="yyyy-MM-dd HH:mm:ss"
  368 + placeholder="选择发送时间" size="small" style="width:240px"></el-date-picker>
  369 + </el-form-item>
  370 + <el-form-item label="消息获取时间：" prop="receiveTime">
  371 + <el-date-picker v-model="messageNote_editForm.receiveTime" clearable type="datetime"
  372 + value-format="yyyy-MM-dd HH:mm:ss"
  373 + placeholder="消息获取时间" size="small" style="width:240px"></el-date-picker>
  374 + </el-form-item>
  375 +
  376 + <el-form-item label="发送内容：" prop="alias_sendContent">
  377 + <el-input v-model="messageNote_editForm.alias_sendContent" style="width:240px" size="small"
161 clearable 378 clearable
162 - placeholder="请输入路由键名称"> 379 + placeholder="请输入相关描述">
  380 + </el-input>
  381 + </el-form-item>
  382 + <el-form-item label="相关描述：" prop="description">
  383 + <el-input v-model="messageNote_editForm.description" style="width:240px" size="small" clearable
  384 + placeholder="请输入相关描述">
163 </el-input> 385 </el-input>
164 </el-form-item> 386 </el-form-item>
165 </el-form> 387 </el-form>
166 <div slot="footer" class="dialog-footer" style="text-align: center;margin-top: -20px"> 388 <div slot="footer" class="dialog-footer" style="text-align: center;margin-top: -20px">
167 - <el-button type="info" @click="messageNote_dialog.addDialog = false" size="medium" 389 + <el-button type="info" @click="messageNote_dialog.editDialog = false" size="medium"
168 style="width: 100px">取消 390 style="width: 100px">取消
169 </el-button> 391 </el-button>
170 - <el-button type="primary" @click="messageNote_add" :loading="messageNote_loading.addLoading" 392 + <el-button type="primary" @click="messageNote_edit" :loading="messageNote_loading.editLoading"
171 size="medium" style="width: 100px">添加 393 size="medium" style="width: 100px">添加
172 </el-button> 394 </el-button>
173 </div> 395 </div>
@@ -182,7 +404,8 @@ @@ -182,7 +404,8 @@
182 insertMessageNote, 404 insertMessageNote,
183 updateMessageNote, 405 updateMessageNote,
184 deleteMessageNote, 406 deleteMessageNote,
185 - batchRemoveMessageNote, 407 + batchRemoveMessageNote, getServerList, getHostList, getExchangeList, getQueueList, getRoutingKeyList,
  408 + getDeleteTime, setDeleteTime
186 } from "../../api/message_bus"; 409 } from "../../api/message_bus";
187 410
188 export default { 411 export default {
@@ -194,7 +417,18 @@ @@ -194,7 +417,18 @@
194 /** 417 /**
195 * messageNote，配置与参数 418 * messageNote，配置与参数
196 */ 419 */
197 - messageNote_config: {}, 420 + messageNote_config: {
  421 + // 服务器列表
  422 + serverList: [],
  423 + // 虚拟主机列表
  424 + virtualHostList: [],
  425 + // 交换机列表
  426 + exchangeList: [],
  427 + // 队列-列表
  428 + queueList: [],
  429 + // 路由键列表
  430 + routingKeyList: [],
  431 + },
198 /** 432 /**
199 * messageNote，搜索参数 433 * messageNote，搜索参数
200 */ 434 */
@@ -232,21 +466,38 @@ @@ -232,21 +466,38 @@
232 selectList: [], 466 selectList: [],
233 }, 467 },
234 /** 468 /**
  469 + * 设置删除时间，参数
  470 + */
  471 + schedulingDelete: {
  472 + deleteTime: 2,
  473 + },
  474 +
  475 + /**
235 * messageNote，新增表单 476 * messageNote，新增表单
236 */ 477 */
237 messageNote_addForm: { 478 messageNote_addForm: {
238 // 用户名称 479 // 用户名称
239 username: '', 480 username: '',
  481 + // 服务器id
  482 + serverId: '',
240 // 服务器名称 483 // 服务器名称
241 serverName: '', 484 serverName: '',
242 - // 虚拟主机名称  
243 - virtualHostName: '',  
244 - // 交换机名称  
245 - exchangeName: '',  
246 - // 队列名称  
247 - queueName: '',  
248 - // 路由键名称  
249 - routingKeyName: '', 485 + // 虚拟主机id
  486 + virtualHostId: '',
  487 + // 交换机id
  488 + exchangeId: '',
  489 + // 队列id
  490 + queueId: '',
  491 + // 路由键id
  492 + routingKeyId: '',
  493 + // 消息发送时间
  494 + sendTime: undefined,
  495 + // 消息接收时间
  496 + receiveTime: undefined,
  497 + // 发送消息内容，别名
  498 + alias_sendContent: '',
  499 + // 相关描述
  500 + description: '',
250 }, 501 },
251 /** 502 /**
252 * messageNote，编辑表单 503 * messageNote，编辑表单
@@ -276,7 +527,7 @@ @@ -276,7 +527,7 @@
276 // 编辑对话框 527 // 编辑对话框
277 editDialog: false, 528 editDialog: false,
278 // 定时删除记录对话框 529 // 定时删除记录对话框
279 - openDeleteTimeDialog: false, 530 + deleteTimeDialog: false,
280 531
281 }, 532 },
282 533
@@ -288,34 +539,86 @@ @@ -288,34 +539,86 @@
288 username: [ 539 username: [
289 {required: true, message: '请输入用户名称', trigger: ['blur', 'change']}, 540 {required: true, message: '请输入用户名称', trigger: ['blur', 'change']},
290 ], 541 ],
291 - // 服务器名称  
292 - serverName: [  
293 - {required: true, message: '请输入虚拟主机名称', trigger: ['blur', 'change']}, 542 + // 服务器ID
  543 + serverId: [
  544 + {required: true, message: '请选择服务器名称', trigger: ['blur', 'change']},
294 ], 545 ],
295 - // 虚拟主机名称  
296 - virtualHostName: [  
297 - {required: true, message: '请输入虚拟主机名称', trigger: ['blur', 'change']}, 546 + // 虚拟主机ID
  547 + virtualHostId: [
  548 + {required: true, message: '请选择虚拟主机名称', trigger: ['blur', 'change']},
298 ], 549 ],
299 - // 队列名称  
300 - queueName: [  
301 - {required: true, message: '请输入队列名称', trigger: ['blur', 'change']}, 550 + // 交换机ID
  551 + exchangeId: [
  552 + {required: true, message: '请选择交换机名称', trigger: ['blur', 'change']},
302 ], 553 ],
303 - // 交换机名称  
304 - exchangeName: [  
305 - {required: true, message: '请输入交换机名称', trigger: ['blur', 'change']}, 554 + // 队列ID
  555 + queueId: [
  556 + {required: true, message: '请选择队列名称', trigger: ['blur', 'change']},
306 ], 557 ],
307 - // 路由键名称  
308 - routingKeyName: [  
309 - {required: true, message: '请输入路由键名称', trigger: ['blur', 'change']}, 558 + // 路由键ID
  559 + routingKeyId: [
  560 + {required: true, message: '请选择路由键名称', trigger: ['blur', 'change']},
  561 + ],
  562 + // 发送时间
  563 + sendTime: [
  564 + {required: true, message: '请选择消息发送时间', trigger: ['blur', 'change']},
  565 + ],
  566 + // 接收时间
  567 + receiveTime: [
  568 + {required: true, message: '请选择消息接收时间', trigger: ['blur', 'change']},
  569 + ],
  570 + // 发送内容
  571 + alias_sendContent: [
  572 + {required: true, message: '请输入消息发送内容', trigger: ['blur', 'change']},
  573 + ],
  574 + // 相关描述
  575 + description: [
  576 + {required: true, message: '请输入相关描述', trigger: ['blur', 'change']},
310 ], 577 ],
311 }, 578 },
312 /** 579 /**
313 * messageNote,编辑表单，验证规则 580 * messageNote,编辑表单，验证规则
314 */ 581 */
315 messageNote_editFormRules: { 582 messageNote_editFormRules: {
316 - // 队列名称  
317 - queueName: [  
318 - {required: true, message: '请输入队列名称', trigger: ['blur', 'change']}, 583 + // 用户名称
  584 + username: [
  585 + {required: true, message: '请输入用户名称', trigger: ['blur', 'change']},
  586 + ],
  587 + // 服务器ID
  588 + serverId: [
  589 + {required: true, message: '请选择服务器名称', trigger: ['blur', 'change']},
  590 + ],
  591 + // 虚拟主机ID
  592 + virtualHostId: [
  593 + {required: true, message: '请选择虚拟主机名称', trigger: ['blur', 'change']},
  594 + ],
  595 + // 交换机ID
  596 + exchangeId: [
  597 + {required: true, message: '请选择交换机名称', trigger: ['blur', 'change']},
  598 + ],
  599 + // 队列ID
  600 + queueId: [
  601 + {required: true, message: '请选择队列名称', trigger: ['blur', 'change']},
  602 + ],
  603 + // 路由键ID
  604 + routingKeyId: [
  605 + {required: true, message: '请选择路由键名称', trigger: ['blur', 'change']},
  606 + ],
  607 + // 发送时间
  608 + sendTime: [
  609 + {required: true, message: '请选择消息发送时间', trigger: ['blur', 'change']},
  610 + ],
  611 + // 接收时间
  612 + receiveTime: [
  613 + {required: true, message: '请选择消息接收时间', trigger: ['blur', 'change']},
  614 + ],
  615 + // 发送内容
  616 + alias_sendContent: [
  617 + {required: true, message: '请输入消息发送内容', trigger: ['blur', 'change']},
  618 + ],
  619 + // 相关描述
  620 + description: [
  621 + {required: true, message: '请输入相关描述', trigger: ['blur', 'change']},
319 ], 622 ],
320 }, 623 },
321 /** 624 /**
@@ -431,6 +734,11 @@ @@ -431,6 +734,11 @@
431 * messageNote，编辑对话框，打开事件 734 * messageNote，编辑对话框，打开事件
432 */ 735 */
433 messageNote_toEditDialog(index, row) { 736 messageNote_toEditDialog(index, row) {
  737 + this.messageNote_selectServerList();
  738 + this.messageNote_selectHostList(row.serverId);
  739 + this.messageNote_selectQueueList(row.virtualHostId);
  740 + this.messageNote_selectExchangeList(row.virtualHostId);
  741 + this.messageNote_selectRoutingKeyList(row.exchangeId);
434 this.messageNote_editForm = Object.assign({}, row); 742 this.messageNote_editForm = Object.assign({}, row);
435 this.messageNote_dialog.editDialog = true; 743 this.messageNote_dialog.editDialog = true;
436 }, 744 },
@@ -551,22 +859,223 @@ @@ -551,22 +859,223 @@
551 }); 859 });
552 }, 860 },
553 861
  862 + /**
  863 + * 打开,设置定时删除对话框
  864 + */
554 messageNote_openDeleteTime() { 865 messageNote_openDeleteTime() {
  866 + this.messageNote_dialog.deleteTimeDialog = true;
  867 + },
555 868
  869 + /**
  870 + * 设置定时删除对话框,关闭时间
  871 + */
  872 + messageNote_deleteTimeDialogClosed() {
  873 + this.selectDeleteTime();
  874 + },
  875 + /**
  876 + * 获取删除时间
  877 + */
  878 + selectDeleteTime() {
  879 + getDeleteTime().then((response) => {
  880 + let res = response.data;
  881 + console.log(res)
  882 + if (res.code !== '200') {
  883 + return this.$message.error('获取删除时间，失败！');
  884 + }
  885 + this.schedulingDelete.deleteTime = res.data.deleteTime;
  886 + }).catch(error => {
  887 + this.$message.error(error.toString());
  888 + });
556 }, 889 },
557 /** 890 /**
558 - * 设置定时删除 891 + * 设置删除时间
559 */ 892 */
560 messageNote_setDeleteTime() { 893 messageNote_setDeleteTime() {
  894 + const params = {deleteTime: this.schedulingDelete.deleteTime}
  895 + setDeleteTime(params).then((response) => {
  896 + let res = response.data;
  897 + console.log(res)
  898 + if (res.code !== '200') {
  899 + return this.$message.error('设置删除时间，失败！');
  900 + }
  901 + this.$message.success('设置删除时间，成功！');
  902 + // 隐藏对话框
  903 + this.messageNote_dialog.deleteTimeDialog = false;
  904 + }).catch(error => {
  905 + this.$message.error(error.toString());
  906 + });
  907 + },
  908 + /**
  909 + * 获取服务器列表
  910 + */
  911 + messageNote_selectServerList() {
  912 + getServerList().then((response) => {
  913 + let res = response.data;
  914 + if (res.code !== '200') {
  915 + return this.$message.error('获取服务器列表，失败！');
  916 + }
  917 + // 获取服务器列表数据
  918 + this.messageNote_config.serverList = res.data;
  919 + }).catch(error => {
  920 + this.$message.error(error.toString());
  921 + });
  922 + },
  923 +
  924 + /**
  925 + * 获取虚拟主机列表
  926 + */
  927 + messageNote_selectHostList(id) {
  928 + let params = {serverId: id};
  929 + getHostList(params).then((response) => {
  930 + let res = response.data;
  931 + if (res.code !== '200') {
  932 + return this.$message.error('获取虚拟主机列表，失败！');
  933 + }
  934 + // 获取虚拟主机列表数据
  935 + this.messageNote_config.virtualHostList = res.data;
  936 + }).catch(error => {
  937 + this.$message.error(error.toString());
  938 + });
  939 + },
  940 +
  941 + /**
  942 + * 获取交换机列表
  943 + */
  944 + messageNote_selectExchangeList(id) {
  945 + let params = {virtualHostId: id};
  946 + getExchangeList(params).then((response) => {
  947 + let res = response.data;
  948 + if (res.code !== '200') {
  949 + return this.$message.error('获取交换机列表，失败！');
  950 + }
  951 + // 获取交换机列表数据
  952 + this.messageNote_config.exchangeList = res.data;
  953 + }).catch(error => {
  954 + this.$message.error(error.toString());
  955 + });
  956 + },
  957 + /**
  958 + * 获取队列-列表
  959 + */
  960 + messageNote_selectQueueList(id) {
  961 + let params = {virtualHostId: id};
  962 + getQueueList(params).then((response) => {
  963 + let res = response.data;
  964 + if (res.code !== '200') {
  965 + return this.$message.error('获取队列-列表，失败！');
  966 + }
  967 + // 获取队列-列表数据
  968 + this.messageNote_config.queueList = res.data;
  969 + }).catch(error => {
  970 + this.$message.error(error.toString());
  971 + });
  972 + },
  973 + /**
  974 + * 获取路由键-列表
  975 + */
  976 + messageNote_selectRoutingKeyList(id) {
  977 + let params = {exchangeId: id};
  978 + getRoutingKeyList(params).then((response) => {
  979 + let res = response.data;
  980 + if (res.code !== '200') {
  981 + return this.$message.error('获取路由键列表，失败！');
  982 + }
  983 + // 获取路由键列表数据
  984 + this.messageNote_config.routingKeyList = res.data;
  985 + }).catch(error => {
  986 + this.$message.error(error.toString());
  987 + });
  988 + },
  989 +
  990 + /**
  991 + * 添加方法，服务器ID值，改变
  992 + */
  993 + messageNote_server_addChange(value) {
  994 + console.log("服务器ID值:" + value);
  995 + // 现将对应的虚拟主机和交换机的ID清空
  996 + this.messageNote_addForm.virtualHostId = undefined;
  997 + this.messageNote_addForm.exchangeId = undefined;
  998 + // 根据服务器ID，获取出对应的虚拟主机的列表
  999 + this.messageNote_selectHostList(value);
  1000 + //
  1001 + // let obj = {};
  1002 + // this.messageNote_config.serverList.map(
  1003 + // (item) => {
  1004 + // if (item.serverId === value) {
  1005 + // obj = item;
  1006 + // }
  1007 + // }
  1008 + // );
  1009 + // console.log(obj);
  1010 + // this.messageNote_addForm.serverName = obj.serverName;
  1011 + },
  1012 + /**
  1013 + * 添加方法，虚拟主机ID值，改变
  1014 + */
  1015 + messageNote_virtualHost_addChange(value) {
  1016 + console.log("虚拟主机ID值:" + value);
  1017 + // 先将对应的交换机和队列的ID清空
  1018 + this.messageNote_addForm.exchangeId = undefined;
  1019 + this.messageNote_addForm.queueId = undefined;
561 1020
  1021 + // 根据虚拟主机ID，获取出对应的交换机和队列的列表
  1022 + this.messageNote_selectExchangeList(value);
  1023 + this.messageNote_selectQueueList(value);
  1024 + },
  1025 + /**
  1026 + * 添加方法，交换机ID值，改变
  1027 + */
  1028 + messageNote_exchange_addChange(value) {
  1029 + console.log("交换机ID值:" + value);
  1030 + // 先将对应的路由键的ID清空
  1031 + this.messageNote_addForm.routingKeyId = undefined;
  1032 + // 根据交换机ID，获取出对应的路由键的列表
  1033 + this.messageNote_selectRoutingKeyList(value);
562 }, 1034 },
  1035 + /**
  1036 + * 编辑方法，服务器ID值，改变
  1037 + */
  1038 + messageNote_server_editChange(value) {
  1039 + console.log("服务器ID值:" + value);
  1040 + // 现将对应的虚拟主机和交换机的ID清空
  1041 + this.messageNote_editForm.virtualHostId = undefined;
  1042 + this.messageNote_editForm.exchangeId = undefined;
  1043 + // 根据服务器ID，获取出对应的虚拟主机的列表
  1044 + this.messageNote_selectHostList(value);
  1045 + },
  1046 + /**
  1047 + * 编辑方法，虚拟主机ID值，改变
  1048 + */
  1049 + messageNote_virtualHost_editChange(value) {
  1050 + console.log("虚拟主机ID值:" + value);
  1051 + // 先将对应的交换机和队列的ID清空
  1052 + this.messageNote_editForm.exchangeId = undefined;
  1053 + this.messageNote_editForm.queueId = undefined;
  1054 +
  1055 + // 根据虚拟主机ID，获取出对应的交换机和队列的列表
  1056 + this.messageNote_selectExchangeList(value);
  1057 + this.messageNote_selectQueueList(value);
  1058 + },
  1059 + /**
  1060 + * 编辑方法，交换机ID值，改变
  1061 + */
  1062 + messageNote_exchange_editChange(value) {
  1063 + console.log("交换机ID值:" + value);
  1064 + // 先将对应的路由键的ID清空
  1065 + this.messageNote_editForm.routingKeyId = undefined;
  1066 + // 根据交换机ID，获取出对应的路由键的列表
  1067 + this.messageNote_selectRoutingKeyList(value);
  1068 + },
  1069 +
563 }, 1070 },
564 created() { 1071 created() {
565 // 刷新列表 1072 // 刷新列表
566 this.messageNote_getList(); 1073 this.messageNote_getList();
  1074 + // 获取删除时间
  1075 + this.selectDeleteTime();
567 }, 1076 },
568 mounted() { 1077 mounted() {
569 - 1078 + this.messageNote_selectServerList();
570 }, 1079 },
571 computed: {}, 1080 computed: {},
572 } 1081 }
@@ -241,7 +241,7 @@ @@ -241,7 +241,7 @@
241 </el-form-item> 241 </el-form-item>
242 242
243 <el-form-item label="服务器名称：" prop="serverId"> 243 <el-form-item label="服务器名称：" prop="serverId">
244 - <el-select v-model="umb_editForm.serverId" prefix-icon="el-icon-search" clearable 244 + <el-select v-model="umb_editForm.serverId" prefix-icon="el-icon-search" clearable readonly
245 style="width:240px" size="small" 245 style="width:240px" size="small"
246 @change="umb_server_editChange" 246 @change="umb_server_editChange"
247 placeholder="请选择所属服务器"> 247 placeholder="请选择所属服务器">