From bfad9be8465c8111caee0b7362a1b2a8513b16b2 Mon Sep 17 00:00:00 2001
From: miaoSpring <539943419@qq.com>
Date: Thu, 16 Jan 2025 23:07:44 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E6=AD=A3=E4=BA=86=E4=B8=80?=
 =?UTF-8?q?=E4=BA=9B=E7=99=BB=E5=BD=95=E9=A1=B5=E9=9D=A2=E5=92=8C=E5=88=B7?=
 =?UTF-8?q?=E8=B5=9E=E5=B0=8F=E5=B7=A5=E5=85=B7=E7=9B=B8=E5=85=B3=E7=9A=84?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/tools/fucksq.vue      | 16 ++++++++-
 pages/user/main.vue         | 10 +++---
 pages/user/main/account.vue |  6 ++--
 pages/user/main/server.vue  | 66 ++++++++++++++++++++++---------------
 4 files changed, 64 insertions(+), 34 deletions(-)

diff --git a/pages/tools/fucksq.vue b/pages/tools/fucksq.vue
index 1252f35..187ba6a 100644
--- a/pages/tools/fucksq.vue
+++ b/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:');
diff --git a/pages/user/main.vue b/pages/user/main.vue
index 9c172f7..79dfea3 100644
--- a/pages/user/main.vue
+++ b/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>
diff --git a/pages/user/main/account.vue b/pages/user/main/account.vue
index a5323ae..62bfccc 100644
--- a/pages/user/main/account.vue
+++ b/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>
\ No newline at end of file
diff --git a/pages/user/main/server.vue b/pages/user/main/server.vue
index 489252e..8068697 100644
--- a/pages/user/main/server.vue
+++ b/pages/user/main/server.vue
@@ -10,27 +10,31 @@
                 
             </el-divider>
             <p>上传更新包并更新服务端</p>
-            <el-upload 
-                :auto-upload="false" 
-                v-model="fileList" 
-                action="/api/system/update" 
-                ref="uploadRef" 
-                :headers="headers" 
-                drag
-                :on-exceed="handleExceed"
-                :on-change="handleUploadChange"
-                :limit="1"
-            >
-                <template #trigger>
-                    <div class="server-upload">
-                        <add class="server-upload-icon"></add>
-                        <el-text style="margin: 0;">拖拽 output.tar.gz 至此<br />或单击此处选择文件</el-text>
-                    </div>
-                </template>
-            </el-upload>
+            <el-row style="margin-bottom: 10px;">
+                <el-col :span="24">
+                    <el-upload 
+                        :auto-upload="false" 
+                        v-model="fileList" 
+                        action="/api/system/update" 
+                        ref="uploadRef" 
+                        :headers="headers" 
+                        drag
+                        :on-exceed="handleExceed"
+                        :on-change="handleUploadChange"
+                        :limit="1"
+                    >
+                        <template #trigger>
+                            <div class="server-upload">
+                                <add class="server-upload-icon"></add>
+                                <el-text style="margin: 0;">拖拽 output.tar.gz 至此<br />或单击此处选择文件</el-text>
+                            </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[]) => {
@@ -69,16 +76,23 @@ const handleExceed = (files: UploadUserFile[]) => {
 
 const handleUploadChange = (_file: UploadUserFile, files: UploadUserFile[]) => {
     for (let i = files.length - 1; i >= 0; i--) {
-    if (files[i].name !== 'output.tar.gz') {
-        files.splice(i, 1);
-    }
+        if (files[i].name !== 'output.tar.gz') {
+            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>