@sy-common/organize-select-help 1.0.0-beta.57 → 1.0.0-beta.62

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sy-common/organize-select-help",
-  "version": "1.0.0-beta.57",
+  "version": "1.0.0-beta.62",
   "description": "",
   "main": "index.js",
   "author": "lambo",

package/src/index.vue

@@ -151,26 +151,21 @@
                            v-for="(item, index) in staffAllList"
                            :key="`staff_${index}_${item.id}`"
                            @click="handlestaff(item)">
-                        <Checkbox
-                            v-model="item.checked"
-                            class="staff-checkbox"
-                            @click.stop="() => handlestaff(item)"
-                        ></Checkbox>
+                        <!-- 移除 Checkbox 组件 -->
                         <div class="left-panel-pro">{{item.name && item.name.slice(0,1) || ''}}</div>
                         <div class="right-panel-pro">
                           <p>{{item.name}}</p>
                           <p>{{item.orgNodeName || item.orgUnitName}}</p>
                         </div>
-                        <!--                        <div class="checked-icon" v-show="item.checked">✔</div>-->
                       </div>
                       <p v-if="staffEnding" style="color:#CCCCCC;text-align: center">---我也是有底线的---</p>
                     </div>
                     <Spin v-if="loadingStaff" size="large" fix />
                   </div>
-                  <div class="bottom-select">
-                    <div>当前已选择 <span class="num">{{getCheckedStaff}}</span>人</div>
-                    <Button type="primary" icon="md-add" @click="addStaffList">添加人员</Button>
-                  </div>
+<!--                  <div class="bottom-select">-->
+<!--                    <div>当前已选择 <span class="num">{{getCheckedStaff}}</span>人</div>-->
+<!--                    <Button type="primary" icon="md-add" @click="addStaffList">添加人员</Button>-->
+<!--                  </div>-->
                 </div>
               </div>
             </TabPane>
@@ -743,10 +738,10 @@ export default {
       if (this.loadingStaff || this.staffEnding) return
       this.loadingStaff = true
       try {
-        console.log("--触底加载/强制加载---", new Date().getTime()); // 调试日志，确认方法执行
+        console.log("--触底加载/强制加载---", new Date().getTime());
         let res = await this.queryAllStaffList()
         let list = res.rows;
-        list.map((item)=>item.checked=false)
+        // 移除这行：list.map((item)=>item.checked=false)
         this.staffAllList = this.staffAllList.concat(list)
         this.offset += 10;
         this.loadingStaff = false
@@ -945,36 +940,50 @@ export default {
       this.postList.splice(index,1)
     },
     //staff
-    addStaffList(){
-      console.log("this.staffSingle", this.staffSingle)
-      let staffList = this.staffAllList.filter((item)=>item.checked===true);
-
-      if (!staffList.length) {
-        this.$Message.error("请选择人员");
-        return;
-      }
-      if (this.staffSingle && this.staffList.length >= 1) {
-        this.$Message.error("请先清除已选人员，再重新添加");
-        return;
+    // addStaffList(){
+    //   console.log("this.staffSingle", this.staffSingle)
+    //   let staffList = this.staffAllList.filter((item)=>item.checked===true);
+    //
+    //   if (!staffList.length) {
+    //     this.$Message.error("请选择人员");
+    //     return;
+    //   }
+    //   if (this.staffSingle && this.staffList.length >= 1) {
+    //     this.$Message.error("请先清除已选人员，再重新添加");
+    //     return;
+    //   }
+    //
+    //   if(this.staffSingle && staffList.length > 1){
+    //     this.$Message.error("温馨提示：当前业务暂时只支持选择一位人员");
+    //     return;
+    //   }
+    //
+    //   // 基于item.id去重，不修改原数据字段，仅过滤重复项
+    //   let uniqueStaffList = staffList.filter(newItem =>
+    //       // 检查右侧条件区域（staffList）是否已有该人员，避免重复添加
+    //       !this.staffList.some(existItem => existItem.userId === newItem.userId)
+    //   );
+    //   // 合并去重后的列表
+    //   this.staffList = this.staffList.concat(uniqueStaffList);
+    //   // 清空选中状态
+    //   this.staffAllList.forEach(item => item.checked = false);
+    // },
+    handlestaff(item){
+      // 处理单选逻辑
+      if (this.staffSingle) {
+        // 单选时先清空已选人员
+        this.staffList = [];
       }
-
-      if(this.staffSingle && staffList.length > 1){
-        this.$Message.error("温馨提示：当前业务暂时只支持选择一位人员");
-        return;
+      // 去重校验：避免重复添加
+      const isExist = this.staffList.some(existItem => existItem.userId === item.userId);
+      if (!isExist) {
+        // 深拷贝防止原数据引用污染
+        const newItem = this.safeDeepCopy(item);
+        this.staffList.push(newItem);
+        this.$Message.success(`已添加【${item.name}】`);
+      } else {
+        this.$Message.warning(`【${item.name}】已在选择列表中`);
       }
-
-      // 基于item.id去重，不修改原数据字段，仅过滤重复项
-      let uniqueStaffList = staffList.filter(newItem =>
-          // 检查右侧条件区域（staffList）是否已有该人员，避免重复添加
-          !this.staffList.some(existItem => existItem.userId === newItem.userId)
-      );
-      // 合并去重后的列表
-      this.staffList = this.staffList.concat(uniqueStaffList);
-      // 清空选中状态
-      this.staffAllList.forEach(item => item.checked = false);
-    },
-    handlestaff(item){
-      item.checked=!item.checked
     },
     clearStaff(){
       this.staffList = []
@@ -1587,9 +1596,9 @@ export default {
 
   },
   computed:{
-    getCheckedStaff(){
-      return this.staffAllList.filter((item)=>item.checked===true).length
-    },
+    // getCheckedStaff(){
+    //   return this.staffAllList.filter((item)=>item.checked===true).length
+    // },
     getCheckTypenum(){
       let l1 = this.orgList.length?1:0;
       let l2 = this.postList.length?1:0;
@@ -1627,32 +1636,32 @@ export default {
 </script>
 <style lang="less" scoped>
 // 新增checkbox样式
-.staff-checkbox {
-  margin-right: 12px;
-  flex-shrink: 0;
-
-  /deep/ .ivu-checkbox-wrapper {
-    display: flex;
-    align-items: center;
-    cursor: pointer;
-  }
-
-  /deep/ .ivu-checkbox {
-    width: 18px;
-    height: 18px;
-
-    &:checked {
-      /deep/ .ivu-checkbox-inner {
-        background-color: var(--primary-color);
-        border-color: var(--primary-color);
-      }
-    }
-  }
-}
+//.staff-checkbox {
+//  margin-right: 12px;
+//  flex-shrink: 0;
+//
+//  /deep/ .ivu-checkbox-wrapper {
+//    display: flex;
+//    align-items: center;
+//    cursor: pointer;
+//  }
+//
+//  /deep/ .ivu-checkbox {
+//    width: 18px;
+//    height: 18px;
+//
+//    &:checked {
+//      /deep/ .ivu-checkbox-inner {
+//        background-color: var(--primary-color);
+//        border-color: var(--primary-color);
+//      }
+//    }
+//  }
+//}
 
 .staff-left-right-layout {
   display: flex;
-  height: 550px !important;
+  height: 650px !important;
   gap: 15px;
   padding: 0 5px;
   width: 100%;
@@ -1788,9 +1797,9 @@ export default {
       background: #fff !important;
       border-top: 1px solid #f0f0f0;
 
-      .num {
-        color: var(--primary-color);
-      }
+      //.num {
+      //  color: var(--primary-color);
+      //}
     }
   }
 }
@@ -1798,8 +1807,8 @@ export default {
 .tab-content-pro {
   .tab {
     .tree {
-      height: 400px !important;
-      max-height: 400px !important;
+      height: 500px !important;
+      max-height: 500px !important;
       margin-top:20px;
       overflow-y: auto !important;
       overflow-x: auto !important;
@@ -1841,7 +1850,7 @@ export default {
   }
 }
 
-// 其他原有样式保持不变
+
 /deep/ .ivu-tree {
   width: 100% !important;
   box-sizing: border-box;
@@ -1860,10 +1869,14 @@ export default {
   margin-top: 8px;
   cursor: pointer;
   box-sizing: border-box;
-  border: none !important; // 强制移除默认边框
+  border: none !important;
+  &:hover {
+    background-color: #f2f8ff;
+    border-radius: 4px;
+  }
 }
 
-// 恢复滚动条样式（确保滚动可见）
+// 滚动条样式
 .staff-content::-webkit-scrollbar {
   width: 8px !important;
   height: 8px;
@@ -1879,7 +1892,6 @@ export default {
   background-color: #f9f9f9 !important;
 }
 
-// 其他原有样式保持不变
 .tab.post .left {
   width: 200px;
   height: 450px !important;
@@ -2018,17 +2030,46 @@ export default {
     display: flex;
     height: 700px;
     background: #fff;
+
+    :global(.ivu-tabs-ink-bar) {
+      height: 0 !important;
+      display: none !important;
+      width: 0 !important;
+      background: transparent !important;
+      visibility: hidden !important;
+    }
+
     /deep/.ivu-tabs-nav{
       font-weight: bold;
       font-size: 16px;
-    }
-    /deep/.ivu-tabs-nav{
       width: 100%;
       display: flex;
+      margin: 0 !important;
+      padding: 0 !important;
     }
     /deep/.ivu-tabs-nav .ivu-tabs-tab{
       flex:1;
       text-align: center;
+      background: #F0F2F5 !important;
+      margin: 0 !important;
+      padding: 12px 0 !important;
+      border: none !important;
+      line-height: 1 !important;
+      border-right: 2px solid #E5E6EB !important; // 页签右侧竖线
+      line-height: 1 !important;
+      // 最后一个页签去掉右侧竖线
+      &:last-child {
+        border-right: none !important;
+      }
+    }
+    /deep/.ivu-tabs-nav .ivu-tabs-tab-active {
+      background: #1890FF !important;
+      color: #fff !important;
+      margin: 0 !important;
+      border-right: 1px solid #E5E6EB !important;
+      &:last-child {
+        border-right: none !important;
+      }
     }
     .tab-content-pro{
       width: 720px;
@@ -2043,8 +2084,8 @@ export default {
           align-items: center;
         }
         .tree {
-          height: 400px !important; // 从450px下调，预留下方复选框空间
-          max-height: 400px !important; // 强制最大高度，禁止超出
+          height: 500px !important; // 从450px下调，预留下方复选框空间
+          max-height: 500px !important; // 强制最大高度，禁止超出
           margin-top:20px;
           overflow-y: auto !important; // 纵向溢出时滚动，而非超出
           overflow-x: auto !important; // 横向溢出时滚动
@@ -2181,17 +2222,17 @@ export default {
           font-size:18px;
         }
       }
-      .staff-active {
-        background: transparent !important; // 彻底移除背景色
-        border: none !important; // 彻底移除边框高亮
-        border-radius: 0 !important; // 移除圆角
-
-        > .right-panel > p:first-child {
-          color: inherit !important; // 可选：也移除文字颜色变化，仅保留Checkbox选中
-          // 如果需要保留文字变色，删除上面这行，保留下面注释的行
-          // color: var(--primary-color);
-        }
-      }
+      //.staff-active {
+      //  background: transparent !important; // 彻底移除背景色
+      //  border: none !important; // 彻底移除边框高亮
+      //  border-radius: 0 !important; // 移除圆角
+      //
+      //  > .right-panel > p:first-child {
+      //    color: inherit !important; // 可选：也移除文字颜色变化，仅保留Checkbox选中
+      //    // 如果需要保留文字变色，删除上面这行，保留下面注释的行
+      //    // color: var(--primary-color);
+      //  }
+      //}
     }
     .form-content{
       flex:1;