Merge pull request #42 from luoqiz/feat-update-windows-title

feat: 添加用户头像显示 close #41

Author: lich0821

src-tauri/config.json5

@@ -1 +1 @@
-{"cburl":[],"http_server_port":10080,"wsurl":"","file_dir":"","front_msg_show":true}
+{"cburl":[],"http_server_port":10010,"wsurl":"","file_dir":"","front_msg_show":true}

src/components.d.ts

@@ -10,6 +10,7 @@ declare module 'vue' {
     404: typeof import('./components/404.vue')['default']
     BaseHeader: typeof import('./components/layouts/BaseHeader.vue')['default']
     ElAutoResizer: typeof import('element-plus/es')['ElAutoResizer']
+    ElAvatar: typeof import('element-plus/es')['ElAvatar']
     ElButton: typeof import('element-plus/es')['ElButton']
     ElCard: typeof import('element-plus/es')['ElCard']
     ElCol: typeof import('element-plus/es')['ElCol']

src/components/layouts/BaseHeader.vue

@@ -27,6 +27,10 @@ const startOrStop = async () => {
             await wechatStore.stop();
         } else {
             await wechatStore.start();
+            var getUserInfoTask = window.setInterval(async function logname() {
+                await wechatStore.updateSlefInfo();
+                clearInterval(getUserInfoTask)
+            }, 5000);
         }
     } catch (err: any) {
         console.error(err);
@@ -72,11 +76,9 @@ onMounted(async () => {
                     <i inline-flex i="dark:ep-moon ep-sunny" />
                 </button>
             </el-menu-item>
-            <!-- <el-menu-item>
-                <a-link href="https://github.com/lich0821/WeChatFerry" status="success" target="_blank">
-                    <icon-github :style="{ fontSize: '32px' }" />
-                </a-link>
-            </el-menu-item> -->
+            <el-menu-item v-if="!!wechatStore.selfInfo.small_head_url">
+                <el-avatar shape="square" :size="36" :src="wechatStore.selfInfo.small_head_url" />
+            </el-menu-item>
         </el-menu>
     </div>
 </template>

src/store/modules/wechat.ts

@@ -14,18 +14,23 @@ export const useWechatStore = defineStore('wechat', {
             this.selfInfo = selfInfo;
             sessionStorage.setItem('selfInfo', JSON.stringify(selfInfo));
         },
+        async updateSlefInfo() {
+            if(this.isServerRunning){
+                this.selfInfo = await wcf_api.userinfo();
+                console.log(this.selfInfo);
+            }
+        },
         async getRunningFlag() { 
             this.isServerRunning = await wcf.is_http_server_running();
         },
         async start() { 
             await wcf.start_server('0.0.0.0', 10010);
             this.isServerRunning = await wcf.is_http_server_running();
-            this.selfInfo = await wcf_api.userinfo();
-            console.log(this.selfInfo);
         },
         async stop() { 
             await wcf.stop_server();
             this.isServerRunning = await wcf.is_http_server_running();
+            this.setSelfInfo({}); 
         },
     },
 });