生成器

src/views/backend/Dashboard.vue

@@ -17,6 +17,9 @@
           <li @click="selectAdminView('service-hall')" :class="{ active: currentAdminView === 'service-hall' }"><a>办事大厅</a></li>
         </ul>
         <div class="sidebar-footer">
+          <button @click="selectAdminView('code-generator')" :class="['sidebar-button', 'code-generator-button', { 'active': currentAdminView === 'code-generator' }]">
+            代码生成器
+          </button>
           <button @click="goToHomePage" class="home-button sidebar-button">
             返回主界面
           </button>
@@ -35,6 +38,9 @@
         <div v-else-if="currentAdminView === 'service-hall'">
           <ServiceHallView />
         </div>
+        <div v-else-if="currentAdminView === 'code-generator'">
+          <CodeGenerator />
+        </div>
       </div>
     </div>
   </div>
@@ -46,6 +52,7 @@ import { useRouter } from 'vue-router'
 import TournamentList from '../../components/backend/TournamentList.vue'
 import PlayerList from '../../components/backend/PlayerList.vue'
 import ServiceHallView from '../../components/backend/ServiceHallView.vue'
+import CodeGenerator from '../../components/backend/CodeGenerator.vue'
 
 const router = useRouter()
 const hasToken = ref(false)
@@ -216,6 +223,17 @@ const selectAdminView = (viewName) => {
   background-color: #0284c7; /* Darker sky blue */
 }
 
+.sidebar-button.code-generator-button {
+  background-color: #10b981; /* Emerald green */
+}
+.sidebar-button.code-generator-button:hover {
+  background-color: #059669; /* Darker emerald green */
+}
+.sidebar-button.code-generator-button.active {
+  background-color: #047857;
+  color: #ffffff;
+}
+
 .sidebar-button.logout-button {
   background-color: #ef4444; /* Red */
 }