feat: 监考大屏样式调整

src/features/invigilation/RealtimeMonitoring/RealtimeMonitoringFull.vue

@@ -27,7 +27,7 @@
             <div
               class="invigilation-student-item"
               v-for="item in dataList"
-              :key="item.examRecordId"
+              :key="item.examRecordId + item.liveUrl"
             >
               <invigilation-student-full
                 ref="InvigilationStudent"

src/features/invigilation/RealtimeMonitoring/components/EarlyWarningList.vue

@@ -9,7 +9,7 @@
         @click="$emit('warnClick', item)"
       >
         <span class="icon icon-warn"></span>
-        <span class="ellipsis card-box-list-item-user">
+        <span class="ellipsis card-box-list-item-user" :title="item.name">
           {{ item.name }}
         </span>
         <span class="ellipsis early-warning-reason" :title="item.info">

src/features/invigilation/RealtimeMonitoring/components/InvigilationStudentFull.vue

@@ -42,10 +42,13 @@
       ></span>
       <div class="other-operation">
         <span
-          class="icon icon-send-text"
+          class="icon icon-send-text-active"
           @click.stop="onOperation('message')"
         ></span>
-        <span class="icon icon-voice" @click.stop="onOperation('voice')"></span>
+        <span
+          class="icon icon-voice-active"
+          @click.stop="onOperation('voice')"
+        ></span>
         <span
           class="icon icon-talk"
           :class="{ 'icon-talk-active': talkingType === 'talk' }"

src/features/invigilation/RealtimeMonitoring/components/RealtimeMonitoringFullHeader.vue

@@ -161,6 +161,9 @@ export default {
     .media-source-select {
       width: 160px;
     }
+    .el-form-item {
+      margin-bottom: 0;
+    }
     .el-input {
       .el-input__icon {
         line-height: 32px;
@@ -168,6 +171,7 @@ export default {
       .el-input__inner {
         height: 36px;
         background: rgba(66, 66, 69, 0);
+        color: #a1a8b3;
         border-radius: 10px;
         border: 2px solid #3f444d;
       }