Merge branch 'feature/yuananting/20210801/task-center' into dev

src/modules/task-center/train-task/modal/ChooseAssignorModal.less

@@ -3,6 +3,7 @@
     display: flex;
     height: 417px;
     .left-list {
+      position: relative;
       width: 50%;
       margin-right: 24px;
       padding: 12px 0 12px 16px;
@@ -11,6 +12,64 @@
         font-size: 14px;
         right: 15px;
       }
+
+      .left-search-dropdown {
+        position: absolute;
+        padding: 16px;
+        background: #fff;
+        box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08);
+        z-index: 999;
+        border-radius: 2px;
+        width: 274px;
+        max-height: 280px;
+        overflow-y: scroll;
+        .catalog-title {
+          font-size: 14px;
+          color: #666;
+          margin-bottom: 14px;
+        }
+        .search-result-item {
+          padding: 14px 0;
+          color: #333;
+          width: 220px;
+          display: flex;
+          justify-content: space-between;
+          .title-icon {
+            color: #999;
+            margin-right: 3px;
+          }
+          .search-result-item__left {
+            font-size: 14px;
+          }
+          .search-result-item__right {
+            font-size: 14px;
+            width: 84px;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            color: #999;
+            text-align: right;
+          }
+        }
+        .ant-select-dropdown-menu-item-group-title {
+          color: #666;
+          font-weight: bold;
+        }
+        .ant-select-item-option-grouped {
+          padding-left: 12px;
+        }
+        .empty-con {
+          text-align: center;
+          .empty-img {
+            width: 150px;
+            height: 150px;
+          }
+          .empty-text {
+            color: #666;
+          }
+        }
+      }
+
       .data-body {
         .ant-tabs-nav {
           margin: 0 !important;
@@ -106,51 +165,3 @@
     }
   }
 }
-
-.left-search-dropdown {
-  .catalog-title {
-    font-size: 14px;
-    color: #666;
-    margin-bottom: 14px;
-  }
-  .search-result-item {
-    padding: 14px 0;
-    color: #333;
-    .title-icon {
-      color: #999;
-      margin-right: 3px;
-    }
-    .search-result-item__left {
-      font-size: 14px;
-    }
-    .search-result-item__right {
-      font-size: 14px;
-      width: 84px;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      color: #999;
-      text-align: right;
-    }
-  }
-  .ant-select-dropdown-menu-item-group-title {
-    color: #666;
-    font-weight: bold;
-  }
-  .ant-select-item-option-grouped {
-    padding-left: 12px;
-  }
-  .ant-select-item-option-content {
-    padding-left: 24px;
-  }
-  .empty-con {
-    text-align: center;
-    .empty-img {
-      width: 150px;
-      height: 150px;
-    }
-    .empty-text {
-      color: #666;
-    }
-  }
-}