修改接口调用

src/store/modules/type/types.ts

@@ -7,4 +7,5 @@ export interface LoginStoreType {
   routes: string
   phone: string
   userInfo: object
+  data: object
 }

src/store/modules/user.ts

@@ -32,12 +32,13 @@ const useUserStore = defineStore(
         avatar: '', // 用户头像
         routes: '',
         userInfo: {}, // 当前用户相关信息
+        data: {},
       }
     },
     actions: {
       // 登录事件
       async userLogin(data: loginType) {
-        console.log(data, 'pinia')
+        // console.log(data, 'pinia')
         const res: loginResponseType = await userLoginService(data).catch(
           (error) => {
             ElMessage.error(error.response.data.message)
@@ -94,8 +95,8 @@ const useUserStore = defineStore(
         if (result.code === 200) {
           const res = await userIdenService(result.data.id)
           this.userInfo = res.data
-          console.log(this.userInfo, 'this.userInfo')
+          // console.log(this.userInfo, 'this.userInfo')
-
+          this.data = result.data
           console.log(result, '123')
           this.userName = result.data.username
           // this.avatar = result.data.checkUser.avatar

src/views/courseResources/index.vue

@@ -268,11 +268,8 @@ ul {
 li {
   transition: filter 0.3s; /* 添加过渡动画 */
   flex: 0 0 20%;
-<<<<<<< HEAD
-=======
   flex-direction: column;
   align-items: center;
->>>>>>> f6dea2720fd0ad6ab62f53607d894cd0c406cb6d
   margin-bottom: 10px;
   padding: 10px;
   box-sizing: border-box;

src/views/home/components/Class1.vue

@@ -24,9 +24,9 @@ const courses = [
 ]
 </script>
 <template>
-  <div class="info_container" style="width: 214px; height: 326px">
+  <div class="info_container" style="width: 90%; height: 326px">
     <conheader title="已开科目"></conheader>
-    <div class="info_content" style="width: 214px; height: 264px">
+    <div class="info_content" style="width: 100%; height: 264px">
       <div class="course-list">
         <div
           v-for="(course, index) in courses"

src/views/home/components/Class2.vue

@@ -24,9 +24,9 @@ const courses = [
 ]
 </script>
 <template>
-  <div class="info_container" style="width: 214px; height: 326px">
+  <div class="info_container" style="width: 90%; height: 326px">
     <conheader title="我的科目"></conheader>
-    <div class="info_content" style="width: 214px; height: 264px">
+    <div class="info_content" style="width: 100%; height: 264px">
       <div class="course-list">
         <div
           v-for="(course, index) in courses"

src/views/home/components/Info.vue

@@ -1,7 +1,7 @@
 <script setup>
 import conheader from '@/views/home/components/ConHeader.vue'
 import { onMounted, ref, computed } from 'vue'
-import { userIdenService, userIdenChangeService } from '@/api/user/user.js'
+import { userIdenChangeService } from '@/api/user/user.js'
 import { Edit } from '@element-plus/icons-vue'
 import { ElMessage } from 'element-plus'
 const props = defineProps({
@@ -9,7 +9,7 @@ const props = defineProps({
     type: Object,
   },
 })
-const id = props.data.id
+console.log(props.data, 'info')
 const formModel = ref()
 const loading = ref()
 //抽屉true
@@ -45,81 +45,65 @@ const cancelEdit = () => {
   }
 }
 const identInfo = ref()
-//获取身份信息
-// const getInfo = async (id) => {
-//   const res = await userIdenService(id)
-//   identInfo.value = res
-//   return res
-// }
-console.log()
 onMounted(() => {
-  // getInfo(id)
+  // console.log(props.data, 'res')
-  // getInfo(id)
+  if (props.data.roleId === 1) {
-  //   .then((res) => {
+    formModel.value = [
-  //     // 在这里可以访问在 getData 函数中返回的结果
+      { par: 'name', name: '姓名', content: props.data.name },
-  //     console.log(res.data, '000000')
+      { par: 'sex', name: '性别', content: props.data.sex },
-  //     identInfo.value = res.data
+      { par: 'nationality', name: '民族', content: props.data.nationality },
-  //     // 假数据
+      { par: 'profession', name: '专业', content: props.data.profession },
-  //     if (res.data.roleId === 1) {
+      { par: 'education', name: '学历', content: props.data.education },
-  //       formModel.value = [
+      { par: 'degree', name: '学位', content: props.data.degree },
-  //         { par: 'name', name: '姓名', content: res.data.name },
+      {
-  //         { par: 'sex', name: '性别', content: res.data.sex },
+        par: 'professionalTitle',
-  //         { par: 'nationality', name: '民族', content: res.data.nationality },
+        name: '职称',
-  //         { par: 'profession', name: '专业', content: res.data.profession },
+        content: props.data.professionalTitle,
-  //         { par: 'education', name: '学历', content: res.data.education },
+      },
-  //         { par: 'degree', name: '学位', content: res.data.degree },
+      {
-  //         {
+        par: 'emergencyContact',
-  //           par: 'professionalTitle',
+        name: '手机号',
-  //           name: '职称',
+        content: props.data.emergencyContact,
-  //           content: res.data.professionalTitle,
+      },
-  //         },
+      {
-  //         {
+        par: 'joinWorkTime',
-  //           par: 'emergencyContact',
+        name: '参加工作时间',
-  //           name: '手机号',
+        content: props.data.joinWorkTime,
-  //           content: res.data.emergencyContact,
+      },
-  //         },
+      {
-  //         {
+        par: 'politicalStatus',
-  //           par: 'joinWorkTime',
+        name: '政治面貌',
-  //           name: '参加工作时间',
+        content: props.data.politicalStatus,
-  //           content: res.data.joinWorkTime,
+      },
-  //         },
+    ]
-  //         {
+  } else if (props.data.roleId === 2) {
-  //           par: 'politicalStatus',
+    formModel.value = [
-  //           name: '政治面貌',
+      { par: 'name', name: '姓名', content: props.data.name },
-  //           content: res.data.politicalStatus,
+      { par: 'sex', name: '性别', content: props.data.sex },
-  //         },
+      { par: 'nationality', name: '民族', content: props.data.nationality },
-  //       ]
+      { par: 'number', name: '学号', content: props.data.number },
-  //     } else if (res.data.roleId === 2) {
+      { par: 'birthday', name: '生日', content: props.data.birthday },
+      { par: 'phone', name: '手机号', content: props.data.phone },
+      { par: 'faculty', name: '院系', content: props.data.faculty },
+      { par: 'major', name: '专业', content: props.data.major },
+      { par: 'year_age', name: '入学年份', content: props.data.year_age },
+      { par: 'class_name', name: '班级', content: props.data.class_name },
+    ]
+  }
+  // else {
   //   formModel.value = [
-  //         { par: 'name', name: '姓名', content: res.data.name },
+  //     { name: '姓名', content: res.data.name },
-  //         { par: 'sex', name: '性别', content: res.data.sex },
+  //     { name: '性别', content: res.data.id },
-  //         { par: 'nationality', name: '民族', content: res.data.nationality },
+  //     { name: '学号', content: 9.9 },
-  //         { par: 'number', name: '学号', content: res.data.number },
+  //     { name: '小米电脑', content: 9.9 },
-  //         { par: 'birthday', name: '生日', content: res.data.birthday },
+  //     { name: '小米电脑', content: 9.9 },
-  //         { par: 'phone', name: '手机号', content: res.data.phone },
+  //     { name: '小米电脑', content: 9.9 },
-  //         { par: 'faculty', name: '院系', content: res.data.faculty },
+  //     { name: '小米电脑', content: 9.9 },
-  //         { par: 'major', name: '专业', content: res.data.major },
+  //     { name: '小米电脑', content: 9.9 },
-  //         { par: 'year_age', name: '入学年份', content: res.data.year_age },
+  //     { name: '小米电脑', content: 9.9 },
-  //         { par: 'class_name', name: '班级', content: res.data.class_name },
   //   ]
   // }
-  //     // else {
+  console.log(formModel.value)
-  //     //   formModel.value = [
-  //     //     { name: '姓名', content: res.data.name },
-  //     //     { name: '性别', content: res.data.id },
-  //     //     { name: '学号', content: 9.9 },
-  //     //     { name: '小米电脑', content: 9.9 },
-  //     //     { name: '小米电脑', content: 9.9 },
-  //     //     { name: '小米电脑', content: 9.9 },
-  //     //     { name: '小米电脑', content: 9.9 },
-  //     //     { name: '小米电脑', content: 9.9 },
-  //     //     { name: '小米电脑', content: 9.9 },
-  //     //   ]
-  //     // }
-  //   })
-  //   .catch((error) => {
-  //     console.error(error)
-  //   })
 })
 // 编辑1
 const drawer2 = ref(false)

src/views/home/components/Status.vue

@@ -9,7 +9,8 @@ const props = defineProps({
     type: Object,
   },
 })
-// console.log(props.data.icon, 44444)
+// const data = ref(props.data, 'dsfd')
+console.log(props.data, 44444)
 const imageUrl = ref('')
 //盒子隐藏
 const form = ref()
@@ -61,11 +62,6 @@ const openFileInput = () => {
   input.click()
   document.body.removeChild(input)
 }
-const upload = async (option) => {
-  const res = await tool.oss.upload(option.file)
-  imageUrl.value = res.url
-  console.log(imageUrl.value)
-}
 //修改用户信息
 const changeInfo = async () => {
   const userInfo = {

src/views/home/components/Student1.vue

@@ -16,7 +16,7 @@ function confirmClick() {
 }
 </script>
 <template>
-  <div class="info_container" style="width: 222px; height: 174px">
+  <div class="info_container" style="width: 90%; height: 174px">
     <conheader title="学生分组" v-model="drawer2">
       <div>编辑</div>
       <template #drawer>

src/views/home/components/Student2.vue

@@ -16,7 +16,7 @@ function confirmClick() {
 }
 </script>
 <template>
-  <div class="info_container" style="width: 222px; height: 174px">
+  <div class="info_container" style="width: 90%; height: 174px">
     <conheader title="已分组别" v-model="drawer2">
       <div>编辑</div>
       <template #drawer>

src/views/home/index.vue

@@ -9,23 +9,27 @@ import Class2 from './components/Class2.vue'
 import Student2 from './components/Student2.vue'
 import useUserStore from '@/store/modules/user'
 import { ref, onMounted } from 'vue'
-import { toRaw } from 'vue'
 const userStore = useUserStore()
-// const info = userStore.getUserInfo()
-// userStore.userInfo
-// console.log(info)
 const username = ref()
-const data = ref(null)
+const data = ref({})
+const infoData = ref()
 const flag = ref(false)
 const role = ref(null)
 const rightVisible = ref(false)
 const getData = async () => {
-  await userStore
+  await userStore.getUserInfo().catch((error) => {
-    .getUserInfo()
+    console.log(error)
-    .then((response) => {
+  })
-      const res = toRaw(response.result.data)
+}
-      username.value = res.username
+onMounted(() => {
-      data.value = res
+  // getData()
+  username.value = userStore.userName
+  data.value = userStore.data
+  infoData.value = userStore.userInfo
+  // console.log(data.value, '11111')
+  // console.log(userStore.userInfo, '22222')
+  // console.log(userStore, 'userStore')
+  username.value = data.value.username
   flag.value = true
   role.value = data.value.roles[0]
   if (role.value === '老师') {
@@ -33,15 +37,6 @@ const getData = async () => {
   } else {
     rightVisible.value = false
   }
-      console.log(data.value, 333333)
-    })
-    .catch((error) => {
-      console.log(error)
-    })
-}
-
-onMounted(() => {
-  getData()
 })
 </script>
 <template>
@@ -51,7 +46,7 @@ onMounted(() => {
         <welcome :username="username"></welcome>
       </div>
       <div class="info" style="width: 100%; height: 368px">
-        <Info :data="data" v-if="flag"></Info>
+        <Info :data="infoData" v-if="flag"></Info>
       </div>
       <div class="echarts" style="width: 100%; height: 444px">
         <echarts></echarts>
@@ -59,10 +54,10 @@ onMounted(() => {
     </div>
     <div v-if="rightVisible" class="right">
       <status :data="data" v-if="flag"></status>
-      <div class="class" style="width: 278px; height: 388px">
+      <div class="class" style="width: 100%; height: 388px">
         <Class1></Class1>
       </div>
-      <div class="stu" style="width: 278px; height: 236px">
+      <div class="stu" style="width: 100%; height: 236px">
         <Student1></Student1>
       </div>
     </div>