侧边栏2

src/components/HomeComponents/NavBar.vue

@@ -38,21 +38,23 @@
                       </div>
                   </template>
                   <div class="flex flex-col space-y-4 mb-4 ">
-                  <span class="lg:hover:text-blue-700" @click="JumpPersonalBelonging"><UserOutlined class="mr-1.5"/>我的项目</span>
+
                   <span class="lg:hover:text-blue-700" @click="JumpMessage" ><MailOutlined  class="mr-1.5"/>消息</span>
                   <span class="lg:hover:text-blue-700" @click="JumpDailyPaper"><BellOutlined  class="mr-1.5"/>日报</span>
                   </div>
 
                   <div class="flex flex-col space-y-4">
                       <hr class="mb-2">
+                      <span class="lg:hover:text-blue-700" @click="JumpPersonalBelonging"><UserOutlined class="mr-1.5"/>我的项目</span>
                       <span class="lg:hover:text-blue-700" @click="JumpMyManage"><ToolOutlined  class="mr-1.5"/>我管理的</span>
+                      <span v-if="role === true" class=" lg:hover:text-blue-700" @click="JumpMyResponsible" ><UserOutlined  class="mr-1.5" />我负责的</span>
                       <hr>
                       <span class=" lg:hover:text-blue-700" @click="JumpPersonalInformation"><MessageOutlined  class="mr-1.5" />个人信息管理</span>
 
-                      <div  v-if="role === true" class="flex flex-col space-y-4">
+<!--                      <div  v-if="role === true" class="flex flex-col space-y-4">-->
-                          <hr>
+<!--                          <hr>-->
-                          <span class=" lg:hover:text-blue-700" @click="JumpMyResponsible" ><UserOutlined  class="mr-1.5" />我负责的</span>
+
-                      </div>
+<!--                      </div>-->
 
                   </div>
                       <span @click="exitLogin" class="bg-gray-50 lg:hover:text-blue-400  text-lg bottom-2 fixed right-2">退出登录</span>
@@ -72,12 +74,12 @@
       <div id="navbar-dropdown" class="w-full md:block md:w-auto">
         <ul class="flex flex-col font-medium p-4 md:p-0 mt-4 border border-gray-100 rounded-lg bg-gray-50 md:space-x-8 rtl:space-x-reverse md:flex-row md:mt-0 md:border-0 md:bg-white">
           <li>
-            <a aria-current="page" class="block py-2 px-3 text-white bg-blue-700 rounded md:bg-transparent md:text-blue-500 md:p-0" href="/src/js">
+            <a aria-current="page" class="block py-2 px-3 text-white bg-blue-700 rounded md:bg-transparent md:text-blue-500 md:p-0" href="/"  onclick="changeColor('home')">
               首页
             </a>
           </li>
           <li>
-            <a class="block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0" href="/Project" @click="changeColor">
+            <a class="block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0" href="/Project" onclick="changeColor('projects')">
               项目
             </a>
           </li>
@@ -145,34 +147,59 @@ function  toggleDropdown(){
     isDropdownOpen.value = !isDropdownOpen.value;
 
 }
+function  changeColor(item){
+    const homeLink = document.getElementById('homeLink');
+    const projectsLink = document.getElementById('projectsLink');
 
-function changeColor() {
+    homeLink.classList.remove('text-blue-500');
-    // 当按钮被点击时，将文字颜色改为蓝色
+    projectsLink.classList.remove('text-blue-500');
-    textColor.value = 'blue';
+
+    if (item === 'home') {
+        homeLink.classList.add('text-blue-500');
+    } else if (item === 'projects') {
+        projectsLink.classList.add('text-blue-500');
+    }
+    // textColor.value = 'blue';
 }
+// function backMain() {
+//     // 当按钮被点击时，将文字颜色改为蓝色
+//     // textColor.value = 'blue';
+//     router.push("/")
+// }
+
 function exitLogin(){
     requests.logout(token).then((res) => {
         if(res.data.code === 200){
             router.push("/login")
             console.log(res)
+            isLoggedIn.value = false; //头像展示
             message.success("退出成功！")
         }else{
             message.error("退出失败！")
         }
     })
-
 }
 onMounted(() => {
     requests.userGetProfile(token).then((res)=>{
-        // console.log(res)
+        console.log(res)
         if (res.data.code === 200) {
             //登录成功
             isLoggedIn.value = true; //头像展示
             username.value = res.data.data.username
             // avatar.value = res.data.data.avatar   数据库无头像，暂时用下面的头像
              avatar.value = 'https://img1.baidu.com/it/u=2005056479,139681251&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1710176400&t=4f32b862465c709f79c8fb80d3c0444b';
-
             console.log(username.value, avatar.value)
+            if (res.data.data.role === 'teacher') {
+                console.log('这是老师');
+                // 执行老师相关的逻辑
+                role.value =true
+
+            } else {
+                console.log('这不是老师');
+                // 执行非老师相关的逻辑
+                role.value= false
+            }
+
         }else{
             //用户过期，重新登录
             message.error("用户过期，请重新登录！")
@@ -186,7 +213,7 @@ function JumpPersonalBelonging (){
     router.push("/WorkLoad/PersonalBelongings")
 }
 function  JumpMessage (){
-    router.push("WorkLoad/Message")
+    router.push("/WorkLoad/Message")
 }
 function  JumpDailyPaper (){
     router.push("/WorkLoad/DailyPaper")

src/js/request.js

@@ -499,6 +499,21 @@ const infoEditSettingHeaderImage = (showType, token) => {
     })
 }
 
+/**
+ * 展示全部项目
+ * @param  (listAll tags isFinish)
+ * @param token
+ */
+const projectGet =(token) => {
+    return axios({
+        url:api+ "/project/get",
+        method: "get",
+        header:{
+            'Authorization':'Bearer '+token,
+            'Timestamp': getCurrentTimestamp()
+        }
+    })
+}
 
 export default {
     login,
@@ -533,4 +548,6 @@ export default {
     infoEditSettingHeaderImage,
 
 
+    projectGet
+
 }

src/views/ProjectPage/ProjectCard.vue

@@ -23,18 +23,21 @@
             </ul>
           </div>
           <div class="text-gray-800 flex space-x-5">
-            <label>
+<!--            <label>-->
-              <input type="checkbox"/>
+<!--              <input type="checkbox" class="border border-gray-300 rounded"/>-->
-              未开始
+<!--              未开始-->
-            </label>
+<!--            </label>-->
-            <label>
+<!--            <label>-->
-              <input type="checkbox"/>
+<!--              <input type="checkbox"/>-->
-              进行中
+<!--              进行中-->
-            </label>
+<!--            </label>-->
-            <label>
+<!--            <label>-->
-              <input type="checkbox"/>
+<!--              <input type="checkbox"/>-->
-              已完成
+<!--              已完成-->
-            </label>
+<!--            </label>-->
+              <a-checkbox>未开始</a-checkbox>
+              <a-checkbox>进行中</a-checkbox>
+              <a-checkbox>已完成</a-checkbox>
           </div>
         </div>
       </nav>
@@ -178,17 +181,44 @@
     </div>
   </div>
 </template>
-<script>
+<script setup>
-export default {
+import {onMounted, ref} from "vue";
-  data() {
+import request from "@/js/request.js";
-    return {
+
-      LearnMore1:false,
+const  LearnMore1 = ref(false)
-      LearnMore2:false,
+const  LearnMore2 = ref(false)
-      LearnMore3:false,
+const  LearnMore3 = ref(false)
-      LearnMore4:false,
+const  LearnMore4 = ref(false)
-      LearnMore5:false,
+const  LearnMore5 = ref(false)
-      LearnMore6:false,
+const  LearnMore6 = ref(false)
-    };
+
-  },
+
-};
+
+// export default {
+//   data() {
+//     return {
+//       LearnMore1:false,
+//       LearnMore2:false,
+//       LearnMore3:false,
+//       LearnMore4:false,
+//       LearnMore5:false,
+//       LearnMore6:false,
+//     };
+//   },
+// };
+
+// const Project = reactive({
+//     data:[],
+// })
+const token = window.localStorage.getItem('token')
+
+onMounted(() =>{
+    getAllProject()
+})
+function  getAllProject(){
+    request.projectGet(token).then((res)=>{
+        console.log(res)
+        // Project.data= res.data.data.data
+    })
+}
 </script>