朱兆平 / vue_cli · 提交

转到一个项目

作者 王勇
提交 93975f75d2d6926d8721101f540d154a048b0407 1 个父辈 c7fe4c2b

简单修改表格顺序，以及加载样式

内嵌 并排对比
正在显示 3 个修改的文件 包含 51 行增加 和 30 行删除
... ... @@ -68,21 +68,15 @@
<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="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="routingKeyName" align="center"
width="220"></el-table-column>
<el-table-column label="消息发送时间" prop="alias_sendTime" align="center"
width="220">
</el-table-column>
<el-table-column label="发送内容" prop="alias_sendContent" align="center"
width="220">
<el-table-column label="消息发送时间" prop="alias_sendTime" align="center" width="220">
</el-table-column>
<el-table-column label="相关描述" prop="description" align="center"
width="220">
<el-table-column label="发送内容" prop="alias_sendContent" 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="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">
<!-- 编辑按钮-->
... ... @@ -153,7 +147,7 @@
</div>
</el-dialog>
</div>
<!-- 增加，对话框区域 -->
<!-- 发送消息，对话框区域 -->
<div>
<el-dialog title="发送消息"
:visible.sync="messageNote_dialog.addDialog"
... ... @@ -162,15 +156,17 @@
<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="userId">
<el-select v-model="messageNote_addForm.userId" prefix-icon="el-icon-search" clearable
<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="请选择用户">
<el-option
v-for="item in (messageNote_config.userInfoList)"
v-for="item in (user_cloud.cloudUserList)"
:key="item.id"
:label="item.username"
:value="item.id">
:value="item.username">
<span style="float: left">{{ item.username }}</span>
<span style="float: right; color: #0984e3; ">{{ item.realname }}</span>
</el-option>
</el-select>
</el-form-item>
... ... @@ -418,6 +414,7 @@
batchRemoveMessageNote, getServerList, getHostList, getExchangeList, getQueueList, getRoutingKeyList,
getDeleteTime, setDeleteTime, getUserInfoList
} from "../../api/message_bus";
import {getUserList} from "../../api/user";
export default {
// 消息收发记录
... ... @@ -425,6 +422,18 @@
data() {
return {
/**
* 用户中心,相关
*/
user_cloud: {
cloudUserList: [],
queryInfo: {
pageNum: 1,
pageSize: 10000,
}
},
/**
* messageNote，配置与参数
*/
... ... @@ -480,6 +489,7 @@
// 批量删除，选中列表
selectList: [],
},
/**
* 设置删除时间，参数
*/
... ... @@ -1096,6 +1106,17 @@
this.$message.error(error.toString());
});
},
/**
* 查询用户中心的用户
*/
getCloudUser() {
getUserList(this.user_cloud.queryInfo).then((response) => {
this.user_cloud.cloudUserList = response.data.data.list;
}).catch((error) => {
this.$message.error(error.toString());
});
},
},
created() {
// 刷新列表
... ... @@ -1105,7 +1126,9 @@
},
mounted() {
this.messageNote_selectServerList();
this.note_getUserInfoList();
// this.note_getUserInfoList();
// 获取用户中心的用户列表
this.getCloudUser();
},
computed: {},
}
... ...
... ... @@ -290,10 +290,10 @@
exchangeId: [
{required: true, message: '请选择所属交换机', trigger: ['blur', 'change']},
],
// 相关描述
description: [
{required: true, message: '请输入相关描述', trigger: ['blur', 'change']},
],
// // 相关描述
// description: [
// {required: true, message: '请输入相关描述', trigger: ['blur', 'change']},
// ],
},
/**
... ...
... ... @@ -83,7 +83,7 @@
<!-- 删除按钮-->
<el-tooltip effect="dark" content="删除" placement="top-start" :enterable="false">
<el-button type="danger" icon="el-icon-delete" size="mini"
:loading="umb_loading.delLoading"
:loading="umb_loading.listLoading"
@click="umb_remove(scope.$index,scope.row)">删除
</el-button>
</el-tooltip>
... ... @@ -758,22 +758,22 @@
}
).then(() => {
// 开启加载
this.umb_loading.delLoading = true;
this.umb_loading.listLoading = true;
deleteUserMessageBinding(row).then((response) => {
let res = response.data;
if (res.code !== '200') {
// 关闭加载
this.umb_loading.delLoading = false;
this.umb_loading.listLoading = false;
return this.$message.error('删除-配置-信息，失败');
}
// 关闭加载
this.umb_loading.delLoading = false;
this.umb_loading.listLoading = false;
this.$message.success('删除-配置-信息，成功！');
// 刷新列表
this.umb_getList();
}).catch(error => {
// 关闭加载
this.umb_loading.delLoading = false;
this.umb_loading.listLoading = false;
this.$message.error(error.toString());
});
}).catch(() => {
... ... @@ -1010,8 +1010,6 @@
mounted() {
// 获取服务器列表
this.selectServerList();
// 获取用户信息列表
this.umb_getUserInfoList();
// 获取用户中心的用户列表
this.getCloudUser();
},
... ...