feat: "查看課題進展"

src/App.vue

@@ -52,7 +52,7 @@ if (userString) {
   const user = JSON.parse(userString);
   store.commit('user/setUser', user);
 } else {
-  router.push({ path: '/user/signIn' });
+  router.push({ path: '/experiment/user/signIn' });
 }
 
 // useRouter()
@@ -62,7 +62,7 @@ if (userString) {
 //     if (!u.value) {
 //       // 获取url中的u参数, 没有提示缺少参数
 //       console.log('缺少参数');
-//       router.push({ path: '/user/signIn' });
+//       router.push({ path: '/experiment/user/signIn' });
 //     } else {
 //       // 根据userId 获取token
 //       await store.dispatch('user/getTokenByUserId', u.value);

src/components/tall/task/CheckSubjectProgress.vue

@@ -35,7 +35,7 @@
           />
         </div>
 
-        <div class="sub-topic">
+        <div class="sub-topic flex justify-between flex-wrap">
           <div class="topic">
             <p>穿戴式运动捕获单元</p>
             <a-progress
@@ -62,16 +62,46 @@
     </div>
     <div class="wrap overflow-hidden">
       <a-card title="穿戴式运动捕获单元">
-        <p>card content</p>
+        <div class="flex flex-wrap justify-center">
-        <p>card content</p>
+          <div class="achievements border-right text-center">
-        <p>card content</p>
+            <p class="num">1/6</p>
+            <p class="name">论文</p>
+          </div>
+          <div class="achievements border-bottom text-center">
+            <p class="num">1/6</p>
+            <p class="name">专利</p>
+          </div>
+          <div class="achievements border-top text-center">
+            <p class="num">1/6</p>
+            <p class="name">软著</p>
+          </div>
+          <div class="achievements border-left text-center">
+            <p class="num">1/6</p>
+            <p class="name">会议</p>
+          </div>
+        </div>
       </a-card>
     </div>
     <div class="wrap overflow-hidden">
       <a-card title="穿戴式康复数据手套">
-        <p>card content</p>
+        <div class="flex flex-wrap justify-center">
-        <p>card content</p>
+          <div class="achievements border-right text-center">
-        <p>card content</p>
+            <p class="num">1/6</p>
+            <p class="name">论文</p>
+          </div>
+          <div class="achievements border-bottom text-center">
+            <p class="num">1/6</p>
+            <p class="name">专利</p>
+          </div>
+          <div class="achievements border-top text-center">
+            <p class="num">1/6</p>
+            <p class="name">软著</p>
+          </div>
+          <div class="achievements border-left text-center">
+            <p class="num">1/6</p>
+            <p class="name">会议</p>
+          </div>
+        </div>
       </a-card>
     </div>
   </div>
@@ -180,4 +210,20 @@ const colorList = ref([
   margin-bottom: 8px;
   color: #666666;
 }
+
+.sub-topic .topic {
+  margin-top: 40px;
+  width: calc((100% - 32px) / 2);
+}
+
+.ant-card {
+  height: 100%;
+}
+
+.ant-card :deep(.ant-card-body) {
+  height: calc(100% - 48px);
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
 </style>

src/components/tall/top/TopNavbar.vue

@@ -39,7 +39,7 @@ function signOut() {
   store.commit('user/setUser', null);
   store.commit('projects/setProject', null);
   store.commit('task/setTaskDetail', null);
-  router.push({ path: '/user/signin' });
+  router.push({ path: '/experiment/user/signin' });
 }
 </script>
 

src/routers/index.js

@@ -1,14 +1,14 @@
 import { createRouter, createWebHistory } from 'vue-router';
 // 还有 createWebHashHistory 和 createMemoryHistory
 
-export const user = [{ path: '/user/signIn', name: 'signIn', component: () => import('views/user/SignIn.vue') }];
+export const user = [{ path: '/experiment/user/signIn', name: 'signIn', component: () => import('views/user/SignIn.vue') }];
 export const routes = [
   {
-    path: '/home',
+    path: '/experiment/home',
     name: 'home',
-    redirect: '/home/test',
+    redirect: '/experiment/home/test',
     component: () => import('views/home/Index.vue'),
-    children: [{ path: '/home/test', name: 'test', component: () => import('views/detail/Test.vue') }],
+    children: [{ path: '/experiment/home/test', name: 'test', component: () => import('views/detail/Test.vue') }],
   },
 ];
 
@@ -16,8 +16,8 @@ const router = createRouter({
   history: createWebHistory(),
   routes: [
     {
-      path: '/',
+      path: '/experiment',
-      redirect: '/home',
+      redirect: '/experiment/home',
     },
     ...user,
     ...routes,

src/views/detail/Test.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="task-detail">
     <div class="task-con">
-      {{ taskInfo.name }}
+      <!-- {{ taskInfo.name }} -->
 
       <!-- 查看课题进展 -->
       <CheckSubjectProgress v-if="label === 'KT_KTJZ'" />
@@ -51,11 +51,15 @@ watch(taskDetail, () => {
   width: 100%;
   height: 100%;
   padding: 16px;
+  overflow-y: auto;
+}
+
+::-webkit-scrollbar {
+  width: 0 !important;
 }
 
 .task-con {
   width: 100%;
   min-height: 500px;
-  max-height: 100%;
 }
 </style>

src/views/user/SignIn.vue

@@ -74,7 +74,7 @@ function handleSingIn() {
           console.log('登录成功， 欢迎回来');
           setTimeout(() => {
             // 跳转到首页
-            router.push({ path: '/home' });
+            router.push({ path: '/experiment/home' });
           }, 1000);
         } catch (error) {
           throw new Error(error);