老师控制面板UI组件

client/mobile/pages_classroom.tsx

@@ -494,6 +494,55 @@ export const ClassroomPage = () => {
                 <div key={i} className="mb-1">{msg}</div>
               ))}
             </div>
+
+            {role === 'teacher' && isJoinedClass && (
+              <div className="mt-4 p-4 bg-white rounded-md shadow">
+                <h4 className="text-lg font-medium mb-2">老师控制面板</h4>
+                <div className="flex space-x-2 mb-4">
+                  <button
+                    type="button"
+                    className="px-3 py-2 bg-green-600 text-white rounded-md"
+                    disabled={classStatus === ClassStatus.IN_PROGRESS}
+                    onClick={startClass}
+                  >
+                    开始上课
+                  </button>
+                  <button
+                    type="button"
+                    className="px-3 py-2 bg-red-600 text-white rounded-md"
+                    disabled={classStatus !== ClassStatus.IN_PROGRESS}
+                    onClick={endClass}
+                  >
+                    结束上课
+                  </button>
+                </div>
+                <div>
+                  <h5 className="font-medium mb-2">成员管理</h5>
+                  <div className="space-y-2">
+                    <div className="flex items-center justify-between">
+                      <span>学生A</span>
+                      <button
+                        type="button"
+                        className="px-2 py-1 bg-yellow-500 text-white rounded text-sm"
+                        onClick={() => toggleMuteMember('studentA', true)}
+                      >
+                        静音
+                      </button>
+                    </div>
+                    <div className="flex items-center justify-between">
+                      <span>学生B</span>
+                      <button
+                        type="button"
+                        className="px-2 py-1 bg-blue-500 text-white rounded text-sm"
+                        onClick={() => toggleMuteMember('studentB', false)}
+                      >
+                        取消静音
+                      </button>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            )}
           </div>
           
           <div className="md:col-span-1">