fast(断路器): 增加日志类型图标提示、解决websocket报错、日志自动清理上限改为400条
This commit is contained in:
parent
1d67888b56
commit
d12381feb3
|
@ -283,10 +283,38 @@
|
||||||
<div id="log-box-main" class="log-box-main">
|
<div id="log-box-main" class="log-box-main">
|
||||||
<div class="log-list">
|
<div class="log-list">
|
||||||
<div v-for="(item, index) in searchLogList" :key="index" class="log-item" :style="{ width: logItemWidth }">
|
<div v-for="(item, index) in searchLogList" :key="index" class="log-item" :style="{ width: logItemWidth }">
|
||||||
<span v-if="item.type == 'subscribe'" class="iconfont icon-icon_shanghang"></span>
|
<el-tooltip
|
||||||
<span v-else-if="item.type == 'publish'" class="iconfont icon-icon_xiahang"></span>
|
effect="light"
|
||||||
<span v-else-if="item.type == 'system'" class="iconfont icon-icon_xitong"></span>
|
content="订阅"
|
||||||
<span v-else class="iconfont icon-icon_xiaoxi"></span>
|
placement="top"
|
||||||
|
v-if="item.type == 'subscribe'"
|
||||||
|
>
|
||||||
|
<span class="iconfont icon-icon_shanghang" style="color: #00a73c"></span>
|
||||||
|
</el-tooltip>
|
||||||
|
<el-tooltip
|
||||||
|
effect="light"
|
||||||
|
content="发布"
|
||||||
|
placement="top"
|
||||||
|
v-else-if="item.type == 'publish'"
|
||||||
|
>
|
||||||
|
<span class="iconfont icon-icon_xiahang" style="color: #ff3b2b"></span>
|
||||||
|
</el-tooltip>
|
||||||
|
<el-tooltip
|
||||||
|
effect="light"
|
||||||
|
content="系统"
|
||||||
|
placement="top"
|
||||||
|
v-else-if="item.type == 'system'"
|
||||||
|
>
|
||||||
|
<span class="iconfont icon-icon_xitong" style="color: #0066cc"></span>
|
||||||
|
</el-tooltip>
|
||||||
|
<el-tooltip
|
||||||
|
effect="light"
|
||||||
|
content="系统"
|
||||||
|
placement="top"
|
||||||
|
v-else
|
||||||
|
>
|
||||||
|
<span class="iconfont icon-icon_xiaoxi"></span>
|
||||||
|
</el-tooltip>
|
||||||
{{ item.time }} {{ item.msg }}
|
{{ item.time }} {{ item.msg }}
|
||||||
<el-tooltip class="box-item" content="复制" effect="dark" placement="bottom">
|
<el-tooltip class="box-item" content="复制" effect="dark" placement="bottom">
|
||||||
<span class="iconfont icon-icon_fuzhi" @click="copyMsg(item.msg)"></span>
|
<span class="iconfont icon-icon_fuzhi" @click="copyMsg(item.msg)"></span>
|
||||||
|
@ -400,6 +428,19 @@ const gatewayRules = reactive({
|
||||||
publishTopic: [{ required: true, message: '下行主题不能为空', trigger: 'blur' }]
|
publishTopic: [{ required: true, message: '下行主题不能为空', trigger: 'blur' }]
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// window.api.readDirectory('../../resources/config/write/').then((flieList=>{
|
||||||
|
// console.log("测试请求",flieList)
|
||||||
|
// if(flieList){
|
||||||
|
// flieList.map(item=>{
|
||||||
|
// window.api.readFile('../../resources/config/write/'+item).then(data=>{
|
||||||
|
// console.log("window.api.read('../../resources/config/write/'+item)",data)
|
||||||
|
// })
|
||||||
|
// })
|
||||||
|
// }else{
|
||||||
|
// }
|
||||||
|
// }))
|
||||||
|
|
||||||
|
|
||||||
// 设备属性
|
// 设备属性
|
||||||
let attrList = ref([
|
let attrList = ref([
|
||||||
{
|
{
|
||||||
|
@ -1029,7 +1070,7 @@ const clearLog = () => {
|
||||||
const getSocketMeassage = message => {
|
const getSocketMeassage = message => {
|
||||||
let msg = JSON.parse(message.data);
|
let msg = JSON.parse(message.data);
|
||||||
if (msg.msgType !== undefined) {
|
if (msg.msgType !== undefined) {
|
||||||
if (logList.value.length > 200) {
|
if (logList.value.length > 400) {
|
||||||
logList.value.shift();
|
logList.value.shift();
|
||||||
}
|
}
|
||||||
logList.value.push({
|
logList.value.push({
|
||||||
|
@ -1038,7 +1079,7 @@ const getSocketMeassage = message => {
|
||||||
type: msg.msgType
|
type: msg.msgType
|
||||||
});
|
});
|
||||||
} else {
|
} else {
|
||||||
if (logList.value.length > 200) {
|
if (logList.value.length > 400) {
|
||||||
logList.value.shift();
|
logList.value.shift();
|
||||||
}
|
}
|
||||||
logList.value.push({
|
logList.value.push({
|
||||||
|
@ -1127,8 +1168,12 @@ onMounted(() => {
|
||||||
|
|
||||||
onUnmounted(() => {
|
onUnmounted(() => {
|
||||||
window.removeEventListener('resize', updateLogItemWidth);
|
window.removeEventListener('resize', updateLogItemWidth);
|
||||||
|
if(webSocketStore){
|
||||||
webSocketStore.close();
|
webSocketStore.close();
|
||||||
|
}
|
||||||
|
if(switchSocket.websocket){
|
||||||
switchSocket.close();
|
switchSocket.close();
|
||||||
|
}
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue