3资产登陆

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8" />
<title>周考3</title>
<script src="js/angular.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
</head>

<body ng-app="myApp" ng-controller="myCtrl">
<input type="button" value="添加" ng-click="add()" /> 资产搜索：
<input type="text" ng-model="name" /><input type="button" value="搜索" ng-click="sousuo()"/>
<table border="1px" cellspacing="0px" cellpadding="0px">
<tr>
<td>资产编号</td>
<td>资产名称</td>
<td>资产数量</td>
</tr>
<tr ng-repeat="g in goods">
<td>{{g.id}}</td>
<td>{{g.name}}</td>
<td>{{g.count}}</td>
</tr>
</table>

<div ng-show="a">
资产编号:<input type="text" ng-model="id1" /><br> 资产名称:
<input type="text" ng-model="name1" /><br> 资产数量:
<input type="text" ng-model="count1" /><br>
<input type="button" value="资产录入" ng-click="luru()" /><br>

</div>
<script type="text/javascript">
var mo = angular.module("myApp", []);
mo.controller("myCtrl", function($scope) {

//初始遍历
var arr = [{
"id": 10001,
"name": 'iphoneX',
"count": 99
}, {
"id": 10002,
"name": "华为mate10",
"count": 100
}];
//放入goods
$scope.goods = arr;
//添加
$scope.add = function() {

$scope.a = true;

}
//实现资产录入
$scope.luru = function() {

var n = $scope.id1;
if (isNaN(n)) {
alert("资产编号要为纯数字");
return;
}
if (n.length!=8) {
alert("长度不是8")
return;
}
//不能重复
var name12 = $scope.name1;
for(var i =0;i<arr.length;i++){
var g = arr[i];
if (g.name==name12) {
alert("有重复");
return;
}
}
//数量必须是纯数字
var c = $scope.count1;
if (isNaN(c)) {
alert("价格必须是数字")
return;
}
//创建对象
var obj = {
"id": $scope.id1,
"name": $scope.name1,
"count": $scope.count1
};
//添加到数组里面
arr.push(obj);
$scope.goods = arr;

$scope.a = false;
}
//搜索
$scope.sousuo = function(){

var n = $scope.name;//
for (var i = 0; i < arr.length; i++) {
var g = arr[i];
if (g.name==n) {
alert("已经存在");
return;
}
}
alert("没找到");
}
})
</script>
</body>

</html>

猜你喜欢