改进 websocket 状态显示

This commit is contained in:
suwings 2018-02-17 19:06:38 +08:00
parent f9d30bab76
commit dca6040e11
2 changed files with 10 additions and 9 deletions

View File

@ -9,9 +9,9 @@
MI.listener('ws/open', function (ws) {
VIEW_MODEL['websocketStatus'] = {};
var webscoketStatus = VIEW_MODEL['websocketStatus'];
webscoketStatus['status'] = 'WebSocket 连接正常';
webscoketStatus['status'] = '服务器连接正常';
webscoketStatus['is'] = true;
webscoketStatus['color'] = '#ffffff';
webscoketStatus['tcolor'] = '#12ea19';
VIEW_MODEL.newVue('websocketStatus', {
el: '#websocket'
});
@ -22,16 +22,16 @@
MI.listener('ws/close', function (ws) {
var webscoketStatus = VIEW_MODEL['websocketStatus'];
webscoketStatus['status'] = 'WebSocket 连接断开,请刷新网页重连';
webscoketStatus['status'] = '!!! 连接断开 !!!';
webscoketStatus['is'] = false;
webscoketStatus['color'] = '#f5ea6c';
webscoketStatus['tcolor'] = '#ffffff';
});
MI.listener('ws/error', function (ws) {
var webscoketStatus = VIEW_MODEL['websocketStatus'];
webscoketStatus['status'] = 'WebSocket 连接错误,请刷新网页重连';
webscoketStatus['status'] = '!!! 连接错误 !!!';
webscoketStatus['is'] = false;
webscoketStatus['color'] = '#f5ea6c';
webscoketStatus['tcolor'] = '#ffffff';
});
//单页生命周期替换事件

View File

@ -51,10 +51,11 @@
<body>
<div id='Header' class="">
<div id='MasterLogo' class="HeaderItem" onclick="MCSERVER.colmDo()" style="cursor: pointer;">
<b>Mcserver
<b> 管理面板</div>
<b>
<span style="color:#ffed00;">M</span>cserver
</b> 管理面板</div>
<div class="HeaderR">
<div id='websocket' v-text="status">
<div id='websocket' v-text="status" v-bind:style="{ color: tcolor}">
正在链接到服务器...
</div>
<div id='loginOut' v-on:click="loginOut()">退出</div>