数据动态变化时实现多选及回显

  
    
      
        所有人可见
        选择可见
      
      
        
          
            部门
            
          
          
            
            
            
              
              
              
              
            
          
        
        
          已选择（{{ tableDataRight.length }}）：
          
            
              {{ item.userName }},
            
          
        
      
      
        取 消
        确 定
      
    
  



  .select-people {
    border: 1px solid #CBCBCB;
    background: #F0F5F7;
    color: #000000;
    margin: 10px;
    width: calc(100% - 20px);
    min-height: 100px;
    padding: 10px;
    box-sizing: border-box;
  }

  .power-department-border {
    border: 1px solid #CBCBCB;
    background: linear-gradient(180deg, #F0F5F7 93%, #DFE4E6 97%);
    box-sizing: border-box;
    vertical-align: middle;
    text-align: center;
    line-height: 1.5;
    padding: 5.5px 0;
    font-weight: bold;
    color: #666666;
    font-size: 16px;
    font-size: calc(var(--scale) * 16px);
    border-bottom: 1px solid #CBCBCB;
  }