修改了前端页面

main/manager-web/src/components/DeviceItem.vue

@@ -6,13 +6,16 @@
       </div>
       <div>
         <img src="@/assets/home/delete.png" alt=""
-             style="width: 24px;height: 24px;margin-right: 10px;" />
-        <img src="@/assets/home/info.png" alt="" style="width: 24px;height: 24px;" />
+             style="width: 18px;height: 18px;margin-right: 10px;" />
+        <img src="@/assets/home/info.png" alt="" style="width: 18px;height: 18px;" />
       </div>
     </div>
     <div class="device-name">
       设备型号：{{ device.model }}
     </div>
+    <div class="device-name">
+      音色模型：{{ device.voiceModel }}
+    </div>
     <div style="display: flex;gap: 10px;align-items: center;">
       <div class="settings-btn" @click="$emit('configure')">
         配置角色
@@ -23,12 +26,12 @@
       <div class="settings-btn">
         历史对话
       </div>
-      <el-switch v-model="switchValue" inactive-text="OTA升级:" :width="42"
-                 style="margin-left: auto;" />
+      <div class="settings-btn"  @click="$emit('deviceManage')">
+        设备管理
+      </div>
     </div>
     <div class="version-info">
       <div>最近对话：{{ device.lastConversation }}</div>
-      <div>APP版本：{{ device.appVersion }}</div>
     </div>
   </div>
 </template>
@@ -46,28 +49,28 @@ export default {
 </script>
 <style scoped>
 .device-item {
-  width: 455px;
+  width: 342px;
   border-radius: 20px;
   background: #fafcfe;
-  padding: 30px;
+  padding: 22px;
   box-sizing: border-box;
 }
 .device-name {
-  margin: 10px 0 14px;
+  margin: 7px 0 10px;
   font-weight: 400;
-  font-size: 14px;
+  font-size: 10px;
   color: #3d4566;
   text-align: left;
 }
 
 .settings-btn {
   font-weight: 500;
-  font-size: 14px;
+  font-size: 10px;
   color: #5778ff;
   background: #e6ebff;
-  width: 76px;
-  height: 28px;
-  line-height: 28px;
+  width: 57px;
+  height: 21px;
+  line-height: 21px;
   cursor: pointer;
   border-radius: 14px;
 }
@@ -75,9 +78,10 @@ export default {
 .version-info {
   display: flex;
   justify-content: space-between;
-  margin-top: 20px;
-  font-size: 14px;
+  margin-top: 15px;
+  font-size: 10px;
   color: #979db1;
   font-weight: 400;
 }
+
 </style>