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

src/renderer/src/views/system/switch/index.vue

@@ -283,10 +283,38 @@
 			<div id="log-box-main" class="log-box-main">
 				<div class="log-list">
 					<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>
-						<span v-else-if="item.type == 'publish'" class="iconfont icon-icon_xiahang"></span>
-						<span v-else-if="item.type == 'system'" class="iconfont icon-icon_xitong"></span>
-						<span v-else class="iconfont icon-icon_xiaoxi"></span>
+            <el-tooltip
+              effect="light"
+              content="订阅"
+              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 }}
 						<el-tooltip class="box-item" content="复制" effect="dark" placement="bottom">
 							<span class="iconfont icon-icon_fuzhi" @click="copyMsg(item.msg)"></span>
@@ -400,6 +428,19 @@ const gatewayRules = reactive({
 	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([
 	{
@@ -1029,7 +1070,7 @@ const clearLog = () => {
 const getSocketMeassage = message => {
 	let msg = JSON.parse(message.data);
 	if (msg.msgType !== undefined) {
-		if (logList.value.length > 200) {
+		if (logList.value.length > 400) {
 			logList.value.shift();
 		}
 		logList.value.push({
@@ -1038,7 +1079,7 @@ const getSocketMeassage = message => {
 			type: msg.msgType
 		});
 	} else {
-    if (logList.value.length > 200) {
+    if (logList.value.length > 400) {
       logList.value.shift();
     }
 		logList.value.push({
@@ -1127,8 +1168,12 @@ onMounted(() => {
 
 onUnmounted(() => {
 	window.removeEventListener('resize', updateLogItemWidth);
-	webSocketStore.close();
-	switchSocket.close();
+  if(webSocketStore){
+    webSocketStore.close();
+  }
+  if(switchSocket.websocket){
+    switchSocket.close();
+  }
 });
 </script>