朱兆平 / vue_cli · 提交

转到一个项目

作者 王勇
提交 99b6b8f0f119e9bf960215b8ad8f98f85f23a54d 1 个父辈 39a8069c

修改表格大小

内嵌 并排对比
正在显示 3 个修改的文件 包含 377 行增加 和 85 行删除
@@ -90,5 +90,9 @@ export const batchRemoveUserMessageBinding = params =>{return http.get(`${baseUr @@ -90,5 +90,9 @@ export const batchRemoveUserMessageBinding = params =>{return http.get(`${baseUr
90 // 级联查询 90 // 级联查询
91 export const getServerList = params =>{return http.get(`${baseUrl}/cascade/server`, params);}; 91 export const getServerList = params =>{return http.get(`${baseUrl}/cascade/server`, params);};
92 export const getHostList = params =>{return http.get(`${baseUrl}/cascade/host`, params);}; 92 export const getHostList = params =>{return http.get(`${baseUrl}/cascade/host`, 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);};
  95 +export const getRoutingKeyList = params =>{return http.get(`${baseUrl}/cascade/routing`, params);};
  96 +
93 export const getServerAndHostList = params =>{return http.get(`${baseUrl}/cascade/server_host`, params);}; 97 export const getServerAndHostList = params =>{return http.get(`${baseUrl}/cascade/server_host`, params);};
94 export const getServerAndHostAndExchangeList = params =>{return http.get(`${baseUrl}/cascade/server_host_exchange`, params);}; 98 export const getServerAndHostAndExchangeList = params =>{return http.get(`${baseUrl}/cascade/server_host_exchange`, params);};
@@ -32,7 +32,19 @@ @@ -32,7 +32,19 @@
32 <el-input v-model="messageNote_queryInfo.routingKeyName" placeholder="路由键名称" 32 <el-input v-model="messageNote_queryInfo.routingKeyName" placeholder="路由键名称"
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="8"> 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>
  39 + </el-col>
  40 + <el-col :span="4">
  41 + <el-date-picker v-model="messageNote_queryInfo.receiveTime" type="date"
  42 + value-format="yyyy-MM-dd"
  43 + placeholder="消息接收时间" size="medium" style="width: auto"></el-date-picker>
  44 + </el-col>
  45 + </el-row>
  46 + <el-row>
  47 + <el-col :span="15">
36 <el-button type="success" style="width:150px" size="medium" @click="messageNote_getList"> 48 <el-button type="success" style="width:150px" size="medium" @click="messageNote_getList">
37 查询消息收发记录 49 查询消息收发记录
38 </el-button> 50 </el-button>
@@ -40,6 +52,10 @@ @@ -40,6 +52,10 @@
40 @click="messageNote_toAddDialog"> 52 @click="messageNote_toAddDialog">
41 添加消息收发记录 53 添加消息收发记录
42 </el-button> 54 </el-button>
  55 + <el-button type="warning" style="width:150px" size="medium"
  56 + @click="messageNote_openDeleteTime">
  57 + 设置定时删除
  58 + </el-button>
43 </el-col> 59 </el-col>
44 </el-row> 60 </el-row>
45 </div> 61 </div>
@@ -195,6 +211,10 @@ @@ -195,6 +211,10 @@
195 queueName: '', 211 queueName: '',
196 // 路由键名称 212 // 路由键名称
197 routingKeyName: '', 213 routingKeyName: '',
  214 + // 消息发送时间
  215 + sendTime: undefined,
  216 + // 消息获取时间
  217 + receiveTime: undefined,
198 // 当前页数 218 // 当前页数
199 pageNum: 1, 219 pageNum: 1,
200 // 每页条数 220 // 每页条数
@@ -255,6 +275,9 @@ @@ -255,6 +275,9 @@
255 addDialog: false, 275 addDialog: false,
256 // 编辑对话框 276 // 编辑对话框
257 editDialog: false, 277 editDialog: false,
  278 + // 定时删除记录对话框
  279 + openDeleteTimeDialog: false,
  280 +
258 }, 281 },
259 282
260 /** 283 /**
@@ -527,10 +550,20 @@ @@ -527,10 +550,20 @@
527 }).catch(() => { 550 }).catch(() => {
528 }); 551 });
529 }, 552 },
  553 +
  554 + messageNote_openDeleteTime() {
  555 +
  556 + },
  557 + /**
  558 + * 设置定时删除
  559 + */
  560 + messageNote_setDeleteTime() {
  561 +
  562 + },
530 }, 563 },
531 created() { 564 created() {
532 // 刷新列表 565 // 刷新列表
533 - // this.messageNote_getList(); 566 + this.messageNote_getList();
534 }, 567 },
535 mounted() { 568 mounted() {
536 569
@@ -132,32 +132,76 @@ @@ -132,32 +132,76 @@
132 placeholder="请输入订阅者名称"> 132 placeholder="请输入订阅者名称">
133 </el-input> 133 </el-input>
134 </el-form-item> 134 </el-form-item>
135 -  
136 - <el-form-item label="服务器名称：" prop="serverName">  
137 - <el-input v-model="umb_addForm.serverName" style="width:240px" size="small" clearable  
138 - placeholder="请输入服务器名称">  
139 - </el-input> 135 + <el-form-item label="服务器名称：" prop="serverId">
  136 + <el-select v-model="umb_addForm.serverId" prefix-icon="el-icon-search" clearable
  137 + style="width:240px" size="small"
  138 + @change="umb_server_addChange"
  139 + placeholder="请选择所属服务器">
  140 + <el-option
  141 + v-for="item in (umb_config.serverList)"
  142 + :key="item.id"
  143 + :label="item.serverName"
  144 + :value="item.id">
  145 + </el-option>
  146 + </el-select>
140 </el-form-item> 147 </el-form-item>
141 - <el-form-item label="虚拟主机名称：" prop="virtualHostName">  
142 - <el-input v-model="umb_addForm.virtualHostName" style="width:240px" size="small" clearable  
143 - placeholder="请输入虚拟主机名称">  
144 - </el-input> 148 +
  149 + <el-form-item label="虚拟主机名称：" prop="virtualHostId">
  150 + <el-select v-model="umb_addForm.virtualHostId" prefix-icon="el-icon-search" clearable
  151 + style="width:240px" size="small"
  152 + @change="umb_virtualHost_addChange"
  153 + :disabled="umb_addForm.serverId===''"
  154 + placeholder="请选择虚拟主机名称">
  155 + <el-option
  156 + v-for="item in (umb_config.virtualHostList)"
  157 + :key="item.id"
  158 + :label="item.virtualHostName"
  159 + :value="item.id">
  160 + </el-option>
  161 + </el-select>
145 </el-form-item> 162 </el-form-item>
146 163
147 - <el-form-item label="交换机名称：" prop="exchangeName">  
148 - <el-input v-model="umb_addForm.exchangeName" style="width:240px" size="small" clearable  
149 - placeholder="请输入交换机名称">  
150 - </el-input> 164 + <el-form-item label="交换机名称：" prop="exchangeId">
  165 + <el-select v-model="umb_addForm.exchangeId" prefix-icon="el-icon-search" clearable
  166 + style="width:240px" size="small"
  167 + @change="umb_exchange_addChange"
  168 + :disabled="umb_addForm.virtualHostId===''"
  169 + placeholder="请选择交换机名称">
  170 + <el-option
  171 + v-for="item in (umb_config.exchangeList)"
  172 + :key="item.id"
  173 + :label="item.exchangeName"
  174 + :value="item.id">
  175 + </el-option>
  176 + </el-select>
151 </el-form-item> 177 </el-form-item>
152 - <el-form-item label="队列名称：" prop="queueName">  
153 - <el-input v-model="umb_addForm.queueName" style="width:240px" size="small" clearable  
154 - placeholder="请输入队列名称">  
155 - </el-input> 178 +
  179 + <el-form-item label="队列名称：" prop="queueId">
  180 + <el-select v-model="umb_addForm.queueId" prefix-icon="el-icon-search" clearable
  181 + style="width:240px" size="small"
  182 + :disabled="umb_addForm.virtualHostId===''"
  183 + placeholder="请选择交换机名称">
  184 + <el-option
  185 + v-for="item in (umb_config.queueList)"
  186 + :key="item.id"
  187 + :label="item.queueName"
  188 + :value="item.id">
  189 + </el-option>
  190 + </el-select>
156 </el-form-item> 191 </el-form-item>
157 - <el-form-item label="路由键名称：" prop="routingKeyName">  
158 - <el-input v-model="umb_addForm.routingKeyName" style="width:240px" size="small" clearable  
159 - placeholder="请输入路由键名称">  
160 - </el-input> 192 +
  193 + <el-form-item label="路由键名称：" prop="routingKeyId">
  194 + <el-select v-model="umb_addForm.routingKeyId" prefix-icon="el-icon-search" clearable
  195 + style="width:240px" size="small"
  196 + :disabled="umb_addForm.exchangeId===''"
  197 + placeholder="请选择路由键名称">
  198 + <el-option
  199 + v-for="item in (umb_config.routingKeyList)"
  200 + :key="item.id"
  201 + :label="item.routingKeyName"
  202 + :value="item.id">
  203 + </el-option>
  204 + </el-select>
161 </el-form-item> 205 </el-form-item>
162 </el-form> 206 </el-form>
163 <div slot="footer" class="dialog-footer" style="text-align: center;margin-top: -20px"> 207 <div slot="footer" class="dialog-footer" style="text-align: center;margin-top: -20px">
@@ -189,31 +233,76 @@ @@ -189,31 +233,76 @@
189 </el-input> 233 </el-input>
190 </el-form-item> 234 </el-form-item>
191 235
192 - <el-form-item label="服务器名称：" prop="serverName">  
193 - <el-input v-model="umb_editForm.serverName" style="width:240px" size="small" clearable  
194 - placeholder="请输入服务器名称">  
195 - </el-input> 236 + <el-form-item label="服务器名称：" prop="serverId">
  237 + <el-select v-model="umb_editForm.serverId" prefix-icon="el-icon-search" clearable
  238 + style="width:240px" size="small"
  239 + @change="umb_server_editChange"
  240 + placeholder="请选择所属服务器">
  241 + <el-option
  242 + v-for="item in (umb_config.serverList)"
  243 + :key="item.id"
  244 + :label="item.serverName"
  245 + :value="item.id">
  246 + </el-option>
  247 + </el-select>
196 </el-form-item> 248 </el-form-item>
197 - <el-form-item label="虚拟主机名称：" prop="virtualHostName">  
198 - <el-input v-model="umb_editForm.virtualHostName" style="width:240px" size="small" clearable  
199 - placeholder="请输入虚拟主机名称">  
200 - </el-input> 249 +
  250 + <el-form-item label="虚拟主机名称：" prop="virtualHostId">
  251 + <el-select v-model="umb_editForm.virtualHostId" prefix-icon="el-icon-search" clearable
  252 + style="width:240px" size="small"
  253 + @change="umb_virtualHost_editChange"
  254 + :disabled="umb_editForm.serverId===''"
  255 + placeholder="请选择虚拟主机名称">
  256 + <el-option
  257 + v-for="item in (umb_config.virtualHostList)"
  258 + :key="item.id"
  259 + :label="item.virtualHostName"
  260 + :value="item.id">
  261 + </el-option>
  262 + </el-select>
201 </el-form-item> 263 </el-form-item>
202 264
203 - <el-form-item label="交换机名称：" prop="exchangeName">  
204 - <el-input v-model="umb_editForm.exchangeName" style="width:240px" size="small" clearable  
205 - placeholder="请输入交换机名称">  
206 - </el-input> 265 + <el-form-item label="交换机名称：" prop="exchangeId">
  266 + <el-select v-model="umb_editForm.exchangeId" prefix-icon="el-icon-search" clearable
  267 + style="width:240px" size="small"
  268 + @change="umb_exchange_editChange"
  269 + :disabled="umb_editForm.virtualHostId===''"
  270 + placeholder="请选择交换机名称">
  271 + <el-option
  272 + v-for="item in (umb_config.exchangeList)"
  273 + :key="item.id"
  274 + :label="item.exchangeName"
  275 + :value="item.id">
  276 + </el-option>
  277 + </el-select>
207 </el-form-item> 278 </el-form-item>
208 - <el-form-item label="队列名称：" prop="queueName">  
209 - <el-input v-model="umb_editForm.queueName" style="width:240px" size="small" clearable  
210 - placeholder="请输入队列名称">  
211 - </el-input> 279 +
  280 + <el-form-item label="队列名称：" prop="queueId">
  281 + <el-select v-model="umb_editForm.queueId" prefix-icon="el-icon-search" clearable
  282 + style="width:240px" size="small"
  283 + :disabled="umb_editForm.virtualHostId===''"
  284 + placeholder="请选择交换机名称">
  285 + <el-option
  286 + v-for="item in (umb_config.queueList)"
  287 + :key="item.id"
  288 + :label="item.queueName"
  289 + :value="item.id">
  290 + </el-option>
  291 + </el-select>
212 </el-form-item> 292 </el-form-item>
213 - <el-form-item label="路由键名称：" prop="routingKeyName">  
214 - <el-input v-model="umb_editForm.routingKeyName" style="width:240px" size="small" clearable  
215 - placeholder="请输入路由键名称">  
216 - </el-input> 293 +
  294 + <el-form-item label="路由键名称：" prop="routingKeyId">
  295 + <el-select v-model="umb_editForm.routingKeyId" prefix-icon="el-icon-search" clearable
  296 + style="width:240px" size="small"
  297 + :disabled="umb_editForm.exchangeId===''"
  298 + placeholder="请选择路由键名称">
  299 + <el-option
  300 + v-for="item in (umb_config.routingKeyList)"
  301 + :key="item.id"
  302 + :label="item.routingKeyName"
  303 + :value="item.id">
  304 + </el-option>
  305 + </el-select>
217 </el-form-item> 306 </el-form-item>
218 </el-form> 307 </el-form>
219 <div slot="footer" class="dialog-footer" style="text-align: center"> 308 <div slot="footer" class="dialog-footer" style="text-align: center">
@@ -237,6 +326,7 @@ @@ -237,6 +326,7 @@
237 updateUserMessageBinding, 326 updateUserMessageBinding,
238 deleteUserMessageBinding, 327 deleteUserMessageBinding,
239 batchRemoveUserMessageBinding, 328 batchRemoveUserMessageBinding,
  329 + getServerList, getHostList, getExchangeList, getQueueList, getRoutingKeyList
240 } from "../../api/message_bus"; 330 } from "../../api/message_bus";
241 331
242 export default { 332 export default {
@@ -251,7 +341,18 @@ @@ -251,7 +341,18 @@
251 /** 341 /**
252 * umb，配置与参数 342 * umb，配置与参数
253 */ 343 */
254 - umb_config: {}, 344 + umb_config: {
  345 + // 服务器列表
  346 + serverList: [],
  347 + // 虚拟主机列表
  348 + virtualHostList: [],
  349 + // 交换机列表
  350 + exchangeList: [],
  351 + // 队列-列表
  352 + queueList: [],
  353 + // 路由键列表
  354 + routingKeyList: [],
  355 + },
255 356
256 /** 357 /**
257 * umb，搜索参数 358 * umb，搜索参数
@@ -295,16 +396,16 @@ @@ -295,16 +396,16 @@
295 username: '', 396 username: '',
296 // 订阅者名称 397 // 订阅者名称
297 subscriber: '', 398 subscriber: '',
298 - // 服务器名称  
299 - serverName: '',  
300 - // 虚拟主机名称  
301 - virtualHostName: '',  
302 - // 交换机名称  
303 - exchangeName: '',  
304 - // 队列名称  
305 - queueName: '',  
306 - // 路由键名称  
307 - routingKeyName: '', 399 + // 服务器id
  400 + serverId: '',
  401 + // 虚拟主机id
  402 + virtualHostId: '',
  403 + // 交换机id
  404 + exchangeId: '',
  405 + // 队列id
  406 + queueId: '',
  407 + // 路由键id
  408 + routingKeyId: '',
308 }, 409 },
309 /** 410 /**
310 * umb，编辑表单 411 * umb，编辑表单
@@ -346,25 +447,25 @@ @@ -346,25 +447,25 @@
346 subscriber: [ 447 subscriber: [
347 {required: true, message: '请输入订阅者名称', trigger: ['blur', 'change']}, 448 {required: true, message: '请输入订阅者名称', trigger: ['blur', 'change']},
348 ], 449 ],
349 - // 服务器名称  
350 - serverName: [  
351 - {required: true, message: '请输入服务器名称', trigger: ['blur', 'change']}, 450 + // 服务器ID
  451 + serverId: [
  452 + {required: true, message: '请选择服务器名称', trigger: ['blur', 'change']},
352 ], 453 ],
353 - // 虚拟主机名称  
354 - virtualHostName: [  
355 - {required: true, message: '请输入虚拟主机名称', trigger: ['blur', 'change']}, 454 + // 虚拟主机ID
  455 + virtualHostId: [
  456 + {required: true, message: '请选择虚拟主机名称', trigger: ['blur', 'change']},
356 ], 457 ],
357 - // 队列名称  
358 - queueName: [  
359 - {required: true, message: '请输入队列名称', trigger: ['blur', 'change']}, 458 + // 交换机ID
  459 + exchangeId: [
  460 + {required: true, message: '请选择交换机名称', trigger: ['blur', 'change']},
360 ], 461 ],
361 - // 交换机名称  
362 - exchangeName: [  
363 - {required: true, message: '请输入交换机名称', trigger: ['blur', 'change']}, 462 + // 队列ID
  463 + queueId: [
  464 + {required: true, message: '请选择队列名称', trigger: ['blur', 'change']},
364 ], 465 ],
365 - // 路由键名称  
366 - routingKeyName: [  
367 - {required: true, message: '请输入路由键名称', trigger: ['blur', 'change']}, 466 + // 路由键ID
  467 + routingKeyId: [
  468 + {required: true, message: '请选择路由键名称', trigger: ['blur', 'change']},
368 ], 469 ],
369 }, 470 },
370 /** 471 /**
@@ -379,25 +480,25 @@ @@ -379,25 +480,25 @@
379 subscriber: [ 480 subscriber: [
380 {required: true, message: '请输入订阅者名称', trigger: ['blur', 'change']}, 481 {required: true, message: '请输入订阅者名称', trigger: ['blur', 'change']},
381 ], 482 ],
382 - // 服务器名称  
383 - serverName: [  
384 - {required: true, message: '请输入服务器名称', trigger: ['blur', 'change']}, 483 + // 服务器ID
  484 + serverId: [
  485 + {required: true, message: '请选择服务器名称', trigger: ['blur', 'change']},
385 ], 486 ],
386 - // 虚拟主机名称  
387 - virtualHostName: [  
388 - {required: true, message: '请输入虚拟主机名称', trigger: ['blur', 'change']}, 487 + // 虚拟主机ID
  488 + virtualHostId: [
  489 + {required: true, message: '请选择虚拟主机名称', trigger: ['blur', 'change']},
389 ], 490 ],
390 - // 队列名称  
391 - queueName: [  
392 - {required: true, message: '请输入队列名称', trigger: ['blur', 'change']}, 491 + // 交换机ID
  492 + exchangeId: [
  493 + {required: true, message: '请选择交换机名称', trigger: ['blur', 'change']},
393 ], 494 ],
394 - // 交换机名称  
395 - exchangeName: [  
396 - {required: true, message: '请输入交换机名称', trigger: ['blur', 'change']}, 495 + // 队列ID
  496 + queueId: [
  497 + {required: true, message: '请选择队列名称', trigger: ['blur', 'change']},
397 ], 498 ],
398 - // 路由键名称  
399 - routingKeyName: [  
400 - {required: true, message: '请输入路由键名称', trigger: ['blur', 'change']}, 499 + // 路由键ID
  500 + routingKeyId: [
  501 + {required: true, message: '请选择路由键名称', trigger: ['blur', 'change']},
401 ], 502 ],
402 }, 503 },
403 /** 504 /**
@@ -514,6 +615,11 @@ @@ -514,6 +615,11 @@
514 * umb，编辑对话框，打开事件 615 * umb，编辑对话框，打开事件
515 */ 616 */
516 umb_toEditDialog(index, row) { 617 umb_toEditDialog(index, row) {
  618 + this.selectServerList()
  619 + this.selectHostList(row.serverId)
  620 + this.selectQueueList(row.virtualHostId)
  621 + this.selectExchangeList(row.virtualHostId)
  622 + this.selectRoutingKeyList(row.exchangeId)
517 this.umb_editForm = Object.assign({}, row); 623 this.umb_editForm = Object.assign({}, row);
518 this.umb_dialog.editDialog = true; 624 this.umb_dialog.editDialog = true;
519 }, 625 },
@@ -635,13 +741,162 @@ @@ -635,13 +741,162 @@
635 }); 741 });
636 }, 742 },
637 743
  744 + /**
  745 + * 获取服务器列表
  746 + */
  747 + selectServerList() {
  748 + getServerList().then((response) => {
  749 + let res = response.data;
  750 + if (res.code !== '200') {
  751 + return this.$message.error('获取服务器列表，失败！');
  752 + }
  753 + // 获取服务器列表数据
  754 + this.umb_config.serverList = res.data;
  755 + }).catch(error => {
  756 + this.$message.error(error.toString());
  757 + });
  758 + },
  759 +
  760 + /**
  761 + * 获取虚拟主机列表
  762 + */
  763 + selectHostList(id) {
  764 + let params = {serverId: id};
  765 + getHostList(params).then((response) => {
  766 + let res = response.data;
  767 + if (res.code !== '200') {
  768 + return this.$message.error('获取虚拟主机列表，失败！');
  769 + }
  770 + // 获取虚拟主机列表数据
  771 + this.umb_config.virtualHostList = res.data;
  772 + }).catch(error => {
  773 + this.$message.error(error.toString());
  774 + });
  775 + },
  776 +
  777 + /**
  778 + * 获取交换机列表
  779 + */
  780 + selectExchangeList(id) {
  781 + let params = {virtualHostId: id};
  782 + getExchangeList(params).then((response) => {
  783 + let res = response.data;
  784 + if (res.code !== '200') {
  785 + return this.$message.error('获取交换机列表，失败！');
  786 + }
  787 + // 获取交换机列表数据
  788 + this.umb_config.exchangeList = res.data;
  789 + }).catch(error => {
  790 + this.$message.error(error.toString());
  791 + });
  792 + },
  793 + /**
  794 + * 获取队列-列表
  795 + */
  796 + selectQueueList(id) {
  797 + let params = {virtualHostId: id};
  798 + getQueueList(params).then((response) => {
  799 + let res = response.data;
  800 + if (res.code !== '200') {
  801 + return this.$message.error('获取队列-列表，失败！');
  802 + }
  803 + // 获取队列-列表数据
  804 + this.umb_config.queueList = res.data;
  805 + }).catch(error => {
  806 + this.$message.error(error.toString());
  807 + });
  808 + },
  809 + /**
  810 + * 获取路由键-列表
  811 + */
  812 + selectRoutingKeyList(id) {
  813 + let params = {exchangeId: id};
  814 + getRoutingKeyList(params).then((response) => {
  815 + let res = response.data;
  816 + if (res.code !== '200') {
  817 + return this.$message.error('获取路由键列表，失败！');
  818 + }
  819 + // 获取路由键列表数据
  820 + this.umb_config.routingKeyList = res.data;
  821 + }).catch(error => {
  822 + this.$message.error(error.toString());
  823 + });
  824 + },
  825 +
  826 + /**
  827 + * 添加方法，服务器ID值，改变
  828 + */
  829 + umb_server_addChange(value) {
  830 + console.log("服务器ID值:" + value);
  831 + // 现将对应的虚拟主机的ID清空
  832 + this.umb_addForm.virtualHostId = undefined;
  833 + // 根据服务器ID，获取出对应的虚拟主机的列表
  834 + this.selectHostList(value);
  835 + },
  836 + /**
  837 + * 添加方法，虚拟主机ID值，改变
  838 + */
  839 + umb_virtualHost_addChange(value) {
  840 + console.log("虚拟主机ID值:" + value);
  841 + // 先将对应的交换机和队列的ID清空
  842 + this.umb_addForm.exchangeId = undefined;
  843 + this.umb_addForm.queueId = undefined;
  844 +
  845 + // 根据虚拟主机ID，获取出对应的交换机和队列的列表
  846 + this.selectExchangeList(value);
  847 + this.selectQueueList(value);
  848 + },
  849 + /**
  850 + * 添加方法，交换机ID值，改变
  851 + */
  852 + umb_exchange_addChange(value) {
  853 + console.log("交换机ID值:" + value);
  854 + // 先将对应的路由键的ID清空
  855 + this.umb_addForm.routingKeyId = undefined;
  856 + // 根据交换机ID，获取出对应的路由键的列表
  857 + this.selectRoutingKeyList(value);
  858 + },
  859 + /**
  860 + * 编辑方法，服务器ID值，改变
  861 + */
  862 + umb_server_editChange(value) {
  863 + console.log("服务器ID值:" + value);
  864 + // 现将对应的虚拟主机的ID清空
  865 + this.umb_editForm.virtualHostId = undefined;
  866 + // 根据服务器ID，获取出对应的虚拟主机的列表
  867 + this.selectHostList(value);
  868 + },
  869 + /**
  870 + * 编辑方法，虚拟主机ID值，改变
  871 + */
  872 + umb_virtualHost_editChange(value) {
  873 + console.log("虚拟主机ID值:" + value);
  874 + // 先将对应的交换机和队列的ID清空
  875 + this.umb_editForm.exchangeId = undefined;
  876 + this.umb_editForm.queueId = undefined;
  877 +
  878 + // 根据虚拟主机ID，获取出对应的交换机和队列的列表
  879 + this.selectExchangeList(value);
  880 + this.selectQueueList(value);
  881 + },
  882 + /**
  883 + * 编辑方法，交换机ID值，改变
  884 + */
  885 + umb_exchange_editChange(value) {
  886 + console.log("交换机ID值:" + value);
  887 + // 先将对应的路由键的ID清空
  888 + this.umb_editForm.routingKeyId = undefined;
  889 + // 根据交换机ID，获取出对应的路由键的列表
  890 + this.selectRoutingKeyList(value);
  891 + },
638 }, 892 },
639 created() { 893 created() {
640 // 刷新列表 894 // 刷新列表
641 this.umb_getList(); 895 this.umb_getList();
642 }, 896 },
643 mounted() { 897 mounted() {
644 - 898 + // 获取服务器列表
  899 + this.selectServerList();
645 }, 900 },
646 computed: {}, 901 computed: {},
647 } 902 }