fast(断路器): 增加日志类型图标提示、解决websocket报错、日志自动清理上限改为400条

This commit is contained in:
fhysy 2024-10-21 14:21:40 +08:00
parent 1d67888b56
commit d12381feb3
1 changed files with 53 additions and 8 deletions

View File

@ -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>
&nbsp;&nbsp;{{ item.time }}&nbsp;&nbsp;&nbsp;&nbsp; {{ item.msg }} &nbsp;&nbsp;{{ item.time }}&nbsp;&nbsp;&nbsp;&nbsp; {{ 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>