朱兆平 / vue_cli · 提交

转到一个项目

作者 王勇
提交 20e37cf28978b4295d60ba9f3c4631f6e1dce75a 1 个父辈 c3769685

根据用户体验修改代码（用户关系）

内嵌 并排对比
正在显示 1 个修改的文件 包含 14 行增加 和 50 行删除
@@ -98,7 +98,7 @@ @@ -98,7 +98,7 @@
98 <div> 98 <div>
99 <el-dialog title="添加MQ用户信息" 99 <el-dialog title="添加MQ用户信息"
100 :visible.sync="user_dialog.addDialog" 100 :visible.sync="user_dialog.addDialog"
101 - v-loading="user_loading.addLoading" element-loading-text="正在添加MQ用户信息，拼命加载中" 101 + v-loading="user_loading.addLoading" element-loading-text="正在添加用户关系，拼命加载中"
102 style="margin-top: -20px" 102 style="margin-top: -20px"
103 width="50%" text-align="center" @close="user_addDialogClosed"> 103 width="50%" text-align="center" @close="user_addDialogClosed">
104 <el-form :inline="true" label-width="145px" status-icon style="margin-top: -10px" 104 <el-form :inline="true" label-width="145px" status-icon style="margin-top: -10px"
@@ -108,16 +108,6 @@ @@ -108,16 +108,6 @@
108 placeholder="请输入用户名称"> 108 placeholder="请输入用户名称">
109 </el-input> 109 </el-input>
110 </el-form-item> 110 </el-form-item>
111 -  
112 - <!-- <el-form-item label="用户密码：" prop="firstPassword">-->  
113 - <!-- <el-input type="password" v-model="user_addForm.firstPassword" style="width:270px"-->  
114 - <!-- size="small" clearable show-password placeholder="请输入用户密码"></el-input>-->  
115 - <!-- </el-form-item>-->  
116 -  
117 - <!-- <el-form-item label="重新输入密码：" prop="password">-->  
118 - <!-- <el-input type="password" v-model="user_addForm.password" style="width:270px"-->  
119 - <!-- size="small" clearable show-password placeholder="请重新输入密码"></el-input>-->  
120 - <!-- </el-form-item>-->  
121 <el-form-item label="真实姓名：" prop="realName"> 111 <el-form-item label="真实姓名：" prop="realName">
122 <el-input v-model="user_addForm.realName" style="width:270px" size="small" clearable 112 <el-input v-model="user_addForm.realName" style="width:270px" size="small" clearable
123 placeholder="请输入真实姓名"> 113 placeholder="请输入真实姓名">
@@ -150,6 +140,7 @@ @@ -150,6 +140,7 @@
150 <div> 140 <div>
151 <el-dialog title="编辑MQ用户关系" 141 <el-dialog title="编辑MQ用户关系"
152 :visible.sync="user_dialog.editDialog" 142 :visible.sync="user_dialog.editDialog"
  143 + v-loading="user_loading.editLoading" element-loading-text="正在拼命编辑，请稍等..."
153 style="margin-top: -20px" 144 style="margin-top: -20px"
154 width="50%" text-align="center" @close="user_editDialogClosed"> 145 width="50%" text-align="center" @close="user_editDialogClosed">
155 <el-form :inline="true" label-width="145px" status-icon style="margin-top: -10px" 146 <el-form :inline="true" label-width="145px" status-icon style="margin-top: -10px"
@@ -162,34 +153,6 @@ @@ -162,34 +153,6 @@
162 <el-input v-model="user_editForm.serverName" style="width:300px" size="small" clearable readonly 153 <el-input v-model="user_editForm.serverName" style="width:300px" size="small" clearable readonly
163 placeholder="请输入服务器名称"></el-input> 154 placeholder="请输入服务器名称"></el-input>
164 </el-form-item> 155 </el-form-item>
165 - <!-- <br/>-->  
166 - <!-- <el-form-item label="现有用户关系：" prop="virtualHostIds">-->  
167 - <!-- <el-select v-model="user_editForm.virtualHostIds" prefix-icon="el-icon-search" clearable-->  
168 - <!-- style="width:300px" size="small" filterable multiple disabled-->  
169 - <!-- @change="user_editChange"-->  
170 - <!-- placeholder="选择用户关系">-->  
171 - <!-- <el-option-->  
172 - <!-- v-for="item in (user_config.virtualHostList)"-->  
173 - <!-- :key="item.id"-->  
174 - <!-- :label="item.virtualHostName"-->  
175 - <!-- :value="item.id">-->  
176 - <!-- </el-option>-->  
177 - <!-- </el-select>-->  
178 - <!-- </el-form-item>-->  
179 - <!-- <br/>-->  
180 - <!-- <el-form-item label="选择用户关系：" prop="virtualHostId">-->  
181 - <!-- <el-select v-model="user_editForm.virtualHostId" prefix-icon="el-icon-search" clearable-->  
182 - <!-- style="width:300px" size="small" filterable multiple-->  
183 - <!-- @change="user_editChange"-->  
184 - <!-- placeholder="选择用户关系">-->  
185 - <!-- <el-option-->  
186 - <!-- v-for="item in (user_config.virtualHostList)"-->  
187 - <!-- :key="item.id"-->  
188 - <!-- :label="item.virtualHostName"-->  
189 - <!-- :value="item.id">-->  
190 - <!-- </el-option>-->  
191 - <!-- </el-select>-->  
192 - <!-- </el-form-item>-->  
193 156
194 <br/> 157 <br/>
195 <el-form-item label="选择用户关系："> 158 <el-form-item label="选择用户关系：">
@@ -229,7 +192,7 @@ @@ -229,7 +192,7 @@
229 deleteUserInfo, 192 deleteUserInfo,
230 deleteUserRelation, 193 deleteUserRelation,
231 getHostList, 194 getHostList,
232 - batchDeleteUser,updateUserInfo, 195 + batchDeleteUser, updateUserInfo,
233 batchDeleteUserRelation 196 batchDeleteUserRelation
234 } from "../../api/message_bus"; 197 } from "../../api/message_bus";
235 198
@@ -424,9 +387,9 @@ @@ -424,9 +387,9 @@
424 this.user_addForm.virtualHostId = this.$refs.tree.getCheckedKeys().join(); 387 this.user_addForm.virtualHostId = this.$refs.tree.getCheckedKeys().join();
425 if (this.user_addForm.virtualHostId === '') { 388 if (this.user_addForm.virtualHostId === '') {
426 return this.$confirm('用户关系不能为空，请务必选择用户关系', '警告', { 389 return this.$confirm('用户关系不能为空，请务必选择用户关系', '警告', {
427 - confirmButtonText: '确定', 390 + confirmButtonText: '好的',
428 cancelButtonText: '取消', 391 cancelButtonText: '取消',
429 - type: 'warning' 392 + type: 'error'
430 } 393 }
431 ) 394 )
432 } 395 }
@@ -445,7 +408,13 @@ @@ -445,7 +408,13 @@
445 cancelButtonText: '取消', 408 cancelButtonText: '取消',
446 type: 'warning' 409 type: 'warning'
447 } 410 }
448 - ) 411 + ).then(() => {
  412 + this.user_loading.addLoading = false;
  413 + // 隐藏对话框
  414 + this.user_dialog.addDialog = false;
  415 + // 刷新列表
  416 + this.user_getList();
  417 + })
449 } 418 }
450 // 关闭加载 419 // 关闭加载
451 this.user_loading.addLoading = false; 420 this.user_loading.addLoading = false;
@@ -496,13 +465,11 @@ @@ -496,13 +465,11 @@
496 * user，编辑功能 465 * user，编辑功能
497 */ 466 */
498 user_edit() { 467 user_edit() {
499 - console.log(this.user_editForm.virtualHostId)  
500 - console.log(this.user_editForm)  
501 if (this.user_editForm.virtualHostId === '') { 468 if (this.user_editForm.virtualHostId === '') {
502 return this.$confirm('用户关系不能为空，请务必选择用户关系', '警告', { 469 return this.$confirm('用户关系不能为空，请务必选择用户关系', '警告', {
503 - confirmButtonText: '确定', 470 + confirmButtonText: '好的',
504 cancelButtonText: '取消', 471 cancelButtonText: '取消',
505 - type: 'warning' 472 + type: 'error'
506 } 473 }
507 ) 474 )
508 } 475 }
@@ -616,13 +583,11 @@ @@ -616,13 +583,11 @@
616 username: usernames[i], 583 username: usernames[i],
617 serverName: serverNames[i], 584 serverName: serverNames[i],
618 } 585 }
619 - console.log(param)  
620 params.push(param) 586 params.push(param)
621 } 587 }
622 } else { 588 } else {
623 return this.$message.error("批量删除用户失败，请仔细检查"); 589 return this.$message.error("批量删除用户失败，请仔细检查");
624 } 590 }
625 - console.log(params)  
626 this.$confirm('此操作永久删除该用户, 是否继续?', '警告', { 591 this.$confirm('此操作永久删除该用户, 是否继续?', '警告', {
627 confirmButtonText: '确定删除', 592 confirmButtonText: '确定删除',
628 cancelButtonText: '取消', 593 cancelButtonText: '取消',
@@ -657,7 +622,6 @@ @@ -657,7 +622,6 @@
657 */ 622 */
658 user_batchRemoveRelation() { 623 user_batchRemoveRelation() {
659 const ids = this.user_page.selectList.map(item => item.id).toString(); 624 const ids = this.user_page.selectList.map(item => item.id).toString();
660 - console.log(ids)  
661 const param = { 625 const param = {
662 id: ids, 626 id: ids,
663 } 627 }