From 22f7ea79adb017e7cfa6934dc502a9aebf6d7f98 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B2=B3=E4=BD=B3=E9=91=AB?= <yuejx@dongwu-inc.com>
Date: Fri, 21 Oct 2022 11:14:13 +0800
Subject: [PATCH] =?UTF-8?q?style:=E5=AD=A6=E5=91=98=E5=AF=BC=E5=85=A5?=
 =?UTF-8?q?=E7=9A=84=E5=9B=BE=E7=89=87,=E6=B7=BB=E5=8A=A0=E5=AD=A6?=
 =?UTF-8?q?=E5=91=98=E7=9A=84=E6=8C=89=E9=92=AE=E8=B7=9D=E7=A6=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/studentimg/xls.png | Bin 0 -> 862 bytes
 src/components/drawers/ImportStu.vue |  12 +-
 src/components/drawers/StuAdd.vue    | 533 +++++++++++++++------------
 3 files changed, 308 insertions(+), 237 deletions(-)
 create mode 100644 src/assets/images/studentimg/xls.png

diff --git a/src/assets/images/studentimg/xls.png b/src/assets/images/studentimg/xls.png
new file mode 100644
index 0000000000000000000000000000000000000000..0a86c92ee87c8160a93ee0bc0540dba17d7ca249
GIT binary patch
literal 862
zcmV-k1EKthP)<h;3K|Lk000e1NJLTq001BW001Hg1^@s6KC;{Y00001b5ch_0Itp)
z=>Px&7)eAyR9HvtmuW~;Q547j_q`cMM@uc8N)RobiqvdIjmp9j3t}P_H7tq1HO$Nw
zL}@{SD6$BmZ;=oZSxRIC25Nn&ESCZ+Muim7a8O)w*O_@Y-m`HZ=Q%p{#q;gHdzRn*
z-^1ZPg8yv9RR3UUyay<G2+(i<_SSMK9NcvKJ@$sD1jK8_<d_cd8Wb8aK@0h;mn)!F
zY;Tit*q5PBZncze3gBh@$Wl&jD#Qb*-2K5ajCPfr2}@Kab}a-k9e`S*6|-*w;C)$!
zt#*<jB57;VfVo(k0tgU<sU(iWnoMQp*nAK+2jGh`gn7{y*dCWh^0?U${{&zHf;`IF
zk&<k40ENR^1StZ|Tsh6Zpi0Z0zPaoQuwZb&GZa!rItPLfLP5El^QyGlrp;vs;1j#a
zToLH*2Rqhot`Y<s<&bhwom#+e+5~`73eISR9VB4D%z>bw<7Kf=Wi|ttsz^c2OqYu2
zXTsraqJWrzRUTEe0<faMiUKPNSXLm`M}xA~cNj7ZgC#6ZY>q}@V+js<hM}&j9^Iq8
zlQYNH*&8uF8b}!le)Ke<wD}D<n15u68bm(M-Z-v|#EshfNcBs=x9$df)YT$A;1tSQ
z-=d|zZ4w}V&lOy&zJn3NC_)s0sPEQd%s6g#D2f8$qYrz9BXmOu8hd{Vr{`@xfZU+7
z&<%IuLq`po`kF0HW6=QHT$RWP%E04>VpO)jHw!>OgxB!Sbt))bHX`ryT@2_4m!`lP
znG3Sj>9}5V50_M@QP@y|mVvf;6>yR|Vo*OM6pZsdg7(1<RO#xL25>bv3kBLD{2J0>
zwVe|#2cJW3)lHn-5(EDE-9J7c+%xZ!qdtRiPLJNP-`KR;3%BYX2+eEGL|uV|k-)$i
zCUfu|uK&B1OB{snMrxdFHhWeE{(H|@-}3c<#Y|Q@%%=c<RMyITiw!fDM-@qCzlgp7
zP%So-mHuDLql(ls03u!`>>`}86oA6Yq+-K5DZ@rq9DVX>1^~a<{XEV=ZqN9$lumTm
oGMkZ*k>OG9d)2XG{!d)6KjQIQGG?PH8UO$Q07*qoM6N<$g0Sj`tpET3

literal 0
HcmV?d00001

diff --git a/src/components/drawers/ImportStu.vue b/src/components/drawers/ImportStu.vue
index e0bc373d..b1d7c751 100644
--- a/src/components/drawers/ImportStu.vue
+++ b/src/components/drawers/ImportStu.vue
@@ -33,7 +33,7 @@
                 <!-- 导入学员上传 -->
                 <!-- 导入学员上传（有状态）-正在上传 -->
                 <div class="alreadybox">
-                    <div class="alimg"></div>
+                    <div class="alimg"><img src="../../assets/images/studentimg/xls.png"/></div>
                     <div class="upproject">京东方商业模型.xls</div>
                     <div class="uping">正在上传</div>
                     <div class="progress">
@@ -48,7 +48,7 @@
                 <div class="uploadstate">上传失败</div>
                 <!-- 导入学员上传（有状态）-上传失败 -->
                 <div class="alreadybox">
-                    <div class="alimg"></div>
+                    <div class="alimg"><img src="../../assets/images/studentimg/xls.png"/></div>
                     <div class="upproject">京东方商业模型.xls</div>
                     <div class="uping" style="color: #FF7474">上传失败</div>
                     <div class="progress">
@@ -64,7 +64,7 @@
                 <div class="uploadstate" style="margin-top: 74px">上传成功</div>
                 <!-- 导入学员上传（有状态）-上传成功 -->
                 <div class="alreadybox">
-                    <div class="alimg"></div>
+                    <div class="alimg"><img src="../../assets/images/studentimg/xls.png"/></div>
                     <div class="upproject">京东方商业模型.xls</div>
                     <div class="uping" style="color: #35AE69">上传成功</div>
                     <div class="progress">
@@ -221,12 +221,12 @@ export default {
                 cursor: pointer;
             }
             .alimg {
-                width: 28px;
-                height: 32px;
+                width: 32px;
+                height: 34px;
                 position: absolute;
                 top: 66px;
                 left: 24px;
-                background: green;
+                //background: green;
             }
             .upproject {
                 position: absolute;
diff --git a/src/components/drawers/StuAdd.vue b/src/components/drawers/StuAdd.vue
index e092a019..7f7cf7dc 100644
--- a/src/components/drawers/StuAdd.vue
+++ b/src/components/drawers/StuAdd.vue
@@ -98,7 +98,7 @@
                     <div class="namee">受众名称：</div>
                     <a-select
                         v-model:value="value"
-                        style="width: 264px; border-radius: 8px"
+                        style="width: 264px;border-radius: 8px"
                         placeholder="请输入组织名称"
                         :options="organizeList1"
                     />
@@ -168,12 +168,30 @@
             </div>
           </div>
           <div class="selecteds">
-            <div class="chose">李明</div>
-            <div class="chose">李大明</div>
-            <div class="chose">李二明</div>
-            <div class="chose">李明</div>
-            <div class="chose">李大明</div>
-            <div class="chose">李二明</div>
+            <div class="chose">
+              李明
+              <div class="ch"></div>
+            </div>
+            <div class="chose">
+              李大明
+              <div class="ch"></div>
+            </div>
+            <div class="chose">
+              李二明
+              <div class="ch"></div>
+            </div>
+            <div class="chose">
+              李明
+              <div class="ch"></div>
+            </div>
+            <div class="chose">
+              李大明
+              <div class="ch"></div>
+            </div>
+            <div class="chose">
+              李二明
+              <div class="ch"></div>
+            </div>
           </div>
         </div>
       </div>
@@ -448,20 +466,17 @@ export default {
 };
 </script>
 
-<style scoped lang="scss" >
+<style lang="scss" >
 .stuadd {
-  .ant-pagination-options {
-    margin-top: 10px !important;
-   }
-  .ant-drawer-content-wrapper {
-    // max-width: 1000px;
-    .ant-drawer-header {
-      display: none !important;
-    }
-    .ant-drawer-body {
-      padding: 0;
-    }
-  }
+  // .ant-drawer-content-wrapper {
+  //   // max-width: 1000px;
+  //   .ant-drawer-header {
+  //     display: none !important;
+  //   }
+  //   .ant-drawer-body {
+  //     padding: 0;
+  //   }
+  // }
   .drawerMain {
     min-width: 600px;
     margin: 0px 32px 0px 32px;
@@ -485,225 +500,281 @@ export default {
       }
     }
     .main {
-        display: flex;
-        height: 80%;
-        .left {
-          width: 65%;
-          height: 100%;
-          border-right: 1px solid rgba(233, 233, 233, 1);
-          .tabs {
-            margin-right: 33px;
-            .tab1 {
-              display: flex;
-              flex-wrap: wrap;
-              justify-content: space-between;
-              .nameinp {
-                display: flex;
-                align-items: center;
-                margin-top: 10px;
-                .namee {
-                  color: rgba(0, 0, 0, 0.8500);
-                  font-size: 14px;
-                }
-              }
-              .btns {
-                display: flex;
-                margin-top: 10px;
-                .btn1 {
-                  width: 100px;
-                  height: 40px;
-                  margin-right: 16px;
-                  display: flex;
-                  align-items: center;
-                  justify-content: center;
-                  color: #FFFFFF;
-                  font-size: 14px;
-                  background: #409EFF;
-                  border-radius: 8px;
-                  border: 1px solid #409EFF;
-                  cursor: pointer;
-                  .wz {
-                    margin-left: 10px;
-                  }
-                }
-                .btn2 {
-                  width: 100px;
-                  height: 40px;
-                  display: flex;
-                  align-items: center;
-                  justify-content: center;
-                  color: #409EFF;
-                  font-size: 14px;
-                  background: #FFFFFF;
-                  border-radius: 8px;
-                  cursor: pointer;
-                  border: 1px solid #409EFF;
-                  .wz {
-                    margin-left: 10px;
-                  }
-                }
-              }
-            }
-            .line {
-              width: 100%;
-              height: 40px;
-              background-color: #e9f6fe;
-              display: flex;
-              justify-content: center;
-              align-items: center;
-              margin-top: 20px;
-              border: 1px solid #c3e6fc;
-
-              .inline {
-                width: 95%;
-                height: 100%;
-                display: flex;
-                justify-content: space-between;
-
-                // background-color: #bfa;
-                .left1 {
-                  height: 100%;
-                  display: flex;
-                  align-items: center;
-
-                  .img {
-                    width: 14px;
-                    height: 15px;
-                    background-image: url(../../assets/images/leveladd/gan.png);
-                    background-size: 100% 100%;
-                  }
-
-                  .text {
-                    color: #999ba3;
-                  }
-
-                  .text2 {
-                    color: #4ea6ff;
-                    margin-left: 5px;
-                    margin-right: 5px;
-                  }
-
-                  .text3 {
-                    color: #999ba3;
-                    margin-left: 20px;
-                  }
-                }
-
-                .right1 {
-                  font-size: 14px;
-                  font-weight: 400;
-                  color: #387df7;
-                  height: 100%;
-                  display: flex;
-                  align-items: center;
-                  cursor: pointer;
-                }
-              }
-            }
-            .tabb {
-              .ant-table-thead > tr > th {
-                background-color: rgba(240, 246, 252, 1);
-                color: rgba(0, 0, 0, 0.85);
-              }
-              .ant-table-tbody > tr > td {
-                border-bottom: 1px solid #f0f6fc;
-                color: rgba(0, 0, 0, 0.65);
-              }
-              th.h {
-                background-color: #eff4fc !important;
-              }
-
-              .ant-table-tbody
-                > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
-                > td {
-                background: rgba(250, 250, 250, 1);
-              }
-              .pa {
-                // left: 0;
-                margin-top: 15px;
-                width: 100%;
-                // height: 20px;
-                // background-color: red;
-                display: flex;
-                justify-content: center;
-                // position: absolute;
-                // bottom: 20px;
-              }
-            }
-            .tab2 {
-              display: flex;
-              align-items: center;
-              .organize {
-                color: rgba(0, 0, 0, 0.8500);
-                font-size: 14px;
-              }
-              .ant-cascader {
-                width: 264px;
-                height: 40px;
-                border-radius: 8px;
-                .ant-select-selector{
-                  height: 100%;
-                }
-                .ant-select-selection-search-input {
-                  height: 40px;
-                }
-              }
-            }
-          }
-        }
-        .right {
-          width: 35%;
-          .onerow {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            .already {
-              color: rgba(51, 51, 51, 1);
-              font-size: 16px;
-              font-weight: 500;
-              margin-left: 32px;
-            }
-            .clbox {
-              display: flex;
-              justify-content: center;
-              align-items: center;
-              cursor: pointer;
-              width: 104px;
-              height: 32px;
-              border-radius: 4px;
-              background: #409EFF;
-              .colose {
-                width: 16px;
-                height: 16px;
-                border-radius: 8px;
-                background: #FFFFFF;
-                position: relative;
-              }
-              .allclear {
-                color: rgba(255, 255, 255, 1);
-                font-size: 14px;
-              }
-            }
-          }
-          .selecteds {
+      display: flex;
+      height: 80%;
+      .left {
+        // overflow-y: auto;
+        width: 65%;
+        height: 100%;
+        border-right: 1px solid rgba(233, 233, 233, 1);
+        .tabs {
+          margin-right: 33px;
+          .tab1 {
             display: flex;
             flex-wrap: wrap;
-            margin-left: 32px;
-            .chose {
-              width: 64px;
-              height: 24px;
-              margin-top: 25px;
-              margin-right: 25px;
+            justify-content: space-between;
+            .nameinp {
               display: flex;
               align-items: center;
+              margin-top: 10px;
+              .namee {
+                color: rgba(0, 0, 0, 0.85);
+                font-size: 14px;
+              }
+              .ant-select {
+                height: 40px;
+              }
+              .ant-select-selector {
+                height: 100%;
+                border-radius: 8px;
+              }
+              .ant-select-selection-search-input {
+                height: 40px;
+              }
+            }
+            .btns {
+              display: flex;
+              margin-top: 10px;
+              .btn1 {
+                width: 100px;
+                height: 40px;
+                margin-right: 16px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                color: #ffffff;
+                font-size: 14px;
+                background: #409eff;
+                border-radius: 8px;
+                border: 1px solid #409eff;
+                cursor: pointer;
+                .wz {
+                  margin-left: 10px;
+                }
+              }
+              .btn2 {
+                width: 100px;
+                height: 40px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                color: #409eff;
+                font-size: 14px;
+                background: #ffffff;
+                border-radius: 8px;
+                cursor: pointer;
+                border: 1px solid #409eff;
+                .wz {
+                  margin-left: 10px;
+                }
+              }
+            }
+          }
+          .line {
+            width: 100%;
+            height: 40px;
+            background-color: #e9f6fe;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            margin-top: 20px;
+            border: 1px solid #c3e6fc;
+
+            .inline {
+              width: 95%;
+              height: 100%;
+              display: flex;
+              justify-content: space-between;
+
+              // background-color: #bfa;
+              .left1 {
+                height: 100%;
+                display: flex;
+                align-items: center;
+
+                .img {
+                  width: 14px;
+                  height: 15px;
+                  background-image: url(../../assets/images/leveladd/gan.png);
+                  background-size: 100% 100%;
+                }
+
+                .text {
+                  color: #999ba3;
+                }
+
+                .text2 {
+                  color: #4ea6ff;
+                  margin-left: 5px;
+                  margin-right: 5px;
+                }
+
+                .text3 {
+                  color: #999ba3;
+                  margin-left: 20px;
+                }
+              }
+
+              .right1 {
+                font-size: 14px;
+                font-weight: 400;
+                color: #387df7;
+                height: 100%;
+                display: flex;
+                align-items: center;
+                cursor: pointer;
+              }
+            }
+          }
+          .tabb {
+            .ant-table-thead > tr > th {
+              background-color: rgba(240, 246, 252, 1);
+              color: rgba(0, 0, 0, 0.85);
+            }
+            .ant-table-tbody > tr > td {
+              border-bottom: 1px solid #f0f6fc;
+              color: rgba(0, 0, 0, 0.65);
+            }
+            th.h {
+              background-color: #eff4fc !important;
+            }
+
+            .ant-table-tbody
+              > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+              > td {
+              background: rgba(250, 250, 250, 1);
+            }
+            .ant-table-selection-column {
+              padding: 0 !important;
+            }
+            // table tr td.ant-table-selection-column {
+            //   text-align: right;
+            // }
+            // .ant-checkbox-wrapper {
+            //   align-items: center;
+            //   margin-top: -2px;
+            // }
+            .pa {
+              // left: 0;
+              margin-top: 5px;
+              width: 100%;
+              // height: 20px;
+              // background-color: red;
+              display: flex;
               justify-content: center;
-              border-radius: 2px;
-              border: 1px solid rgba(56, 139, 225, 1);
-              color: rgba(56, 139, 225, 1);
-              font-size: 12px;
+              // position: absolute;
+              // bottom: 20px;
+              .ant-pagination-prev {
+                margin-top: 10px;
+              }
+              .ant-pagination-next {
+                margin-top: 10px;
+              }
+              .ant-pagination-item {
+                margin-top: 10px;
+              }
+              .ant-pagination-options {
+                margin-top: 10px;
+              }
+            }
+          }
+          .tab2 {
+            display: flex;
+            align-items: center;
+            margin-top: 10px;
+            .organize {
+              color: rgba(0, 0, 0, 0.85);
+              font-size: 14px;
+            }
+            .ant-select {
+              border-radius: 8px !important;
+            }
+            .ant-cascader {
+              width: 264px;
+              height: 40px;
+              border-radius: 8px !important;
+              .ant-select-selector {
+                height: 100%;
+                border-radius: 8px;
+              }
+              .ant-select-selection-search-input {
+                height: 40px;
+              }
             }
           }
         }
+      }
+      .right {
+        width: 35%;
+        .onerow {
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          margin-right: 40px;
+          flex-wrap: wrap;
+          .already {
+            color: rgba(51, 51, 51, 1);
+            font-size: 16px;
+            font-weight: 500;
+            margin-left: 32px;
+            white-space: nowrap;
+            // margin-bottom: 20px;
+          }
+          .clbox {
+            margin-left: 30px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            cursor: pointer;
+            width: 104px;
+            height: 32px;
+            border-radius: 4px;
+            background: #409eff;
+            .colose {
+              width: 18px;
+              height: 18px;
+              // 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;
+            }
+          }
+        }
+        .selecteds {
+          display: flex;
+          flex-wrap: wrap;
+          margin-left: 32px;
+          .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;
+              cursor: pointer;
+            }
+          }
+        }
+      }
     }
     .btnn {
       height: 72px;