buy

最新推荐文章于 2022-08-22 15:56:22 发布

原创最新推荐文章于 2022-08-22 15:56:22 发布 · 201 阅读

CC 4.0 BY-SA版权

<!DOCTYPE html>

<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
.a1{
width: 700px;
}
tr:nth-child(odd){
background-color: red;
}
tr:nth-child(even){
background-color: gray;
}
</style>
</head>
<script type="text/javascript" src="js/angular.min.js" ></script>
<script type="text/javascript" src="js/jquery-1.8.2.min.js" ></script>
<script>
var app =angular.module("myapp",[]).controller("myctrl",function($scope,$http){
$http.get("http://result.eolinker.com/rR1VBtT56a6bb220c10b3d44b65b4787a8aec03c4ec32ce?uri=monthTest").then(function(success){
$scope.goods =success.data;
})
$scope.gm =function(index){
if($scope.goods[index].number>0){
$scope.goods[index].number--;
$scope.goods[index].sells++;
}else{
alert("库存数量不足");
}
}
$scope.plsc =function(){
var d =false;
for (var i = 0; i < $scope.goods.length; i++) {
if($scope.goods[i].checked==true){
d =true;
}
}
if(d){
for (var i = 0; i < $scope.goods.length; i++) {
if($scope.goods[i].checked==true){
$scope.goods.splice(i,1);
i--;
}
}
}else{
alert("请选择数据");
}
}
$scope.qx1 =function(){
var sk =$scope.qx;
for (var i = 0; i < $scope.goods.length; i++) {
$scope.goods[i].checked=sk;
}
}
})
</script>
<body ng-app="myapp" ng-controller="myctrl">
<input type="text" placeholder="请输入关键字" ng-model="data" />
<input type="button" ng-click="plsc()" value="批量删除" style="background-color: orange;"/>
<table cellpadding="0" cellspacing="0" class="a1" border="1px" >
<tr>
<td><input type="checkbox" ng-model="qx" ng-change="qx1()"></td>
<td>商品名称</td>
<td>商品价格<button ng-click="px='price';sj=!sj">排序</button></td>
<td>库存<button ng-click="px='number';sj=!sj">排序</button></td>
<td>月销量<button ng-click="px='sells';sj=!sj">排序</button></td>
<td align="center">购买</td>
</tr>
<tr ng-repeat="s in goods |orderBy:px:sj|filter:{name:data}">
<td><input type="checkbox" ng-model="s.checked"></td>
<td>{{s.name}}</td>
<td>{{s.price|currency:"￥"}}</td>
<td>{{s.number}}</td>
<td>{{s.sells}}</td>
<td align="center">
<button ng-click="gm($index)" style="background-color: green;">购买</button>
</td>
</tr>
</table>
</body>
</html>