朱兆平 / vue_cli · 提交

转到一个项目

作者 王勇
提交 054aa54a91500937d453acf3190e93e5f8b8e27e 1 个父辈 56bdca38

添加MQ用户信息

内嵌 并排对比
正在显示 4 个修改的文件 包含 158 行增加 和 23 行删除
... ... @@ -102,3 +102,4 @@ export const setDeleteTime = params =>{return http.get(`${baseUrl}/scheduling/se
// 用户信息，获取用户信息列表
export const getUserInfoList = params =>{return http.get(`${baseUrl}/user/userList`, params);};
export const insertUserInfo = params =>{return http.post(`${baseUrl}/user/insert`, params);};
\ No newline at end of file
... ...
... ... @@ -29,6 +29,10 @@
size="medium" clearable prefix-icon="el-icon-search"></el-input>
</el-col>
<el-col :span="4">
<el-input v-model="messageNote_queryInfo.alias_sendContent" placeholder="发送内容"
size="medium" clearable prefix-icon="el-icon-search"></el-input>
</el-col>
<el-col :span="4">
<el-date-picker v-model="messageNote_queryInfo.sendTimeBegin" placeholder="时间段-开始"
type="date" value-format="yyyy-MM-dd"
size="medium" style="width: auto"></el-date-picker>
... ... @@ -396,9 +400,9 @@
<el-button type="primary" @click="messageNote_dialog.editDialog = false" size="medium"
style="width: 100px">关闭
</el-button>
<!-- <el-button type="primary" @click="messageNote_edit" :loading="messageNote_loading.editLoading"-->
<!-- size="medium" style="width: 100px">查看-->
<!-- </el-button>-->
<!-- <el-button type="primary" @click="messageNote_edit" :loading="messageNote_loading.editLoading"-->
<!-- size="medium" style="width: 100px">查看-->
<!-- </el-button>-->
</div>
</el-dialog>
</div>
... ... @@ -444,6 +448,8 @@
messageNote_queryInfo: {
// 用户名称
username: '',
// 消息内容，别名
alias_sendContent: '',
// 服务器名称
serverName: '',
// 虚拟主机名称
... ... @@ -454,9 +460,9 @@
queueName: '',
// 路由键名称
routingKeyName: '',
// 消息发送时间
// 时间段查询，开始
sendTimeBegin: undefined,
// 消息获取时间
// 时间段查询，结束
sendTimeEnd: undefined,
// 当前页数
pageNum: 1,
... ...
... ... @@ -47,16 +47,23 @@
</el-table-column>
<el-table-column label="操作" width="300px" fixed="right" align="center">
<template slot-scope="scope">
<el-button type="primary" icon="el-icon-setting" size="small" @click="roleEdit(scope.$index, scope.row)">角色配置</el-button>
<el-button size="small" type="success" icon="el-icon-check" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
<el-button type="danger" icon="el-icon-delete" size="small" @click="handleDel(scope.$index, scope.row)">删除</el-button>
<el-button type="primary" icon="el-icon-setting" size="small"
@click="roleEdit(scope.$index, scope.row)">角色配置
</el-button>
<el-button size="small" type="success" icon="el-icon-check"
@click="handleEdit(scope.$index, scope.row)">编辑
</el-button>
<el-button type="danger" icon="el-icon-delete" size="small"
@click="handleDel(scope.$index, scope.row)">删除
</el-button>
</template>
</el-table-column>
</el-table>
<!--工具条-->
<el-col :span="24" class="toolbar">
<el-button type="danger" icon="el-icon-delete" @click="batchRemove" :disabled="this.sels.length===0">批量删除</el-button>
<el-button type="danger" icon="el-icon-delete" @click="batchRemove" :disabled="this.sels.length===0">批量删除
</el-button>
<el-pagination layout="total, prev, pager, next" @current-change="handleCurrentChange" :page-size="10"
:total="total" style="float:right;">
</el-pagination>
... ... @@ -71,9 +78,9 @@
<el-form-item label="账号">
<span>{{editForm.username}}</span>
</el-form-item>
<!-- <el-form-item label="密码" prop="password">-->
<!-- <el-input v-model="editForm.password" auto-complete="off" type="password" show-password></el-input>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="密码" prop="password">-->
<!-- <el-input v-model="editForm.password" auto-complete="off" type="password" show-password></el-input>-->
<!-- </el-form-item>-->
<el-form-item label="姓名" prop="realname">
<el-input v-model="editForm.realname" auto-complete="off"></el-input>
</el-form-item>
... ... @@ -126,21 +133,51 @@
<!--新增界面-->
<el-dialog title="新增" :visible.sync="addFormVisible" :close-on-click-modal="false">
<el-form :model="addForm" label-width="80px" :rules="addFormRules" ref="addForm">
<el-form :model="addForm" label-width="120px" :rules="addFormRules" ref="addForm">
<el-form-item label="账号" prop="username">
<el-input v-model="addForm.username" aria-placeholder="用户名长度在5-11位,支持英文和数字"></el-input>
<el-input v-model="addForm.username" clearable style="width:400px"
aria-placeholder="用户名长度在5-11位,支持英文和数字"></el-input>
</el-form-item>
<el-form-item label="密码" prop="password">
<el-input v-model="addForm.password" type="password"></el-input>
<el-input v-model="addForm.password" type="password" clearable style="width:400px"></el-input>
</el-form-item>
<el-form-item label="姓名" prop="realname">
<el-input v-model="addForm.realname"></el-input>
<el-input v-model="addForm.realname" clearable style="width:400px"></el-input>
</el-form-item>
<el-form-item label="服务器：" prop="serverId">
<el-select v-model="addForm.serverId" prefix-icon="el-icon-search" clearable
style="width:400px" size="medium" filterable
@change="user_addChange"
placeholder="请选择服务器">
<el-option
v-for="item in (user_config.serverList)"
:key="item.id"
:label="item.serverName"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="虚拟主机：" prop="virtualHostId">
<el-select v-model="addForm.virtualHostId" prefix-icon="el-icon-search" clearable
style="width:400px" size="medium" filterable
:disabled="addForm.serverId===''"
placeholder="请选择虚拟主机">
<el-option
v-for="item in (user_config.virtualHostList)"
:key="item.id"
:label="item.virtualHostName"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="电话" prop="mobilephone">
<el-input v-model="addForm.mobilephone"></el-input>
<el-input v-model="addForm.mobilephone" clearable style="width:400px"></el-input>
</el-form-item>
<el-form-item label="Email" prop="email">
<el-input v-model="addForm.email"></el-input>
<el-input v-model="addForm.email" clearable style="width:400px"></el-input>
</el-form-item>
<el-form-item label="性别">
<el-radio-group v-model="addForm.sex">
... ... @@ -152,7 +189,8 @@
<el-input-number v-model="addForm.age" :min="0" :max="200"></el-input-number>
</el-form-item>
<el-form-item label="地址">
<el-input type="textarea" v-model="addForm.address"></el-input>
<el-input type="textarea" v-model="addForm.address" size="medium" autosize :rows="2" clearable
style="width:400px"></el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
... ... @@ -189,10 +227,17 @@
import {getUserList, removeUser, batchRemoveUser, editUser, addUser, setUserRole} from '../../api/user';
import {getList} from '../../api/role_api';
import moment from 'moment'
import {getHostList, getServerList, insertBusServer, insertUserInfo} from "../../api/message_bus";
export default {
data() {
return {
user_config: {
// 服务器列表
serverList: [],
// 虚拟主机列表
virtualHostList: [],
},
filters: {
userName: '',
realName: ''
... ... @@ -245,6 +290,12 @@
mobilephone: [
{required: true, message: '请输入手机号码', trigger: ['blur', 'change']},
],
virtualHostId: [
{required: true, message: '请选择虚拟主机', trigger: ['blur', 'change']},
],
serverId: [
{required: true, message: '请选择服务器', trigger: ['blur', 'change']},
],
},
//用户角色配置
roleFormVisible: false,
... ... @@ -257,7 +308,9 @@
realname: '',
email: '',
mobilephone: '',
age: 1
age: 1,
virtualHostId: '',
serverId: '',
},
roleEditForm: {
userId: 1,
... ... @@ -376,6 +429,8 @@
},
//显示新增界面，每次点开初始化数据
handleAdd: function () {
// 刷新一下服务器列表
this.selectServerList();
this.addFormVisible = true;
this.addForm = {
username: '',
... ... @@ -385,7 +440,9 @@
realname: '',
email: '',
mobilephone: '',
age: 1
age: 1,
virtualHostId: '',
serverId: '',
};
},
//编辑
... ... @@ -433,6 +490,27 @@
this.addLoading = true;
let para = Object.assign({}, this.addForm);
// para.birth = (!para.birth || para.birth == '') ? '' : util.formatDate.format(new Date(para.birth), 'yyyy-MM-dd');
// 添加MQ用户信息
const params = {
username: this.addForm.username,
password: this.addForm.password,
realName: this.addForm.realname,
serverId: this.addForm.serverId,
virtualHostId: this.addForm.virtualHostId,
}
insertUserInfo(params).then((response) => {
let res = response.data;
// 添加失败
if (res.code !== '200') {
return this.$message.error("MQ:" + res.msg);
}
// 添加，成功
this.$message.success('添加MQ用戶信息，成功');
}).catch(error => {
this.$message.error(error.toString());
});
addUser(para).then((res) => {
this.addLoading = false;
//NProgress.done();
... ... @@ -450,6 +528,7 @@
type: 'error'
});
});
});
}
});
... ... @@ -514,7 +593,28 @@
}
// console.log(data, checked, indeterminate);
console.log(this.roleIds);
}
},
/**
* 获取服务器列表
*/
selectServerList() {
this.$store.commit('StoreServerList')
this.user_config.serverList = this.$store.state.serverList;
},
user_addChange(value) {
// 现将对应的虚拟主机的ID清空
this.addForm.virtualHostId = undefined;
// 根据服务器ID，获取出对应的虚拟主机的列表
this.selectHostList(value);
},
/**
* 获取虚拟主机列表
*/
selectHostList(id) {
this.$store.commit('StoreHostList', id);
this.user_config.virtualHostList = this.$store.state.virtualHostList;
},
},
mounted() {
this.getUsers();
... ...
... ... @@ -2,16 +2,44 @@ import Vue from 'vue'
import Vuex from 'vuex'
import * as actions from './actions'
import * as getters from './getters'
import {getServerList, getHostList} from "../api/message_bus"
Vue.use(Vuex)
// 应用初始状态
const state = {
count: 10
count: 10,
serverList: [],
virtualHostList: [],
}
// 定义所需的 mutations
const mutations = {
StoreServerList(state) {
getServerList().then((response) => {
let res = response.data;
if (res.code !== '200') {
return;
}
// 获取服务器列表数据
state.serverList = res.data;
}).catch(error => {
this.$message.error(error.toString());
});
},
StoreHostList(state, serverId) {
getHostList(serverId).then((response) => {
let res = response.data;
if (res.code !== '200') {
return;
}
state.virtualHostList = res.data;
}).catch(error => {
this.$message.error(error.toString());
});
},
INCREMENT(state) {
state.count++
},
... ...