20260903:调试界面清屏

yack-web/src/views/iot/device/instruction-parsing.vue

@@ -5,6 +5,7 @@
                 <div class="head">
                     <span style="color: #909399">{{ $t('device.instruction-parsing.830424-0') }}</span>
                     <span>{{ device.serialNumber }}</span>
+                  <el-button type="text" class="clear-btn red-btn" icon="el-icon-delete" @click="clearLogList">清屏</el-button>
 <!--                    <el-dropdown style="margin-left: auto" @command="handleFormatChange">-->
 <!--                        <span class="el-dropdown-link">-->
 <!--                            {{ format }}-->
@@ -961,6 +962,10 @@ export default {
                 });
             }
         },
+        /**清屏 */
+        clearLogList() {
+            this.logList = [];
+        },
     },
     mounted() {
         this.resetCreateForm();
@@ -1031,6 +1036,17 @@ $right-btn-color: #1890ff;
         font-size: 12px;
         border-bottom: 1px solid $border-color;
 
+        .clear-btn {
+            margin-left: auto;
+            color: #909399;
+            padding: 0;
+            font-size: 12px;
+
+            &:hover {
+                color: #f56c6c;
+            }
+        }
+
         .el-dropdown-link {
             cursor: pointer;
         }
@@ -1307,5 +1323,13 @@ $right-btn-color: #1890ff;
             }
         }
     }
+
+  /* 如果 style 有 scoped，请用 ::v-deep */
+  ::v-deep .red-btn {
+    color: #F56C6C !important;
+  }
+  ::v-deep .red-btn:hover {
+    color: #FF0000 !important; /* 悬停时更亮 */
+  }
 }
 </style>