工作指派左侧职员列表以及右侧已选职员超出分别显示滚动条

public/static/css/main.css

@@ -4254,8 +4254,8 @@ button:focus {
 }
 .dialogcontentbodyrow{
 	margin: 0 10px;
-	height: calc(100vh - 144px);
-	overflow-y: auto;
+	/* height: calc(100vh - 144px);
+	overflow-y: auto; */
 }
 .icon-icon_yunpan{
 	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);

src/views/components_web/distWork/distWork.vue

@@ -187,7 +187,7 @@
             <div v-show="isShowSecondPage || isShowThreePage" class="PaincenterBox">
               <div class="xiezuobox">
                 <!-- 左侧折叠面板 -->
-                <div class="yiyun_col-6 bg_text_wirte mt-8">
+                <div class="yiyun_col-6 bg_text_wirte mt-8 left-dept-wrap">
                   <div class="row_painfl">
                     <!-- 折叠面板 -->
                     <el-collapse accordion v-model="activeName">
@@ -205,25 +205,25 @@
                             <!-- <div class="user_info_item" v-for="(user, index) in listUserManager(
                                 dept.listUser
                               )" :label="user" :key="index"> -->
-                              <div class="user_info_item" v-for="(user, index) in dept.listUser" :label="user" :key="index">
-                              <el-checkbox class="checkBoxCol" v-model="user.selected" @change="
-                              handleCheckedOne(
-                                    group_index,
-                                    user,
-                                    $event
-                                  )
-                                " :disabled="disabled">
-                                <div class="checkboxlabelitem">
-                                  <img :src="user.headImgUrl | resolveAvator" alt="" class="user_info_faceImg" />
-                                  <span class="user_info_name">{{
-                                    user.cnName
-                                  }}</span>
-                                    <span class="user_info_role">{{
-                                    user.roleName
-                                  }}</span>
+                                <div class="user_info_item" v-for="(user, index) in dept.listUser" :label="user" :key="index">
+                                  <el-checkbox class="checkBoxCol" v-model="user.selected" @change="
+                                  handleCheckedOne(
+                                        group_index,
+                                        user,
+                                        $event
+                                      )
+                                    " :disabled="disabled">
+                                    <div class="checkboxlabelitem">
+                                      <img :src="user.headImgUrl | resolveAvator" alt="" class="user_info_faceImg" />
+                                      <span class="user_info_name">{{
+                                        user.cnName
+                                      }}</span>
+                                        <span class="user_info_role">{{
+                                        user.roleName
+                                      }}</span>
+                                    </div>
+                                  </el-checkbox>
                                 </div>
-                              </el-checkbox>
-                            </div>
                           </el-collapse-item>
                         </el-collapse>
                       </el-collapse-item>
@@ -235,7 +235,7 @@
                 <div class="yiyun_col-6">
                   <h4 class="rightXiezuoren">已选职员</h4>
                   <div class="yiyun_line set-yiyun-line"></div>
-                  <div>
+                  <div class="right-selected-user-wrap">
                     <div class="row_painfr" v-for="dept in listDeptComputed" :key="dept.id" >
                       <div v-for="deptID in listDeptUserNoZero(selectedUser)" :key="deptID">
                           <div v-if="deptID == dept.id">
@@ -1434,4 +1434,25 @@ function mergeFolderList(plainFolderList, userHash) {
     margin: 0 0 0 15px;
   }
 
+  /* 设置部门的滚动条样式 */
+  .left-dept-wrap , .right-selected-user-wrap {
+    overflow-y: scroll;
+    overflow-x: hidden;
+    height: calc(100vh - 148px);
+  }
+  .right-selected-user-wrap {
+    overflow-y: scroll;
+    overflow-x: hidden;
+    height: calc(100vh - 178px);
+  }
+  .left-dept-wrap::-webkit-scrollbar , .right-selected-user-wrap::-webkit-scrollbar{
+    width: 8px;
+  }
+  .left-dept-wrap::-webkit-scrollbar-thumb, .right-selected-user-wrap::-webkit-scrollbar-thumb {
+    border-radius: 10px;
+    height: 8px;
+    background-color: #adadad;
+  }
+
+
 </style>