yuekao

<!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>
1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值