资产登记

来源:互联网 发布:fc2域名用不了2017 编辑:程序博客网 时间:2024/03/29 15:17
<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8" />
        <title>第三周周考</title>
        <style type="text/css">
            #div {
                margin-top: 20px;
            }
        </style>
        <script type="text/javascript" src="js/angular.js"></script>
        <script type="text/javascript">
            var app = angular.module("myapp", []);
            //定义控制器
            app.controller("myctrl", function($scope) {
                //定义资产数组
                $scope.goods = [{
                    id: "10011120",
                    name: "iphoneX",
                    num: "99"
                }, {
                    id: "10011121",
                    name: "华为mate10",
                    num: "20"
                }, {
                    id: "10011122",
                    name: "vivoR12",
                    num: "55"
                }];
                //资产录入
                /*$scope.newId = "";
                $scope.newName = "";
                $scope.newNum = "";*/
                var reg = /[0-9]/;
                $scope.add = function() {
                    var flag1 = flag2 = flag3 = false;
                    if($scope.newId == "" || $scope.newId == null) {
                        alert("id不能为空");
                        flag1 = false;
                    } else if(isNaN($scope.newId)) {
                        alert("id必须为数字")
                        flag1 = false;
                    } else if($scope.newId.length != 8) {
                        alert("id必须是8位");
                        flag1 = false;
                    }else {
                        flag1 = true;
                    }
                    var flag = false;
                    for(index in $scope.goods) {
                        if($scope.newName == $scope.goods[index].name) {
                            flag = true;
                        }
                    }
                    if(flag) {
                        alert("重复");
                        flag2 = false;
                    } else {
                        flag2 = true;
                    }
                    if($scope.newNum == "" || $scope.newNum == null) {
                        alert("数量不能为空");
                        flag3 = false;
                    } else if(isNaN($scope.newNum)) {
                        alert("数量必须为数字");
                        flag3 = false;
                    } else {
                        flag3 = true;
                    }
                    if(flag1 && flag2 && flag3) {
                        var newgoods = {
                            id: $scope.newId,
                            name: $scope.newName,
                            num: $scope.newNum
                        }
                        $scope.goods.push(newgoods);
                    }
                };
                /*资产搜索*/
                $scope.aa = function() {
                    var flag = false;
                    $scope.a = "";
                    for(index in $scope.goods) {
                        if($scope.serch == $scope.goods[index].name) {
                            flag = true;
                        }
                    }
                    if($scope.serch == "" || $scope.serch == null) {
                        alert("搜索框内容不能为空");
                    } else if(flag) {
                        alert("搜到相关内容");
                        $scope.a = $scope.serch;
                    } else {
                        alert("未搜到相关内容");
                        $scope.a = null;
                    }
                }
            });
        </script>
    </head>

    <body ng-app="myapp" ng-controller="myctrl">
        <center>
            <!--资产登记-->
            <h3>资产登记</h3>
            <table border="1px solid black" cellspacing="0" cellpadding="10" style="text-align: center;">
                <tr>
                    <th>资产编号</th>
                    <th>资产名称</th>
                    <th>资产数量</th>
                </tr>
                <tr ng-repeat="g in goods | filter:a">
                    <td>{{g.id}}</td>
                    <td>{{g.name}}</td>
                    <td>{{g.num}}</td>
                </tr>
            </table>
            <!--资产录入-->
            <div id="div">
                资产编号 <input type="text" ng-model="newId" /><br /><br /> 资产名称 <input type="text" ng-model="newName" /><br /><br /> 资产数量 <input type="text" ng-model="newNum" /><br /><br />
                <button ng-click="add()">资产录入</button>
            </div>
            <div id="div">
                <!--资产搜索-->
                资产搜索 <input type="text" ng-model="serch" /><button ng-click="aa()">搜索</button>
            </div>
        </center>

    </body>

</html>
原创粉丝点击