From b6cc723c25d783f405cf3e594e4136c3dffdb45a Mon Sep 17 00:00:00 2001
From: yuping <82253452@qq.com>
Date: Tue, 20 Dec 2022 19:11:58 +0800
Subject: [PATCH] =?UTF-8?q?--=20=E5=8F=97=E4=BC=97=E6=9F=A5=E8=AF=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/student/CommonStudent.vue | 345 ++++++++++++-----------
 1 file changed, 173 insertions(+), 172 deletions(-)

diff --git a/src/components/student/CommonStudent.vue b/src/components/student/CommonStudent.vue
index 4fc39d25..ea3b1f14 100644
--- a/src/components/student/CommonStudent.vue
+++ b/src/components/student/CommonStudent.vue
@@ -660,199 +660,200 @@ watch(visiable, () => {
     overflow: visible;
   }
 
-  .right1 {
-    border-left: 1px solid #f2f6fe;
+}
+.right1 {
+  border-left: 1px solid #f2f6fe;
+  width: 100%;
+  margin-left: 20px;
+
+  .onerow {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-right: 40px;
+    flex-wrap: wrap;
+
     width: 100%;
-    margin-left: 20px;
 
-    .onerow {
+    .onleft {
       display: flex;
-      justify-content: space-between;
-      align-items: center;
-      margin-right: 40px;
-      flex-wrap: wrap;
+      text-align: center;
 
-      width: 100%;
-
-      .onleft {
-        display: flex;
-        text-align: center;
-
-        .already {
-          color: rgba(51, 51, 51, 1);
-          font-size: 16px;
-          font-weight: 500;
-          margin-left: 32px;
-          white-space: nowrap;
-          // margin-bottom: 20px;
-        }
-
-        .count {
-          color: #4ea6ff;
-          font-size: 16px;
-          margin: 0 6px;
-        }
-
-        .peo {
-          color: rgba(51, 51, 51, 1);
-          font-size: 16px;
-          font-weight: 500;
-        }
+      .already {
+        color: rgba(51, 51, 51, 1);
+        font-size: 16px;
+        font-weight: 500;
+        margin-left: 32px;
+        white-space: nowrap;
+        // margin-bottom: 20px;
       }
 
-      .clbox {
-        margin-right: 50px;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        cursor: pointer;
-        width: 104px;
-        height: 32px;
-        border-radius: 4px;
-        background: #4ea6ff;
+      .count {
+        color: #4ea6ff;
+        font-size: 16px;
+        margin: 0 6px;
+      }
 
-        .colose {
-          width: 16px;
-          height: 16px;
-          // border-radius: 8px;
-          // background: #ffffff;
-          // position: relative;
-          background-image: url(../../assets/images/basicinfo/ch.png);
-          background-size: 100%;
-          margin-right: 4px;
-        }
-
-        .allclear {
-          color: rgba(255, 255, 255, 1);
-          font-size: 14px;
-        }
+      .peo {
+        color: rgba(51, 51, 51, 1);
+        font-size: 16px;
+        font-weight: 500;
       }
     }
 
-    .selecteds {
+    .clbox {
+      margin-right: 50px;
       display: flex;
-      flex-wrap: wrap;
-      margin-left: 32px;
+      justify-content: center;
+      align-items: center;
+      cursor: pointer;
+      width: 104px;
+      height: 32px;
+      border-radius: 4px;
+      background: #4ea6ff;
 
-      .person {
-        width: 100%;
-        margin-top: 20px;
-        border-top: 1px solid #f2f6fe;
+      .colose {
+        width: 16px;
+        height: 16px;
+        // border-radius: 8px;
+        // background: #ffffff;
+        // position: relative;
+        background-image: url(../../assets/images/basicinfo/ch.png);
+        background-size: 100%;
+        margin-right: 4px;
       }
 
-      .chose {
-        width: 64px;
-        height: 24px;
-        margin-top: 25px;
-        margin-right: 25px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        border-radius: 2px;
-        border: 1px solid rgba(56, 139, 225, 1);
-        color: rgba(56, 139, 225, 1);
-        font-size: 12px;
-        position: relative;
+      .allclear {
+        color: rgba(255, 255, 255, 1);
+        font-size: 14px;
+      }
+    }
+  }
 
-        .ch {
-          position: absolute;
-          width: 18px;
-          height: 18px;
-          background-image: url(../../assets/images/basicinfo/ch.png);
-          right: -8px;
-          top: -8px;
-        }
+  .selecteds {
+    display: flex;
+    flex-wrap: wrap;
+    margin-left: 32px;
+
+    .person {
+      width: 100%;
+      margin-top: 20px;
+      border-top: 1px solid #f2f6fe;
+    }
+
+    .chose {
+      width: 64px;
+      height: 24px;
+      margin-top: 25px;
+      margin-right: 25px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border-radius: 2px;
+      border: 1px solid rgba(56, 139, 225, 1);
+      color: rgba(56, 139, 225, 1);
+      font-size: 12px;
+      position: relative;
+
+      .ch {
+        position: absolute;
+        width: 18px;
+        height: 18px;
+        background-image: url(../../assets/images/basicinfo/ch.png);
+        right: -8px;
+        top: -8px;
+      }
+    }
+
+    .ifsw {
+      display: flex;
+      align-items: end;
+      justify-content: center;
+      color: #4ea6ff;
+    }
+
+    .sw {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      text-align: justify;
+      color: #4ea6ff;
+      margin-top: 23px;
+      margin-left: 10px;
+    }
+
+    .dept {
+      width: 100%;
+      margin-top: 30px;
+      border-top: 1px solid #f2f6fe;
+    }
+
+    .chose1 {
+      //width: 90px;
+      height: 24px;
+      margin-top: 25px;
+      margin-right: 25px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border-radius: 2px;
+      border: 1px solid rgba(56, 139, 225, 1);
+      color: rgba(56, 139, 225, 1);
+      font-size: 12px;
+      position: relative;
+
+      .span {
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
       }
 
-      .ifsw {
-        display: flex;
-        align-items: end;
-        justify-content: center;
-        color: #4ea6ff;
+      .ch1 {
+        position: absolute;
+        width: 18px;
+        height: 18px;
+        background-image: url(../../assets/images/basicinfo/ch.png);
+        right: -8px;
+        top: -8px;
+      }
+    }
+
+    .group {
+      width: 100%;
+      margin-top: 30px;
+      border-top: 1px solid #f2f6fe;
+    }
+
+    .chose2 {
+      //width: 120px;
+      height: 24px;
+      margin-top: 25px;
+      margin-right: 25px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border-radius: 2px;
+      border: 1px solid rgba(56, 139, 225, 1);
+      color: rgba(56, 139, 225, 1);
+      font-size: 12px;
+      position: relative;
+
+      .span {
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
       }
 
-      .sw {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        text-align: justify;
-        color: #4ea6ff;
-        margin-top: 23px;
-        margin-left: 10px;
-      }
-
-      .dept {
-        width: 100%;
-        margin-top: 30px;
-        border-top: 1px solid #f2f6fe;
-      }
-
-      .chose1 {
-        //width: 90px;
-        height: 24px;
-        margin-top: 25px;
-        margin-right: 25px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        border-radius: 2px;
-        border: 1px solid rgba(56, 139, 225, 1);
-        color: rgba(56, 139, 225, 1);
-        font-size: 12px;
-        position: relative;
-
-        .span {
-          white-space: nowrap;
-          overflow: hidden;
-          text-overflow: ellipsis;
-        }
-
-        .ch1 {
-          position: absolute;
-          width: 18px;
-          height: 18px;
-          background-image: url(../../assets/images/basicinfo/ch.png);
-          right: -8px;
-          top: -8px;
-        }
-      }
-
-      .group {
-        width: 100%;
-        margin-top: 30px;
-        border-top: 1px solid #f2f6fe;
-      }
-
-      .chose2 {
-        //width: 120px;
-        height: 24px;
-        margin-top: 25px;
-        margin-right: 25px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        border-radius: 2px;
-        border: 1px solid rgba(56, 139, 225, 1);
-        color: rgba(56, 139, 225, 1);
-        font-size: 12px;
-        position: relative;
-
-        .span {
-          white-space: nowrap;
-          overflow: hidden;
-          text-overflow: ellipsis;
-        }
-
-        .ch2 {
-          position: absolute;
-          width: 18px;
-          height: 18px;
-          background-image: url(../../assets/images/basicinfo/ch.png);
-          right: -8px;
-          top: -8px;
-        }
+      .ch2 {
+        position: absolute;
+        width: 18px;
+        height: 18px;
+        background-image: url(../../assets/images/basicinfo/ch.png);
+        right: -8px;
+        top: -8px;
       }
     }
   }
 }
+
 </style>
\ No newline at end of file