From c84a615a8812d0cd78c358b3f7a74b4bbd1c7f31 Mon Sep 17 00:00:00 2001
From: zhangyc <zhangyc@dongwu-inc.com>
Date: Mon, 24 Oct 2022 19:13:45 +0800
Subject: [PATCH] =?UTF-8?q?style:=E4=BF=AE=E6=94=B9=E5=85=AC=E5=91=8A?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/drawers/NoticePub.vue    |  34 ++++--
 src/components/drawers/ProjectScore.vue | 153 ++++++++++++++++--------
 2 files changed, 131 insertions(+), 56 deletions(-)

diff --git a/src/components/drawers/NoticePub.vue b/src/components/drawers/NoticePub.vue
index 7effed3a..d36f32b6 100644
--- a/src/components/drawers/NoticePub.vue
+++ b/src/components/drawers/NoticePub.vue
@@ -1,11 +1,12 @@
 <!--发布公告-->
 <template>
-    <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>
+    <div class="split"></div>
+    <div class="noticeTitle">
+        <div class="notitle"><span class="titlespan">公告</span></div>
+        <div class="switch"><a-switch v-model:checked="noticeChecked" size="small"/><span style="margin-left: 16px;">开启</span></div>
         <template v-if="noticeChecked">
-            <p style="margin-top: 35px;">公告内容</p>
-            <a-textarea v-model:value="noticeContent" show-count :maxlength="150" style="margin-top: -10px;margin-bottom:30px;height: 110px;"/>
+            <p>公告内容</p>
+            <a-textarea v-model:value="noticeContent" :maxlength="150" placeholder="公告信息最多输入150个字" style="margin-top: -10px;height: 120px;"/>
             <div class="publish"><div class="iconPub"></div><div class="btnText">发布</div></div>
         </template>
         
@@ -29,9 +30,26 @@ export default {
 </script>
 <style lang="scss">
     .noticeTitle {
-        margin-left: 38px;
-        margin-right: 38px;
+        margin-left: 32px;
+        margin-right: 32px;
         padding-top: 20px;
+        .notitle{
+            height: 55px;
+            border-bottom:1px solid #ededed;
+            position: relative;
+            .titlespan{
+                font-size: 18px;
+                position: absolute;
+                left: 0;
+                bottom: 0px;
+             }
+        }
+        .switch{
+            display: flex;
+            align-items: center;
+            height: 90px;
+        }
+
         .publish {
             width: 100px;
             height:38px;
@@ -43,7 +61,7 @@ export default {
             justify-content: center;
             flex-shrink: 0;
             float: right;
-            margin-top: 60px;
+            margin-top: 24px;
             margin-bottom: 60px;
             margin-right: 20px;
             cursor: pointer;
diff --git a/src/components/drawers/ProjectScore.vue b/src/components/drawers/ProjectScore.vue
index d24202f3..5f34c350 100644
--- a/src/components/drawers/ProjectScore.vue
+++ b/src/components/drawers/ProjectScore.vue
@@ -1,5 +1,6 @@
 <!--发布公告-->
 <template>
+  <div class="split"></div>
   <div class="contentscore">
     <a-tabs v-model:activeKey="activeKeyScore">
       <a-tab-pane key="1" tab="学员获取">
@@ -22,8 +23,8 @@
             </div>
           </div>
         </div>
-        <div class="tab" style="margin: 20px 32px 30px 32px">
-          <a-table
+        <div class="tableBox" style="margin: 20px 32px 30px 32px">
+          <a-table 
             style="border: 1px solid #f2f6fe"
             :columns="tablecolumnStu"
             :data-source="tabledataStu"
@@ -63,7 +64,7 @@
           <div class="group" style="justify-content: center">
             <div class="groupleft">
               <div class="groupname">姓名：</div>
-              <a-input class="ant-input"
+            <a-input class="ant-input" style="width:152px"
                 v-model:value="value"
                 placeholder="请输入姓名"
               />
@@ -90,37 +91,38 @@
               <a-radio-button class="today" value="3">近一个月</a-radio-button>
             </a-radio-group>
           </div>
-          <div class="slist">
-            <a-list :data-source="stuValue ? datascoreg : datascore">
-              <template #renderItem="{ item }">
-                <div class="item">
-                  <div v-if="item.id == 1" class="itemleft">
-                    <div class="itemimage">
-                      <img src="../../assets/images/taskpage/gold.png" />
+          <div class="listdiv"> <div class="slist">
+              <a-list :data-source="stuValue ? datascoreg : datascore">
+                <template #renderItem="{ item }">
+                  <div class="item">
+                    <div v-if="item.id == 1" class="itemleft">
+                      <div class="itemimage">
+                        <img src="../../assets/images/taskpage/gold.png" />
+                      </div>
+                      <div class="itemid">{{ item.id }}</div>
                     </div>
-                    <div class="itemid">{{ item.id }}</div>
-                  </div>
-                  <div v-else-if="item.id == 2" class="itemleft">
-                    <div class="itemimage">
-                      <img src="../../assets/images/taskpage/siler.png" />
+                    <div v-else-if="item.id == 2" class="itemleft">
+                      <div class="itemimage">
+                        <img src="../../assets/images/taskpage/siler.png" />
+                      </div>
+                      <div class="itemid">{{ item.id }}</div>
                     </div>
-                    <div class="itemid">{{ item.id }}</div>
-                  </div>
-                  <div v-else-if="item.id == 3" class="itemleft">
-                    <div class="itemimage">
-                      <img src="../../assets/images/taskpage/copper.png" />
+                    <div v-else-if="item.id == 3" class="itemleft">
+                      <div class="itemimage">
+                        <img src="../../assets/images/taskpage/copper.png" />
+                      </div>
+                      <div class="itemid">{{ item.id }}</div>
+                    </div>
+                    <div v-else class="itemleft">
+                      <div class="elseid">{{ item.id }}</div>
                     </div>
-                    <div class="itemid">{{ item.id }}</div>
-                  </div>
-                  <div v-else class="itemleft">
-                    <div class="elseid">{{ item.id }}</div>
-                  </div>
 
-                  <div class="itemcenter">{{ item.name }}</div>
-                  <div class="itemright">{{ item.score }}</div>
-                </div>
-              </template>
-            </a-list>
+                    <div class="itemcenter">{{ item.name }}</div>
+                    <div class="itemright">{{ item.score }}</div>
+                  </div>
+                </template>
+              </a-list>
+            </div>
           </div>
         </div>
       </a-tab-pane>
@@ -366,8 +368,8 @@ export default {
     font-weight: 700;
   }
   .ant-input {
-        border-radius: 5px;
-        width: 130px;
+        border-radius: 8px;
+        width: 264px;
         height: 40px;
     }  
   .group {
@@ -424,16 +426,63 @@ export default {
       }
       
     }
+  .tableBox {
+      .ant-table-selection-column {
+        padding: 0px !important;
+        // padding-left: 45px !important;
+      }
+
+      .ant-table-thead > tr > th {
+        background-color: rgba(239, 244, 252, 1) !important;
+        color: rgba(0, 0, 0, 0.8500);
+      }
+
+      .ant-table-cell {
+        color: rgba(0, 0, 0, 0.6500);
+      }
+
+      .ant-table-selection-column {
+        padding: 0 !important;
+      }
+
+      th.h {
+        background-color: #eff4fc !important;
+      }
+
+      
+      .ant-table-tbody
+        > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+        > td {
+          
+        background: #f6f9fd;
+      }
+      .ant-table-tbody > tr > td {
+          border-bottom: 1px solid rgba(240, 244, 254, 1);
+          padding: 16px 16px;
+          .operation {
+          color: rgba(56, 125, 247, 1);
+          cursor: pointer;
+          }
+      }
+      .ant-table-tbody{
+     
+      .pa {
+        // left: 0;
+        margin-top: 15px;
+        width: 100%;
+        // height: 20px;
+        // background-color: red;
+        display: flex;
+        justify-content: center;
+        // position: absolute;
+        // bottom: 20px;
+      }
+    } 
     
-    .ant-table-tbody{
-      .operation{
-      color: #409eff;
-    }
 
     }
   .scorelist {
-    padding-left: 20%;
-    padding-right: 20%;
+    
     padding-bottom: 100px;
     padding-top: 50px;
     .grouprightscore {
@@ -446,8 +495,8 @@ export default {
         flex-direction: column;
         align-items: center;
         justify-content: center;
-        margin-left: 10%;
-        margin-right: 10%;
+        margin-left: 90px;
+        margin-right: 90px;
       }
 
       .btn1 {
@@ -455,21 +504,28 @@ export default {
       }
     }
     .radiobutton {
+     
       margin-top: 23px;
       margin-bottom: 23px;
       justify-content: center;
       display: flex;
       text-align: center;
       .today {
-        width: 105px;
+        width: 120px;
+        height: 32px;
       }
     }
-    .slist {
+    .listdiv{
+        display: flex;
+        justify-content: space-evenly;
+        text-align: center;
+      .slist {
+      width: 736px;
       background-color: #f5f8fc;
-      padding-left: 20px;
-      padding-right: 20px;
+      padding-left: 28px;
+      padding-right: 28px;
       padding-bottom: 20px;
-      padding-top: 10px;
+      padding-top: 16px;
       font-size: 18px;
 
       .item {
@@ -477,7 +533,7 @@ export default {
         justify-content: space-evenly;
         text-align: center;
         border-bottom: none;
-        height: 60px;
+        height: 56px;
         align-items: center;
         background-color: white;
         border-radius: 21px;
@@ -488,7 +544,7 @@ export default {
           align-items: center;
           width: 150px;
           .itemid {
-            font-size: 46px;
+            font-size: 40px;
             font-family: math;
             font-style: italic;
             font-weight: 700;
@@ -510,6 +566,7 @@ export default {
         }
       }
     }
+    }
   }
   .projectscore {
   .pjc_body {
@@ -582,4 +639,4 @@ export default {
 }
 
 
-</style>
\ No newline at end of file
+</style>