style: 优化游戏预览和带教记录组件样式

src/views/components/quickSendGame/sendGame/SendTransWxGame.vue

@@ -81,12 +81,12 @@
                   >
                 </div>
                 <!-- 左上角小眼睛图标 -->
-                <div class="eye-icon" @click.stop="showPreview(item, index)">
+                 <div class="eye-icon" :class="{'eye-icon-checked': wxGameForm.selectedBackgroundIndex === index}" @click.stop="showPreview(item, index)">
                   <i class="el-icon-view"></i>
                 </div>
                 <!-- 右上角选中/未选中图标 -->
                 <div class="status-icon">
-                  <i v-if="wxGameForm.selectedBackgroundIndex === index" class="el-icon-circle-check status-icon-checked"></i>
+                  <i v-if="wxGameForm.selectedBackgroundIndex === index" class="el-icon-success status-icon-checked"></i>
                   <svg-icon v-else icon-class="uncheck" class="status-icon-unchecked"></svg-icon>
                 </div>
               </div>
@@ -868,13 +868,16 @@
   
   i {
     font-size: 16px;
-    color: #00bf8a;
   }
   
   &:hover {
     opacity: 0.8;
+    color: #00bf8a;
   }
 }
+.eye-icon-checked {
+  color: #00bf8a;
+}
 
 .status-icon {
   position: absolute;
@@ -922,8 +925,8 @@
 
 .preview-wrapper {
   position: relative;
-  width: 100%;
   display: flex;
+  justify-content: center;
 }
 
 .preview-background {

src/views/components/roleInfo/roleInfoPanel.vue

@@ -211,13 +211,11 @@
     <el-drawer
      :visible.sync="showMentorRecord"
       v-if="showMentorRecord"
-      title="带教记录"
-      size="320px"
+      :title="`${currentRoleName}带教记录`"
       :append-to-body="true"
     >
       <mentorRecord
         :role-id="currentRoleId"
-        :role-name="currentRoleName"
         @refresh="handleMentorRecordRefresh"
       />
     </el-drawer>

src/views/userInfo/components/gameInfo/mentorRecord.vue

@@ -2,17 +2,12 @@
  * @Author: 金多虾 937667504@qq.com
  * @Date: 2025-12-11 11:01:15
  * @LastEditors: 金多虾 937667504@qq.com
- * @LastEditTime: 2025-12-17 18:25:00
+ * @LastEditTime: 2025-12-20 11:25:56
  * @FilePath: /company_wx_frontend/src/views/works/component/gameInfo/roleInfo/mentorRecord.vue
  * @Description: 带教记录组件
 -->
 <template>
   <div class="mentor-record-page">
-    <!-- 标题栏 -->
-    <div class="mentor-record-page__header">
-      <p class="mentor-record-page__header-title">{{ roleName }}带教记录</p>
-    </div>
-
     <!-- 提示信息和添加按钮区域 -->
     <div class="mentor-record-page__toolbar">
       <el-button
@@ -35,8 +30,8 @@
         class="mentor-record-page__add-form-input"
       />
       <div class="mentor-record-page__add-form-buttons">
-        <el-button size="small" @click="handleCancelAdd">取消</el-button>
-        <el-button type="primary" size="small" :loading="submitLoading" @click="handleSubmitAdd">保存</el-button>
+        <el-button size="mini" @click="handleCancelAdd">取消</el-button>
+        <el-button type="primary" size="mini" :loading="submitLoading" @click="handleSubmitAdd">保存</el-button>
       </div>
     </div>
 
@@ -73,10 +68,6 @@ export default {
       type: [String, Number],
       required: true
     },
-    roleName: {
-      type: String,
-      default: ''
-    }
   },
   data() {
     return {
@@ -228,10 +219,8 @@ export default {
   &__toolbar {
     display: flex;
     align-items: center;
-    justify-content: space-between;
-    padding: 12px 0;
-    margin-top: 12px;
-
+    justify-content: flex-end;
+    margin-bottom: 20px;
     &-tip {
       font-family: PingFangSC-Regular, PingFang SC;
       font-size: 12px;