fix: 修正了一些登录页面和刷赞小工具相关的问题

pages/tools/fucksq.vue

@@ -69,12 +69,26 @@ const _fd = (
 ) => formatDate(date, 'yyyy-MM-dd   HH:mm:ss')
 
 const handleStart = () => {
+    log('开始刷赞，尝试建立与服务器的连接')
+    status.value = 'busy'
     const sse = new EventSource(`/api/tools/shiqu/like?id=${id.value}&likes=${likes.value}`);
     sse.onopen = function (event) {
         log('建立与服务器的连接')
     };
     sse.onmessage = function (event) {
-        log('Received message:', event.data);
+        const data = JSON.parse(event.data.split('data: ')[1])
+        if(data.likeCountBefore || data.likeCountAfter) {
+            log(`当前赞数: ${data?.likeCountBefore ?? data?.likeCountAfter}`)
+        } else if(data.process) {
+            log(`已点赞 ${data.process} 次，已完成 ${data.percent}%`)
+        }
+        if(data.likeCountAfter) {
+            sse.close()
+            log('任务完成')
+            status.value = 'waiting'
+        }
+        // console.log(event.data)
+        // log('Received message:', event.data);
     };
     sse.onerror = function (event) {
         log('Error occurred:');

pages/user/main.vue

@@ -88,11 +88,11 @@ const handleLogout = () => {
     router.push('user/login')
 }
 
-onBeforeMount(() => {
-    if (userStore.isLogin === false) {
-        return router.replace('/user/login')
-    }
-})
+// onBeforeMount(() => {
+//     if (userStore.isLogin === false) {
+//         return router.replace('/user/login')
+//     }
+// })
 </script>
 
 <style lang="scss" scoped>

pages/user/main/account.vue

@@ -1,5 +1,5 @@
 <template>
-    <div>
+    <div class="account-main">
         <el-button @click="handleLogout">登出</el-button>
     </div>
 </template>
@@ -18,5 +18,7 @@ const handleLogout = () => {
 </script>
 
 <style lang="scss" scoped>
-
+.account-main {
+    padding: 10px 20px;
+}
 </style>

pages/user/main/server.vue

@@ -10,6 +10,8 @@
                 
             </el-divider>
             <p>上传更新包并更新服务端</p>
+            <el-row style="margin-bottom: 10px;">
+                <el-col :span="24">
                     <el-upload 
                         :auto-upload="false" 
                         v-model="fileList" 
@@ -28,9 +30,11 @@
                             </div>
                         </template>
                     </el-upload>
+                </el-col>
+            </el-row>
             <el-row>
                 <el-col :span="24" class="flex-end">
-                    <el-button type="success" @click="submitUpload">
+                    <el-button type="primary" @click="submitUpload" :disabled="disabledUploadUpdataBtn">
                             点击上传更新包并更新服务
                     </el-button>
                 </el-col>
@@ -51,13 +55,16 @@ import { genFileId } from 'element-plus'
 const fileList = ref<UploadUserFile[]>([])
 const userStore = useUserStore()
 
-
 const uploadRef = ref<UploadInstance>()
 
-const headers = computed(() => {
-    return {
-        Authorization: `Bearer ${userStore.token}`
+const headers = reactive(
+    {
+        Authorization: ``
     }
+)
+
+const disabledUploadUpdataBtn = computed(() => {
+    return fileList.value.length === 0
 })
 
 const handleExceed = (files: UploadUserFile[]) => {
@@ -73,12 +80,19 @@ const handleUploadChange = (_file: UploadUserFile, files: UploadUserFile[]) => {
             files.splice(i, 1);
         }
     }
+    files.length = Math.max(1, files.length)
+    fileList.value = files
 }
 
 const submitUpload = () => {
   uploadRef.value!.submit()
 }
 
+onMounted(() => {
+    // nuxt的create声明周期发生在node环境，没有localstorage
+    headers.Authorization = `Bearer ${userStore.token}`
+})
+
 </script>
 
 <style lang="scss" scoped>