yuekao

小明同学z

于 2018-04-07 11:08:14 发布

阅读量160

点赞数

分类专栏： 22 文章标签： 22

本文链接：https://blog.csdn.net/Mazzze/article/details/79839761

版权

22 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="js/angular.min.js"></script>
<script src="js/jquery-1.8.2.min.js"></script>
<script>
var app= angular.module("myapp",[]);
app.controller("ctrl",function($scope,$http){
$http.get("http://result.eolinker.com/rR1VBtT56a6bb220c10b3d44b65b4787a8aec03c4ec32ce?uri=monthTest")
.success(function(aa){
$scope.datas=aa;

})

//全选
$scope.qx=function(){
var t= true;
for (var i=0;i<$scope.datas.length;i++) {
if($scope.ld && $scope.datas[i].status==1){
$scope.datas[i].ck=t;
}else{
$scope.datas[i].ck=false;
}
}

}

//批量删除
$scope.delAll=function(){

for (var i=0;i<$scope.datas.length;i++) {
if($scope.datas[i].ck && $scope.datas[i].status==1){
$scope.datas.splice(i,1);
i--
} else{
alert("无法删除未发货状态")
}
}

}
//添加
$scope.tj=function(){

$scope.aaa=true;
}
//确认添加
$scope.bc=function(){
var c="";
var p="";
var n="";
var u=""

var name=$scope.name;

var price=$scope.price;
var number=$scope.number;
var data=new Date();
var status=0;
var user=$scope.username;
var addr=$scope.pro+$scope.city;

if(name==undefined){
$scope.c="*非空"
}else if(price==undefined || price<0 ){
$scope.p="必须为数字且不能小于0"
}else if(number==undefined ||number<0 ){
$scope.n="必须为数字且不能小于0"
}else if(user==undefined){
$scope.u="*非空"
}

else{
$scope.datas.push({name:name,price:price,number:number,orderTime:data,status:status,username:user,address:addr})
$scope.aaa=false;
}
}

});

</script>
</head>
<body ng-app="myapp" ng-controller="ctrl">

<input type="text" placeholder="按商品名称搜索" ng-model="name1" />
<input type="button" value="添加商品" ng-click="tj()" style="background:green;" />
<input type="button" value="批量删除订单" ng-click="delAll()" style="background: red;" />

<table border="1px">
<tr style="background: #333333;">
<td><input type="checkbox" ng-model="ld" ng-click="qx()" /> </td>
<td>商品名称</td>
<td>商品价格</td>
<td>购买数量</td>
<td>商品总计</td>
<td>下单时间</td>
<td>商品状态</td>
<td>商品会员</td>
<td>收货地址</td>
<td>修改状态</td>
</tr>

<tr ng-repeat="d in datas|filter:{name:name1}">
<td><input type="checkbox" ng-model="d.ck" /> </td>
<td>{{d.name}}</td>
<td>{{d.price|currency:"￥:" }}</td>
<td>{{d.number}}</td>
<td>{{d.price*d.number|currency:"￥:" }}</td>
<td>{{d.orderTime|date:"yyyy-MM-dd hh:mm:ss"}}</td>

<td>
<span ng-show="d.status==1">已发货</span>

<span ng-show="d.status==0">未发货</span>

</td>
<td>{{d.username}}</td>
<td>{{d.address}}</td>
<td>
<span ng-show="d.status==0" >
<button ng-click="d.status=1" style="background: aqua;">发货</button>
</span>

<span ng-show="d.status==1">
发货
</span>

</td>

</tr>

</table>

<form ng-show="aaa">
商品名称<input type="text" ng-model="name" />{{c}}<br />
商品价格<input type="number" ng-model="price" />{{p}}<br />
商品数量<input type="number" ng-model="number" />{{n}}<br />
会员名称<input type="text" ng-model="username" />{{u}}<br />
收货地址<select id="pro" ng-model="pro" οnchange="getcity()" >
<option value="">北京</option>
<option value="北京">北京</option>
<option value="河南">河南</option>
</select>

<select id="citys" ng-model="city">
<option value="">西二旗</option>

</select><br />

<input type="button" value="确认添加" ng-click="bc()" />

</form>

</body>
<script>
var ccc=[];
var dat=[{pro:"北京",city:["东城","西城","西二旗"]},{pro:"河南",city:["郑州","洛阳","驻马店"]}]

function getcity(){

var p=$("#pro").val();

for(var i=0;i<dat.length;i++)
if(p==dat[i].pro){
ccc=dat[i].city;
}
$("#citys option").remove();

for(var i=0;i<ccc.length;i++){
var op="<option>"+ccc[i]+"</option>"

$("#citys").append(op);
}

}

</script>

</html>