style：修改样式

frontend/src/components/home/Chat.vue

 <template>
   <div class="w-48% float-left border-solid border-bluegray border-2">
     <el-scrollbar ref="scrollbarRef" style="height: 34rem;" class="mb-10 " always>
-      <div ref="innerRef">
+      <div ref="innerRef" class="bg-black">
         <p v-for="item in items" :key="item" class="scrollbar-demo-item text-sm">
         <div>{{ JSON.parse(item)?.ts }}</div>
         {{ item }}
@@ -244,11 +244,14 @@ const deviceNameMap = new Map<string, any>()
 const showCmdDialog = () => {
   dialogCmdVisible.value = true
 
-  for (let deviceInfo of deviceInfos.value) {
-    deviceNamesOptions.value.push({
-      label: deviceInfo.dev_name,
-      value: deviceInfo.dev_name
-    })
+  // 如果 options 中没有内容的话，将信息存到 options 中
+  if (deviceNamesOptions.value.length === 0) {
+    for (let deviceInfo of deviceInfos.value) {
+      deviceNamesOptions.value.push({
+        label: deviceInfo.dev_name,
+        value: deviceInfo.dev_name
+      })
+    }
   }
 
   // 如果 map 中没有内容的话，将信息存到一个 map 中方便查找
@@ -327,7 +330,7 @@ const sendCmd = () => {
   margin: 10px;
   text-align: left;
   border-radius: 4px;
-  background: #fff;
+  background: #f4f4f4;
   color: #4d4c4c;
 }
 </style>

frontend/src/components/protocol/CollapseTable.vue

@@ -437,8 +437,8 @@ const addNewVersion = () => {
   /*border: 1px solid;*/
   /*padding: 10px;*/
   /*border-radius: 10px;*/
-  /*margin-bottom: 4px;*/
-  box-shadow: var(--el-box-shadow-dark);
+  margin-bottom: 8px;
+  box-shadow: var(--el-box-shadow-light);
   background-color: #f9f9f9;
 }
 /*.collapse1 .el-collapse-item__wrap {*/