From 6f6e2d5200d255aaf3919292c65d3ff133eb8b4d Mon Sep 17 00:00:00 2001
From: zrh050423 <14331304+zrh050423@user.noreply.gitee.com>
Date: Sat, 21 Dec 2024 14:02:12 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=A4=B4=E9=83=A8=E5=90=8D?=
 =?UTF-8?q?=E7=A7=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Header.vue         |  6 ++----
 src/views/consultation/Record.vue | 36 ++++++++++++++-----------------
 src/views/login/Index.vue         |  3 +++
 3 files changed, 21 insertions(+), 24 deletions(-)

diff --git a/src/components/Header.vue b/src/components/Header.vue
index 12f940e..4ea2a8f 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -11,7 +11,7 @@
             <el-avatar :size="32" class="user-avatar">
               <el-icon><User /></el-icon>
             </el-avatar>
-            <span class="username">{{ userInfo.name }}</span>
+            <span class="username">{{ userInfo.username }}</span>
             <el-icon><CaretBottom /></el-icon>
           </span>
           <template #dropdown>
@@ -39,9 +39,7 @@ import { ref } from 'vue'
 import { User, CaretBottom, UserFilled, Setting, SwitchButton } from '@element-plus/icons-vue'
 
 const userInfo = ref({
-  name: '张医生',
-  role: '主治医师',
-  department: '内科'
+  username: sessionStorage.getItem('username') || '未登录',
 })
 </script>
 
diff --git a/src/views/consultation/Record.vue b/src/views/consultation/Record.vue
index 48bc2c6..6e6126a 100644
--- a/src/views/consultation/Record.vue
+++ b/src/views/consultation/Record.vue
@@ -7,37 +7,33 @@
     <el-table-column prop="talkUser" label="使用者身份" width="180" />
   </el-table>
 </template>
-
-<script lang="ts">
-import { defineComponent, ref, onMounted } from 'vue';
+<script>
 import axiosInstance from '@/utils/axiosInstance'; // 引入封装后的 axios 实例
 
 const BASE_URL = '/talk/record/all'; // 使用 BASE_URL 来确保路径一致性
 
-export default defineComponent({
+export default {
   name: 'TalkHistory',
-  setup() {
-    const tableData = ref<any[]>([]); // 明确类型为数组
-
-    const fetchData = async () => {
+  data() {
+    return {
+      tableData: [] // 初始化为空数组
+    };
+  },
+  methods: {
+    async fetchData() {
       try {
         // 使用 axiosInstance 发送请求
         const response = await axiosInstance.get(BASE_URL);
         console.log('Talk records fetched successfully:', response);
-        tableData.value = response; // 直接使用 response 中的数据
+        this.tableData = response;
       } catch (error) {
         console.error('错误：', error);
       }
-    };
-
-    // 在组件挂载后获取数据
-    onMounted(() => {
-      fetchData();
-    });
-
-    return {
-      tableData
-    };
+    }
+  },
+  mounted() {
+    this.fetchData(); // 在组件挂载后获取数据
   }
-});
+};
 </script>
+
diff --git a/src/views/login/Index.vue b/src/views/login/Index.vue
index 5fc8e9e..3a5d0a0 100644
--- a/src/views/login/Index.vue
+++ b/src/views/login/Index.vue
@@ -51,7 +51,10 @@ export default {
           alert('用户登录成功');
           console.log(data.data);
           const token = data.data;
+          const username = data.username;
+          console.log(token, username);
           sessionStorage.setItem('token', token);
+          sessionStorage.setItem('username', username);
           await router.push('/home');
         } else {
           alert(data.message);