style：修改路径管理中各管理 考勤 作业详情 导入学员 修改学员管理中调整弹窗 修改项目中排行榜

src/components/drawers/WorkDetail.vue

@@ -29,8 +29,26 @@
         <div class="workInfo">
           <div class="infotit">作业信息：</div>
           <div class="workImgCon">
+            <!-- <a-image-preview-group>
+              <a-image
+                style="margin-right: 40px"
+                :height="240"
+                :width="240"
+                :src="item"
+              ></a-image>
+              <a-image :height="240" :width="240" :src="item" />
+              <a-image :height="240" :width="240" :src="item" />
+            </a-image-preview-group> -->
+            <div class="img">
+              <div class="download"></div>
+            </div>
+            <div class="img">
+              <div class="download"></div>
+            </div>
+            <div class="img">
+              <div class="download"></div>
+            </div>
             <div class="img">
-              <div class="see"></div>
               <div class="download"></div>
             </div>
           </div>
@@ -57,9 +75,7 @@ export default {
 
   setup(props, ctx) {
     const state = reactive({
-      pageSize: 10,
-      currentPage: 1,
-      tableDataTotal: 100,
+      item: require("../../assets/px.jpg"),
     });
 
     const closeDrawer = () => {
@@ -88,7 +104,7 @@ export default {
 // }
 .WorkDetail {
   .drawerMain {
-    min-width: 600px;
+    min-width: 450px;
     margin: 0px 32px 0px 32px;
     overflow-x: scroll;
     display: flex;
@@ -101,6 +117,7 @@ export default {
       align-items: center;
       // background-color: red;
       margin-bottom: 20px;
+      flex-shrink: 0;
       .headerTitle {
         font-size: 18px;
         font-weight: 600;
@@ -111,8 +128,9 @@ export default {
     }
     .main {
       width: 100%;
-      height: 100%;
-
+      // height: 100%;
+      overflow-y: auto;
+      margin-bottom: 40px;
       .cj {
         font-size: 16px;
         font-weight: 400;
@@ -149,6 +167,9 @@ export default {
           display: flex;
           flex-wrap: wrap;
           margin-top: 16px;
+          .it {
+            margin-right: 40px;
+          }
           .img {
             width: 240px;
             height: 240px;
@@ -157,6 +178,10 @@ export default {
             display: flex;
             align-items: center;
             justify-content: center;
+            margin-right: 40px;
+            margin-bottom: 40px;
+            position: relative;
+            cursor: pointer;
             .see {
               width: 50px;
               height: 50px;
@@ -169,8 +194,11 @@ export default {
               height: 50px;
               background-image: url(../../assets/images/basicinfo/download.png);
               background-size: 100% 100%;
-              margin-left: 40px;
+              // margin-left: 40px;
               cursor: pointer;
+              position: absolute;
+              right: 10px;
+              bottom: 10px;
             }
           }
         }
@@ -184,6 +212,7 @@ export default {
       bottom: 0;
       left: 0;
       display: flex;
+      background-color: #fff;
       align-items: center;
       justify-content: center;
       box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);