朱兆平 / vue_cli · 提交

转到一个项目

作者 朱兆平
提交 a25f4384ee4a020daa660cbf61ccd5dd25e9a4c0 1 个父辈 5b6ba747

kafka操作

内嵌 并排对比
正在显示 7 个修改的文件 包含 268 行增加 和 223 行删除
/* 此文件未使用，只是为了让idea可以识别实际位置 */
const path = require('path');
function resolve(dir) {
return path.join(__dirname, dir);
}
module.exports = {
resolve: {
alias: {
'@': resolve('src')
}
}
};
\ No newline at end of file
... ...
... ... @@ -6471,7 +6471,7 @@
},
"normalize-wheel": {
"version": "1.0.1",
"resolved": "https://registry.npm.taobao.org/normalize-wheel/download/normalize-wheel-1.0.1.tgz",
"resolved": "https://registry.npmjs.org/normalize-wheel/-/normalize-wheel-1.0.1.tgz",
"integrity": "sha1-rsiGr/2wRQcNhWRH32Ls+GFG7EU="
},
"npm": {
... ...
... ... @@ -64,8 +64,10 @@ export const batchRemoveBusQueue = params =>{return http.get(`${baseUrl}/queue/b
// MQ消息收发记录,分页查询列表
// ES消息搜索引擎,分页查询列表
export const selectMessageNoteList = params =>{return http.post(`${baseUrl}/es/search/wildmsg`, params);};
// ES消息收发记录,分页查询列表
export const selectMessageSearchList = params =>{return http.post(`${baseUrl}/es/search/term`, params);};
// MQ消息收发记录,新增
export const insertMessageNote = params =>{return http.post(`${baseUrl}/note/insert`, params);};
// MQ消息收发记录,编辑
... ...
... ... @@ -6,66 +6,86 @@
<div>
<el-row>
<el-col :span="5">
<el-input v-model="messageNote_queryInfo.username" placeholder="用户名称"
<el-input v-model="ES_queryInfo.sndr" placeholder="发送者"
size="medium" clearable >
<template slot="prepend" ><i class="el-icon-user"></i>&nbsp;用&nbsp;户&nbsp;名&nbsp;称</template>
<template slot="prepend" ><i class="el-icon-user"></i>&nbsp;消息发送者</template>
</el-input>
</el-col>
<el-col :span="6">
<el-input v-model="messageNote_queryInfo.alias_sendContent" placeholder="发送内容"
<el-input v-model="ES_queryInfo.btype" placeholder="消息大类"
size="medium" clearable>
<template slot="prepend" ><i class="el-icon-document-checked"></i>&nbsp;发&nbsp;送&nbsp;内&nbsp;容</template>
<template slot="prepend" ><i class="el-icon-document-checked"></i>&nbsp;消 息大 类 </template>
</el-input>
</el-col>
<el-col :span="6">
<el-input v-model="messageNote_queryInfo.serverName" placeholder="服务器名称"
<el-input v-model="ES_queryInfo.stype" placeholder="消息子类"
size="medium" clearable>
<template slot="prepend"><i class="el-icon-s-platform"></i>服务器名称</template>
<template slot="prepend"><i class="el-icon-s-platform"></i>消 息子 类</template>
</el-input>
</el-col>
<el-col :span="6">
<el-input v-model="messageNote_queryInfo.virtualHostName"
<el-input v-model="ES_queryInfo.seqn"
size="medium" clearable
placeholder="虚拟主机名称">
<template slot="prepend"><i class="el-icon-s-operation"></i>虚拟主机名称</template>
placeholder="消息序号">
<template slot="prepend"><i class="el-icon-s-operation"></i>消 息序 号</template>
</el-input>
</el-col>
</el-row>
<el-row>
<el-col :span="5">
<el-input v-model="messageNote_queryInfo.exchangeName" placeholder="交换机名称"
<el-input v-model="ES_queryInfo.rcvrsUserName" placeholder="路由接收者"
size="medium" clearable >
<template slot="prepend"><i class="el-icon-sort"></i>交换机名称</template>
<template slot="prepend"><i class="el-icon-news"></i>路由订阅者</template>
</el-input>
</el-col>
<el-col :span="6">
<el-input v-model="messageNote_queryInfo.routingKeyName" placeholder="路由键名称"
<el-input v-model="ES_queryInfo.rcvlogUsername" placeholder="消息接收者"
size="medium" clearable >
<template slot="prepend" ><i class="el-icon-user"></i>路由键名称</template>
<template slot="prepend" ><i class="el-icon-user"></i>消息接收者</template>
</el-input>
</el-col>
<el-col :span="6">
<el-date-picker v-model="messageNote_queryInfo.sendTimeBegin" placeholder="时间段-开始"
type="date" value-format="yyyy-MM-dd"
size="medium" style="width: 100%"></el-date-picker>
<el-date-picker v-model="ES_queryInfo.creatimeSearch"
start-placeholder="开始日期"
end-placeholder="结束日期"
type="datetimerange"
:picker-options="pickerOptions"
:default-time="['00:00:00', '23:59:59']"
size="medium"
align="right"
format = "yyyy-MM-dd HH:mm:ss"
value-format = "yyyy-MM-dd HH:mm:ss"
style="width: 100%">
</el-date-picker>
</el-col>
<el-col :span="6">
<el-date-picker v-model="messageNote_queryInfo.sendTimeEnd" placeholder="时间段-结束"
type="date" value-format="yyyy-MM-dd"
size="medium" style="width: 100%"></el-date-picker>
<el-input v-model="ES_queryInfo.alias_sendContent" placeholder="消息内容"
size="medium" clearable >
<template slot="prepend"><i class="el-icon-sort"></i>消息内容</template>
</el-input>
</el-col>
</el-row>
<el-row>
<el-col :span="5">
<el-input v-model="ES_queryInfo.msgid" placeholder="消息id"
size="medium" clearable >
<template slot="prepend"><i class="el-icon-sort"></i>消息入库ID</template>
</el-input>
</el-col>
<el-col :span="15">
<el-button type="warning" style="width:150px" size="medium" icon="el-icon-search" @click="messageNote_getList">
<el-button type="warning" style="width:150px" size="medium" icon="el-icon-search" @click="searchSubmit">
查询消息记录
</el-button>
<el-button type="primary" style="width:150px" size="medium" icon="el-icon-plus"
@click="messageNote_toAddDialog">
发送消息
<el-button type="primary" style="width:150px" size="medium" icon="el-icon-refresh"
@click="resetSearch">
重置
</el-button>
<!-- <el-button type="primary" style="width:150px" size="medium" icon="el-icon-plus"-->
<!-- @click="messageNote_toAddDialog">-->
<!-- 发送消息-->
<!-- </el-button>-->
<!-- <el-button type="warning" style="width:150px" size="medium"-->
<!-- @click="messageNote_openDeleteTime">-->
<!-- 设置保留时间-->
... ... @@ -81,39 +101,45 @@
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="alias_sendTime" align="center" width="150">
<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="alias_sendContent" align="center" width="220">
<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="serverName" align="center" width="150"></el-table-column>
<el-table-column label="虚拟主机名称" prop="virtualHostName" align="center" width="150"></el-table-column>
<el-table-column label="交换机名称" prop="exchangeName" align="center" width="150"></el-table-column>
<el-table-column label="路由键名称" prop="routingKeyName" align="center" width="150"></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-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)">发送内容
@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>
<!-- <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>
... ... @@ -121,21 +147,21 @@
<!--分页区域-->
<div style="margin-top: 10px">
<el-row :gutter="24">
<el-col :span="5">
<el-button type="danger" icon="el-icon-delete"
:loading="messageNote_loading.listLoading"
:disabled="this.messageNote_page.selectList.length===0"
@click="messageNote_batchRemove">批量删除
</el-button>
</el-col>
<el-col :span="10" style="margin-top: 5px">
<!-- <el-col :span="5">-->
<!-- <el-button type="danger" icon="el-icon-delete"-->
<!-- :loading="messageNote_loading.listLoading"-->
<!-- :disabled="this.messageNote_page.selectList.length===0"-->
<!-- @click="messageNote_batchRemove">批量删除-->
<!-- </el-button>-->
<!-- </el-col>-->
<el-col :span="24" style="margin-top: 5px">
<el-pagination
@size-change="messageNote_handleSizeChange"
@current-change="messageNote_handleCurrentChange"
:current-page="messageNote_queryInfo.pageNum"
:current-page="ES_queryInfo.pageNum"
:page-sizes="[10,50,200,500]"
:page-size="messageNote_queryInfo.pageSize"
layout=" sizes, prev, pager, next, jumper"
:page-size="ES_queryInfo.pageSize"
layout="total, sizes, prev, pager, next, jumper"
:total="messageNote_page.total">
</el-pagination>
</el-col>
... ... @@ -469,6 +495,7 @@
import vkbeautify from "vkbeautify";
import {
selectMessageNoteList,
selectMessageSearchList,
insertMessageNote,
updateMessageNote,
deleteMessageNote,
... ... @@ -540,6 +567,36 @@
// 每页条数
pageSize: 10
},
/**
* ES搜索参数
*/
ES_queryInfo: {
// 消息发送者
sndr: '',
// 指定消息接收者
rcvr: '',
// 大类
btype: '',
// 二级类
stype: '',
// 消息发送时间
ddtm: '',
// 消息序号
seqn: '',
// 消息ID
msgid: '',
// 路由接收者
rcvrsUserName: '',
// 消息接收者
rcvlogUsername: '',
msg:'',
alias_sendContent:'',
creatimeSearch: [],
// 当前页数
pageNum: 1,
// 每页条数
pageSize: 10
},
/**
* messageNote，分页
... ... @@ -748,6 +805,36 @@
label: '否'
},
],
pickerOptions: {
shortcuts: [
{
text: '最近十分钟',
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 600*1000);
picker.$emit('pick', [start, end]);
}
},
{
text: '最近一小时',
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24);
picker.$emit('pick', [start, end]);
}
},
{
text: '最近一天',
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24);
picker.$emit('pick', [start, end]);
}
}]
}
}
},
methods: {
... ... @@ -755,7 +842,7 @@
* 分页查询，监听 pageSize 改变的事件
*/
messageNote_handleSizeChange(newSize) {
this.messageNote_queryInfo.pageSize = newSize;
this.ES_queryInfo.pageSize = newSize;
//刷新列表
this.messageNote_getList();
},
... ... @@ -763,17 +850,52 @@
* 分页查询，监听 pageNum 改变的事件
*/
messageNote_handleCurrentChange(newPage) {
this.messageNote_queryInfo.pageNum = newPage;
this.ES_queryInfo.pageNum = newPage;
//刷新列表
this.messageNote_getList();
},
resetSearch:function(){
this.ES_queryInfo = {
// 消息发送者
sndr: '',
// 指定消息接收者
rcvr: '',
// 大类
btype: '',
// 二级类
stype: '',
// 消息发送时间
ddtm: '',
// 消息序号
seqn: '',
// 消息ID
msgid: '',
// 路由接收者
rcvrsUserName: '',
// 消息接收者
rcvlogUsername: '',
msg:'',
alias_sendContent:'',
creatimeSearch: [],
// 当前页数
pageNum: 1,
// 每页条数
pageSize: 10
}
},
searchSubmit:function () {
this.ES_queryInfo.pageNum = 1;
this.ES_queryInfo.pageSize = 10;
this.messageNote_getList();
} ,
/**
* messageNote,分页查询
*/
messageNote_getList() {
// 开启加载
this.messageNote_loading.listLoading = true;
selectMessageNoteList(this.messageNote_queryInfo).then((response) => {
selectMessageSearchList(this.ES_queryInfo).then((response) => {
let res = response.data;
if (res.code !== '200') {
// 关闭加载
... ... @@ -781,9 +903,9 @@
return this.$message.error('获取消息收发记录，失败！');
}
// 获取列表数据
this.messageNote_page.messageNoteList = res.data;
this.messageNote_page.messageNoteList = res.data.content;
// 获取列表的总记录数
this.messageNote_page.total = res.total;
this.messageNote_page.total = res.data.totalElements;
// 关闭加载
this.messageNote_loading.listLoading = false;
this.$message.success('获取消息收发记录，成功！');
... ... @@ -1238,6 +1360,12 @@
// this.messageNote_getList();
// 获取删除时间
this.selectDeleteTime();
let _this = this;
document.onkeyup= e =>{
if (e.code === "Enter" || e.code === "enter") {
_this.searchSubmit();//调用登录 验证方法
}
}
},
mounted() {
this.messageNote_selectServerList();
... ...
... ... @@ -11,7 +11,7 @@
</el-input>
</el-col>
<el-col :span="8">
<el-button type="warning" style="width:150px" size="medium" icon="el-icon-search" @click="messageNote_getList">
<el-button type="warning" style="width:150px" size="medium" icon="el-icon-search" @click="searchSubmit">
查询
</el-button>
</el-col>
... ... @@ -191,6 +191,12 @@
//刷新列表
this.messageNote_getList();
},
searchSubmit:function () {
this.messageNote_queryInfo.pageNum = 1;
this.messageNote_queryInfo.pageSize = 2;
this.messageNote_getList();
} ,
/**
* messageNote,分页查询
*/
... ...
... ... @@ -122,7 +122,7 @@
<!-- 增加，对话框区域 -->
<div>
<el-dialog title="添加队列"
<el-dialog :title="dialogMap[dialogStatus]"
:visible.sync="queue_dialog.addDialog"
style="margin-top: -50px" text-align="center" width="60%"
@close="queue_addDialogClosed">
... ... @@ -130,8 +130,15 @@
: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>
placeholder="请输入TOPIC名称">
<template slot="prepend" >TOPIC名称</template>
</el-input>
</el-form-item>
<el-form-item label="" prop="partitionCount">
<el-input v-model="queue_addForm.partitionCount" style="width:300px" size="small" clearable
placeholder="请输入TOPIC分区数量">
<template slot="prepend" >TOPIC分区数量</template>
</el-input>
</el-form-item>
... ... @@ -142,59 +149,13 @@
</el-input>
</el-form-item>
<!-- <el-form-item label="用户名称：" prop="userId">-->
<!-- <el-select v-model="queue_addForm.userId" clearable-->
<!-- style="width:240px" size="small" filterable-->
<!-- placeholder="请选择用户">-->
<!-- <el-option-->
<!-- v-for="item in (queue_config.userInfoList)"-->
<!-- :key="item.id"-->
<!-- :label="item.username"-->
<!-- :value="item.id">-->
<!-- </el-option>-->
<!-- </el-select>-->
<!-- </el-form-item>-->
<el-form-item label="" prop="virtualHostId">
<el-cascader
clearable style="width: 300px" size="small"
v-model="queue_addForm.virtualHostId"
@change="cascadeAddChange"
:options="queue_config.cascade.server_hostList"
:show-all-levels="false"
:change-on-select="false"
:props="queue_config.cascade.defaultParams"
placeholder="请选择所属虚拟主机"></el-cascader>
</el-form-item>
<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"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<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"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<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 v-model="queue_addForm.consumerGroupName" style="width:300px" size="small" clearable
placeholder="请输入消费者组名称">
<template slot="prepend" >消费者组</template>
</el-input>
</el-form-item>
<el-form-item label="" prop="description">
<el-input v-model="queue_addForm.description" style="width:300px" clearable size="small"
type="textarea" autosize :rows="1"
... ... @@ -206,106 +167,13 @@
<el-button type="info" @click="queue_dialog.addDialog = false" size="medium"
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">添加
</el-button>
</div>
</el-dialog>
</div>
<!-- 编辑，对话框区域 -->
<div>
<el-dialog title="编辑队列信息"
: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" 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:300px" size="small" clearable
disabled
placeholder="请输入队列名称">
<template slot="prepend" >队列名称</template>
</el-input>
</el-form-item>
<el-form-item label="" prop="username">
<el-input v-model="queue_editForm.username" placeholder="请输入用户名称"
style="width:300px" size="small" clearable disabled>
<template slot="prepend" >用户名称</template>
</el-input>
</el-form-item>
<!-- <el-form-item label="用户名称：" prop="userId">-->
<!-- <el-select v-model="queue_editForm.userId" clearable disabled-->
<!-- style="width:240px" size="small" filterable-->
<!-- placeholder="请选择用户">-->
<!-- <el-option-->
<!-- v-for="item in (queue_config.userInfoList)"-->
<!-- :key="item.id"-->
<!-- :label="item.username"-->
<!-- :value="item.id">-->
<!-- </el-option>-->
<!-- </el-select>-->
<!-- </el-form-item>-->
<el-form-item label="" prop="virtualHostId">
<el-cascader
disabled clearable style="width: 300px" size="small"
v-model="queue_editForm.virtualHostId"
@change="cascadeEditChange"
:options="queue_config.cascade.server_hostList"
:show-all-levels="false"
:change-on-select="false"
:props="queue_config.cascade.defaultParams"
placeholder="请选择所属虚拟主机"></el-cascader>
</el-form-item>
<el-form-item label="" prop="durability">
<el-select v-model="queue_editForm.durability" style="width: 300px" disabled clearable
size="small"
placeholder="请选择是否持久化">
<el-option
v-for="item in booleanList"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="" prop="autoDelete">
<el-select v-model="queue_editForm.autoDelete" style="width: 300px" disabled clearable
size="small"
placeholder="请选择是否自动删除">
<el-option
v-for="item in booleanList"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<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: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">
<el-button type="info" @click="queue_dialog.editDialog = false" size="medium"
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">编辑
<el-button type="primary" @click="dialogStatus==='create'?queue_add():queue_edit()" :loading="queue_loading.addLoading"
size="medium" style="width: 100px">提交
</el-button>
</div>
<User
v-on:getUserMessageEvent="getUserInfo">
</User>
</el-dialog>
</div>
</el-main>
... ... @@ -322,11 +190,18 @@
getServerAndHostList, getUserInfoList,
} from "../../api/message_bus";
import User from "@/views/nav1/user";
export default {
name: "Queue",
components: { User },
data() {
return {
dialogMap: {
update: '编辑',
create: '新增',
},
dialogStatus: 'create',
/**
* queue，配置与参数
*/
... ... @@ -376,6 +251,9 @@
queue_addForm: {
// 队列名称
queueName: '',
consumerGroupName: '',
partitionCount: 3,
queueType: 1,
// 用户名称
username: '',
// 用户id（该字段抛弃）
... ... @@ -502,6 +380,18 @@
},
methods: {
/**
* 从user获取选择的用户信息
*/
getUserInfo:function(userListInfo){
let userList = [];
userList = userListInfo;
if (userList.length>0){
let user = userList.pop();
this.queue_addForm.username = user.username;
this.queue_addForm.queueName = user.username;
}
},
/**
* 分页查询，监听 pageSize 改变的事件
*/
queue_handleSizeChange(newSize) {
... ... @@ -547,6 +437,7 @@
* queue，添加对话框，打开事件
*/
queue_toAddDialog() {
this.dialogStatus= 'create';
this.queue_dialog.addDialog = true;
},
/**
... ... @@ -593,8 +484,9 @@
* queue，编辑对话框，打开事件
*/
queue_toEditDialog(index, row) {
this.queue_editForm = Object.assign({}, row);
this.queue_dialog.editDialog = true;
this.queue_addForm = Object.assign({}, row);
this.queue_dialog.addDialog = true;
this.dialogStatus= 'update';
},
/**
* queue，编辑对话框，关闭事件
... ... @@ -608,28 +500,28 @@
*/
queue_edit() {
//进行表单的预验证
this.$refs.queue_editFormRef.validate(valid => {
this.$refs.queue_addFormRef.validate(valid => {
// 未通过，表单预校验
if (!valid) return;
// 通过，表单预检验，开启加载
this.queue_loading.editLoading = true;
updateBusQueue(this.queue_editForm).then((response) => {
updateBusQueue(this.queue_addForm).then((response) => {
let res = response.data;
if (res.code !== '200') {
//关闭加载
this.queue_loading.editLoading = false;
this.queue_loading.addLoading = false;
return this.$message.error(res.msg);
}
// 关闭加载
this.queue_loading.editLoading = false;
this.queue_loading.addLoading = false;
this.$message.success(res.msg);
// 隐藏对话框
this.queue_dialog.editDialog = false;
this.queue_dialog.addDialog = false;
// 刷新列表
this.queue_getList();
}).catch(error => {
// 关闭加载
this.queue_loading.editLoading = false;
this.queue_loading.addLoading = false;
this.$message.error(error.toString());
});
})
... ...
... ... @@ -212,6 +212,7 @@
import {getServerAndHostList, insertUserInfo} from "../../api/message_bus";
export default {
name:"UserList",
data() {
return {
user_config: {
... ... @@ -515,6 +516,8 @@
});
},
selsChange: function (sels) {
//传递给父组件
this.$emit("getUserMessageEvent",sels);
this.sels = sels;
},
//批量删除
... ...