朱兆平 / vue_cli · 提交

转到一个项目

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

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

内嵌 并排对比
正在显示 3 个修改的文件 包含 51 行增加 和 30 行删除
@@ -68,21 +68,15 @@ @@ -68,21 +68,15 @@
68 <el-table-column type="selection" width="55" align="center"></el-table-column> 68 <el-table-column type="selection" width="55" align="center"></el-table-column>
69 <el-table-column type="index" align="center"></el-table-column> 69 <el-table-column type="index" align="center"></el-table-column>
70 <el-table-column label="用户名称" prop="username" align="center" width="220"></el-table-column> 70 <el-table-column label="用户名称" prop="username" align="center" width="220"></el-table-column>
71 - <el-table-column label="服务器名称" prop="serverName" align="center" width="220"></el-table-column>  
72 - <el-table-column label="虚拟主机名称" prop="virtualHostName" align="center"  
73 - width="220"></el-table-column>  
74 - <el-table-column label="交换机名称" prop="exchangeName" align="center" width="220"></el-table-column>  
75 - <el-table-column label="路由键名称" prop="routingKeyName" align="center"  
76 - width="220"></el-table-column>  
77 - <el-table-column label="消息发送时间" prop="alias_sendTime" align="center"  
78 - width="220">  
79 - </el-table-column>  
80 - <el-table-column label="发送内容" prop="alias_sendContent" align="center"  
81 - width="220"> 71 + <el-table-column label="消息发送时间" prop="alias_sendTime" align="center" width="220">
82 </el-table-column> 72 </el-table-column>
83 - <el-table-column label="相关描述" prop="description" align="center"  
84 - width="220"> 73 + <el-table-column label="发送内容" prop="alias_sendContent" align="center" width="220">
85 </el-table-column> 74 </el-table-column>
  75 + <el-table-column label="服务器名称" prop="serverName" align="center" width="220"></el-table-column>
  76 + <el-table-column label="虚拟主机名称" prop="virtualHostName" align="center" width="220"></el-table-column>
  77 + <el-table-column label="交换机名称" prop="exchangeName" align="center" width="220"></el-table-column>
  78 + <el-table-column label="路由键名称" prop="routingKeyName" align="center" width="220"></el-table-column>
  79 + <el-table-column label="相关描述" prop="description" align="center" width="220"></el-table-column>
86 <el-table-column label="操作" width="245px" align="center" fixed="right"> 80 <el-table-column label="操作" width="245px" align="center" fixed="right">
87 <template slot-scope="scope"> 81 <template slot-scope="scope">
88 <!-- 编辑按钮--> 82 <!-- 编辑按钮-->
@@ -153,7 +147,7 @@ @@ -153,7 +147,7 @@
153 </div> 147 </div>
154 </el-dialog> 148 </el-dialog>
155 </div> 149 </div>
156 - <!-- 增加，对话框区域 --> 150 + <!-- 发送消息，对话框区域 -->
157 <div> 151 <div>
158 <el-dialog title="发送消息" 152 <el-dialog title="发送消息"
159 :visible.sync="messageNote_dialog.addDialog" 153 :visible.sync="messageNote_dialog.addDialog"
@@ -162,15 +156,17 @@ @@ -162,15 +156,17 @@
162 156
163 <el-form :inline="true" label-width="120px" status-icon style="margin-top: -10px" align="center" 157 <el-form :inline="true" label-width="120px" status-icon style="margin-top: -10px" align="center"
164 :model="messageNote_addForm" :rules="messageNote_addFormRules" ref="messageNote_addFormRef"> 158 :model="messageNote_addForm" :rules="messageNote_addFormRules" ref="messageNote_addFormRef">
165 - <el-form-item label="用户名称：" prop="userId">  
166 - <el-select v-model="messageNote_addForm.userId" prefix-icon="el-icon-search" clearable 159 + <el-form-item label="用户名称：" prop="username">
  160 + <el-select v-model="messageNote_addForm.username" prefix-icon="el-icon-search" clearable
167 style="width:300px" size="medium" filterable 161 style="width:300px" size="medium" filterable
168 placeholder="请选择用户"> 162 placeholder="请选择用户">
169 <el-option 163 <el-option
170 - v-for="item in (messageNote_config.userInfoList)" 164 + v-for="item in (user_cloud.cloudUserList)"
171 :key="item.id" 165 :key="item.id"
172 :label="item.username" 166 :label="item.username"
173 - :value="item.id"> 167 + :value="item.username">
  168 + <span style="float: left">{{ item.username }}</span>
  169 + <span style="float: right; color: #0984e3; ">{{ item.realname }}</span>
174 </el-option> 170 </el-option>
175 </el-select> 171 </el-select>
176 </el-form-item> 172 </el-form-item>
@@ -418,6 +414,7 @@ @@ -418,6 +414,7 @@
418 batchRemoveMessageNote, getServerList, getHostList, getExchangeList, getQueueList, getRoutingKeyList, 414 batchRemoveMessageNote, getServerList, getHostList, getExchangeList, getQueueList, getRoutingKeyList,
419 getDeleteTime, setDeleteTime, getUserInfoList 415 getDeleteTime, setDeleteTime, getUserInfoList
420 } from "../../api/message_bus"; 416 } from "../../api/message_bus";
  417 + import {getUserList} from "../../api/user";
421 418
422 export default { 419 export default {
423 // 消息收发记录 420 // 消息收发记录
@@ -425,6 +422,18 @@ @@ -425,6 +422,18 @@
425 422
426 data() { 423 data() {
427 return { 424 return {
  425 +
  426 + /**
  427 + * 用户中心,相关
  428 + */
  429 + user_cloud: {
  430 + cloudUserList: [],
  431 + queryInfo: {
  432 + pageNum: 1,
  433 + pageSize: 10000,
  434 + }
  435 + },
  436 +
428 /** 437 /**
429 * messageNote，配置与参数 438 * messageNote，配置与参数
430 */ 439 */
@@ -480,6 +489,7 @@ @@ -480,6 +489,7 @@
480 // 批量删除，选中列表 489 // 批量删除，选中列表
481 selectList: [], 490 selectList: [],
482 }, 491 },
  492 +
483 /** 493 /**
484 * 设置删除时间，参数 494 * 设置删除时间，参数
485 */ 495 */
@@ -1096,6 +1106,17 @@ @@ -1096,6 +1106,17 @@
1096 this.$message.error(error.toString()); 1106 this.$message.error(error.toString());
1097 }); 1107 });
1098 }, 1108 },
  1109 +
  1110 + /**
  1111 + * 查询用户中心的用户
  1112 + */
  1113 + getCloudUser() {
  1114 + getUserList(this.user_cloud.queryInfo).then((response) => {
  1115 + this.user_cloud.cloudUserList = response.data.data.list;
  1116 + }).catch((error) => {
  1117 + this.$message.error(error.toString());
  1118 + });
  1119 + },
1099 }, 1120 },
1100 created() { 1121 created() {
1101 // 刷新列表 1122 // 刷新列表
@@ -1105,7 +1126,9 @@ @@ -1105,7 +1126,9 @@
1105 }, 1126 },
1106 mounted() { 1127 mounted() {
1107 this.messageNote_selectServerList(); 1128 this.messageNote_selectServerList();
1108 - this.note_getUserInfoList(); 1129 + // this.note_getUserInfoList();
  1130 + // 获取用户中心的用户列表
  1131 + this.getCloudUser();
1109 }, 1132 },
1110 computed: {}, 1133 computed: {},
1111 } 1134 }
@@ -290,10 +290,10 @@ @@ -290,10 +290,10 @@
290 exchangeId: [ 290 exchangeId: [
291 {required: true, message: '请选择所属交换机', trigger: ['blur', 'change']}, 291 {required: true, message: '请选择所属交换机', trigger: ['blur', 'change']},
292 ], 292 ],
293 - // 相关描述  
294 - description: [  
295 - {required: true, message: '请输入相关描述', trigger: ['blur', 'change']},  
296 - ], 293 + // // 相关描述
  294 + // description: [
  295 + // {required: true, message: '请输入相关描述', trigger: ['blur', 'change']},
  296 + // ],
297 }, 297 },
298 298
299 /** 299 /**
@@ -83,7 +83,7 @@ @@ -83,7 +83,7 @@
83 <!-- 删除按钮--> 83 <!-- 删除按钮-->
84 <el-tooltip effect="dark" content="删除" placement="top-start" :enterable="false"> 84 <el-tooltip effect="dark" content="删除" placement="top-start" :enterable="false">
85 <el-button type="danger" icon="el-icon-delete" size="mini" 85 <el-button type="danger" icon="el-icon-delete" size="mini"
86 - :loading="umb_loading.delLoading" 86 + :loading="umb_loading.listLoading"
87 @click="umb_remove(scope.$index,scope.row)">删除 87 @click="umb_remove(scope.$index,scope.row)">删除
88 </el-button> 88 </el-button>
89 </el-tooltip> 89 </el-tooltip>
@@ -758,22 +758,22 @@ @@ -758,22 +758,22 @@
758 } 758 }
759 ).then(() => { 759 ).then(() => {
760 // 开启加载 760 // 开启加载
761 - this.umb_loading.delLoading = true; 761 + this.umb_loading.listLoading = true;
762 deleteUserMessageBinding(row).then((response) => { 762 deleteUserMessageBinding(row).then((response) => {
763 let res = response.data; 763 let res = response.data;
764 if (res.code !== '200') { 764 if (res.code !== '200') {
765 // 关闭加载 765 // 关闭加载
766 - this.umb_loading.delLoading = false; 766 + this.umb_loading.listLoading = false;
767 return this.$message.error('删除-配置-信息，失败'); 767 return this.$message.error('删除-配置-信息，失败');
768 } 768 }
769 // 关闭加载 769 // 关闭加载
770 - this.umb_loading.delLoading = false; 770 + this.umb_loading.listLoading = false;
771 this.$message.success('删除-配置-信息，成功！'); 771 this.$message.success('删除-配置-信息，成功！');
772 // 刷新列表 772 // 刷新列表
773 this.umb_getList(); 773 this.umb_getList();
774 }).catch(error => { 774 }).catch(error => {
775 // 关闭加载 775 // 关闭加载
776 - this.umb_loading.delLoading = false; 776 + this.umb_loading.listLoading = false;
777 this.$message.error(error.toString()); 777 this.$message.error(error.toString());
778 }); 778 });
779 }).catch(() => { 779 }).catch(() => {
@@ -1010,8 +1010,6 @@ @@ -1010,8 +1010,6 @@
1010 mounted() { 1010 mounted() {
1011 // 获取服务器列表 1011 // 获取服务器列表
1012 this.selectServerList(); 1012 this.selectServerList();
1013 - // 获取用户信息列表  
1014 - this.umb_getUserInfoList();  
1015 // 获取用户中心的用户列表 1013 // 获取用户中心的用户列表
1016 this.getCloudUser(); 1014 this.getCloudUser();
1017 }, 1015 },