zzf合集

            var app=  angular.module("myApp",[]);
            app.controller("myCtrl",function($scope,$http){
                $scope.depars=[{id:1,name:'财务部门'},{id:2,name:'京东部门'}];
                    $scope.xg=false;
            $scope.mc=false;
                $scope.rk=false;
                $http.get("http://result.eolinker.com/TucCTQueffdc1d1aaa3be05d8c62e9bb5d3e8b495f97cca?uri=hybrid")
                .success(function(a){
                    
                    $scope.users=a;
                    
                })
                var obj;
                $scope.bc= function(){
                      for(var i in $scope.depars){
                          if($scope.depars[i].name==$scope.add_name){
                              
                              obj= $scope.depars[i];
                              
                          }
                          
                          
                      }
                      if($scope.add_uname==undefined||$scope.add_uname==""){
                          
                          $scope.mc=true;
                          
                      }else{
                              $scope.users.push({
                        name:$scope.add_uname,
                        gender:$scope.add_sex,
                        salary:$scope.add_salary,
                        birthday:$scope.add_birth,
                        id:$scope.users.length+100,
                        department:obj  
                        
                        
                        
                    })
                        $scope.add_salary="";
                         $scope.add_uname="";
                         $scope.add_sex="";
                         $scope.add_salary="";
                         $scope.add_birth="";
                         obj ="";
                         $scope.rk=false;
                          
                          
                      }
                    
                
                }
                
                $scope.getage=function(a){
                    var da=new Date(a);
                     var dat=new Date();
                    var s= dat.getYear();
                    var s1=da.getYear();
                    
                    return s-s1;
                    
                    
                }
                $scope.bm=function(sdd){
                    
                    if($scope.bmc==undefined||$scope.bmc==""){
                        
                        
                        
                     return true;
                    }
                    if(sdd.indexOf($scope.bmc)){
                        
                        return true;
                        
                        
                    }else{
                        
                        return false;
                    }
                    
                }
                    $scope.pl= function (){
                    
                    for(var i=0;i<$scope.users.length;i++){
                        
                        if($scope.users[i].statr==true){
                        
                        
                        $scope.users.splice(i,1);
                        
                        i--;
                    }
                    }
                    
                    
                    
                }
            })
            
            
        </script>
    </head>
    <body ng-app="myApp" ng-controller="myCtrl">
        
    <button ng-click="rk=true">入库</button>
        <input type="text"  placeholder="部门" ng-model="bmc" />
        <button ng-click="pl()">批量删除</button>
        <table border="1" width="800">
            <thead>
                <tr>
                    <td><input type="checkbox"></td>
                    <td>员工姓名</td>
                    <td>员工年龄</td>
                    <td>性别</td>
                    <td>薪资</td>
                    <td>出生日期</td>
                    <td>部门的名称</td>
                    <td>操作</td>
                </tr>
            </thead>
                <tr ng-repeat="user in users" ng-show="bm(user.department.name)">
                    <td><input type="checkbox" ng-model="user.statr"></td>
                    <td>{{user.name}}</td>
                    <td>{{getage(user.birthday)}}</td>
                    <td>{{user.gender}}</td>
                    <td>{{user.salary}}<span ng-show="xg"><input  ng-model="user.salary"> <button ng-click="xg=fales">保存</button></span></td>
                    <td>{{user.birthday | date:"yyyy-MM-dd"}}</td>
                    <td>{{user.department.name}}</td>
                    <td><button ng-click="xg=true">修改</button></td>
                </tr>
            </tbody>
        </table>
        <div ng-show="rk">
            商品名称<input type="text" ng-model="add_uname" /><span ng-show="mc">有误姓名输入</span><br />
            男<input type="radio" ng-model="add_sex" value="男"/>
            女<input type="radio" ng-model="add_sex" value="女"/><span></span><br />
            出生时间<input type="date" ng-model="add_birth"/><span></span><br />
            薪资<input type="text" ng-model="add_salary" /><span></span><br />
            <select ng-model="add_name"><span></span><br />
                <option value="">选择部门</option>
                <option>研发部</option>
                <option>市场部</option>
            </select>
            <button ng-click="bc()">保存</button>
        </div>
    </body>
    
</html>

猜你喜欢

转载自blog.csdn.net/zzf0521/article/details/79100181