朱兆平 / vue_cli · 提交

转到一个项目

作者 小范
提交 f2ab071e4adc59d5bdb4ebd434e42be21aa2e3f4 1 个父辈 c0c81c46

消息总线系统界面更改

内嵌 并排对比
正在显示 10 个修改的文件 包含 635 行增加 和 476 行删除
... ... @@ -5,19 +5,23 @@
<!-- 搜素区域 -->
<div>
<el-row>
<el-col :span="4">
<el-input v-model="es_queryInfo.clusterName" prefix-icon="el-icon-search" size="small"
placeholder="集群名称" clearable></el-input>
<el-col :span="6">
<el-input v-model="es_queryInfo.clusterName" size="small"
placeholder="集群名称" clearable>
<template slot="prepend" ><i class="el-icon-user-solid"></i>集群名称</template>
</el-input>
</el-col>
<el-col :span="4">
<el-input v-model="es_queryInfo.elasticsearchName" prefix-icon="el-icon-search" size="small"
placeholder="节点（ES）名称" clearable></el-input>
<el-col :span="6">
<el-input v-model="es_queryInfo.elasticsearchName" size="small"
placeholder="节点（ES）名称" clearable>
<template slot="prepend" ><i class="el-icon-more"></i>节点（ES）名称</template>
</el-input>
</el-col>
<el-col :span="8">
<el-button type="success" style="width:150px" size="medium" @click="es_getList">
<el-button type="warning" style="width:150px" size="medium" icon="el-icon-search" @click="es_getList">
查询ES信息
</el-button>
<el-button type="primary" style="width:150px" size="medium" @click="es_toAddDialog">
<el-button type="primary" style="width:150px" size="medium" icon="el-icon-plus" @click="es_toAddDialog">
添加ES信息
</el-button>
</el-col>
... ... @@ -27,7 +31,9 @@
<div style="margin-top: 20px;">
<el-table :data="es_page.esList" border v-loading="es_loading.listLoading"
@selection-change="es_selectChange" size="small"
element-loading-text="获取信息，拼命加载中">
element-loading-text="获取信息，拼命加载中"
:header-cell-style="{background:'#6F8294',color:'#FFFFFF'}"
style="border-radius: 10px 10px 0px 0px;line-height: 25px;">
<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="clusterName" align="center" width="200"></el-table-column>
... ... @@ -46,7 +52,7 @@
</template>
</el-table-column>
<el-table-column label="描述" prop="description" align="center" width="100"></el-table-column>
<el-table-column label="操作" width="225px" align="center">
<el-table-column label="操作" align="center">
<template slot-scope="scope">
<!-- 编辑按钮-->
<el-tooltip effect="dark" content="编辑" placement="top-start" :enterable="false">
... ... @@ -99,36 +105,35 @@
:visible.sync="es_dialog.addDialog"
style="margin-top: -50px" text-align="center" width="50%"
@close="es_addDialogClosed">
<el-form :inline="true" label-width="130px" status-icon style="margin-top: -10px" align="center"
:model="es_addForm" :rules="es_addFormRules" ref="es_addFormRef">
<!-- <el-form-item label="集群名称：" prop="clusterName">-->
<!-- <el-input v-model="es_addForm.clusterName" style="width:280px" size="small" clearable-->
<!-- placeholder="请输入集群名称">-->
<!-- </el-input>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="节点名称：" prop="elasticsearchName">-->
<!-- <el-input v-model="es_addForm.elasticsearchName" style="width:280px" size="small" clearable-->
<!-- placeholder="请输入ES（节点）名称">-->
<!-- </el-input>-->
<!-- </el-form-item>-->
<el-form-item label="协议：" prop="scheme">
<el-input v-model="es_addForm.scheme" style="width:280px" size="small" clearable
<el-form :label-position="labelPosition" status-icon style="margin-top: -10px" align="center"
:model="es_addForm" :rules="es_addFormRules" ref="es_addFormRef" >
<el-form-item label="" prop="scheme">
<el-input v-model="es_addForm.scheme" size="small" clearable style="width: 300px"
placeholder="请输入协议名称：http">
<template slot="prepend" >&nbsp;协&nbsp;&nbsp;&nbsp;&nbsp;议&nbsp;</template>
</el-input>
</el-form-item>
<el-form-item label="IP地址：" prop="hostname">
<el-input v-model="es_addForm.hostname" style="width:280px" size="small" clearable
<el-form-item label="" prop="hostname">
<el-input v-model="es_addForm.hostname" size="small" clearable style="width: 300px"
placeholder="请输入IP地址">
<template slot="prepend" >I&nbsp;P&nbsp;地&nbsp;址</template>
</el-input>
</el-form-item>
<el-form-item label="端口号：" prop="port">
<el-input v-model="es_addForm.port" style="width:280px" size="small" clearable
<el-form-item label="" prop="port">
<el-input v-model="es_addForm.port" size="small" clearable style="width: 300px"
placeholder="请输入端口号">
<template slot="prepend">&nbsp;端&nbsp;口&nbsp;号</template>
</el-input>
</el-form-item>
<el-form-item label="默认节点类型：" prop="isMaster">
<el-select v-model="es_addForm.isMaster" style="width: 280px" clearable
size="small" placeholder="请选择默认节点类型？">
<el-form-item label="" prop="description">
<el-input v-model="es_addForm.description" size="small" clearable style="width: 300px"
placeholder="请输入相关描述">
<template slot="prepend" >相关描述</template>
</el-input>
</el-form-item>
<el-form-item label="" prop="isMaster">
<el-select v-model="es_addForm.isMaster" clearable
size="small" placeholder="请选择默认节点类型" style="width: 300px">
<el-option
v-for="item in isMasterList"
:key="item.value"
... ... @@ -137,14 +142,9 @@
</el-option>
</el-select>
</el-form-item>
<el-form-item label="相关描述：" prop="description">
<el-input v-model="es_addForm.description" style="width:280px" 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="es_dialog.addDialog = false" size="medium" style="width: 100px">
<el-button type="info" @click="es_dialog.addDialog = false" size="medium" style="width: 100px;background-color: #6F8294;color: #ffffff">
取消
</el-button>
<el-button type="success" @click="es_add_test" :loading="es_loading.addLoading" size="medium" style="width: 100px">
... ... @@ -163,36 +163,47 @@
v-loading="es_loading.editLoading" element-loading-text="正在拼命加载，请稍等"
style="margin-top: -50px" text-align="center" width="50%"
@close="es_editDialogClosed">
<el-form :inline="true" label-width="130px" status-icon style="margin-top: -10px" align="center"
:model="es_editForm" :rules="es_editFormRules" ref="es_editFormRef">
<el-form-item label="集群名称：" prop="clusterName">
<el-input v-model="es_editForm.clusterName" style="width:280px" size="small" clearable
<el-form status-icon style="margin-top: -10px" align="center"
:model="es_editForm" :rules="es_editFormRules" ref="es_editFormRef" :label-position="labelPosition">
<el-form-item label="" prop="clusterName">
<el-input v-model="es_editForm.clusterName" style="width:300px" size="small" clearable
placeholder="请输入集群名称">
<template slot="prepend" >集群名称</template>
</el-input>
</el-form-item>
<el-form-item label="节点名称：" prop="elasticsearchName">
<el-input v-model="es_editForm.elasticsearchName" style="width:280px" size="small" clearable
<el-form-item label="" prop="elasticsearchName">
<el-input v-model="es_editForm.elasticsearchName" style="width:300px" size="small" clearable
placeholder="请输入ES（节点）名称">
<template slot="prepend" >节点名称</template>
</el-input>
</el-form-item>
<el-form-item label="协议：" prop="scheme">
<el-input v-model="es_editForm.scheme" style="width:280px" size="small" clearable readonly
<el-form-item label="" prop="scheme">
<el-input v-model="es_editForm.scheme" style="width:300px" size="small" clearable readonly
placeholder="请输入协议名称：http">
<template slot="prepend" >&nbsp;&nbsp;&nbsp;协&nbsp;议&nbsp;&nbsp;&nbsp;</template>
</el-input>
</el-form-item>
<el-form-item label="IP地址：" prop="hostname">
<el-input v-model="es_editForm.hostname" style="width:280px" size="small" clearable
<el-form-item label="" prop="hostname">
<el-input v-model="es_editForm.hostname" style="width:300px" size="small" clearable
placeholder="请输入IP地址">
<template slot="prepend" >&nbsp;&nbsp;IP地址&nbsp;&nbsp;</template>
</el-input>
</el-form-item>
<el-form-item label="端口号：" prop="port">
<el-input v-model="es_editForm.port" style="width:280px" size="small" clearable
<el-form-item label="" prop="port">
<el-input v-model="es_editForm.port" style="width:300px" size="small" clearable
placeholder="请输入端口号">
<template slot="prepend" >&nbsp;&nbsp;端口号&nbsp;&nbsp;</template>
</el-input>
</el-form-item>
<el-form-item label="默认节点类型：" prop="isMaster">
<el-select v-model="es_editForm.isMaster" style="width: 280px" clearable
size="small" placeholder="请选择默认节点类型？">
<el-form-item label="" prop="description">
<el-input v-model="es_editForm.description" style="width:300px" size="small" clearable
placeholder="请输入相关描述">
<template slot="prepend" >相关描述</template>
</el-input>
</el-form-item>
<el-form-item label="" prop="isMaster">
<el-select v-model="es_editForm.isMaster" style="width: 300px" clearable
size="small" placeholder="请选择默认节点类型">
<el-option
v-for="item in isMasterList"
:key="item.value"
... ... @@ -201,14 +212,9 @@
</el-option>
</el-select>
</el-form-item>
<el-form-item label="相关描述：" prop="description">
<el-input v-model="es_editForm.description" style="width:280px" 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="es_dialog.editDialog = false" size="medium" style="width: 100px">
<el-button type="info" @click="es_dialog.editDialog = false" size="medium" style="width: 100px;background-color: #6F8294;color: #ffffff">
取消
</el-button>
<el-button type="success" @click="es_edit_test" :loading="es_loading.editLoading" size="medium" style="width: 100px">
... ... @@ -240,6 +246,7 @@
data() {
return {
status: undefined,
labelPosition:'right',
/**
* 搜索参数
*/
... ... @@ -269,7 +276,7 @@
hostname: '',
port: 9200,
// elasticsearchState: true,
isMaster: false,
isMaster: '',
description: '',
},
... ... @@ -739,4 +746,4 @@
<style scoped>
</style>
\ No newline at end of file
</style>
... ...
... ... @@ -5,12 +5,14 @@
<!-- 搜素区域 -->
<div>
<el-row>
<el-col :span="4">
<el-input v-model="exchange_queryInfo.exchangeName" prefix-icon="el-icon-search"
<el-col :span="7">
<el-input v-model="exchange_queryInfo.exchangeName"
size="medium"
placeholder="交换机名称" clearable></el-input>
placeholder="交换机名称" clearable>
<template slot="prepend" ><i class="el-icon-user"></i>用户名称</template>
</el-input>
</el-col>
<el-col :span="4">
<el-col :span="7">
<el-cascader
size="medium" filterable
v-model="exchange_queryInfo.virtualHostId"
... ... @@ -18,15 +20,16 @@
:show-all-levels="false"
:change-on-select="false"
clearable
style="width: 80%"
@change="cascadeQueryChange"
:props="exchange_config.cascade.defaultParams"
placeholder="请选择所属虚拟主机"></el-cascader>
</el-col>
<el-col :span="8">
<el-button type="success" style="width:150px" size="medium" @click="exchange_getList">
<el-button type="warning" style="width:150px" size="medium" icon="el-icon-search" @click="exchange_getList">
查询交换机
</el-button>
<el-button type="primary" style="width:150px" size="medium" @click="exchange_toAddDialog">
<el-button type="primary" style="width:150px" size="medium" icon="el-icon-plus" @click="exchange_toAddDialog">
添加交换机
</el-button>
</el-col>
... ... @@ -35,8 +38,10 @@
<!-- 列表区域 -->
<div style="margin-top: 20px;">
<el-table :data="exchange_page.exchangeList" border v-loading="exchange_loading.listLoading"
@selection-change="exchange_selectChange"
element-loading-text="获取交换机列表，拼命加载中">
@selection-change="exchange_selectChange" size="small"
element-loading-text="获取交换机列表，拼命加载中" width="232px"
:header-cell-style="{background:'#6F8294',color:'#FFFFFF'}"
style="border-radius: 10px 10px 0px 0px;line-height: 25px;">
<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="exchangeName" align="center"
... ... @@ -66,7 +71,7 @@
<el-table-column label="扩展参数" prop="arguments" align="center" width="200">
</el-table-column>
<el-table-column label="相关描述" prop="description" align="center" width="300"></el-table-column>
<el-table-column label="操作" width="280px" align="center" fixed="right">
<el-table-column label="操作" width="300px" align="center" fixed="right">
<template slot-scope="scope">
<!-- 路由键 style="width:50px;margin-left: 1px;"-->
<el-tooltip effect="dark" content="路由键" placement="top-start" :enterable="false">
... ... @@ -120,18 +125,20 @@
<el-dialog title="添加交换机"
:visible.sync="exchange_dialog.addDialog"
style="margin-top: -50px"
width="62%" text-align="center" @close="exchange_addDialogClosed">
width="60%" text-align="center" @close="exchange_addDialogClosed">
<el-form :inline="true" label-width="145px" status-icon style="margin-top: -10px"
:model="exchange_addForm" :rules="exchange_addFormRules" ref="exchange_addFormRef">
<el-form-item label="交换机名称：" prop="exchangeName">
<el-input v-model="exchange_addForm.exchangeName" style="width:240px" size="small" clearable
:model="exchange_addForm" :rules="exchange_addFormRules" ref="exchange_addFormRef" align="center">
<el-form-item label="" prop="exchangeName">
<el-input v-model="exchange_addForm.exchangeName" style="width:300px" size="small" clearable
placeholder="请输入交换机名称">
<template slot="prepend" >交换机名称</template>
</el-input>
</el-form-item>
<el-form-item label="所属虚拟主机：" prop="virtualHostId">
<el-form-item label="" prop="virtualHostId">
<el-cascader
clearable filterable
style="width: 240px" size="small"
style="width: 300px" size="small"
v-model="exchange_addForm.virtualHostId"
@change="cascadeAddChange"
:options="exchange_config.cascade.server_hostList"
... ... @@ -141,8 +148,8 @@
placeholder="请选择所属虚拟主机">
</el-cascader>
</el-form-item>
<el-form-item label="交换机类型：" prop="exchangeType">
<el-select v-model="exchange_addForm.exchangeType" style="width: 240px" clearable
<el-form-item label="" prop="exchangeType">
<el-select v-model="exchange_addForm.exchangeType" style="width: 300px" clearable
size="small" disabled
placeholder="请选择交换机类型">
<el-option
... ... @@ -153,8 +160,8 @@
</el-option>
</el-select>
</el-form-item>
<el-form-item label="是否持久化：" prop="durability">
<el-select v-model="exchange_addForm.durability" style="width: 240px" clearable size="small"
<el-form-item label="" prop="durability">
<el-select v-model="exchange_addForm.durability" style="width: 300px" clearable size="small"
placeholder="请选择是否持久化">
<el-option
v-for="item in booleanList"
... ... @@ -164,8 +171,8 @@
</el-option>
</el-select>
</el-form-item>
<el-form-item label="是否自动删除：" prop="autoDelete">
<el-select v-model="exchange_addForm.autoDelete" style="width: 240px" clearable size="small"
<el-form-item label="" prop="autoDelete">
<el-select v-model="exchange_addForm.autoDelete" style="width: 300px" clearable size="small"
placeholder="请选择是否自动删除">
<el-option
v-for="item in booleanList"
... ... @@ -175,8 +182,8 @@
</el-option>
</el-select>
</el-form-item>
<el-form-item label="是否仅内部使用：" prop="internal">
<el-select v-model="exchange_addForm.internal" style="width: 240px" clearable size="small"
<el-form-item label="" prop="internal">
<el-select v-model="exchange_addForm.internal" style="width: 300px" clearable size="small"
placeholder="是否仅内部使用">
<el-option
v-for="item in booleanList"
... ... @@ -186,14 +193,14 @@
</el-option>
</el-select>
</el-form-item>
<el-form-item label="扩展参数：" prop="arguments">
<el-input v-model="exchange_addForm.arguments" style="width:240px" clearable size="small"
<el-form-item label="" prop="arguments">
<el-input v-model="exchange_addForm.arguments" style="width:300px" clearable size="small"
type="textarea" autosize :rows="1"
placeholder="扩展参数（JSON格式）">
</el-input>
</el-form-item>
<el-form-item label="相关描述：" prop="description">
<el-input v-model="exchange_addForm.description" style="width:240px" clearable size="small"
<el-form-item label="" prop="description">
<el-input v-model="exchange_addForm.description" style="width:300px" clearable size="small"
type="textarea" autosize :rows="1"
placeholder="相关描述">
</el-input>
... ... @@ -201,7 +208,7 @@
</el-form>
<div slot="footer" class="dialog-footer" style="text-align: center;margin-top: -20px">
<el-button type="info" @click="exchange_dialog.addDialog = false" size="medium"
style="width: 100px">取消
style="width: 100px;background-color: #6F8294;color: #ffffff">取消
</el-button>
<el-button type="primary" @click="exchange_add" :loading="exchange_loading.addLoading"
size="medium" style="width: 100px">添加
... ... @@ -214,19 +221,20 @@
<el-dialog title="编辑交换机"
:visible.sync="exchange_dialog.editDialog"
style="margin-top: -50px"
width="62%" text-align="center" @close="exchange_editDialogClosed">
<el-form :inline="true" label-width="145px" status-icon style="margin-top: -10px"
width="60%" text-align="center" @close="exchange_editDialogClosed">
<el-form :inline="true" label-width="145px" status-icon style="margin-top: -10px" align="center"
:model="exchange_editForm" :rules="exchange_editFormRules" ref="exchange_editFormRef">
<el-form-item label="交换机名称：" prop="exchangeName">
<el-input v-model="exchange_editForm.exchangeName" style="width:240px" size="small"
<el-form-item label="" prop="exchangeName">
<el-input v-model="exchange_editForm.exchangeName" style="width:300px" size="small"
clearable disabled
placeholder="请输入交换机名称">
<template slot="prepend" >服务器名称</template>
</el-input>
</el-form-item>
<el-form-item label="所属虚拟主机：" prop="virtualHostId">
<el-form-item label="" prop="virtualHostId">
<el-cascader
disabled filterable
clearable style="width: 240px" size="small"
clearable style="width: 300px" size="small"
v-model="exchange_editForm.virtualHostId"
@change="cascadeEditChange"
:options="exchange_config.cascade.server_hostList"
... ... @@ -235,8 +243,8 @@
:props="exchange_config.cascade.defaultParams"
placeholder="请选择所属虚拟主机"></el-cascader>
</el-form-item>
<el-form-item label="交换机类型：" prop="exchangeType">
<el-select v-model="exchange_editForm.exchangeType" style="width: 240px" clearable
<el-form-item label="" prop="exchangeType">
<el-select v-model="exchange_editForm.exchangeType" style="width: 300px" clearable
size="small" disabled
placeholder="请选择交换机类型">
<el-option
... ... @@ -247,8 +255,8 @@
</el-option>
</el-select>
</el-form-item>
<el-form-item label="是否持久化：" prop="durability">
<el-select v-model="exchange_editForm.durability" style="width: 240px" clearable
<el-form-item label="" prop="durability">
<el-select v-model="exchange_editForm.durability" style="width: 300px" clearable
size="small" disabled
placeholder="请选择是否持久化">
<el-option
... ... @@ -259,8 +267,8 @@
</el-option>
</el-select>
</el-form-item>
<el-form-item label="是否自动删除：" prop="autoDelete">
<el-select v-model="exchange_editForm.autoDelete" style="width: 240px" clearable
<el-form-item label="" prop="autoDelete">
<el-select v-model="exchange_editForm.autoDelete" style="width: 300px" clearable
size="small" disabled
placeholder="请选择是否自动删除">
<el-option
... ... @@ -271,8 +279,8 @@
</el-option>
</el-select>
</el-form-item>
<el-form-item label="是否仅内部使用：" prop="internal">
<el-select v-model="exchange_editForm.internal" style="width: 240px" disabled clearable
<el-form-item label="" prop="internal">
<el-select v-model="exchange_editForm.internal" style="width: 300px" disabled clearable
size="small"
placeholder="是否仅内部使用">
<el-option
... ... @@ -283,23 +291,23 @@
</el-option>
</el-select>
</el-form-item>
<el-form-item label="扩展参数：" prop="arguments">
<el-input v-model="exchange_editForm.arguments" style="width:240px" disabled clearable
<el-form-item label="" prop="arguments">
<el-input v-model="exchange_editForm.arguments" style="width:300px" disabled clearable
size="small" type="textarea" autosize :rows="1"
placeholder="扩展参数（JSON格式）">
</el-input>
</el-form-item>
<el-form-item label="相关描述：" prop="description">
<el-input v-model="exchange_editForm.description" style="width:240px" clearable size="small"
<el-form-item label="" prop="description">
<el-input v-model="exchange_editForm.description" style="width:300px" clearable size="small"
type="textarea" autosize :rows="1"
placeholder="相关描述">
</el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer" style="text-align: center">
<div slot="footer" class="dialog-footer" align="center">
<el-button type="info" @click="exchange_dialog.editDialog = false" size="medium"
style="width: 100px">取消
style="width: 100px;background-color: #6F8294;color: #ffffff">取消
</el-button>
<el-button type="primary" @click="exchange_edit" :loading="exchange_loading.addLoading"
size="medium"
... ... @@ -381,11 +389,11 @@
// 交换机类型,默认 direct；direct(路由-订阅)、topic(动态路由-订阅)、fanout(广播)
exchangeType: 'direct',
// 是否持久化，默认 true
durability: true,
durability: '',
// 是否自动删除,默认 false
autoDelete: false,
autoDelete: '',
//是否是RabbitMQ内部使用，默认 false
internal: false,
internal: '',
// 扩展参数，以JSON格式存储
arguments: '',
// 交换机相关描述
... ...
... ... @@ -5,50 +5,64 @@
<!-- 搜素区域 -->
<div>
<el-row>
<el-col :span="4">
<el-input v-model="messageNote_queryInfo.serverName" placeholder="服务器名称"
size="medium" clearable prefix-icon="el-icon-search"></el-input>
<el-col :span="5">
<el-input v-model="messageNote_queryInfo.username" placeholder="用户名称"
size="medium" clearable >
<template slot="prepend" ><i class="el-icon-user"></i>&nbsp;用&nbsp;户&nbsp;名&nbsp;称</template>
</el-input>
</el-col>
<el-col :span="4">
<el-input v-model="messageNote_queryInfo.virtualHostName"
size="medium" clearable prefix-icon="el-icon-search"
placeholder="虚拟主机名称"></el-input>
<el-col :span="6">
<el-input v-model="messageNote_queryInfo.alias_sendContent" placeholder="发送内容"
size="medium" clearable>
<template slot="prepend" ><i class="el-icon-document-checked"></i>&nbsp;发&nbsp;送&nbsp;内&nbsp;容</template>
</el-input>
</el-col>
<el-col :span="4">
<el-input v-model="messageNote_queryInfo.exchangeName" placeholder="交换机名称"
size="medium" clearable prefix-icon="el-icon-search"></el-input>
<el-col :span="6">
<el-input v-model="messageNote_queryInfo.serverName" placeholder="服务器名称"
size="medium" clearable>
<template slot="prepend"><i class="el-icon-s-platform"></i>服务器名称</template>
</el-input>
</el-col>
<el-col :span="4">
<el-input v-model="messageNote_queryInfo.routingKeyName" placeholder="路由键名称"
size="medium" clearable prefix-icon="el-icon-search"></el-input>
<el-col :span="6">
<el-input v-model="messageNote_queryInfo.virtualHostName"
size="medium" clearable
placeholder="虚拟主机名称">
<template slot="prepend"><i class="el-icon-s-operation"></i>虚拟主机名称</template>
</el-input>
</el-col>
</el-row>
<el-row>
<el-col :span="4">
<el-input v-model="messageNote_queryInfo.username" placeholder="用户名称"
size="medium" clearable prefix-icon="el-icon-search"></el-input>
<el-col :span="5">
<el-input v-model="messageNote_queryInfo.exchangeName" placeholder="交换机名称"
size="medium" clearable >
<template slot="prepend"><i class="el-icon-sort"></i>交换机名称</template>
</el-input>
</el-col>
<el-col :span="4">
<el-input v-model="messageNote_queryInfo.alias_sendContent" placeholder="发送内容"
size="medium" clearable prefix-icon="el-icon-search"></el-input>
<el-col :span="6">
<el-input v-model="messageNote_queryInfo.routingKeyName" placeholder="路由键名称"
size="medium" clearable >
<template slot="prepend" ><i class="el-icon-user"></i>路由键名称</template>
</el-input>
</el-col>
<el-col :span="4">
<el-col :span="6">
<el-date-picker v-model="messageNote_queryInfo.sendTimeBegin" placeholder="时间段-开始"
type="date" value-format="yyyy-MM-dd"
size="medium" style="width: auto"></el-date-picker>
size="medium" style="width: 100%"></el-date-picker>
</el-col>
<el-col :span="4">
<el-col :span="6">
<el-date-picker v-model="messageNote_queryInfo.sendTimeEnd" placeholder="时间段-结束"
type="date" value-format="yyyy-MM-dd"
size="medium" style="width: auto"></el-date-picker>
size="medium" style="width: 100%"></el-date-picker>
</el-col>
</el-row>
<el-row>
<el-col :span="15">
<el-button type="success" style="width:150px" size="medium" @click="messageNote_getList">
<el-button type="warning" style="width:150px" size="medium" icon="el-icon-search" @click="messageNote_getList">
查询消息记录
</el-button>
<el-button type="primary" style="width:150px" size="medium"
<el-button type="primary" style="width:150px" size="medium" icon="el-icon-plus"
@click="messageNote_toAddDialog">
发送消息
</el-button>
... ... @@ -64,7 +78,9 @@
<el-table :data="messageNote_page.messageNoteList" border
v-loading="messageNote_loading.listLoading" size="small"
@selection-change="messageNote_selectChange"
element-loading-text="获取消息收发记录，拼命加载中">
element-loading-text="获取消息收发记录，拼命加载中"
:header-cell-style="{background:'#6F8294',color:'#FFFFFF'}"
style="border-radius: 10px 10px 0px 0px;line-height: 25px;">
<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="120"></el-table-column>
... ... @@ -144,7 +160,7 @@
</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">取消
style="width: 100px;background-color: #6F8294;color: #ffffff">取消
</el-button>
<el-button type="primary" @click="messageNote_setDeleteTime"
:loading="messageNote_loading.addLoading"
... ... @@ -157,15 +173,15 @@
<div>
<el-dialog title="发送消息"
:visible.sync="messageNote_dialog.addDialog"
style="margin-top: -50px" text-align="center" width="65%"
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"
:model="messageNote_addForm" :rules="messageNote_addFormRules" ref="messageNote_addFormRef">
<el-form-item label="用户名称：" prop="username">
<el-form-item label="" prop="username">
<el-select v-model="messageNote_addForm.username" prefix-icon="el-icon-search" clearable
style="width:300px" size="medium" filterable
placeholder="请选择用户">
placeholder="请选择用户名称">
<el-option
v-for="item in (user_cloud.cloudUserList)"
:key="item.id"
... ... @@ -176,11 +192,11 @@
</el-option>
</el-select>
</el-form-item>
<el-form-item label="服务器名称：" prop="serverId">
<el-form-item label="" prop="serverId">
<el-select v-model="messageNote_addForm.serverId" prefix-icon="el-icon-search" clearable
style="width:300px" size="small"
@change="messageNote_server_addChange"
placeholder="请选择所属服务器">
placeholder="请选择所属服务器名称">
<el-option
v-for="item in (messageNote_config.serverList)"
:key="item.id"
... ... @@ -190,7 +206,7 @@
</el-select>
</el-form-item>
<el-form-item label="虚拟主机名称：" prop="virtualHostId">
<el-form-item label="" prop="virtualHostId">
<el-select v-model="messageNote_addForm.virtualHostId" prefix-icon="el-icon-search" clearable
style="width:300px" size="small"
@change="messageNote_virtualHost_addChange"
... ... @@ -205,7 +221,7 @@
</el-select>
</el-form-item>
<el-form-item label="交换机名称：" prop="exchangeId">
<el-form-item label="" prop="exchangeId">
<el-select v-model="messageNote_addForm.exchangeId" prefix-icon="el-icon-search" clearable
style="width:300px" size="small"
@change="messageNote_exchange_addChange"
... ... @@ -220,7 +236,7 @@
</el-select>
</el-form-item>
<el-form-item label="路由键名称：" prop="routingKeyId">
<el-form-item label="" prop="routingKeyId">
<el-select v-model="messageNote_addForm.routingKeyId" prefix-icon="el-icon-search" clearable
style="width:300px" size="small"
:disabled="messageNote_addForm.exchangeId===''"
... ... @@ -233,10 +249,10 @@
</el-option>
</el-select>
</el-form-item>
<el-form-item label="消息发送时间：" prop="sendTime">
<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:300px"></el-date-picker>
placeholder="选择消息发送时间" size="small" style="width:300px"></el-date-picker>
</el-form-item>
<!-- <el-form-item label="消息获取时间：" prop="receiveTime">-->
<!-- <el-date-picker v-model="messageNote_addForm.receiveTime" clearable type="datetime"-->
... ... @@ -244,13 +260,13 @@
<!-- placeholder="消息获取时间" size="small" style="width:300px"></el-date-picker>-->
<!-- </el-form-item>-->
<el-form-item label="发送内容：" prop="alias_sendContent">
<el-form-item label="" prop="alias_sendContent">
<el-input v-model="messageNote_addForm.alias_sendContent" style="width:300px" size="small"
clearable type="textarea" :rows="1"
placeholder="请输入发送内容">
</el-input>
</el-form-item>
<el-form-item label="相关描述：" prop="description">
<el-form-item label="" prop="description">
<el-input v-model="messageNote_addForm.description" style="width:300px" size="small"
clearable type="textarea" :rows="1"
placeholder="请输入相关描述">
... ... @@ -259,7 +275,7 @@
</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">取消
style="width: 100px;background-color: #6F8294;color: #ffffff">取消
</el-button>
<el-button type="primary" @click="messageNote_add" :loading="messageNote_loading.addLoading"
size="medium" style="width: 100px">发送
... ...
... ... @@ -4,12 +4,14 @@
<el-card style="background-color: #F5F7FA">
<div>
<el-row style="margin-left: 30px;">
<el-col :span="4">
<el-col :span="7">
<el-input v-model="messageNote_queryInfo.alias_sendContent" placeholder="发送内容"
size="medium" clearable prefix-icon="el-icon-search"></el-input>
size="medium" clearable >
<template slot="prepend" ><i class="el-icon-document-checked"></i>发送内容</template>
</el-input>
</el-col>
<el-col :span="4">
<el-button type="success" style="width:150px" size="medium" @click="messageNote_getList">
<el-col :span="8">
<el-button type="warning" style="width:150px" size="medium" icon="el-icon-search" @click="messageNote_getList">
查询
</el-button>
</el-col>
... ... @@ -235,4 +237,4 @@
<style scoped>
</style>
\ No newline at end of file
</style>
... ...
... ... @@ -5,17 +5,21 @@
<!-- 搜素区域 -->
<div>
<el-row>
<el-col :span="4">
<el-input v-model="queue_queryInfo.queueName" prefix-icon="el-icon-search"
<el-col :span="7">
<el-input v-model="queue_queryInfo.queueName"
size="medium"
placeholder="队列名称" clearable></el-input>
placeholder="队列名称" clearable>
<template slot="prepend" ><i class="el-icon-notebook-2"></i>队列名称</template>
</el-input>
</el-col>
<el-col :span="4">
<el-input v-model="queue_queryInfo.username" prefix-icon="el-icon-search"
size="medium" placeholder="所属用户" clearable></el-input>
<el-col :span="7">
<el-input v-model="queue_queryInfo.username"
size="medium" placeholder="所属用户" clearable>
<template slot="prepend" ><i class="el-icon-user"></i>所属用户</template>
</el-input>
</el-col>
<el-col :span="4">
<el-col :span="5">
<el-cascader
size="medium"
v-model="queue_queryInfo.virtualHostId"
... ... @@ -25,13 +29,15 @@
clearable filterable
@change="cascadeQueryChange"
:props="queue_config.cascade.defaultParams"
placeholder="请选择所属虚拟主机"></el-cascader>
placeholder="请选择所属虚拟主机"
slot="append">
</el-cascader>
</el-col>
<el-col :span="8">
<el-button type="success" style="width:150px" size="medium" @click="queue_getList">
<el-button type="warning" style="width:150px" size="medium" icon="el-icon-search" @click="queue_getList">
查询队列
</el-button>
<el-button type="primary" style="width:150px" size="medium" @click="queue_toAddDialog">
<el-button type="primary" style="width:150px" size="medium" icon="el-icon-plus" @click="queue_toAddDialog">
添加队列
</el-button>
</el-col>
... ... @@ -41,7 +47,9 @@
<div style="margin-top: 20px;">
<el-table :data="queue_page.queueList" border v-loading="queue_loading.listLoading"
@selection-change="queue_selectChange"
element-loading-text="获取队列列表，拼命加载中">
element-loading-text="获取队列列表，拼命加载中" size="small"
:header-cell-style="{background:'#6F8294',color:'#FFFFFF'}"
style="border-radius: 10px 10px 0px 0px;line-height: 25px;">
<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="queueName" align="center"
... ... @@ -118,18 +126,19 @@
:visible.sync="queue_dialog.addDialog"
style="margin-top: -50px" text-align="center" width="60%"
@close="queue_addDialogClosed">
<el-form :inline="true" label-width="120px" status-icon style="margin-top: -10px;margin-left: 60px"
:model="queue_addForm" :rules="queue_addFormRules" ref="queue_addFormRef">
<el-form-item label="队列名称：" prop="queueName">
<el-input v-model="queue_addForm.queueName" style="width:240px" size="small" clearable
<el-form :inline="true" label-width="120px" status-icon style="margin-top: -10px"
:model="queue_addForm" :rules="queue_addFormRules" ref="queue_addFormRef" align="center">
<el-form-item label="" prop="queueName">
<el-input v-model="queue_addForm.queueName" style="width:300px" size="small" clearable
placeholder="请输入队列名称">
<template slot="prepend" >队列名称</template>
</el-input>
</el-form-item>
<el-form-item label="用户名称：" prop="username">
<el-input v-model="queue_addForm.username" style="width:240px" size="small" clearable
<el-form-item label="" prop="username">
<el-input v-model="queue_addForm.username" style="width:300px" size="small" clearable
placeholder="请输入用户名称">
<template slot="prepend" >用户名称</template>
</el-input>
</el-form-item>
... ... @@ -146,9 +155,9 @@
<!-- </el-select>-->
<!-- </el-form-item>-->
<el-form-item label="所属虚拟主机：" prop="virtualHostId">
<el-form-item label="" prop="virtualHostId">
<el-cascader
clearable style="width: 240px" size="small"
clearable style="width: 300px" size="small"
v-model="queue_addForm.virtualHostId"
@change="cascadeAddChange"
:options="queue_config.cascade.server_hostList"
... ... @@ -158,8 +167,8 @@
placeholder="请选择所属虚拟主机"></el-cascader>
</el-form-item>
<el-form-item label="是否持久化：" prop="durability">
<el-select v-model="queue_addForm.durability" style="width: 240px" clearable size="small"
<el-form-item label="" prop="durability">
<el-select v-model="queue_addForm.durability" style="width: 300px" clearable size="small"
placeholder="请选择是否持久化">
<el-option
v-for="item in booleanList"
... ... @@ -169,8 +178,8 @@
</el-option>
</el-select>
</el-form-item>
<el-form-item label="是否自动删除：" prop="autoDelete">
<el-select v-model="queue_addForm.autoDelete" style="width: 240px" clearable size="small"
<el-form-item label="" prop="autoDelete">
<el-select v-model="queue_addForm.autoDelete" style="width: 300px" clearable size="small"
placeholder="请选择是否自动删除">
<el-option
v-for="item in booleanList"
... ... @@ -180,14 +189,14 @@
</el-option>
</el-select>
</el-form-item>
<el-form-item label="扩展参数：" prop="arguments">
<el-input v-model="queue_addForm.arguments" style="width:240px" clearable size="small"
<el-form-item label="" prop="arguments">
<el-input v-model="queue_addForm.arguments" style="width:300px" clearable size="small"
type="textarea" autosize :rows="1"
placeholder="扩展参数（JSON格式）">
</el-input>
</el-form-item>
<el-form-item label="相关描述：" prop="description">
<el-input v-model="queue_addForm.description" style="width:240px" clearable size="small"
<el-form-item label="" prop="description">
<el-input v-model="queue_addForm.description" style="width:300px" clearable size="small"
type="textarea" autosize :rows="1"
placeholder="相关描述">
</el-input>
... ... @@ -195,7 +204,7 @@
</el-form>
<div slot="footer" class="dialog-footer" style="text-align: center;margin-top: -20px">
<el-button type="info" @click="queue_dialog.addDialog = false" size="medium"
style="width: 100px">取消
style="width: 100px;background-color: #6F8294;color: #ffffff">取消
</el-button>
<el-button type="primary" @click="queue_add" :loading="queue_loading.addLoading"
size="medium" style="width: 100px">添加
... ... @@ -209,18 +218,20 @@
:visible.sync="queue_dialog.editDialog"
style="margin-top: -50px" text-align="center" width="60%"
@close="queue_editDialogClosed">
<el-form :inline="true" label-width="120px" status-icon style="margin-top: -10px;margin-left: 60px"
<el-form :inline="true" label-width="120px" status-icon style="margin-top: -10px" align="center"
:model="queue_editForm" :rules="queue_editFormRules" ref="queue_editFormRef">
<el-form-item label="队列名称：" prop="queueName">
<el-input v-model="queue_editForm.queueName" style="width:240px" size="small" clearable
<el-form-item label="" prop="queueName">
<el-input v-model="queue_editForm.queueName" style="width:300px" size="small" clearable
disabled
placeholder="请输入队列名称">
<template slot="prepend" >队列名称</template>
</el-input>
</el-form-item>
<el-form-item label="用户名称：" prop="username">
<el-form-item label="" prop="username">
<el-input v-model="queue_editForm.username" placeholder="请输入用户名称"
style="width:240px" size="small" clearable disabled>
style="width:300px" size="small" clearable disabled>
<template slot="prepend" >用户名称</template>
</el-input>
</el-form-item>
... ... @@ -237,9 +248,9 @@
<!-- </el-select>-->
<!-- </el-form-item>-->
<el-form-item label="所属虚拟主机：" prop="virtualHostId">
<el-form-item label="" prop="virtualHostId">
<el-cascader
disabled clearable style="width: 240px" size="small"
disabled clearable style="width: 300px" size="small"
v-model="queue_editForm.virtualHostId"
@change="cascadeEditChange"
:options="queue_config.cascade.server_hostList"
... ... @@ -249,8 +260,8 @@
placeholder="请选择所属虚拟主机"></el-cascader>
</el-form-item>
<el-form-item label="是否持久化：" prop="durability">
<el-select v-model="queue_editForm.durability" style="width: 240px" disabled clearable
<el-form-item label="" prop="durability">
<el-select v-model="queue_editForm.durability" style="width: 300px" disabled clearable
size="small"
placeholder="请选择是否持久化">
<el-option
... ... @@ -261,8 +272,8 @@
</el-option>
</el-select>
</el-form-item>
<el-form-item label="是否自动删除：" prop="autoDelete">
<el-select v-model="queue_editForm.autoDelete" style="width: 240px" disabled clearable
<el-form-item label="" prop="autoDelete">
<el-select v-model="queue_editForm.autoDelete" style="width: 300px" disabled clearable
size="small"
placeholder="请选择是否自动删除">
<el-option
... ... @@ -273,14 +284,14 @@
</el-option>
</el-select>
</el-form-item>
<el-form-item label="扩展参数：" prop="arguments">
<el-input v-model="queue_editForm.arguments" style="width:240px" disabled clearable
<el-form-item label="" prop="arguments">
<el-input v-model="queue_editForm.arguments" style="width:300px" disabled clearable
size="small" type="textarea" autosize :rows="1"
placeholder="扩展参数（JSON格式）">
</el-input>
</el-form-item>
<el-form-item label="相关描述：" prop="description">
<el-input v-model="queue_editForm.description" style="width:240px" clearable size="small"
<el-form-item label="" prop="description">
<el-input v-model="queue_editForm.description" style="width:300px" clearable size="small"
type="textarea" autosize :rows="1"
placeholder="相关描述">
</el-input>
... ... @@ -289,7 +300,7 @@
<div slot="footer" class="dialog-footer" style="text-align: center">
<el-button type="info" @click="queue_dialog.editDialog = false" size="medium"
style="width: 100px">取消
style="width: 100px;background-color: #6F8294;color: #ffffff">取消
</el-button>
<el-button type="primary" @click="queue_edit" :loading="queue_loading.addLoading"
size="medium" style="width: 100px">编辑
... ... @@ -372,9 +383,9 @@
// 所属虚拟机id
virtualHostId: '',
// 是否持久化，默认 true
durability: true,
durability: '',
// 是否自动删除,默认 false
autoDelete: false,
autoDelete: '',
// 扩展参数，以JSON格式存储
arguments: '',
// 相关描述
... ...
... ... @@ -5,28 +5,31 @@
<!-- 搜素区域 -->
<div>
<el-row>
<el-col :span="4">
<el-col :span="7">
<el-input v-model="routingKey_queryInfo.routingKeyName" placeholder="路由键名称"
prefix-icon="el-icon-search" size="medium" clearable>
size="medium" clearable>
<template slot="prepend" ><i class="el-icon-user"></i>路由键名称</template>
</el-input>
</el-col>
<el-col :span="4">
<el-col :span="7">
<el-cascader
size="medium" filterable clearable
v-model="routingKey_queryInfo.exchangeId"
:options="routingKey_config.cascade.server_host_exchangeList"
:show-all-levels="false"
:change-on-select="false"
style="width: 70%"
@change="cascadeQueryChange"
:props="routingKey_config.cascade.defaultParams"
placeholder="请选择所属交换机"></el-cascader>
placeholder="请选择所属交换机">
</el-cascader>
</el-col>
<el-col :span="8">
<el-button type="success" style="width:150px" size="medium" @click="routingKey_getList">
<el-button type="warning " style="width:150px" size="medium" icon="el-icon-search" @click="routingKey_getList">
查询路由键
</el-button>
<el-button type="primary" style="width:150px" size="medium" @click="routingKey_toAddDialog">
<el-button type="primary" style="width:150px" size="medium" icon="el-icon-plus" @click="routingKey_toAddDialog">
添加路由键
</el-button>
</el-col>
... ... @@ -36,7 +39,9 @@
<div style="margin-top: 20px;">
<el-table :data="routingKey_page.routingKeyList" border v-loading="routingKey_loading.listLoading"
@selection-change="routingKey_selectChange"
element-loading-text="获取路由键列表，拼命加载中">
element-loading-text="获取路由键列表，拼命加载中" size="small"
:header-cell-style="{background:'#6F8294',color:'#FFFFFF'}"
style="border-radius: 10px 10px 0px 0px;line-height: 25px;">
<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="routingKeyName" align="center"
... ... @@ -45,7 +50,7 @@
width="220"></el-table-column>
<el-table-column label="相关描述" prop="description" align="center" width="280"></el-table-column>
<!-- fixed="right" -->
<el-table-column label="操作" width="232px" align="center">
<el-table-column label="操作" align="center">
<template slot-scope="scope">
<!-- 编辑按钮-->
<el-tooltip effect="dark" content="编辑" placement="top-start" :enterable="false">
... ... @@ -99,33 +104,40 @@
<el-form :inline="true" label-width="120px" status-icon style="margin-top: -10px" align="center"
:model="routingKey_addForm" :rules="routingKey_addFormRules" ref="routingKey_addFormRef">
<el-form-item label="路由键名称：" prop="routingKeyName">
<el-input v-model="routingKey_addForm.routingKeyName" placeholder="请输入路由键名称"
style="width:270px" size="small" clearable>
</el-input>
</el-form-item>
<el-form-item label="所属交换机：" prop="exchangeId">
<el-cascader
style="width:270px" size="small"
filterable clearable
v-model="routingKey_addForm.exchangeId"
:options="routingKey_config.cascade.server_host_exchangeList"
:show-all-levels="false"
:change-on-select="false"
@change="cascadeAddChange"
:props="routingKey_config.cascade.defaultParams"
placeholder="请选择所属交换机"></el-cascader>
</el-form-item>
<el-form-item label="相关描述：" prop="description">
<el-input v-model="routingKey_addForm.description" style="width:270px" clearable size="small"
type="textarea" autosize :rows="1"
placeholder="相关描述">
</el-input>
</el-form-item>
<el-row>
<el-form-item label="" prop="routingKeyName">
<el-input v-model="routingKey_addForm.routingKeyName" placeholder="请输入路由键名称"
style="width:300px" size="small" clearable>
<template slot="prepend" >路由键名称</template>
</el-input>
</el-form-item>
</el-row>
<el-row>
<el-form-item label="" prop="exchangeId">
<el-cascader
style="width:300px" size="small"
filterable clearable
v-model="routingKey_addForm.exchangeId"
:options="routingKey_config.cascade.server_host_exchangeList"
:show-all-levels="false"
:change-on-select="false"
@change="cascadeAddChange"
:props="routingKey_config.cascade.defaultParams"
placeholder="请选择所属交换机"></el-cascader>
</el-form-item>
</el-row>
<el-row>
<el-form-item label="" prop="description">
<el-input v-model="routingKey_addForm.description" style="width:300px" clearable size="small"
type="textarea" autosize :rows="1"
placeholder="请输入相关描述">
</el-input>
</el-form-item>
</el-row>
</el-form>
<div slot="footer" class="dialog-footer" style="text-align: center;margin-top: -20px">
<el-button type="info" @click="routingKey_dialog.addDialog = false" size="medium"
style="width: 100px">取消
style="width: 100px;background-color: #6F8294;color: #ffffff">取消
</el-button>
<el-button type="primary" @click="routingKey_add" :loading="routingKey_loading.addLoading"
size="medium" style="width: 100px">添加
... ... @@ -142,34 +154,40 @@
<el-form :inline="true" label-width="120px" status-icon style="margin-top: -10px" align="center"
:model="routingKey_editForm" :rules="routingKey_editFormRules"
ref="routingKey_editFormRef">
<el-form-item label="路由键名称：" prop="routingKeyName">
<el-input v-model="routingKey_editForm.routingKeyName" placeholder="请输入路由键名称"
style="width:270px" size="small" disabled clearable>
</el-input>
</el-form-item>
<el-form-item label="所属交换机：" prop="exchangeId">
<el-cascader
style="width:270px" size="small"
filterable clearable disabled
v-model="routingKey_editForm.exchangeId"
:options="routingKey_config.cascade.server_host_exchangeList"
:show-all-levels="false"
:change-on-select="false"
@change="cascadeEditChange"
:props="routingKey_config.cascade.defaultParams"
placeholder="请选择所属交换机"></el-cascader>
</el-form-item>
<el-form-item label="相关描述：" prop="description">
<el-input v-model="routingKey_editForm.description" style="width:270px" clearable size="small"
type="textarea" autosize :rows="1"
placeholder="相关描述">
</el-input>
</el-form-item>
<el-row>
<el-form-item label="" prop="routingKeyName">
<el-input v-model="routingKey_editForm.routingKeyName" placeholder="请输入路由键名称"
style="width:300px" size="small" disabled clearable>
<template slot="prepend" >路由键名称</template>
</el-input>
</el-form-item>
</el-row>
<el-row>
<el-form-item label="" prop="exchangeId">
<el-cascader
style="width:300px" size="small"
filterable clearable disabled
v-model="routingKey_editForm.exchangeId"
:options="routingKey_config.cascade.server_host_exchangeList"
:show-all-levels="false"
:change-on-select="false"
@change="cascadeEditChange"
:props="routingKey_config.cascade.defaultParams"
placeholder="请选择所属交换机"></el-cascader>
</el-form-item>
</el-row>
<el-row>
<el-form-item label="" prop="description">
<el-input v-model="routingKey_editForm.description" style="width:300px" clearable size="small"
type="textarea" autosize :rows="1"
placeholder="相关描述">
</el-input>
</el-form-item>
</el-row>
</el-form>
<div slot="footer" class="dialog-footer" style="text-align: center">
<el-button type="info" @click="routingKey_dialog.editDialog = false" size="medium"
style="width: 100px">取消
style="width: 100px;background-color: #6F8294;color: #ffffff">取消
</el-button>
<el-button type="primary" @click="routingKey_edit" :loading="routingKey_loading.addLoading"
size="medium"
... ...
... ... @@ -5,15 +5,17 @@
<!-- 搜素区域 -->
<div>
<el-row>
<el-col :span="4">
<el-col :span="7">
<el-input v-model="queryInfo.serverName" prefix-icon="el-icon-search" size="medium"
placeholder="服务器名称" clearable></el-input>
placeholder="服务器名称" clearable>
<template slot="prepend" ><i class="el-icon-user"></i>服务器名称</template>
</el-input>
</el-col>
<el-col :span="8">
<el-button type="success" style="width:150px" size="medium" @click="getServerList">
<el-col :span="14">
<el-button type="warning" style="width:160px" icon="el-icon-search" size="medium" @click="getServerList">
查询服务器信息
</el-button>
<el-button type="primary" style="width:150px" size="medium" @click="toAddDialog">
<el-button type="primary" style="width:160px" icon="el-icon-plus" size="medium" @click="toAddDialog">
添加服务器信息
</el-button>
</el-col>
... ... @@ -22,8 +24,10 @@
<!--服务器信息列表区域-->
<div style="margin-top: 20px;">
<el-table :data="serverList" border v-loading="server_loading.listLoading"
@selection-change="selectChange"
element-loading-text="获取服务器列表，拼命加载中">
@selection-change="selectChange" size="small"
element-loading-text="获取服务器列表，拼命加载中"
:header-cell-style="{background:'#6F8294',color:'#FFFFFF'}"
style="border-radius: 10px 10px 0px 0px;line-height: 15px;">
<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 type="expand">
... ... @@ -74,7 +78,7 @@
<el-table-column label="客户端端口号" prop="clientPort" align="center" width="150"></el-table-column>
<!-- <el-table-column label="超级用户名称" prop="superUsername" align="center" width="150"></el-table-column>-->
<!-- <el-table-column label="相关描述" prop="description" align="center" width="300"></el-table-column>-->
<el-table-column label="操作" width="300px" align="center">
<el-table-column label="操作" align="center">
<template slot-scope="scope">
<!-- 虚拟主机 -->
<el-tooltip effect="dark" content="虚拟主机" placement="top-start" :enterable="false">
... ... @@ -128,47 +132,63 @@
<el-dialog title="添加服务器信息"
:visible.sync="serverDialog.addDialog"
style="margin-top: -50px"
width="50%" text-align="center" @close="serverAddDialogClosed">
width="60%" text-align="center" @close="serverAddDialogClosed">
<el-form :inline="true" :model="addServerForm" label-width="120px" status-icon
:rules="addServerFormRules" ref="addServerFormRef" style="margin-top: -30px" align="center">
<el-form-item label="服务器名称：" prop="serverName">
<el-input v-model="addServerForm.serverName" style="width:270px" size="small" clearable
placeholder="请输入服务器名称"></el-input>
<el-form-item label="" prop="serverName">
<el-input v-model="addServerForm.serverName" style="width:300px" size="small" clearable
placeholder="请输入服务器名称">
<template slot="prepend" >&nbsp;服务器名称&nbsp;&nbsp;&nbsp;</template>
</el-input>
</el-form-item>
<el-form-item label="IP地址：" prop="serverIp">
<el-input v-model="addServerForm.serverIp" style="width:270px" size="small" clearable
placeholder="请输入服务器IP地址"></el-input>
<el-form-item label="" prop="serverIp">
<el-input v-model="addServerForm.serverIp" style="width:300px" size="small" clearable
placeholder="请输入服务器IP地址">
<template slot="prepend" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;IP地址&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</template>
</el-input>
</el-form-item>
<el-form-item label="服务器端口号：" prop="serverPort">
<el-input v-model="addServerForm.serverPort" style="width:270px" size="small" clearable
placeholder="请输入服务器端口号"></el-input>
<el-form-item label="" prop="serverPort">
<el-input v-model="addServerForm.serverPort" style="width:300px" size="small" clearable
placeholder="请输入服务器端口号">
<template slot="prepend" >服务器端口号</template>
</el-input>
</el-form-item>
<el-form-item label="客户端端口号：" prop="clientPort">
<el-input v-model="addServerForm.clientPort" style="width:270px" size="small" clearable
placeholder="请输入客户端端口号"></el-input>
<el-form-item label="" prop="clientPort">
<el-input v-model="addServerForm.clientPort" style="width:300px" size="small" clearable
placeholder="请输入客户端端口号">
<template slot="prepend" >客户端端口号</template>
</el-input>
</el-form-item>
<el-form-item label="超级用户名称：" prop="superUsername">
<el-input v-model="addServerForm.superUsername" style="width:270px" size="small" clearable
placeholder="请输入超级用户名称"></el-input>
<el-form-item label="" prop="superUsername">
<el-input v-model="addServerForm.superUsername" style="width:300px" size="small" clearable
placeholder="请输入超级用户名称">
<template slot="prepend" >超级用户名称</template>
</el-input>
</el-form-item>
<el-form-item label="超级用户密码：" prop="firstPassword">
<el-input type="password" v-model="addServerForm.firstPassword" style="width:270px"
size="small" clearable show-password placeholder="请输入超级用户密码"></el-input>
<el-form-item label="" prop="firstPassword">
<el-input type="password" v-model="addServerForm.firstPassword" style="width:300px"
size="small" clearable show-password placeholder="请输入超级用户密码">
<template slot="prepend" >超级用户密码</template>
</el-input>
</el-form-item>
<el-form-item label="重新输入密码：" prop="superPassword">
<el-input type="password" v-model="addServerForm.superPassword" style="width:270px"
size="small" clearable show-password placeholder="请重新输入密码"></el-input>
<el-form-item label="" prop="superPassword">
<el-input type="password" v-model="addServerForm.superPassword" style="width:300px"
size="small" clearable show-password placeholder="请重新输入密码">
<template slot="prepend" >重新输入密码</template>
</el-input>
</el-form-item>
<el-form-item label="相关描述：" prop="description">
<el-form-item label="" prop="description">
<el-input v-model="addServerForm.description" placeholder="请输入相关描述"
style="width:270px" size="small" clearable
type="textarea" autosize :rows="1"></el-input>
style="width:300px" size="small" clearable
type="textarea" autosize :rows="1">
<template slot="prepend" >相关描述</template>
</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="serverDialog.addDialog = false" size="medium"
style="width: 100px">取消
style="width: 100px;background-color: #6F8294;color: #ffffff">取消
</el-button>
<el-button type="primary" @click="addServerInfo" :loading="server_loading.addLoading"
size="medium"
... ... @@ -187,41 +207,51 @@
<el-form :inline="true" :model="editServerForm" label-width="120px" status-icon
:rules="editServerFormRules" ref="editServerFormRef"
align="center">
<el-form-item label="服务器名称：" prop="serverName">
<el-input v-model="editServerForm.serverName" style="width:270px" size="small" clearable
<el-form-item label="" prop="serverName">
<el-input v-model="editServerForm.serverName" style="width:300px" size="small" clearable
readonly disabled
placeholder="请输入服务器名称"></el-input>
placeholder="请输入服务器名称">
<template slot="prepend" >&nbsp;&nbsp;服务器名称&nbsp;</template>
</el-input>
</el-form-item>
<el-form-item label="IP地址：" prop="serverIp">
<el-input v-model="editServerForm.serverIp" style="width:270px" size="small" clearable
<el-form-item label="" prop="serverIp">
<el-input v-model="editServerForm.serverIp" style="width:300px" size="small" clearable
readonly disabled
placeholder="请输入服务器IP地址"></el-input>
placeholder="请输入服务器IP地址">
<template slot="prepend" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;IP地址&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</template>
</el-input>
</el-form-item>
<el-form-item label="服务器端口号：" prop="serverPort">
<el-input v-model="editServerForm.serverPort" style="width:270px" size="small" clearable
<el-form-item label="" prop="serverPort">
<el-input v-model="editServerForm.serverPort" style="width:300px" size="small" clearable
readonly disabled
placeholder="请输入服务器端口号"></el-input>
placeholder="请输入服务器端口号">
<template slot="prepend" >服务器端口号</template>
</el-input>
</el-form-item>
<el-form-item label="客户端端口号：" prop="clientPort">
<el-input v-model="editServerForm.clientPort" style="width:270px" size="small" clearable
readonly disabled placeholder="请输入客户端端口号"></el-input>
<el-form-item label="" prop="clientPort">
<el-input v-model="editServerForm.clientPort" style="width:300px" size="small" clearable
readonly disabled placeholder="请输入客户端端口号">
<template slot="prepend" >客户端端口号</template>
</el-input>
</el-form-item>
<el-form-item label="超级用户名称：" prop="superUsername">
<el-input v-model="editServerForm.superUsername" style="width:270px" size="small" clearable
readonly disabled placeholder="请输入超级用户名称"></el-input>
<el-form-item label="" prop="superUsername">
<el-input v-model="editServerForm.superUsername" style="width:300px" size="small" clearable
readonly disabled placeholder="请输入超级用户名称">
<template slot="prepend" >超级用户名称</template>
</el-input>
</el-form-item>
<el-form-item label="相关描述：" prop="description">
<el-form-item label="" prop="description">
<el-input v-model="editServerForm.description" placeholder="请输入相关描述"
style="width:270px" size="small" clearable
style="width:300px" size="small" clearable
type="textarea" autosize :rows="1"></el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer" style="text-align: center">
<el-button type="info" @click="serverDialog.editDialog = false" size="medium"
style="width: 100px">取消
style="width: 100px;background-color: #6F8294;color: #ffffff">取消
</el-button>
<el-button type="primary" @click="editServerInfo" :loading="server_loading.addLoading"
size="medium"
... ... @@ -643,5 +673,15 @@
}
</script>
<style scoped>
<style >
.el-input-group__prepend {
background-color: #6F8294;
color:#ffffff
}
.el-input__inner{
background-color: #F7F7F7;
}
.el-form-item__content .el-textarea__inner{
background-color: #F7F7F7;
}
</style>
... ...
... ... @@ -5,23 +5,31 @@
<!-- 搜素区域 -->
<div>
<el-row>
<el-col :span="4">
<el-input v-model="user_queryInfo.username" prefix-icon="el-icon-search" size="medium"
placeholder="用户名称" clearable></el-input>
<el-col :span="7">
<el-input v-model="user_queryInfo.username" size="medium"
placeholder="用户名称" clearable >
<!-- 加入前置插槽及背景颜色设置-->
<template slot="prepend" >&nbsp;<i class="el-icon-user"></i>用户名称&nbsp;</template>
</el-input>
</el-col>
<el-col :span="4">
<el-input v-model="user_queryInfo.serverName" prefix-icon="el-icon-search" size="medium"
placeholder="服务器名称" clearable></el-input>
<el-col :span="7">
<el-input v-model="user_queryInfo.serverName"size="medium"
placeholder="服务器名称" clearable>
<template slot="prepend"><i class="el-icon-s-platform"></i>服务器名称</template>
</el-input>
</el-col>
<el-col :span="4">
<el-input v-model="user_queryInfo.virtualHostName" prefix-icon="el-icon-search" size="medium"
placeholder="虚拟主机名称" clearable></el-input>
<el-col :span="7">
<el-input v-model="user_queryInfo.virtualHostName"size="medium"
placeholder="虚拟主机名称" clearable>
<template slot="prepend"><i class="el-icon-s-operation"></i>虚拟主机名称</template>
</el-input>
</el-col>
<el-col :span="8">
<el-button type="success" style="width:150px" size="medium" @click="user_getList">
<el-col :span="7" >
<!-- 添加图标-->
<el-button type="warning" style="width:140px;margin-top: 15px" size="medium" icon="el-icon-search" @click="user_getList">
查询用户关系
</el-button>
<el-button type="primary" style="width:150px" size="medium" @click="user_toAddDialog">
<el-button type="primary" style="width:140px" size="medium" icon="el-icon-plus" @click="user_toAddDialog">
添加用户关系
</el-button>
</el-col>
... ... @@ -29,16 +37,19 @@
</div>
<!-- 列表区域 -->
<div style="margin-top: 20px;">
<!-- 加入表头背景颜色、字体颜色、表格圆角及高度设置-->
<el-table :data="user_page.userInfoList" border v-loading="user_loading.listLoading"
@selection-change="user_selectChange" size="small"
element-loading-text="获取用户信息列表，拼命加载中">
<el-table-column type="selection" width="55" align="center"></el-table-column>
element-loading-text="获取用户信息列表，拼命加载中"
:header-cell-style="{background:'#6F8294',color:'#FFFFFF'}"
style="border-radius: 10px 10px 0px 0px;line-height: 25px;">
<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="120%"></el-table-column>
<el-table-column label="真实姓名" prop="realName" align="center" width="120%"></el-table-column>
<el-table-column label="服务器名称" prop="serverName" align="center" width="120%"></el-table-column>
<el-table-column label="虚拟主机名称" prop="virtualHostName" align="center" width="300%"></el-table-column>
<el-table-column label="操作" width="340px" align="center">
<el-table-column label="操作" align="center" type="success">
<template slot-scope="scope">
<!-- 删除用户 -->
<el-tooltip effect="dark" content="删除用户" placement="top-start" :enterable="false">
... ... @@ -103,20 +114,22 @@
width="50%" text-align="center" @close="user_addDialogClosed">
<el-form :inline="true" label-width="145px" status-icon style="margin-top: -10px"
:model="user_addForm" :rules="user_addFormRules" ref="user_addFormRef" align="center">
<el-form-item label="用户名称：" prop="username">
<el-input v-model="user_addForm.username" style="width:270px" size="small" clearable
<el-form-item label="" prop="username">
<el-input v-model="user_addForm.username" style="width:300px" size="small" clearable
placeholder="请输入用户名称">
<template slot="prepend" >用户名称</template>
</el-input>
</el-form-item>
<el-form-item label="真实姓名：" prop="realName">
<el-input v-model="user_addForm.realName" style="width:270px" size="small" clearable
<el-form-item label="" prop="realName">
<el-input v-model="user_addForm.realName" style="width:300px" size="small" clearable
placeholder="请输入真实姓名">
<template slot="prepend" >真实姓名</template>
</el-input>
</el-form-item>
<br/>
<el-form-item label="选择用户关系：">
<el-form-item label="选择用户关系：" >
<br/>
<el-tree style="width:270px"
<el-tree style="width:300px"
:data="user_config.tree.server_hostList"
:props="user_config.tree.defaultParams"
ref="tree"
... ... @@ -126,8 +139,8 @@
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer" style="text-align: center;margin-top: -20px">
<el-button type="info" @click="user_dialog.addDialog = false" size="medium"
style="width: 100px">取消
<el-button @click="user_dialog.addDialog = false" size="medium"
style="width: 100px;background-color: #6F8294;color: #ffffff">取消
</el-button>
<el-button type="primary" @click="user_add" :loading="user_loading.addLoading"
size="medium" style="width: 100px">添加
... ... @@ -145,19 +158,19 @@
width="50%" text-align="center" @close="user_editDialogClosed">
<el-form :inline="true" label-width="145px" status-icon style="margin-top: -10px"
:model="user_editForm" :rules="user_editFormRules" ref="user_editFormRef" align="center">
<el-form-item label="用户名称：" prop="username">
<el-form-item label="" prop="username">
<el-input v-model="user_editForm.username" style="width:300px" size="small" clearable readonly
placeholder="请输入用户名称"></el-input>
placeholder="请输入用户名称"><template slot="prepend" >用户名称</template></el-input>
</el-form-item>
<el-form-item label="服务器名称：" prop="serverName">
<el-form-item label="" prop="serverName">
<el-input v-model="user_editForm.serverName" style="width:300px" size="small" clearable readonly
placeholder="请输入服务器名称"></el-input>
placeholder="请输入服务器名称"><template slot="prepend" >服务器名称</template></el-input>
</el-form-item>
<br/>
<el-form-item label="选择用户关系：">
<br/>
<el-tree style="width:270px"
<el-tree style="width:300px"
@check-change="user_editTreeChange"
:data="user_config.tree.edit_serverHostList"
:props="user_config.tree.defaultParams"
... ... @@ -172,7 +185,7 @@
<div slot="footer" class="dialog-footer" style="text-align: center;margin-top: -20px">
<el-button type="info" @click="user_dialog.editDialog = false" size="medium"
style="width: 100px">取消
style="width: 100px;background-color: #6F8294;color: #ffffff">取消
</el-button>
<el-button type="primary" @click="user_edit" :loading="user_loading.editLoading"
size="medium" style="width: 100px">编辑关系
... ... @@ -182,8 +195,18 @@
</el-dialog>
</div>
</el-container>
</template>
<style>
.el-input-group__prepend {
background-color: #6F8294;
color:#ffffff
}
.el-input__inner{
background-color: #F7F7F7;
}
</style>
<script>
import {
getServerAndHostList,
... ... @@ -712,6 +735,4 @@
}
</script>
<style scoped>
</style>
\ No newline at end of file
... ...
... ... @@ -5,37 +5,49 @@
<!-- 搜素区域 -->
<div>
<el-row>
<el-col :span="4">
<el-input v-model="umb_queryInfo.username" prefix-icon="el-icon-search"
<el-col :span="5">
<el-input v-model="umb_queryInfo.username"
size="medium"
placeholder="用户名称" clearable></el-input>
placeholder="用户名称" clearable>
<template slot="prepend" ><i class="el-icon-user"></i>用户名称</template>
</el-input>
</el-col>
<el-col :span="4">
<el-input v-model="umb_queryInfo.serverName" prefix-icon="el-icon-search"
<el-col :span="6">
<el-input v-model="umb_queryInfo.serverName"
size="medium"
placeholder="服务器名称" clearable></el-input>
placeholder="服务器名称" clearable>
<template slot="prepend"><i class="el-icon-s-platform"></i>服务器名称</template>
</el-input>
</el-col>
<el-col :span="4">
<el-input v-model="umb_queryInfo.virtualHostName" prefix-icon="el-icon-search"
<el-col :span="6">
<el-input v-model="umb_queryInfo.virtualHostName"
size="medium"
placeholder="虚拟主机名称" clearable></el-input>
placeholder="虚拟主机名称" clearable>
<template slot="prepend"><i class="el-icon-s-operation"></i>虚拟主机名称</template>
</el-input>
</el-col>
<el-col :span="4">
<el-input v-model="umb_queryInfo.exchangeName" prefix-icon="el-icon-search"
<el-col :span="6">
<el-input v-model="umb_queryInfo.exchangeName"
size="medium"
placeholder="交换机名称" clearable></el-input>
placeholder="交换机名称" clearable>
<template slot="prepend"><i class="el-icon-sort"></i>交换机名称</template>
</el-input>
</el-col>
</el-row>
<el-row>
<el-col :span="4">
<el-input v-model="umb_queryInfo.queueName" prefix-icon="el-icon-search"
<el-col :span="5">
<el-input v-model="umb_queryInfo.queueName"
size="medium"
placeholder="队列名称" clearable></el-input>
placeholder="队列名称" clearable>
<template slot="prepend"><i class="el-icon-notebook-2"></i>队列名称</template>
</el-input>
</el-col>
<el-col :span="4">
<el-input v-model="umb_queryInfo.routingKeyName" prefix-icon="el-icon-search"
<el-col :span="6">
<el-input v-model="umb_queryInfo.routingKeyName"
size="medium"
placeholder="路由键名称" clearable></el-input>
placeholder="路由键名称" clearable>
<template slot="prepend" ><i class="el-icon-user"></i>路由键名称</template>
</el-input>
</el-col>
<!-- <el-col :span="4">-->
<!-- <el-input v-model="umb_queryInfo.subscriber" prefix-icon="el-icon-search"-->
... ... @@ -43,10 +55,10 @@
<!-- placeholder="订阅者名称" clearable></el-input>-->
<!-- </el-col>-->
<el-col :span="8">
<el-button type="success" style="width:150px" size="medium" @click="umb_getList">
<el-button type="warning" style="width:150px" size="medium" icon="el-icon-search" @click="umb_getList">
查询配置信息
</el-button>
<el-button type="primary" style="width:150px" size="medium" @click="umb_toAddDialog">
<el-button type="primary" style="width:150px" size="medium" icon="el-icon-plus" @click="umb_toAddDialog">
添加配置信息
</el-button>
</el-col>
... ... @@ -55,8 +67,10 @@
<!-- 列表区域 -->
<div style="margin-top: 20px;">
<el-table :data="umb_page.umbList" border v-loading="umb_loading.listLoading"
@selection-change="umb_selectChange"
element-loading-text="获取配置信息列表，拼命加载中">
@selection-change="umb_selectChange" size="small"
element-loading-text="获取配置信息列表，拼命加载中"
:header-cell-style="{background:'#6F8294',color:'#FFFFFF'}"
style="border-radius: 10px 10px 0px 0px;line-height: 25px;">
<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>
... ... @@ -140,10 +154,10 @@
<!-- </el-select>-->
<!-- </el-form-item>-->
<el-form-item label="用户名称：" prop="usernames">
<el-form-item label="" prop="usernames">
<el-select v-model="umb_addForm.usernames" prefix-icon="el-icon-search" clearable
@change="umb_userInfo_addChange"
style="width:400px" size="medium" filterable multiple
style="width:300px" size="medium" filterable multiple
placeholder="请选择用户">
<el-option
v-for="item in (user_cloud.cloudUserList)"
... ... @@ -161,9 +175,9 @@
<!-- placeholder="请输入订阅者名称">-->
<!-- </el-input>-->
<!-- </el-form-item>-->
<el-form-item label="服务器名称：" prop="serverId">
<el-form-item label="" prop="serverId">
<el-select v-model="umb_addForm.serverId" prefix-icon="el-icon-search" clearable
style="width:400px" size="medium" filterable
style="width:300px" size="medium" filterable
:disabled="umb_addForm.usernames.length===0"
@change="umb_server_addChange"
placeholder="请选择服务器">
... ... @@ -176,9 +190,9 @@
</el-select>
</el-form-item>
<el-form-item label="虚拟主机名称：" prop="virtualHostId">
<el-form-item label="" prop="virtualHostId">
<el-select v-model="umb_addForm.virtualHostId" prefix-icon="el-icon-search" clearable
style="width:400px" size="medium" filterable
style="width:300px" size="medium" filterable
@change="umb_virtualHost_addChange"
:disabled="umb_addForm.serverId==='' || umb_addForm.usernames.length===0"
placeholder="请选择虚拟主机">
... ... @@ -191,9 +205,9 @@
</el-select>
</el-form-item>
<el-form-item label="交换机名称：" prop="exchangeIds">
<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
style="width:300px" size="medium" filterable multiple
@change="umb_exchange_addChange"
:disabled="umb_addForm.virtualHostId===''"
placeholder="请选择交换机">
... ... @@ -206,9 +220,9 @@
</el-select>
</el-form-item>
<el-form-item label="路由键名称：" prop="routingKeyIds">
<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
style="width:300px" size="medium" filterable multiple
:disabled="umb_addForm.exchangeIds===''"
placeholder="请选择路由键">
<el-option
... ... @@ -220,9 +234,9 @@
</el-select>
</el-form-item>
<el-form-item label="订阅者队列：" prop="queueIds">
<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
style="width:300px" size="medium" filterable multiple
:disabled="umb_addForm.virtualHostId==='' || umb_addForm.usernames.length===0"
placeholder="请选择订阅者队列">
<el-option
... ... @@ -234,8 +248,8 @@
</el-select>
</el-form-item>
<el-form-item label="相关描述：" prop="description">
<el-input v-model="umb_addForm.description" style="width:400px" size="medium" clearable
<el-form-item label="" prop="description">
<el-input v-model="umb_addForm.description" style="width:300px" size="medium" clearable
type="textarea" autosize :rows="1"
placeholder="请输入相关描述">
</el-input>
... ... @@ -243,7 +257,7 @@
</el-form>
<div slot="footer" class="dialog-footer" style="text-align: center;margin-top: 0px">
<el-button type="info" @click="umb_dialog.addDialog = false" size="medium"
style="width: 100px">取消
style="width: 100px;background-color: #6F8294;color: #ffffff">取消
</el-button>
<el-button type="primary" @click="umb_add" :loading="umb_loading.addLoading"
size="medium" style="width: 100px">添加
... ... @@ -259,9 +273,10 @@
@close="umb_editDialogClosed">
<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-form-item label="" prop="username">
<el-input v-model="umb_editForm.username" style="width:300px" size="small" clearable disabled
placeholder="请输入用户名称">
<template slot="prepend" >用户名称</template>
</el-input>
</el-form-item>
<!-- <el-form-item label="订阅者名称：" prop="subscriber">-->
... ... @@ -271,7 +286,7 @@
<!-- </el-form-item>-->
<!-- @change="umb_server_editChange" -->
<el-form-item label="服务器名称：" prop="serverId">
<el-form-item label="" prop="serverId">
<el-select v-model="umb_editForm.serverId" prefix-icon="el-icon-search" clearable
style="width:300px" size="small" filterable disabled
placeholder="请选择所属服务器">
... ... @@ -285,7 +300,7 @@
</el-form-item>
<!-- :disabled="umb_editForm.serverId===''"-->
<el-form-item label="虚拟主机名称：" prop="virtualHostId">
<el-form-item label="" prop="virtualHostId">
<el-select v-model="umb_editForm.virtualHostId" prefix-icon="el-icon-search" clearable
style="width:300px" size="small" filterable disabled
@change="umb_virtualHost_editChange"
... ... @@ -300,7 +315,7 @@
</el-form-item>
<!-- :disabled="umb_editForm.virtualHostId===''" -->
<el-form-item label="交换机名称：" prop="exchangeId">
<el-form-item label="" prop="exchangeId">
<el-select v-model="umb_editForm.exchangeId" prefix-icon="el-icon-search" clearable
style="width:300px" size="small" filterable disabled
@change="umb_exchange_editChange"
... ... @@ -315,7 +330,7 @@
</el-form-item>
<!-- :disabled="umb_editForm.exchangeId===''" -->
<el-form-item label="路由键名称：" prop="routingKeyId">
<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="请选择路由键名称">
... ... @@ -329,7 +344,7 @@
</el-form-item>
<!-- :disabled="umb_editForm.virtualHostId===''" -->
<el-form-item label="订阅者队列：" prop="queueIds">
<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="请选择订阅者队列">
... ... @@ -342,7 +357,7 @@
</el-select>
</el-form-item>
<el-form-item label="相关描述：" prop="description">
<el-form-item label="" prop="description">
<el-input v-model="umb_editForm.description" style="width:300px" size="small" clearable
type="textarea" autosize :rows="1" disabled
placeholder="请输入相关描述">
... ... @@ -351,7 +366,7 @@
</el-form>
<div slot="footer" class="dialog-footer" style="text-align: center">
<el-button type="info" @click="umb_dialog.editDialog = false" size="medium"
style="width: 100px">取消
style="width: 100px;background-color: #6F8294;color: #ffffff">取消
</el-button>
<el-button type="primary" @click="umb_dialog.editDialog = false" :loading="umb_loading.addLoading" disabled
size="medium" style="width: 100px">关闭
... ...
... ... @@ -5,13 +5,15 @@
<!-- 搜素区域 -->
<div>
<el-row>
<el-col :span="4">
<el-input v-model="queryInfo.virtualHostName" prefix-icon="el-icon-search" size="medium"
placeholder="虚拟主机名称" clearable></el-input>
<el-col :span="7">
<el-input v-model="queryInfo.virtualHostName" size="medium"
placeholder="虚拟主机名称" clearable>
<template slot="prepend"><i class="el-icon-s-operation"></i>虚拟主机名称</template>
</el-input>
</el-col>
<el-col :span="4">
<el-col :span="7">
<el-select v-model="queryInfo.serverId" placeholder="请选择所属服务器"
prefix-icon="el-icon-search" clearable size="medium" filterable>
prefix-icon="el-icon-search" clearable size="medium" filterable >
<el-option
v-for="item in (virtualHost_config.serverList)"
:key="item.id"
... ... @@ -21,10 +23,10 @@
</el-select>
</el-col>
<el-col :span="8">
<el-button type="success" style="width:150px" size="medium" @click="getVirtualHostList">
<el-button type="warning" style="width:150px" icon="el-icon-search" size="medium" @click="getVirtualHostList">
查询虚拟主机
</el-button>
<el-button type="primary" style="width:150px" size="medium" @click="toAddDialog">
<el-button type="primary" style="width:150px" icon="el-icon-plus" size="medium" @click="toAddDialog">
添加虚拟主机
</el-button>
</el-col>
... ... @@ -33,8 +35,10 @@
<!-- 列表区域 -->
<div style="margin-top: 20px;">
<el-table :data="virtualHostList" border v-loading="virtualHost_loading.listLoading"
@selection-change="selectChange"
element-loading-text="获取虚拟主机列表，拼命加载中">
@selection-change="selectChange" size="small"
element-loading-text="获取虚拟主机列表，拼命加载中"
:header-cell-style="{background:'#6F8294',color:'#FFFFFF'}"
style="border-radius: 10px 10px 0px 0px;line-height: 25px;">
<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="virtualHostName" align="center"
... ... @@ -42,38 +46,42 @@
<el-table-column label="所属服务器" prop="busServer.serverName" align="center" width="220">
</el-table-column>
<el-table-column label="相关描述" prop="description" align="center" width="300"></el-table-column>
<el-table-column label="操作" width="250px" align="center">
<el-table-column label="操作" align="center" >
<template slot-scope="scope">
<!-- 交换机-->
<el-tooltip effect="dark" content="交换机" placement="top-start" :enterable="false">
<el-button type="warning" icon="el-icon-link" size="small"
style="width:97px;margin-left: 1px;"
@click="toExchange(scope.$index,scope.row)">交换机
</el-button>
</el-tooltip>
<el-row>
<!-- 交换机-->
<el-tooltip effect="dark" content="交换机" placement="top-start" :enterable="false">
<el-button type="warning" icon="el-icon-link" size="small"
style="width:97px;margin-left: 1px;"
@click="toExchange(scope.$index,scope.row)">交换机
</el-button>
</el-tooltip>
<!-- 编辑按钮-->
<el-tooltip effect="dark" content="编辑" placement="top-start" :enterable="false">
<el-button type="primary" icon="el-icon-edit" size="small"
style="width:97px;margin-left: 1px;"
@click="toEditDialog(scope.$index,scope.row)">编辑
</el-button>
</el-tooltip>
<!-- 队列-->
<el-tooltip effect="dark" content="队列" placement="top-start" :enterable="false">
<el-button type="warning" icon="el-icon-link" size="small"
style="width:97px;margin-left: 1px;margin-top: 3px;"
@click="toQueue(scope.$index,scope.row)">队列
</el-button>
</el-tooltip>
<!-- 删除按钮-->
<el-tooltip effect="dark" content="删除" placement="top-start" :enterable="false">
<el-button type="danger" icon="el-icon-delete" size="small"
style="width:97px;margin-left: 1px;"
:loading="virtualHost_loading.delLoading"
@click="removeVirtualHostInfo(scope.$index,scope.row)">删除
</el-button>
</el-tooltip>
<!-- 编辑按钮-->
<el-tooltip effect="dark" content="编辑" placement="top-start" :enterable="false">
<el-button type="primary" icon="el-icon-edit" size="small"
style="width:97px;margin-left: 1px;"
@click="toEditDialog(scope.$index,scope.row)">编辑
</el-button>
</el-tooltip>
</el-row>
<el-row>
<!-- 队列-->
<el-tooltip effect="dark" content="队列" placement="top-start" :enterable="false">
<el-button type="success" icon="el-icon-link" size="small"
style="width:97px;margin-left: 1px;margin-top: 3px;"
@click="toQueue(scope.$index,scope.row)">队列
</el-button>
</el-tooltip>
<!-- 删除按钮-->
<el-tooltip effect="dark" content="删除" placement="top-start" :enterable="false">
<el-button type="danger" icon="el-icon-delete" size="small"
style="width:97px;margin-left: 1px;"
:loading="virtualHost_loading.delLoading"
@click="removeVirtualHostInfo(scope.$index,scope.row)">删除
</el-button>
</el-tooltip>
</el-row>
</template>
</el-table-column>
</el-table>
... ... @@ -111,33 +119,40 @@
<el-form :inline="true" :model="addVirtualHostForm" label-width="130px" status-icon
:rules="addVirtualHostFormRules" ref="addVirtualHostRef"
align="center">
<el-form-item label="虚拟主机名称：" prop="virtualHostName">
<el-input v-model="addVirtualHostForm.virtualHostName" style="width:300px" size="small"
clearable
placeholder="请输入虚拟主机名称"></el-input>
</el-form-item>
<el-form-item label="所属服务器：" prop="serverId">
<el-select v-model="addVirtualHostForm.serverId" clearable style="width:300px" size="small"
filterable placeholder="请选择服务器名称">
<el-option
v-for="item in (virtualHost_config.serverList)"
:key="item.id"
:label="item.serverName"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="相关描述：" prop="description">
<el-input v-model="addVirtualHostForm.description" placeholder="请输入相关描述"
style="width:300px" clearable size="small"
type="textarea" autosize :rows="1"></el-input>
</el-form-item>
<el-row>
<el-form-item label="" prop="virtualHostName">
<el-input v-model="addVirtualHostForm.virtualHostName" style="width:300px" size="small"
clearable
placeholder="请输入虚拟主机名称">
<template slot="prepend" >虚拟主机名称</template>
</el-input>
</el-form-item>
</el-row>
<el-row>
<el-form-item label="" prop="serverId">
<el-select v-model="addVirtualHostForm.serverId" clearable style="width:300px" size="small"
filterable placeholder="请选择服务器名称">
<el-option
v-for="item in (virtualHost_config.serverList)"
:key="item.id"
:label="item.serverName"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
</el-row>
<el-row>
<el-form-item label="" prop="description">
<el-input v-model="addVirtualHostForm.description" placeholder="请输入相关描述"
style="width:300px" clearable size="small"
type="textarea" autosize :rows="1">
</el-input>
</el-form-item>
</el-row>
</el-form>
<div slot="footer" class="dialog-footer" style="text-align: center">
<el-button type="info" @click="virtualHostDialog.addDialog = false" size="medium"
style="width: 100px">取消
style="width: 100px;background-color: #6F8294;color: #ffffff">取消
</el-button>
<el-button type="primary" @click="addVirtualHostInfo" :loading="virtualHost_loading.addLoading"
size="medium"
... ... @@ -156,33 +171,39 @@
<el-form :inline="true" :model="editVirtualHostForm" label-width="120px" status-icon
:rules="editVirtualHostFormRules" ref="editVirtualHostRef"
align="center">
<el-form-item label="虚拟主机名称：" prop="virtualHostName">
<el-input v-model="editVirtualHostForm.virtualHostName" style="width:300px" clearable
readonly disabled size="small"
placeholder="请输入虚拟主机名称"></el-input>
</el-form-item>
<el-form-item label="所属服务器：" prop="serverId">
<el-select v-model="editVirtualHostForm.serverId" placeholder="请选择服务器名称"
size="small" clearable disabled style="width:300px">
<el-option
v-for="item in (virtualHost_config.serverList)"
:key="item.id"
:label="item.serverName"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="相关描述：" prop="description">
<el-input v-model="editVirtualHostForm.description" placeholder="请输入相关描述"
style="width:300px" clearable size="small"
type="textarea" autosize :rows="1"/>
</el-form-item>
<el-row>
<el-form-item label="" prop="virtualHostName">
<el-input v-model="editVirtualHostForm.virtualHostName" style="width:300px" clearable
readonly disabled size="small"
placeholder="请输入虚拟主机名称">
<template slot="prepend" >虚拟主机名称</template>
</el-input>
</el-form-item>
</el-row>
<el-row>
<el-form-item label="" prop="serverId">
<el-select v-model="editVirtualHostForm.serverId" placeholder="请选择服务器名称"
size="small" clearable disabled style="width:300px">
<el-option
v-for="item in (virtualHost_config.serverList)"
:key="item.id"
:label="item.serverName"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
</el-row>
<el-row>
<el-form-item label="" prop="description">
<el-input v-model="editVirtualHostForm.description" placeholder="请输入相关描述"
style="width:300px" clearable size="small"
type="textarea" autosize :rows="1"/>
</el-form-item>
</el-row>
</el-form>
<div slot="footer" class="dialog-footer" style="text-align: center">
<el-button type="info" @click="virtualHostDialog.editDialog = false" size="medium"
style="width: 100px">取消
style="width: 100px;background-color: #6F8294;color: #ffffff">取消
</el-button>
<el-button type="primary" @click="editVirtualHostInfo" :loading="virtualHost_loading.addLoading"
size="medium"
... ...