feat: 增加标题栏自定义配置

src/renderer/src/components/AppTopBar.vue

@@ -10,7 +10,7 @@
     }}</span>
   </v-system-bar>
   <v-app-bar :elevation="2" class="position-fixed">
-    <v-app-bar-title>DSZ考试看板</v-app-bar-title>
+    <v-app-bar-title>{{ profileStore.appHeader }}</v-app-bar-title>
 
     <template #append>
       <div class="ga-4">
@@ -22,6 +22,9 @@
 
 <script setup>
 import { useRouter } from 'vue-router';
+import { useProfileStore } from '../stores/app';
+
+const profileStore = useProfileStore();
 
 const ipcHandleExit = () => window.electron.ipcRenderer.send('prog:exit');
 

src/renderer/src/pages/mainWindow.vue

@@ -7,7 +7,7 @@
     </v-row>
     <v-row>
       <v-col cols="12">
-        <v-btn color="primary"  @click="openDialog" dark> 打开配置 </v-btn>
+        <v-btn color="primary" dark @click="openDialog"> 打开配置 </v-btn>
       </v-col>
     </v-row>
   </v-container>

src/renderer/src/stores/app.js

@@ -4,8 +4,7 @@ import { defineStore } from 'pinia';
 export const useProfileStore = defineStore('app', {
   state: () => ({
     examName: '考试名称',
-
-    roomName: '考场名称',
+    appHeader: 'DSZ考试看板',
     message: '考试提醒信息',
     examInfos: []
   }),