融合PK头像头像功能

src/layout/WorkbenchLayout.vue

@@ -53,6 +53,17 @@
             主播列表
           </div>
         </button>
+
+        <!-- PK 工作台 Tab -->
+        <button @click="currentView = 'pk_mini'"
+          class="w-full aspect-square rounded-xl flex items-center justify-center transition-all duration-200 group relative"
+          :class="currentView === 'pk_mini' ? 'bg-blue-600 text-white shadow-lg shadow-blue-900/30' : 'text-slate-400 hover:bg-slate-800 hover:text-white'">
+          <span class="material-icons-round text-2xl">sports_esports</span>
+          <div
+            class="absolute left-14 bg-slate-800 text-white text-xs px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition-opacity whitespace-nowrap pointer-events-none z-50">
+            PK工作台
+          </div>
+        </button>
       </div>
 
       <div class="mt-auto">
@@ -117,15 +128,20 @@
 
       <!-- Tab 4: Fan Workbench - bigBrother 权限 -->
       <div v-show="currentView === 'FanWorkbench'" class="absolute inset-0 z-20 bg-gray-50 h-full overflow-hidden p-4">
-        <PermissionMask 
-          permission-key="bigBrother" 
-          title="大哥工作台未开通" 
+        <PermissionMask
+          permission-key="bigBrother"
+          title="大哥工作台未开通"
           description="您当前没有使用大哥工作台功能的权限"
           :placeholder-image="placeholderBigBrother"
         >
           <FanWorkbench />
         </PermissionMask>
       </div>
+
+      <!-- Tab 5: PK Mini 工作台 - 无需权限控制 -->
+      <div v-show="currentView === 'pk_mini'" class="absolute inset-0 z-20 h-full overflow-hidden">
+        <PkMiniWorkbench />
+      </div>
     </div>
   </div>
 </template>
@@ -138,6 +154,7 @@ import TkWorkbenches from '@/views/tk/Workbenches.vue'
 import HostsList from '@/views/tk/HostsList.vue'
 import ConfigPage from '@/pages/ConfigPage.vue'
 import FanWorkbench from '@/views/tk/FanWorkbench.vue'
+import PkMiniWorkbench from '@/views/pk-mini/PkMiniWorkbench.vue'
 import PermissionMask from '@/components/PermissionMask.vue'
 
 // 占位图片 - 无权限时显示的工作台截图