榜单

src/components/drawers/NoticePub.vue

@@ -3,9 +3,13 @@
     <div class="noticeTitle"><span style="font-size: 18px;">公告</span>
         <a-divider style="margin-top: 0px;margin-bottom:30px;"></a-divider>
         <a-switch v-model:checked="noticeChecked" size="small"/><span style="margin-left: 16px;">开启</span>
-        <p style="margin-top: 35px;">公告内容</p>
+        <template v-if="noticeChecked">
-        <a-textarea v-model:value="noticeContent" show-count :maxlength="150" style="margin-top: -10px;margin-bottom:30px;height: 110px;"/>
+            <p style="margin-top: 35px;">公告内容</p>
-        <div class="publish"><div class="iconPub"></div><div class="btnText">发布</div></div>
+            <a-textarea v-model:value="noticeContent" show-count :maxlength="150" style="margin-top: -10px;margin-bottom:30px;height: 110px;"/>
+            <div class="publish"><div class="iconPub"></div><div class="btnText">发布</div></div>
+        </template>
+        
+       
       </div>
 </template>s
 <script>

src/components/drawers/ProjectScore.vue

@@ -45,17 +45,21 @@
               </a-tab-pane>
               <a-tab-pane key="2" tab="榜单" force-render>
                 <div class="scorelist">
+               
                   <div class="grouprightscore">
-                    <div class="stuscore">
+               
-                      <img src="../../assets/images/taskpage/stu.png" />
+                    <div class="sbutton" @click="stuValue=!stuValue">
-                      <br/>
+                       <div class="wh" :class="stuValue?'sImage0':'sImage'"></div>              
-                      <span class="btn1text">学员积分榜</span>
+                      
+                      <div :class="stuValue?'':'btn1'">学员积分榜</div>
                     </div>
-                    <div class="groupscore">
+                    <div  class="sbutton" @click="stuValue=!stuValue">
-                      <img src="../../assets/images/taskpage/group0.png" />
+                      <div class="wh" :class="stuValue?'group':'group0'" ></div>
-                      <br/>
+          
-                      <span class="btn2text">小组积分榜</span>
+                      <div  :class="stuValue?'btn1':''">小组积分榜</div>
                     </div>
+
+
                   </div>
                   <div class="group" style="justify-content: center;">
                     <div class="groupleft">
@@ -86,7 +90,7 @@
                         </a-radio-group>
                     </div>
                     <div class="slist">
-                      <a-list  :data-source="datascore">
+                      <a-list  :data-source="stuValue?datascoreg:datascore">
                         <template #renderItem="{ item }">
                           <div class="item">
                             
@@ -257,7 +261,36 @@ export default {
         },
         
 
-      ],     
+      ],  
+      datascoreg:[
+        {
+          id:1,
+          name:"第一组的同学们",
+          score:"10分",
+        },
+        {
+          id:2,
+          name:"第2组的同学们",
+          score:"9分",
+        },
+        {
+          id:3,
+          name:"第3组的同学们",
+          score:"8分",
+        },
+        {
+          id:4,
+          name:"第4组的同学们",
+          score:"7分",
+        },
+        {
+          id:5,
+          name:"第五组的同学们",
+          score:"6分",
+        },
+        
+
+      ],       
       valueName: "", //排行榜输入姓名
       valueDate: "", //排行榜输入日期
       noticeChecked: true,
@@ -266,12 +299,13 @@ export default {
       stuName:"请输入姓名",
       todayvalue:"1",
       tableDataTotal:30,
+      stuValue:false,
       
     });
     return{
       ...toRefs(state),
     }
-    }
+    },
   
 }
 </script>
@@ -305,7 +339,32 @@ export default {
                 justify-content: space-evenly;
                 margin-bottom: 30px;
                 text-align: center;
-            
+                .sbutton{
+                  display: flex;
+                  flex-direction: column;
+                  align-items: center;
+                  justify-content: center;
+                  
+                  }
+                .wh{
+                  width: 40px;
+                  height: 40px;
+                }
+                .sImage0{
+                  background-image: url(@/assets/images/taskpage/stu0.png);
+                }
+                .sImage{
+                  background-image: url(@/assets/images/taskpage/stu.png);
+                }
+                .group0{
+                  background-image: url(@/assets/images/taskpage/group0.png);
+                }
+                .group{
+                  background-image: url(@/assets/images/taskpage/group.png);
+                }
+                .btn1{
+                  color: #409EFF;
+                }
             }
             .radiobutton{
                 margin-top: 23px;
@@ -346,7 +405,7 @@ export default {
                     font-family: math;
                     font-style: italic;
                     font-weight: 700;
-                    color: #2c90ff;
+                    color: #409EFF;
                     margin-left: 5px;
                     }
                     .elseid{
@@ -406,7 +465,7 @@ export default {
         }
     }
     .pjcb_content{
-        border: 1px solid #388BE1;
+        border: 1px solid #409EFF;
         padding: 32px;
         .pjcb_content :last-child{
             margin-bottom:0px;