<!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>
<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>
