作者 王勇

放弃使用vuex,直接读取数据库

... ... @@ -117,7 +117,7 @@
@size-change="messageNote_handleSizeChange"
@current-change="messageNote_handleCurrentChange"
:current-page="messageNote_queryInfo.pageNum"
:page-sizes="[10,20,30,50]"
:page-sizes="[10,20,30,50,100,200]"
:page-size="messageNote_queryInfo.pageSize"
layout="total, sizes, prev, pager, next, jumper"
:total="messageNote_page.total">
... ...
... ... @@ -154,7 +154,7 @@
v-for="item in (user_config.serverList)"
:key="item.id"
:label="item.serverName"
:value="item.id">
:value="item.serverName">
</el-option>
</el-select>
</el-form-item>
... ... @@ -168,7 +168,7 @@
v-for="item in (user_config.virtualHostList)"
:key="item.id"
:label="item.virtualHostName"
:value="item.id">
:value="item.virtualHostName">
</el-option>
</el-select>
</el-form-item>
... ... @@ -227,7 +227,7 @@
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";
import {getHostList, getServerList, insertUserInfo} from "../../api/message_bus";
export default {
data() {
... ... @@ -598,8 +598,16 @@
* 获取服务器列表
*/
selectServerList() {
this.$store.commit('StoreServerList')
this.user_config.serverList = this.$store.state.serverList;
getServerList().then((response) => {
let res = response.data;
if (res.code !== '200') {
return this.$message.error("服务器信息获取失败");
}
// 获取服务器列表数据
this.user_config.serverList = res.data;
}).catch(error => {
this.$message.error(error.toString());
});
},
user_addChange(value) {
... ... @@ -608,12 +616,20 @@
// 根据服务器ID,获取出对应的虚拟主机的列表
this.selectHostList(value);
},
/**
* 获取虚拟主机列表
*/
selectHostList(id) {
this.$store.commit('StoreHostList', id);
this.user_config.virtualHostList = this.$store.state.virtualHostList;
selectHostList(serverId) {
getHostList(serverId).then((response) => {
let res = response.data;
if (res.code !== '200') {
return;
}
this.user_config.virtualHostList = res.data;
}).catch(error => {
this.$message.error(error.toString());
});
},
},
mounted() {
... ...