资产登记
来源:互联网 发布: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>
<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>
阅读全文
0 0
- 资产登记
- 资产登记 案例(angular)
- 都在做数字资产的登记、流转:他们提出的八大创新治标还是治本了?
- 都在做数字资产的登记、流转:他们提出的八大创新治标还是治本了?
- 在线登记资产累计超亿元,EEA创始成员,他们用区块链技术打造透明、真实的价值平台
- 进出登记
- 资产表
- 知识资产
- 递延资产
- 资产折旧
- 长期资产
- 资产分析
- 资产管理
- 资产增值
- 资产清算
- 软件著作权登记,版权登记,软件著作权
- 计算机软件著作权登记办法
- QQ群实名登记。。。
- Linux服务器之Redis集群搭建
- 【编译原理之】Bison 源文件结构原理
- Xlistview使用方法
- Linux
- linux通用GPIO驱动
- 资产登记
- Go 常用包介绍
- 几何与物理
- 我为什么辞去北京区委书记,而去搞学术
- 超融合如何克服启动风暴
- cocos2dx zip资源内置apk
- CUDA安装—你必须先安装intel@驱动程序
- NS-3之Data Collection
- Android_查询购物车