朱兆平 / vue_cli · 提交

转到一个项目

作者 小范
提交 3b6076680fad732c42a463def158b1b9854983d8 1 个父辈 9d71ec25

首页界面及导航栏更新

内嵌 并排对比
正在显示 11 个修改的文件 包含 365 行增加 和 324 行删除
... ... @@ -6471,7 +6471,7 @@
},
"normalize-wheel": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/normalize-wheel/-/normalize-wheel-1.0.1.tgz",
"resolved": "https://registry.npm.taobao.org/normalize-wheel/download/normalize-wheel-1.0.1.tgz",
"integrity": "sha1-rsiGr/2wRQcNhWRH32Ls+GFG7EU="
},
"npm": {
... ...
... ... @@ -425,7 +425,7 @@
display: flex;
// background: #324057;
position: absolute;
top: 60px;
top: 70px;
bottom: 0px;
overflow: hidden;
... ...
... ... @@ -93,8 +93,8 @@
}
/*鼠标放一级菜单时显示二级菜单样式(横向效果)*/
#menu li:hover .dropdown_1column {
left:300px;
right: 0px;
left:auto;
right: 2px;
top:45px;
display:inline-block;
font-size:13px;
... ... @@ -106,6 +106,8 @@
left: -999em;
/*text-align: center;*/
background: rgb(14,119,238);
display: table;
text-align: center;
}
/*鼠标移至二级菜单栏颜色改变*/
#menu li:hover div li:hover{background-color: rgb(18,170,255)}
... ...
... ... @@ -28,49 +28,54 @@
</el-row>
</div>
<!-- 列表区域 -->
<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="获取信息，拼命加载中"
: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>
<el-table-column label="节点名称" prop="elasticsearchName" align="center" width="150"></el-table-column>
<el-table-column label="协议" prop="scheme" align="center" width="100"></el-table-column>
<el-table-column label="IP地址" prop="hostname" align="center" width="140"></el-table-column>
<el-table-column label="端口号" prop="port" align="center" width="100"></el-table-column>
<el-table-column label="状态" prop="elasticsearchState" align="center" width="100">
<template slot-scope="scope">
<div style="margin-top: 20px">
<el-row>
<el-col :span="24">
<el-table :data="es_page.esList" border v-loading="es_loading.listLoading"
@selection-change="es_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="55px" align="center"></el-table-column>
<el-table-column type="index" align="center" width="55px"></el-table-column>
<el-table-column label="集群名称" prop="clusterName" align="center" width="200px"></el-table-column>
<el-table-column label="节点名称" prop="elasticsearchName" align="center" width="100px"></el-table-column>
<el-table-column label="协议" prop="scheme" align="center" width="100px"></el-table-column>
<el-table-column label="IP地址" prop="hostname" align="center" width="140px"></el-table-column>
<el-table-column label="端口号" prop="port" align="center" width="100px"></el-table-column>
<el-table-column label="状态" prop="elasticsearchState" align="center" width="100px">
<template slot-scope="scope">
<span v-if="scope.row.elasticsearchState ===true" style="color: #3742fa">
运行状态
</span>
<span v-if="scope.row.elasticsearchState ===false" style="color: #eb2f06">
<span v-if="scope.row.elasticsearchState ===false" style="color: #eb2f06">
宕机状态
</span>
</template>
</el-table-column>
<el-table-column label="描述" prop="description" align="center" width="100"></el-table-column>
<el-table-column label="操作" align="center">
<template slot-scope="scope">
<!-- 编辑按钮-->
<el-tooltip effect="dark" content="编辑" placement="top-start" :enterable="false">
<el-button type="primary" icon="el-icon-edit" size="mini"
@click="es_toEditDialog(scope.$index,scope.row)">编辑
</el-button>
</el-tooltip>
</template>
</el-table-column>
<el-table-column label="描述" prop="description" align="center" width="300px"></el-table-column>
<el-table-column label="操作" align="center" width="200px" fixed="right">
<template slot-scope="scope">
<!-- 编辑按钮-->
<el-tooltip effect="dark" content="编辑" placement="top-start" :enterable="false">
<el-button type="primary" icon="el-icon-edit" size="mini" style="margin-bottom: 2px"
@click="es_toEditDialog(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="mini"
:loading="es_loading.delLoading"
@click="es_remove(scope.$index,scope.row)">删除
</el-button>
</el-tooltip>
</template>
</el-table-column>
</el-table>
<!-- 删除按钮-->
<el-tooltip effect="dark" content="删除" placement="top-start" :enterable="false">
<el-button type="danger" icon="el-icon-delete" size="mini"
:loading="es_loading.delLoading"
@click="es_remove(scope.$index,scope.row)">删除
</el-button>
</el-tooltip>
</template>
</el-table-column>
</el-table>
</el-col>
</el-row>
</div>
<!--分页区域-->
<div style="margin-top: 10px">
... ...
... ... @@ -25,39 +25,44 @@
</el-row>
<!-- 列表区域 -->
<el-row style="margin-top: 20px;">
<el-table
:data="page.tableData"
border size="small" row-key="id" default-expand-all
:tree-props="{children: 'children', hasChildren: 'hasChildren'}"
:header-cell-style="{background:'#6F8294',color:'#FFFFFF'}"
style="border-radius: 10px 10px 0px 0px;line-height: 25px;"
@selection-change="selsChange" >
<el-table-column type="selection" width="55" align="center"></el-table-column>
<el-table-column type="index" prop="id" label="ID" align="center"></el-table-column>
<el-table-column label="消息标签" prop="name" align="center" width="220"></el-table-column>
<el-table-column label="消息类型" prop="type" :formatter="formatType" align="center" width="220"></el-table-column>
<el-table-column label="相关描述" prop="des" align="center" width="220"></el-table-column>
<el-table-column label="创建时间" prop="creattime" align="center" width="145"></el-table-column>
<el-table-column label="操作" width="300px" align="center" fixed="right">
<template slot-scope="scope">
<!-- 新增下级-->
<el-tooltip effect="dark" content="新增" placement="top-start" :enterable="false">
<el-button type="success" icon="el-icon-plus" size="mini"@click="handleAdd(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="mini"@click="handleEdit(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="mini"@click="handleDel(scope.$index, scope.row)">删除
</el-button>
</el-tooltip>
</template>
</el-table-column>
</el-table>
<el-row>
<el-col :span="24">
<el-table
:data="page.tableData"
border size="small" row-key="id" default-expand-all
:tree-props="{children: 'children', hasChildren: 'hasChildren'}"
:header-cell-style="{background:'#6F8294',color:'#FFFFFF'}"
style="border-radius: 10px 10px 0px 0px;line-height: 25px;"
@selection-change="selsChange" >
<el-table-column type="selection" width="55" align="center"></el-table-column>
<el-table-column type="index" prop="id" label="ID" align="center" width="55"></el-table-column>
<el-table-column label="消息标签" prop="name" align="center" width="220"></el-table-column>
<el-table-column label="消息类型" prop="type" :formatter="formatType" align="center" width="220"></el-table-column>
<el-table-column label="相关描述" prop="des" align="center" width="220"></el-table-column>
<el-table-column label="创建时间" prop="creattime" align="center" width="220"></el-table-column>
<el-table-column label="操作" width="300px" align="center" fixed="right">
<template slot-scope="scope">
<!-- 新增下级-->
<el-tooltip effect="dark" content="新增" placement="top-start" :enterable="false">
<el-button type="success" icon="el-icon-plus" size="mini"@click="handleAdd(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="mini" @click="handleEdit(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="mini" @click="handleDel(scope.$index, scope.row)">删除
</el-button>
</el-tooltip>
</template>
</el-table-column>
</el-table>
</el-col>
</el-row>
</el-row>
<el-row style="margin-top: 10px">
<el-col :span="5">
... ...
... ... @@ -95,54 +95,59 @@
</div>
<!-- 列表区域 -->
<div style="margin-top: 20px;">
<el-table :data="messageNote_page.messageNoteList" border
v-loading="messageNote_loading.listLoading" size="small"
@selection-change="messageNote_selectChange"
element-loading-text="获取消息收发记录，拼命加载中"
:header-cell-style="{background:'#6F8294',color:'#FFFFFF'}"
style="border-radius: 10px 10px 0px 0px;line-height: 25px;">
<el-table-column label="消息ID" prop="msgid" align="center" width="120"></el-table-column>
<el-table-column label="消息序号" prop="seqn" align="center" width="150"></el-table-column>
<el-table-column label="发送者" prop="sndr" align="center" width="120"></el-table-column>
<!-- <el-table-column label="发送内容" prop="msg" align="center" width="220"></el-table-column>-->
<el-table-column label="消息大类" prop="btype" align="center" width="100"></el-table-column>
<el-table-column label="消息子类" prop="stype" align="center" width="100"></el-table-column>
<el-table-column label="消息发送时间" prop="ddtm" align="center" width="150"></el-table-column>
<el-table-column label="路由接收者" prop="rcvrs" align="center" width="150">
<template slot-scope="scope">
<div v-for="reciver in scope.row.rcvrs">{{reciver.username}}</div>
</template>
</el-table-column>
<el-table-column label="消息接收者" prop="rcvlog" align="center" width="250">
<template slot-scope="scope">
<div v-for="logitem in scope.row.rcvlog">{{logitem.username}} [{{logitem.rvtm}}]</div>
</template>
</el-table-column>
<!-- <el-table-column label="相关描述" prop="description" align="center" width="220"></el-table-column>-->
<el-table-column label="操作" width="300px" align="center" fixed="right">
<template slot-scope="scope">
<el-row>
<el-col :span="24">
<el-table :data="messageNote_page.messageNoteList" border
v-loading="messageNote_loading.listLoading" size="small"
@selection-change="messageNote_selectChange"
element-loading-text="获取消息收发记录，拼命加载中"
:header-cell-style="{background:'#6F8294',color:'#FFFFFF'}"
style="border-radius: 10px 10px 0px 0px;line-height: 25px;">
<el-table-column label="消息ID" prop="msgid" align="center" width="120"></el-table-column>
<el-table-column label="消息序号" prop="seqn" align="center" width="130"></el-table-column>
<el-table-column label="发送者" prop="sndr" align="center" width="100"></el-table-column>
<!-- <el-table-column label="发送内容" prop="msg" align="center" width="220"></el-table-column>-->
<el-table-column label="消息大类" prop="btype" align="center" width="80"></el-table-column>
<el-table-column label="消息子类" prop="stype" align="center" width="80"></el-table-column>
<el-table-column label="消息发送时间" prop="ddtm" align="center" width="150"></el-table-column>
<el-table-column label="路由接收者" prop="rcvrs" align="center" width="120">
<template slot-scope="scope">
<div v-for="reciver in scope.row.rcvrs">{{reciver.username}}</div>
</template>
</el-table-column>
<el-table-column label="消息接收者" prop="rcvlog" align="center" width="300">
<template slot-scope="scope">
<div v-for="logitem in scope.row.rcvlog">{{logitem.username}} [{{logitem.rvtm}}]</div>
</template>
</el-table-column>
<!-- <el-table-column label="相关描述" prop="description" align="center" width="220"></el-table-column>-->
<el-table-column label="操作" width="250" align="center" fixed="right">
<template slot-scope="scope">
<!-- <el-tooltip effect="dark" content="查看" placement="top-start" :enterable="false">-->
<!-- <el-button type="primary" icon="el-icon-view" size="mini"-->
<!-- @click="messageNote_toEditDialog(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-view" size="mini"-->
<!-- @click="messageNote_toEditDialog(scope.$index,scope.row)">查看-->
<!-- </el-button>-->
<!-- </el-tooltip>-->
<el-tooltip effect="dark" content="查看发送内容" placement="top-start" :enterable="false">
<el-button type="success" icon="el-icon-view" size="mini"
@click="messageNote_toViewContentDialogDialog(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="mini"-->
<!-- :loading="messageNote_loading.delLoading"-->
<!-- @click="messageNote_remove(scope.$index,scope.row)">删除-->
<!-- </el-button>-->
<!-- </el-tooltip>-->
</template>
</el-table-column>
</el-table>
<el-tooltip effect="dark" content="查看发送内容" placement="top-start" :enterable="false">
<el-button type="success" icon="el-icon-view" size="mini"
@click="messageNote_toViewContentDialogDialog(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="mini"-->
<!-- :loading="messageNote_loading.delLoading"-->
<!-- @click="messageNote_remove(scope.$index,scope.row)">删除-->
<!-- </el-button>-->
<!-- </el-tooltip>-->
</template>
</el-table-column>
</el-table>
</el-col>
</el-row>
</div>
<!--分页区域-->
<div style="margin-top: 10px">
... ...
... ... @@ -45,51 +45,56 @@
</div>
<!-- 列表区域 -->
<div style="margin-top: 20px;">
<el-table :data="queue_page.queueList" border v-loading="queue_loading.listLoading"
@selection-change="queue_selectChange"
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"
width="220"></el-table-column>
<el-table-column label="所属用户" prop="username" align="center"
width="220"></el-table-column>
<el-table-column label="分区数量" prop="partitionCount" align="center"
width="220"></el-table-column>
<el-table-column label="相关描述" prop="description" align="center" width="280"></el-table-column>
<!-- <el-table-column label="是否持久化" prop="durability" align="center" width="145">-->
<!-- <template slot-scope="scope">-->
<!-- <span v-if="scope.row.durability ===false">否</span>-->
<!-- <span v-if="scope.row.durability ===true">是</span>-->
<!-- </template>-->
<!-- </el-table-column>-->
<el-table-column label="创建时间" prop="gmtCreate" align="center" width="145">
</el-table-column>
<!-- <el-table-column label="扩展参数" prop="arguments" align="center" width="200">-->
<!-- </el-table-column>-->
<el-row>
<el-col :span="24">
<el-table :data="queue_page.queueList" border v-loading="queue_loading.listLoading"
@selection-change="queue_selectChange"
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" width="55" ></el-table-column>
<el-table-column label="队列名称" prop="queueName" align="center"
width="200"></el-table-column>
<el-table-column label="所属用户" prop="username" align="center"
width="200"></el-table-column>
<el-table-column label="分区数量" prop="partitionCount" align="center"
width="200"></el-table-column>
<el-table-column label="相关描述" prop="description" align="center" width="200"></el-table-column>
<!-- <el-table-column label="是否持久化" prop="durability" align="center" width="145">-->
<!-- <template slot-scope="scope">-->
<!-- <span v-if="scope.row.durability ===false">否</span>-->
<!-- <span v-if="scope.row.durability ===true">是</span>-->
<!-- </template>-->
<!-- </el-table-column>-->
<el-table-column label="创建时间" prop="gmtCreate" align="center" width="200">
</el-table-column>
<!-- <el-table-column label="扩展参数" prop="arguments" align="center" width="200">-->
<!-- </el-table-column>-->
<!-- fixed="right" -->
<el-table-column label="操作" width="220" align="center" fixed="right">
<template slot-scope="scope">
<!-- 编辑按钮-->
<el-tooltip effect="dark" content="编辑" placement="top-start" :enterable="false">
<el-button type="primary" icon="el-icon-edit" size="mini" style="margin-bottom: 2px"
@click="queue_toEditDialog(scope.$index,scope.row)">编辑
</el-button>
</el-tooltip>
<!-- fixed="right" -->
<el-table-column label="操作" width="225px" align="center" fixed="right">
<template slot-scope="scope">
<!-- 编辑按钮-->
<el-tooltip effect="dark" content="编辑" placement="top-start" :enterable="false">
<el-button type="primary" icon="el-icon-edit" size="mini"
@click="queue_toEditDialog(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="mini"
:loading="queue_loading.delLoading"
@click="queue_remove(scope.$index,scope.row)">删除
</el-button>
</el-tooltip>
</template>
</el-table-column>
</el-table>
<!-- 删除按钮-->
<el-tooltip effect="dark" content="删除" placement="top-start" :enterable="false">
<el-button type="danger" icon="el-icon-delete" size="mini"
:loading="queue_loading.delLoading"
@click="queue_remove(scope.$index,scope.row)">删除
</el-button>
</el-tooltip>
</template>
</el-table-column>
</el-table>
</el-col>
</el-row>
</div>
<!--分页区域-->
<div style="margin-top: 10px">
... ...
... ... @@ -44,25 +44,29 @@
<el-table-column
prop="sndr"
label="帐户名称"
width="200"
width="150"
align="center"
>
</el-table-column>
<el-table-column
prop="btype"
label="消息大类"
width="100"
width="120"
align="center"
>
</el-table-column>
<el-table-column
prop="stype"
label="消息子类"
width="100"
width="120"
align="center"
>
</el-table-column>
<el-table-column
prop="rcvr_topic"
label="订阅主题"
width="150"
width="250"
align="center"
>
<template slot-scope="scope">
<div v-for="reciver in scope.row.rcvrList">
... ... @@ -74,7 +78,8 @@
<el-table-column
prop="filter"
label="过滤规则"
width="350"
width="450"
align="center"
>
<template slot-scope="scope">
<div v-for="reciver in scope.row.rcvrList">
... ... @@ -83,14 +88,13 @@
</div>
</template>
</el-table-column>
<el-table-column label="操作" width="150" align="center" fixed="right">
<el-table-column label="操作" width="250px" align="center" fixed="right">
<template slot-scope="scope">
<el-button type="danger" size="mini" @click="delRouter(scope.$index,scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
</el-col>
</el-row>
<el-row>
<div class="block">
... ...
... ... @@ -23,85 +23,90 @@
</div>
<!--服务器信息列表区域-->
<div style="margin-top: 20px;">
<el-table :data="serverList" border v-loading="server_loading.listLoading"
@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">
<template slot-scope="props">
<el-form :inline="true" label-position="left" label-width="110px" align="left">
<el-row>
<el-col :span="6">
<el-form-item label="服务器名称:">
<el-tag type="success">{{props.row.serverName}}</el-tag>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="服务器地址:">
<el-tag type="success">{{props.row.serverIp}}</el-tag>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="服务器端口号:">
<el-tag type="success">{{props.row.serverPort}}</el-tag>
</el-form-item>
</el-col>
<!-- <el-col :span="6">-->
<!-- <el-form-item label="客户端端口号:">-->
<!-- <el-tag type="success">{{props.row.clientPort}}</el-tag>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- </el-row>-->
<!-- <el-row>-->
<!-- <el-col :span="6">-->
<!-- <el-form-item label="超级用户名称:">-->
<!-- <el-tag type="success">{{props.row.superUsername}}</el-tag>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<el-col :span="8">
<el-form-item label="相关描述:">
<el-tag type="success">{{props.row.description}}</el-tag>
</el-form-item>
</el-col>
</el-row>
</el-form>
</template>
</el-table-column>
<el-table-column label="服务器名称" prop="serverName" align="center" width="180"></el-table-column>
<el-table-column label="服务器地址" prop="serverIp" align="center" width="200"></el-table-column>
<el-table-column label="服务器端口号" prop="serverPort" align="center" width="150"></el-table-column>
<!-- <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="操作" align="center">
<template slot-scope="scope">
<!-- &lt;!&ndash; 虚拟主机 &ndash;&gt;-->
<!-- <el-tooltip effect="dark" content="虚拟主机" placement="top-start" :enterable="false">-->
<!-- <el-button type="warning" icon="el-icon-link" size="mini"-->
<!-- @click="toVirtualHost(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="mini"
@click="toEditDialog(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="mini"
:loading="server_loading.delLoading"
@click="removeServerInfo(scope.$index,scope.row)">删除
</el-button>
</el-tooltip>
</template>
</el-table-column>
</el-table>
<el-row>
<el-col :span="24">
<el-table :data="serverList" border v-loading="server_loading.listLoading"
@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" width="55" ></el-table-column>
<el-table-column type="expand">
<template slot-scope="props">
<el-form :inline="true" label-position="left" label-width="110px" align="left">
<el-row>
<el-col :span="6">
<el-form-item label="服务器名称:">
<el-tag type="success">{{props.row.serverName}}</el-tag>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="服务器地址:">
<el-tag type="success">{{props.row.serverIp}}</el-tag>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="服务器端口号:">
<el-tag type="success">{{props.row.serverPort}}</el-tag>
</el-form-item>
</el-col>
<!-- <el-col :span="6">-->
<!-- <el-form-item label="客户端端口号:">-->
<!-- <el-tag type="success">{{props.row.clientPort}}</el-tag>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- </el-row>-->
<!-- <el-row>-->
<!-- <el-col :span="6">-->
<!-- <el-form-item label="超级用户名称:">-->
<!-- <el-tag type="success">{{props.row.superUsername}}</el-tag>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<el-col :span="8">
<el-form-item label="相关描述:">
<el-tag type="success">{{props.row.description}}</el-tag>
</el-form-item>
</el-col>
</el-row>
</el-form>
</template>
</el-table-column>
<el-table-column label="服务器名称" prop="serverName" align="center" width="180"></el-table-column>
<el-table-column label="服务器地址" prop="serverIp" align="center" width="200"></el-table-column>
<el-table-column label="服务器端口号" prop="serverPort" align="center" width="150"></el-table-column>
<!-- <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="操作" align="center" width="300" fixed="right">
<template slot-scope="scope">
<!-- &lt;!&ndash; 虚拟主机 &ndash;&gt;-->
<!-- <el-tooltip effect="dark" content="虚拟主机" placement="top-start" :enterable="false">-->
<!-- <el-button type="warning" icon="el-icon-link" size="mini"-->
<!-- @click="toVirtualHost(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="mini"
@click="toEditDialog(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="mini"
:loading="server_loading.delLoading"
@click="removeServerInfo(scope.$index,scope.row)">删除
</el-button>
</el-tooltip>
</template>
</el-table-column>
</el-table>
</el-col>
</el-row>
<!--分页区域-->
<div style="margin-top: 10px">
<el-row :gutter="24">
... ...
... ... @@ -37,43 +37,48 @@
</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="获取用户信息列表，拼命加载中"
: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="操作" align="center" type="success">
<template slot-scope="scope">
<!-- 删除用户 -->
<el-tooltip effect="dark" content="删除用户" placement="top-start" :enterable="false">
<el-button type="danger" icon="el-icon-delete" size="small"
:loading="user_loading.delLoading"
@click="user_remove(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"
@click="user_toEditDialog(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-edit" size="small"
@click="user_removeRelation(scope.$index,scope.row)">删除关系
</el-button>
</el-tooltip>
<!-- 修改密码 -->
</template>
</el-table-column>
</el-table>
<el-row>
<el-col :span="24">
<!-- 加入表头背景颜色、字体颜色、表格圆角及高度设置-->
<el-table :data="user_page.userInfoList" border v-loading="user_loading.listLoading"
@selection-change="user_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="55px" align="center" ></el-table-column>
<el-table-column type="index" align="center" width="55px" ></el-table-column>
<el-table-column label="用户名称" prop="username" align="center" width="200px" ></el-table-column>
<el-table-column label="真实姓名" prop="realName" align="center" width="200px" ></el-table-column>
<el-table-column label="服务器名称" prop="serverName" align="center" width="200px" ></el-table-column>
<el-table-column label="虚拟主机名称" prop="virtualHostName" align="center" width="300px" ></el-table-column>
<el-table-column label="操作" align="center" type="success" width="340px" fixed="right">
<template slot-scope="scope">
<!-- 删除用户 -->
<el-tooltip effect="dark" content="删除用户" placement="top-start" :enterable="false">
<el-button type="danger" icon="el-icon-delete" size="small"
:loading="user_loading.delLoading"
@click="user_remove(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"
@click="user_toEditDialog(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-edit" size="small"
@click="user_removeRelation(scope.$index,scope.row)">删除关系
</el-button>
</el-tooltip>
<!-- 修改密码 -->
</template>
</el-table-column>
</el-table>
</el-col>
</el-row>
</div>
<!-- 分页区域 -->
<div style="margin-top: 10px">
... ...
... ... @@ -61,44 +61,49 @@
</div>
<!-- 列表区域 -->
<div style="margin-top: 20px;">
<el-table :data="umb_page.umbList" border v-loading="umb_loading.listLoading"
@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>
<!-- <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"
width="220"></el-table-column>
<el-table-column label="交换机名称" prop="exchangeName" align="center" width="220"></el-table-column>
<el-table-column label="队列名称" prop="queueName" align="center" width="400"></el-table-column>
<el-table-column label="路由键名称" prop="routingKeyName" align="center"
width="220"></el-table-column>
<el-table-column label="相关描述" prop="description" align="center"
width="220"></el-table-column>
<el-table-column label="操作" width="245px" align="center" fixed="right">
<template slot-scope="scope">
<!-- 编辑按钮-->
<el-tooltip effect="dark" content="编辑" placement="top-start" :enterable="false">
<el-button type="primary" icon="el-icon-view" size="mini"
@click="umb_toEditDialog(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="mini"
:loading="umb_loading.listLoading"
@click="umb_remove(scope.$index,scope.row)">删除
</el-button>
</el-tooltip>
</template>
</el-table-column>
</el-table>
<el-row>
<el-col :span="24">
<el-table :data="umb_page.umbList" border v-loading="umb_loading.listLoading"
@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" width="55" ></el-table-column>
<el-table-column label="用户名称" prop="username" align="center" width="120"></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="120"></el-table-column>
<el-table-column label="虚拟主机名称" prop="virtualHostName" align="center"
width="120"></el-table-column>
<el-table-column label="交换机名称" prop="exchangeName" align="center" width="120"></el-table-column>
<el-table-column label="队列名称" prop="queueName" align="center" width="220"></el-table-column>
<el-table-column label="路由键名称" prop="routingKeyName" align="center"
width="120"></el-table-column>
<el-table-column label="相关描述" prop="description" align="center"
width="220"></el-table-column>
<el-table-column label="操作" width="200px" align="center" fixed="right">
<template slot-scope="scope">
<!-- 编辑按钮-->
<el-tooltip effect="dark" content="编辑" placement="top-start" :enterable="false">
<el-button type="primary" icon="el-icon-view" size="mini" style="margin-bottom: 2px"
@click="umb_toEditDialog(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="mini"
:loading="umb_loading.listLoading"
@click="umb_remove(scope.$index,scope.row)">删除
</el-button>
</el-tooltip>
</template>
</el-table-column>
</el-table>
</el-col>
</el-row>
</div>
<!--分页区域-->
<div style="margin-top: 10px">
... ...