From 193cde6f19c07223d89126c811ec936aee97a34a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A6=96=E5=A7=90?= <2981176548@qq.com>
Date: Thu, 14 Mar 2024 18:05:00 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E7=95=8C=E9=9D=A2=E5=A4=A7?=
 =?UTF-8?q?=E5=B0=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/HomeComponents/NavBar.vue      |  4 +--
 .../ProjectPage/MainMessage/BasicProject.vue  | 10 +++----
 .../ProjectPage/MainMessage/BottomMessage.vue |  4 +--
 .../ProjectPage/MainMessage/Contributors.vue  | 28 +++++++++++++------
 .../ProjectPage/MainMessage/TopProject.vue    | 19 +++++++------
 src/views/ProjectPage/MainMessageCustom.vue   | 10 +++----
 src/views/ProjectPage/ProjectCard.vue         |  2 +-
 src/views/ProjectPage/ProjectDefaultPage.vue  |  4 +--
 8 files changed, 47 insertions(+), 34 deletions(-)

diff --git a/src/components/HomeComponents/NavBar.vue b/src/components/HomeComponents/NavBar.vue
index 8b52c3f..a35fc60 100644
--- a/src/components/HomeComponents/NavBar.vue
+++ b/src/components/HomeComponents/NavBar.vue
@@ -1,5 +1,5 @@
 <template>
-  <nav class="text-base z-50 sticky top-0 bg-white border-gray-200">
+  <nav class="text-base z-50 sticky top-0 bg-white border-gray-200  ">
     <!-- <div class="text-sky-600">000</div> -->
     <div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4">
       <a class="flex items-center space-x-3 rtl:space-x-reverse" href="/src/js">
@@ -84,7 +84,7 @@ import {message} from "ant-design-vue";
 import {useRouter} from "vue-router";
 import {BellOutlined, MailOutlined, MessageOutlined, ToolOutlined, UserOutlined} from '@ant-design/icons-vue';
 
- const user = defineProps(['username','role', 'isLoggedIn', 'avatar'])
+const user = defineProps(['username','role', 'isLoggedIn', 'avatar'])
 
 const items = ref([
     {
diff --git a/src/views/ProjectPage/MainMessage/BasicProject.vue b/src/views/ProjectPage/MainMessage/BasicProject.vue
index dfbc7b8..4138b9a 100644
--- a/src/views/ProjectPage/MainMessage/BasicProject.vue
+++ b/src/views/ProjectPage/MainMessage/BasicProject.vue
@@ -1,14 +1,14 @@
 <template>
-    <div class="w-[100vw] flex flex-row">
+    <div class=" w-full  overflow-x-hidden flex flex-row">
         <div class="flex flex-col ml-[10vw] mt-[5vh] w-[40vw] mr-[12vw]">
             <span class="text-6xl text-green-400 font-bold mb-2">Enter</span>
             <div class="mb-[4vh] flex flex-col">
                 <span class="font-bold">{{project.name}}</span>
                 <a-radio-group v-model:value="project.isFinish" name="radioGroup" class="flex-row flex mt-3">
-                    <a-radio  :style="radioStyle" :value=0>进行中</a-radio>
-                    <a-radio :style="radioStyle" :value=1>已完成</a-radio>
-                    <a-radio  :style="radioStyle" :value=2>进行中</a-radio>
-                    <a-radio :style="radioStyle" :value=-1>已完成z</a-radio>
+                    <a-radio  :style="radioStyle" class="text-orange-300" :value=0>未开始</a-radio>
+                    <a-radio :style="radioStyle" class="text-green-500" :value=1>已完成</a-radio>
+                    <a-radio  :style="radioStyle" class="text-blue-700" :value=2>进行中</a-radio>
+                    <a-radio :style="radioStyle"  class="text-red-500" :value=-1>暂停</a-radio>
                 </a-radio-group>
             </div>
             <span class="mt-[0px]">{{project.description}}项目主要包括前端后端，旨在开发一个创新的解决方案，以满足当前市场需求并改善用户体验。我们团队致力于开发一款功能强大、易于使用且具有高度可定制性的软件/应用程序/网站</span>
diff --git a/src/views/ProjectPage/MainMessage/BottomMessage.vue b/src/views/ProjectPage/MainMessage/BottomMessage.vue
index 5bd9ed1..7f1dce9 100644
--- a/src/views/ProjectPage/MainMessage/BottomMessage.vue
+++ b/src/views/ProjectPage/MainMessage/BottomMessage.vue
@@ -1,6 +1,6 @@
 <template>
-    <div class="w-[100vw] h-[35vh] bg-gray-100">
-  <div class="flex flex-row ml-[10vw]">
+    <div class=" w-full  overflow-x-hidden h-[35vh] bg-gray-100">
+    <div class="flex flex-row ml-[10vw]">
       <div class="flex flex-col mr-[40vw] mt-[5vh]">
       <span class="text-xl font-bold">内部系统团队</span>
       <span class="mt-2">地址：江苏省无锡市锡山区</span>
diff --git a/src/views/ProjectPage/MainMessage/Contributors.vue b/src/views/ProjectPage/MainMessage/Contributors.vue
index 0c13ee7..9573912 100644
--- a/src/views/ProjectPage/MainMessage/Contributors.vue
+++ b/src/views/ProjectPage/MainMessage/Contributors.vue
@@ -1,18 +1,28 @@
 <template xmlns="">
-    <div class="mt-[5vh]">
+    <div class="mt-[5vh]  w-full  overflow-x-hidden">
         <hr>
         <span class="ml-[10vw] text-green-400 font-bold text-5xl mt-[6vh]">Contributors</span>
-        <div class="flex flex-row ml-[10vw]">
-<!--            <a-avatar class="bg-blue-100">-->
-<!--                <template #icon>-->
-<!--                    <UserOutlined />-->
-<!--                </template>-->
-<!--            </a-avatar>-->
-            <div class="flex flex-col">
+        <div class="flex flex-row ml-[10vw] mt-[4vh]">
+            <div class="flex flex-col mr-[5vw]">
+                <img :src="avatar" alt="User Avatar" class="w-10 h-10 rounded-full ">
+                <span>杨某某</span>
+            </div>
+            <div class="flex flex-col mr-[5vw]">
+                <img :src="avatar" alt="User Avatar" class="w-10 h-10 rounded-full ">
+                <span>李某某</span>
+            </div>
+            <div class="flex flex-col mr-[5vw]">
+                <img :src="avatar" alt="User Avatar" class="w-10 h-10 rounded-full ">
+                <span>杨某某</span>
+            </div>
+            <div class="flex flex-col mr-[5vw]">
+                <img :src="avatar" alt="User Avatar" class="w-10 h-10 rounded-full ">
+                <span>杨某某</span>
+            </div>
+            <div class="flex flex-col mr-[5vw]">
                 <img :src="avatar" alt="User Avatar" class="w-10 h-10 rounded-full ">
                 <span>杨某某</span>
             </div>
-
         </div>
 
     </div>
diff --git a/src/views/ProjectPage/MainMessage/TopProject.vue b/src/views/ProjectPage/MainMessage/TopProject.vue
index 39141c7..65f42d3 100644
--- a/src/views/ProjectPage/MainMessage/TopProject.vue
+++ b/src/views/ProjectPage/MainMessage/TopProject.vue
@@ -1,10 +1,10 @@
 <template>
-    <div class="w-screen h-[50vh] bg-blue-100 flex items-center justify-center w-[100vw]">
+    <div class="w-screen h-[50vh] bg-blue-100 flex items-center justify-center  w-full  overflow-x-hidden">
         <div class="w-full h-full bg-cover bg-center" style="background-image: url('../../../../public/top1.jpg'); background-size: cover;">
            <div class="flex-col ml-[10vw] mt-[10vh] w-[40vw] ">
-            <div class="text-4xl text-white font-black mb-[2vh]">梁溪区纪委大数据管理平台项目{{ project.name }}</div>
+            <div class="text-4xl text-white font-black mb-[2vh]">{{ project.name }}</div>
             <div class="text-white text-2xs mb-[4vh]">We sincerely appreciate your presence on the project details page, and we aim to deliver an exceptional experience to you. </div>
-               <a-button shape="round" class="bg-white" size="large">查看项目</a-button>
+               <a-button shape="round" class="bg-white" size="large"  v-if="OkLook">查看项目</a-button>
            </div>
         </div>
     </div>
@@ -12,13 +12,16 @@
 
 <script setup>
 
-// console.log( "此项目",id)
 
-// const project = reactive({
-//     data:null
-// })
+import {onMounted, ref} from "vue";
 
 const project = defineProps(['name','id','description'])
-
+const OkLook = ref(false)
+const token = window.localStorage.getItem('token')
+onMounted(() =>{
+    if(token){
+        OkLook.value =true
+    }
+})
 
 </script>
\ No newline at end of file
diff --git a/src/views/ProjectPage/MainMessageCustom.vue b/src/views/ProjectPage/MainMessageCustom.vue
index b236296..617894e 100644
--- a/src/views/ProjectPage/MainMessageCustom.vue
+++ b/src/views/ProjectPage/MainMessageCustom.vue
@@ -1,9 +1,9 @@
 <template>
-  <NavBar class="h-[10vh]"></NavBar>
-    <TopProject v-bind="project.data"></TopProject>
-    <BasicProject v-bind="project.data"></BasicProject>
-    <Contributors ></Contributors>
-  <BottomMessage></BottomMessage>
+  <NavBar ></NavBar>
+    <TopProject  v-bind="project.data"></TopProject>
+    <BasicProject  v-bind="project.data"></BasicProject>
+    <Contributors  ></Contributors>
+  <BottomMessage ></BottomMessage>
 
 
 
diff --git a/src/views/ProjectPage/ProjectCard.vue b/src/views/ProjectPage/ProjectCard.vue
index e958c61..92d8c06 100644
--- a/src/views/ProjectPage/ProjectCard.vue
+++ b/src/views/ProjectPage/ProjectCard.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="relative h-full bg-gray-50 flex w-[100vw]">
+    <div class="relative h-full bg-gray-50 flex w-full  overflow-x-hidden">
         <div class="mt-0">
             <div class="flex flex-row justify-between">
                     <div class="ml-3">
diff --git a/src/views/ProjectPage/ProjectDefaultPage.vue b/src/views/ProjectPage/ProjectDefaultPage.vue
index 0e5f473..b689d8a 100644
--- a/src/views/ProjectPage/ProjectDefaultPage.vue
+++ b/src/views/ProjectPage/ProjectDefaultPage.vue
@@ -1,8 +1,8 @@
 <template>
   <div class="relative w-[100%] min-h-screen">
     <div class="flex flex-col">
-      <NavBar/>
-      <ProjectCard/>
+      <NavBar class="w-[100vw]"/>
+      <ProjectCard />
     </div>
   </div>
 </template>