| ... | ... | @@ -6,6 +6,11 @@ | 
|  |  | <div> | 
|  |  | <el-row> | 
|  |  | <el-col :span="4"> | 
|  |  | <el-input v-model="umb_queryInfo.username" prefix-icon="el-icon-search" | 
|  |  | size="medium" | 
|  |  | placeholder="用户名称" clearable></el-input> | 
|  |  | </el-col> | 
|  |  | <el-col :span="4"> | 
|  |  | <el-input v-model="umb_queryInfo.serverName" prefix-icon="el-icon-search" | 
|  |  | size="medium" | 
|  |  | placeholder="服务器名称" clearable></el-input> | 
| ... | ... | @@ -20,6 +25,8 @@ | 
|  |  | size="medium" | 
|  |  | placeholder="交换机名称" clearable></el-input> | 
|  |  | </el-col> | 
|  |  | </el-row> | 
|  |  | <el-row> | 
|  |  | <el-col :span="4"> | 
|  |  | <el-input v-model="umb_queryInfo.queueName" prefix-icon="el-icon-search" | 
|  |  | size="medium" | 
| ... | ... | @@ -30,18 +37,11 @@ | 
|  |  | size="medium" | 
|  |  | placeholder="路由键名称" clearable></el-input> | 
|  |  | </el-col> | 
|  |  | </el-row> | 
|  |  | <el-row> | 
|  |  | <el-col :span="4"> | 
|  |  | <el-input v-model="umb_queryInfo.username" prefix-icon="el-icon-search" | 
|  |  | size="medium" | 
|  |  | placeholder="用户名称" clearable></el-input> | 
|  |  | </el-col> | 
|  |  | <el-col :span="4"> | 
|  |  | <el-input v-model="umb_queryInfo.subscriber" prefix-icon="el-icon-search" | 
|  |  | size="medium" | 
|  |  | placeholder="订阅者名称" clearable></el-input> | 
|  |  | </el-col> | 
|  |  | <!--                        <el-col :span="4">--> | 
|  |  | <!--                            <el-input v-model="umb_queryInfo.subscriber" prefix-icon="el-icon-search"--> | 
|  |  | <!--                                      size="medium"--> | 
|  |  | <!--                                      placeholder="订阅者名称" clearable></el-input>--> | 
|  |  | <!--                        </el-col>--> | 
|  |  | <el-col :span="8"> | 
|  |  | <el-button type="success" style="width:150px" size="medium" @click="umb_getList"> | 
|  |  | 查询配置信息 | 
| ... | ... | @@ -60,7 +60,7 @@ | 
|  |  | <el-table-column type="selection" width="55" align="center"></el-table-column> | 
|  |  | <el-table-column type="index" align="center"></el-table-column> | 
|  |  | <el-table-column label="用户名称" prop="username" align="center" width="220"></el-table-column> | 
|  |  | <el-table-column label="订阅者名称" prop="subscriber" align="center" width="220"></el-table-column> | 
|  |  | <!--  <el-table-column label="订阅者名称" prop="subscriber" align="center" width="220"></el-table-column>--> | 
|  |  | <el-table-column label="服务器名称" prop="serverName" align="center" | 
|  |  | width="220"></el-table-column> | 
|  |  | <el-table-column label="虚拟主机名称" prop="virtualHostName" align="center" | 
| ... | ... | @@ -119,26 +119,37 @@ | 
|  |  | <div> | 
|  |  | <el-dialog title="添加配置信息" | 
|  |  | :visible.sync="umb_dialog.addDialog" | 
|  |  | style="margin-top: -50px" text-align="center" width="58%" | 
|  |  | v-loading="umb_loading.addLoading" element-loading-text="拼命添加配置中" | 
|  |  | style="margin-top: -50px" text-align="center" width="60%" | 
|  |  | @close="umb_addDialogClosed"> | 
|  |  |  | 
|  |  | <el-form :inline="true" label-width="120px" status-icon style="margin-top: 0px" align="center" | 
|  |  | <el-form :inline="true" label-width="120px" status-icon style="margin-top: -30px" align="center" | 
|  |  | :model="umb_addForm" :rules="umb_addFormRules" ref="umb_addFormRef"> | 
|  |  | <el-form-item label="用户名称:" prop="username"> | 
|  |  | <el-input v-model="umb_addForm.username" style="width:240px" size="small" clearable | 
|  |  | placeholder="请输入用户名称"> | 
|  |  | </el-input> | 
|  |  | </el-form-item> | 
|  |  | <el-form-item label="订阅者名称:" prop="subscriber"> | 
|  |  | <el-input v-model="umb_addForm.subscriber" style="width:240px" size="small" clearable | 
|  |  | placeholder="请输入订阅者名称"> | 
|  |  | </el-input> | 
|  |  |  | 
|  |  | <el-form-item label="用户名称:" prop="userIds"> | 
|  |  | <el-select v-model="umb_addForm.userIds" prefix-icon="el-icon-search" clearable | 
|  |  | @change="umb_userInfo_addChange" | 
|  |  | style="width:400px" size="medium" filterable multiple | 
|  |  | placeholder="请选择用户"> | 
|  |  | <el-option | 
|  |  | v-for="item in (umb_config.userInfoList)" | 
|  |  | :key="item.id" | 
|  |  | :label="item.username" | 
|  |  | :value="item.id"> | 
|  |  | </el-option> | 
|  |  | </el-select> | 
|  |  | </el-form-item> | 
|  |  |  | 
|  |  | <!--                        <el-form-item label="订阅者名称:" prop="subscriber">--> | 
|  |  | <!--                            <el-input v-model="umb_addForm.subscriber" style="width:240px" size="small" clearable--> | 
|  |  | <!--                                      placeholder="请输入订阅者名称">--> | 
|  |  | <!--                            </el-input>--> | 
|  |  | <!--                        </el-form-item>--> | 
|  |  | <el-form-item label="服务器名称:" prop="serverId"> | 
|  |  | <el-select v-model="umb_addForm.serverId" prefix-icon="el-icon-search" clearable | 
|  |  | style="width:240px" size="small" | 
|  |  | style="width:400px" size="medium" filterable | 
|  |  | @change="umb_server_addChange" | 
|  |  | placeholder="请选择所属服务器"> | 
|  |  | placeholder="请选择服务器"> | 
|  |  | <el-option | 
|  |  | v-for="item in (umb_config.serverList)" | 
|  |  | :key="item.id" | 
| ... | ... | @@ -150,10 +161,10 @@ | 
|  |  |  | 
|  |  | <el-form-item label="虚拟主机名称:" prop="virtualHostId"> | 
|  |  | <el-select v-model="umb_addForm.virtualHostId" prefix-icon="el-icon-search" clearable | 
|  |  | style="width:240px" size="small" | 
|  |  | style="width:400px" size="medium" filterable | 
|  |  | @change="umb_virtualHost_addChange" | 
|  |  | :disabled="umb_addForm.serverId===''" | 
|  |  | placeholder="请选择虚拟主机名称"> | 
|  |  | :disabled="umb_addForm.serverId==='' || umb_addForm.userIds.length===0" | 
|  |  | placeholder="请选择虚拟主机"> | 
|  |  | <el-option | 
|  |  | v-for="item in (umb_config.virtualHostList)" | 
|  |  | :key="item.id" | 
| ... | ... | @@ -163,12 +174,12 @@ | 
|  |  | </el-select> | 
|  |  | </el-form-item> | 
|  |  |  | 
|  |  | <el-form-item label="交换机名称:" prop="exchangeId"> | 
|  |  | <el-select v-model="umb_addForm.exchangeId" prefix-icon="el-icon-search" clearable | 
|  |  | style="width:240px" size="small" | 
|  |  | <el-form-item label="交换机名称:" prop="exchangeIds"> | 
|  |  | <el-select v-model="umb_addForm.exchangeIds" prefix-icon="el-icon-search" clearable | 
|  |  | style="width:400px" size="medium" filterable multiple | 
|  |  | @change="umb_exchange_addChange" | 
|  |  | :disabled="umb_addForm.virtualHostId===''" | 
|  |  | placeholder="请选择交换机名称"> | 
|  |  | placeholder="请选择交换机"> | 
|  |  | <el-option | 
|  |  | v-for="item in (umb_config.exchangeList)" | 
|  |  | :key="item.id" | 
| ... | ... | @@ -178,35 +189,37 @@ | 
|  |  | </el-select> | 
|  |  | </el-form-item> | 
|  |  |  | 
|  |  | <el-form-item label="队列名称:" prop="queueId"> | 
|  |  | <el-select v-model="umb_addForm.queueId" prefix-icon="el-icon-search" clearable | 
|  |  | style="width:240px" size="small" | 
|  |  | :disabled="umb_addForm.virtualHostId===''" | 
|  |  | placeholder="请选择交换机名称"> | 
|  |  | <el-form-item label="路由键名称:" prop="routingKeyIds"> | 
|  |  | <el-select v-model="umb_addForm.routingKeyIds" prefix-icon="el-icon-search" clearable | 
|  |  | style="width:400px" size="medium" filterable multiple | 
|  |  | :disabled="umb_addForm.exchangeId===''" | 
|  |  | placeholder="请选择路由键"> | 
|  |  | <el-option | 
|  |  | v-for="item in (umb_config.queueList)" | 
|  |  | v-for="item in (umb_config.routingKeyList)" | 
|  |  | :key="item.id" | 
|  |  | :label="item.queueName" | 
|  |  | :label="item.routingKeyName" | 
|  |  | :value="item.id"> | 
|  |  | </el-option> | 
|  |  | </el-select> | 
|  |  | </el-form-item> | 
|  |  |  | 
|  |  | <el-form-item label="路由键名称:" prop="routingKeyId"> | 
|  |  | <el-select v-model="umb_addForm.routingKeyId" prefix-icon="el-icon-search" clearable | 
|  |  | style="width:240px" size="small" | 
|  |  | :disabled="umb_addForm.exchangeId===''" | 
|  |  | placeholder="请选择路由键名称"> | 
|  |  | <el-form-item label="订阅者队列:" prop="queueIds"> | 
|  |  | <el-select v-model="umb_addForm.queueIds" prefix-icon="el-icon-search" clearable | 
|  |  | style="width:400px" size="medium" filterable multiple | 
|  |  | :disabled="umb_addForm.virtualHostId==='' && umb_addForm.userIds.length===0" | 
|  |  | placeholder="请选择订阅者队列"> | 
|  |  | <el-option | 
|  |  | v-for="item in (umb_config.routingKeyList)" | 
|  |  | v-for="item in (umb_config.queueList)" | 
|  |  | :key="item.id" | 
|  |  | :label="item.routingKeyName" | 
|  |  | :label="item.queueName" | 
|  |  | :value="item.id"> | 
|  |  | </el-option> | 
|  |  | </el-select> | 
|  |  | </el-form-item> | 
|  |  |  | 
|  |  | <el-form-item label="相关描述:" prop="description"> | 
|  |  | <el-input v-model="umb_addForm.description" style="width:240px" size="small" clearable | 
|  |  | <el-input v-model="umb_addForm.description" style="width:400px" size="medium" clearable | 
|  |  | type="textarea" autosize :rows="1" | 
|  |  | placeholder="请输入相关描述"> | 
|  |  | </el-input> | 
|  |  | </el-form-item> | 
| ... | ... | @@ -225,25 +238,25 @@ | 
|  |  | <div> | 
|  |  | <el-dialog title="编辑配置信息" | 
|  |  | :visible.sync="umb_dialog.editDialog" | 
|  |  | style="margin-top: -50px" text-align="center" width="58%" | 
|  |  | style="margin-top: -50px" text-align="center" width="50%" | 
|  |  | @close="umb_editDialogClosed"> | 
|  |  | <el-form :inline="true" label-width="120px" status-icon style="margin-top: 0px" 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:240px" size="small" clearable | 
|  |  | <el-input v-model="umb_editForm.username" style="width:300px" size="small" clearable disabled | 
|  |  | placeholder="请输入用户名称"> | 
|  |  | </el-input> | 
|  |  | </el-form-item> | 
|  |  | <el-form-item label="订阅者名称:" prop="subscriber"> | 
|  |  | <el-input v-model="umb_editForm.subscriber" style="width:240px" size="small" clearable | 
|  |  | placeholder="请输入订阅者名称"> | 
|  |  | </el-input> | 
|  |  | </el-form-item> | 
|  |  | <!--                        <el-form-item label="订阅者名称:" prop="subscriber">--> | 
|  |  | <!--                            <el-input v-model="umb_editForm.subscriber" style="width:240px" size="small" clearable--> | 
|  |  | <!--                                      placeholder="请输入订阅者名称">--> | 
|  |  | <!--                            </el-input>--> | 
|  |  | <!--                        </el-form-item>--> | 
|  |  |  | 
|  |  | <!-- @change="umb_server_editChange" --> | 
|  |  | <el-form-item label="服务器名称:" prop="serverId"> | 
|  |  | <el-select v-model="umb_editForm.serverId" prefix-icon="el-icon-search" clearable | 
|  |  | style="width:240px" size="small" | 
|  |  | @change="umb_server_editChange" | 
|  |  | style="width:300px" size="small" filterable disabled | 
|  |  | placeholder="请选择所属服务器"> | 
|  |  | <el-option | 
|  |  | v-for="item in (umb_config.serverList)" | 
| ... | ... | @@ -254,11 +267,11 @@ | 
|  |  | </el-select> | 
|  |  | </el-form-item> | 
|  |  |  | 
|  |  | <!-- :disabled="umb_editForm.serverId===''"--> | 
|  |  | <el-form-item label="虚拟主机名称:" prop="virtualHostId"> | 
|  |  | <el-select v-model="umb_editForm.virtualHostId" prefix-icon="el-icon-search" clearable | 
|  |  | style="width:240px" size="small" | 
|  |  | style="width:300px" size="small" filterable disabled | 
|  |  | @change="umb_virtualHost_editChange" | 
|  |  | :disabled="umb_editForm.serverId===''" | 
|  |  | placeholder="请选择虚拟主机名称"> | 
|  |  | <el-option | 
|  |  | v-for="item in (umb_config.virtualHostList)" | 
| ... | ... | @@ -269,11 +282,11 @@ | 
|  |  | </el-select> | 
|  |  | </el-form-item> | 
|  |  |  | 
|  |  | <!-- :disabled="umb_editForm.virtualHostId===''" --> | 
|  |  | <el-form-item label="交换机名称:" prop="exchangeId"> | 
|  |  | <el-select v-model="umb_editForm.exchangeId" prefix-icon="el-icon-search" clearable | 
|  |  | style="width:240px" size="small" | 
|  |  | style="width:300px" size="small" filterable disabled | 
|  |  | @change="umb_exchange_editChange" | 
|  |  | :disabled="umb_editForm.virtualHostId===''" | 
|  |  | placeholder="请选择交换机名称"> | 
|  |  | <el-option | 
|  |  | v-for="item in (umb_config.exchangeList)" | 
| ... | ... | @@ -284,35 +297,37 @@ | 
|  |  | </el-select> | 
|  |  | </el-form-item> | 
|  |  |  | 
|  |  | <el-form-item label="队列名称:" prop="queueId"> | 
|  |  | <el-select v-model="umb_editForm.queueId" prefix-icon="el-icon-search" clearable | 
|  |  | style="width:240px" size="small" | 
|  |  | :disabled="umb_editForm.virtualHostId===''" | 
|  |  | placeholder="请选择交换机名称"> | 
|  |  | <!-- :disabled="umb_editForm.exchangeId===''" --> | 
|  |  | <el-form-item label="路由键名称:" prop="routingKeyId"> | 
|  |  | <el-select v-model="umb_editForm.routingKeyId" prefix-icon="el-icon-search" clearable | 
|  |  | style="width:300px" size="small" filterable disabled | 
|  |  | placeholder="请选择路由键名称"> | 
|  |  | <el-option | 
|  |  | v-for="item in (umb_config.queueList)" | 
|  |  | v-for="item in (umb_config.routingKeyList)" | 
|  |  | :key="item.id" | 
|  |  | :label="item.queueName" | 
|  |  | :label="item.routingKeyName" | 
|  |  | :value="item.id"> | 
|  |  | </el-option> | 
|  |  | </el-select> | 
|  |  | </el-form-item> | 
|  |  |  | 
|  |  | <el-form-item label="路由键名称:" prop="routingKeyId"> | 
|  |  | <el-select v-model="umb_editForm.routingKeyId" prefix-icon="el-icon-search" clearable | 
|  |  | style="width:240px" size="small" | 
|  |  | :disabled="umb_editForm.exchangeId===''" | 
|  |  | placeholder="请选择路由键名称"> | 
|  |  | <!-- :disabled="umb_editForm.virtualHostId===''" --> | 
|  |  | <el-form-item label="订阅者队列:" prop="queueIds"> | 
|  |  | <el-select v-model="umb_editForm.queueIds" prefix-icon="el-icon-search" clearable | 
|  |  | style="width:300px" size="small" filterable multiple disabled | 
|  |  | placeholder="请选择订阅者队列"> | 
|  |  | <el-option | 
|  |  | v-for="item in (umb_config.routingKeyList)" | 
|  |  | v-for="item in (umb_config.queueList)" | 
|  |  | :key="item.id" | 
|  |  | :label="item.routingKeyName" | 
|  |  | :label="item.queueName" | 
|  |  | :value="item.id"> | 
|  |  | </el-option> | 
|  |  | </el-select> | 
|  |  | </el-form-item> | 
|  |  |  | 
|  |  | <el-form-item label="相关描述:" prop="description"> | 
|  |  | <el-input v-model="umb_editForm.description" style="width:240px" size="small" clearable | 
|  |  | <el-input v-model="umb_editForm.description" style="width:300px" size="small" clearable | 
|  |  | type="textarea" autosize :rows="1" disabled | 
|  |  | placeholder="请输入相关描述"> | 
|  |  | </el-input> | 
|  |  | </el-form-item> | 
| ... | ... | @@ -321,7 +336,7 @@ | 
|  |  | <el-button type="info" @click="umb_dialog.editDialog = false" size="medium" | 
|  |  | style="width: 100px">取消 | 
|  |  | </el-button> | 
|  |  | <el-button type="primary" @click="umb_edit" :loading="umb_loading.addLoading" | 
|  |  | <el-button type="primary" @click="umb_edit" :loading="umb_loading.addLoading" disabled | 
|  |  | size="medium" style="width: 100px">编辑 | 
|  |  | </el-button> | 
|  |  | </div> | 
| ... | ... | @@ -338,7 +353,8 @@ | 
|  |  | updateUserMessageBinding, | 
|  |  | deleteUserMessageBinding, | 
|  |  | batchRemoveUserMessageBinding, | 
|  |  | getServerList, getHostList, getExchangeList, getQueueList, getRoutingKeyList | 
|  |  | getServerList, getHostList, getExchangeList, getQueueList, getRoutingKeyList, | 
|  |  | getUserInfoList | 
|  |  | } from "../../api/message_bus"; | 
|  |  |  | 
|  |  | export default { | 
| ... | ... | @@ -364,6 +380,8 @@ | 
|  |  | queueList: [], | 
|  |  | // 路由键列表 | 
|  |  | routingKeyList: [], | 
|  |  | // 用户信息列表 | 
|  |  | userInfoList: [], | 
|  |  | }, | 
|  |  |  | 
|  |  | /** | 
| ... | ... | @@ -404,10 +422,10 @@ | 
|  |  | * umb,新增表单 | 
|  |  | */ | 
|  |  | umb_addForm: { | 
|  |  | // 用户id | 
|  |  | userId: '', | 
|  |  | // 用户名称 | 
|  |  | username: '', | 
|  |  | // 订阅者名称 | 
|  |  | subscriber: '', | 
|  |  | // 服务器id | 
|  |  | serverId: '', | 
|  |  | // 虚拟主机id | 
| ... | ... | @@ -418,6 +436,14 @@ | 
|  |  | queueId: '', | 
|  |  | // 路由键id | 
|  |  | routingKeyId: '', | 
|  |  | // 临时字段,队列id集合 | 
|  |  | queueIds: [], | 
|  |  | // 临时字段,交换机id集合 | 
|  |  | exchangeIds: [], | 
|  |  | // 临时字段,用户id集合 | 
|  |  | userIds: [], | 
|  |  | // 临时字段,路由键id集合 | 
|  |  | routingKeyIds: [], | 
|  |  | }, | 
|  |  | /** | 
|  |  | * umb,编辑表单 | 
| ... | ... | @@ -452,13 +478,13 @@ | 
|  |  | */ | 
|  |  | umb_addFormRules: { | 
|  |  | // 用户名称 | 
|  |  | username: [ | 
|  |  | userIds: [ | 
|  |  | {required: true, message: '请输入用户名称', trigger: ['blur', 'change']}, | 
|  |  | ], | 
|  |  | // 订阅者名称 | 
|  |  | subscriber: [ | 
|  |  | {required: true, message: '请输入订阅者名称', trigger: ['blur', 'change']}, | 
|  |  | ], | 
|  |  | // subscriber: [ | 
|  |  | //     {required: true, message: '请输入订阅者名称', trigger: ['blur', 'change']}, | 
|  |  | // ], | 
|  |  | // 服务器ID | 
|  |  | serverId: [ | 
|  |  | {required: true, message: '请选择服务器名称', trigger: ['blur', 'change']}, | 
| ... | ... | @@ -468,15 +494,15 @@ | 
|  |  | {required: true, message: '请选择虚拟主机名称', trigger: ['blur', 'change']}, | 
|  |  | ], | 
|  |  | // 交换机ID | 
|  |  | exchangeId: [ | 
|  |  | exchangeIds: [ | 
|  |  | {required: true, message: '请选择交换机名称', trigger: ['blur', 'change']}, | 
|  |  | ], | 
|  |  | // 队列ID | 
|  |  | queueId: [ | 
|  |  | queueIds: [ | 
|  |  | {required: true, message: '请选择队列名称', trigger: ['blur', 'change']}, | 
|  |  | ], | 
|  |  | // 路由键ID | 
|  |  | routingKeyId: [ | 
|  |  | routingKeyIds: [ | 
|  |  | {required: true, message: '请选择路由键名称', trigger: ['blur', 'change']}, | 
|  |  | ], | 
|  |  | }, | 
| ... | ... | @@ -588,6 +614,10 @@ | 
|  |  | * umb,添加功能 | 
|  |  | */ | 
|  |  | umb_add() { | 
|  |  | this.umb_addForm.queueId = this.umb_addForm.queueIds.join(); | 
|  |  | this.umb_addForm.userId = this.umb_addForm.userIds.join(); | 
|  |  | this.umb_addForm.exchangeId = this.umb_addForm.exchangeIds.join(); | 
|  |  | this.umb_addForm.routingKeyId = this.umb_addForm.routingKeyIds.join(); | 
|  |  | // 进行表单的预验证 | 
|  |  | this.$refs.umb_addFormRef.validate(valid => { | 
|  |  | // 未通过,表单预校验 | 
| ... | ... | @@ -633,6 +663,14 @@ | 
|  |  | this.selectExchangeList(row.virtualHostId) | 
|  |  | this.selectRoutingKeyList(row.exchangeId) | 
|  |  | this.umb_editForm = Object.assign({}, row); | 
|  |  |  | 
|  |  | this.umb_editForm.queueIds = []; | 
|  |  | if (this.umb_editForm.queueId.indexOf(",") === -1) { | 
|  |  | // 队列id中不包含"," | 
|  |  | this.umb_editForm.queueIds[0] = this.umb_editForm.queueId; | 
|  |  | } else { | 
|  |  | this.umb_editForm.queueIds = this.umb_editForm.queueId.split(",") | 
|  |  | } | 
|  |  | this.umb_dialog.editDialog = true; | 
|  |  | }, | 
|  |  | /** | 
| ... | ... | @@ -805,8 +843,11 @@ | 
|  |  | /** | 
|  |  | * 获取队列-列表 | 
|  |  | */ | 
|  |  | selectQueueList(id) { | 
|  |  | let params = {virtualHostId: id}; | 
|  |  | selectQueueList(id, userId) { | 
|  |  | let params = { | 
|  |  | virtualHostId: id, | 
|  |  | userId: userId | 
|  |  | }; | 
|  |  | getQueueList(params).then((response) => { | 
|  |  | let res = response.data; | 
|  |  | if (res.code !== '200') { | 
| ... | ... | @@ -839,40 +880,52 @@ | 
|  |  | * 添加方法,服务器ID值,改变 | 
|  |  | */ | 
|  |  | umb_server_addChange(value) { | 
|  |  | console.log("服务器ID值:" + value); | 
|  |  | // 现将对应的虚拟主机的ID清空 | 
|  |  | this.umb_addForm.virtualHostId = undefined; | 
|  |  | // 根据服务器ID,获取出对应的虚拟主机的列表 | 
|  |  | this.selectHostList(value); | 
|  |  | }, | 
|  |  |  | 
|  |  | umb_userInfo_addChange(value) { | 
|  |  | // 根据虚拟主机id和用户id来查询,队列集合 | 
|  |  | this.selectQueueList(this.umb_addForm.virtualHostId, value.join()); | 
|  |  | }, | 
|  |  |  | 
|  |  | /** | 
|  |  | * 添加方法,虚拟主机ID值,改变 | 
|  |  | */ | 
|  |  | umb_virtualHost_addChange(value) { | 
|  |  | console.log("虚拟主机ID值:" + value); | 
|  |  | // 先将对应的交换机和队列的ID清空 | 
|  |  | this.umb_addForm.exchangeId = undefined; | 
|  |  | this.umb_addForm.queueId = undefined; | 
|  |  |  | 
|  |  | // 根据虚拟主机ID,获取出对应的交换机和队列的列表 | 
|  |  | this.selectExchangeList(value); | 
|  |  | this.selectQueueList(value); | 
|  |  |  | 
|  |  | // 根据用户id和虚拟主机id来查询,队列集合 | 
|  |  | let userId = this.umb_addForm.userIds.join(); | 
|  |  | this.selectQueueList(value, userId); | 
|  |  | }, | 
|  |  | /** | 
|  |  | * 添加方法,交换机ID值,改变 | 
|  |  | */ | 
|  |  | umb_exchange_addChange(value) { | 
|  |  | console.log("交换机ID值:" + value); | 
|  |  | // 先将对应的路由键的ID清空 | 
|  |  | this.umb_addForm.routingKeyId = undefined; | 
|  |  | // 根据交换机ID,获取出对应的路由键的列表 | 
|  |  | this.selectRoutingKeyList(value); | 
|  |  | this.selectRoutingKeyList(value.join()); | 
|  |  | }, | 
|  |  | // /** | 
|  |  | //  * 添加方法,队列ID值,改变 | 
|  |  | //  */ | 
|  |  | // umb_queue_addChange(value) { | 
|  |  | //     // 将多选的queueID,用逗号相连接 | 
|  |  | //     this.umb_addForm.queueId = value.join(); | 
|  |  | // }, | 
|  |  | /** | 
|  |  | * 编辑方法,服务器ID值,改变 | 
|  |  | */ | 
|  |  | umb_server_editChange(value) { | 
|  |  | console.log("服务器ID值:" + value); | 
|  |  | // 现将对应的虚拟主机的ID清空 | 
|  |  | this.umb_editForm.virtualHostId = undefined; | 
|  |  | // 根据服务器ID,获取出对应的虚拟主机的列表 | 
| ... | ... | @@ -882,7 +935,6 @@ | 
|  |  | * 编辑方法,虚拟主机ID值,改变 | 
|  |  | */ | 
|  |  | umb_virtualHost_editChange(value) { | 
|  |  | console.log("虚拟主机ID值:" + value); | 
|  |  | // 先将对应的交换机和队列的ID清空 | 
|  |  | this.umb_editForm.exchangeId = undefined; | 
|  |  | this.umb_editForm.queueId = undefined; | 
| ... | ... | @@ -895,12 +947,26 @@ | 
|  |  | * 编辑方法,交换机ID值,改变 | 
|  |  | */ | 
|  |  | umb_exchange_editChange(value) { | 
|  |  | console.log("交换机ID值:" + value); | 
|  |  | // 先将对应的路由键的ID清空 | 
|  |  | this.umb_editForm.routingKeyId = undefined; | 
|  |  | // 根据交换机ID,获取出对应的路由键的列表 | 
|  |  | this.selectRoutingKeyList(value); | 
|  |  | }, | 
|  |  | /** | 
|  |  | * 获取所有用户的信息 | 
|  |  | */ | 
|  |  | umb_getUserInfoList() { | 
|  |  | getUserInfoList().then((response) => { | 
|  |  | let res = response.data; | 
|  |  | if (res.code !== '200') { | 
|  |  | return this.$message.error('获取路由键列表,失败!'); | 
|  |  | } | 
|  |  | // 获取列表数据 | 
|  |  | this.umb_config.userInfoList = res.data; | 
|  |  | }).catch(error => { | 
|  |  | this.$message.error(error.toString()); | 
|  |  | }); | 
|  |  | }, | 
|  |  | }, | 
|  |  | created() { | 
|  |  | // 刷新列表 | 
| ... | ... | @@ -909,6 +975,8 @@ | 
|  |  | mounted() { | 
|  |  | // 获取服务器列表 | 
|  |  | this.selectServerList(); | 
|  |  | // 获取用户信息列表 | 
|  |  | this.umb_getUserInfoList(); | 
|  |  | }, | 
|  |  | computed: {}, | 
|  |  | } | 
... | ... |  |