<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script type="text/javascript" src="js/angular.min.js" ></script>
<script type="text/javascript" src="js/jquery-1.8.2.min.js" ></script>
<title></title>
<style type="text/css">
*{margin: 0 auto;}
span{color: red;}
</style>
</head>
<body ng-app="myapp" ng-controller="trealt">
<div style="width: 800px; margin-top: 100px;">
<input type="text" ng-model="cx" placeholder="按商品名称搜索" name="" id="" value="" />
<input type="button" name="" id="" value="添加商品" ng-click="tjsp()" style="background-color: #00FF00; margin-left: 400px;" />
<input type="button" name="" id="" ng-click="del()" value="批量删除订单" style="background-color: red; float: right;"/>
<table style="margin-top: 50px;" border="1" cellpadding="0" cellspacing="0">
<tr>
<td><input type="checkbox" name="" ng-checked="qx" ng-click="chekall()" id="" value="" /></td>
<td>商品名称</td>
<td>商品价格</td>
<td>购买数量</td>
<td>商品总价</td>
<td>下单时间</td>
<td>商品状态</td>
<td>商品会员</td>
<td>收货地址</td>
<td>修改状态</td>
</tr>
<tr ng-repeat="x in goods|filter:cx">
<td><input type="checkbox" ng-checked="qx" name="" id="" value="{{$index}}" /></td>
<td>{{x.name}}</td>
<td>{{x.price}}</td>
<td>{{x.number}}</td>
<td>{{x.price*x.number|currency:"¥"}}</td>
<td>{{x.orderTime|date:"yyyy-MM-dd HH:mm:ss"}}</td>
<td>{{x.status}}</td>
<td>{{x.username}}</td>
<td>{{x.address}}</td>
<td><input type="button" ng-click="fh(x.name)" name="" id="" value="发货" style="background-color: #00FFFF;"/></td>
</tr>
</table>
<fieldset ng-show="yc">
<legend>添加商品信息</legend>
商品名称:<input type="text" ng-model="newname" name="" id="" value="" style="margin-top: 20px;"/><span></span><br />
商品价格:<input type="number" ng-model="newprice" name="" id="" style="margin-top: 20px;" value="" /><span></span><br />
商品数量:<input type="text" ng-model="newnum" name="" id="" style="margin-top: 20px;" value="" /><span></span><br />
会员名称:<input type="text" ng-model="newhy" name="" id="" style="margin-top: 20px;" value="" /><span></span><br />
收货地址:
<select ng-init="cs=ej[0]" ng-model="cs" ng-click="gb()" ng-options=" x.ctiry for x in ej" style="margin-top: 20px;" >
</select>------
<select ng-init="s=cs.dz[0]" ng-model="s" ng-options=" x for x in cs.dz"></select><br />
<input type="button" name="" id="" value="确定添加" ng-click="qrtj()" />
</fieldset>
</div>
</body>
<script type="text/javascript">
var app=angular.module("myapp",[]);
app.controller("trealt",function($scope,$http){
$http({
method:"GET",
url:"http://result.eolinker.com/rR1VBtT56a6bb220c10b3d44b65b4787a8aec03c4ec32ce?uri=monthTest"
}).then(
function success(response){
$scope.goods=response.data;
},
function error(response){
}
);
$scope.ej=[
{ctiry:"北京",dz:["西二旗","国家图书馆","西红门"]},
{ctiry:"河南",dz:["周口","濮阳","郑州"]},
{ctiry:"河北",dz:["廊坊","石家庄","邢台"]},
];
$scope.spm="";
//全选
$scope.chekall=function(){
$scope.qx=!$scope.qx;
}
//批量删除
$scope.del=function(){
var chek=$("input[type='checkbox']:checked");
for(i=chek.length-1;i>=0;i--){
if($scope.goods[chek[i].value].status==1){
$scope.goods.splice(chek[i].value,1);
}
}
}
//点击发货改变发货状态
$scope.fh=function(tj,id){
for (var i = 0; i < $scope.goods.length; i++) {
if($scope.goods[i].name==tj){
$scope.goods[i].status=1;
}
}
}
$scope.gb=function(){
$scope.s=$scope.cs.dz[0];
}
//添加商品
$scope.tjsp=function(){
$scope.yc=!$scope.yc;
}
//确认添加
$scope.qrtj=function(){
var spm=$scope.newname;
var jg=$scope.newprice;
var num=$scope.newnum;
var hy=$scope.newhy;
if(spm==null||spm==""){
$("span").eq(0).html("*非空");
return;
}else{
$("span").eq(0).html("");
}
var pd=isNaN(jg);
if(jg<0||pd==true){
$("span").eq(1).html("*必须为数字且不能小于0");
return;
}else{
$("span").eq(1).html("");
}
var pd2=isNaN(num);
if(num<0||pd2==true){
$("span").eq(2).html("*必须为数字且不能小于0");
return;
}else{
$("span").eq(2).html("");
}
if(hy==null||hy==""){
$("span").eq(3).html("*非空");
return;
}else{
$("span").eq(3).html("");
}
var good={};
good.name=$scope.newname;
good.price=$scope.newprice;
good.number=$scope.newnum;
good.username=$scope.newhy;
var p=[];
var dl=$scope.cs.ctiry;
var d=$scope.s;
p.push(dl);
p.push("-"+d);
good.address=p;
$scope.goods.push(good);
$scope.yc=!$scope.yc;
$scope.newname="";
$scope.newprice="";
$scope.newnum="";
$scope.newhy="";
$scope.cs=ej[0];
$scope.s=cs.dz[0];
}
});
</script>
</html>
<html>
<head>
<meta charset="utf-8" />
<script type="text/javascript" src="js/angular.min.js" ></script>
<script type="text/javascript" src="js/jquery-1.8.2.min.js" ></script>
<title></title>
<style type="text/css">
*{margin: 0 auto;}
span{color: red;}
</style>
</head>
<body ng-app="myapp" ng-controller="trealt">
<div style="width: 800px; margin-top: 100px;">
<input type="text" ng-model="cx" placeholder="按商品名称搜索" name="" id="" value="" />
<input type="button" name="" id="" value="添加商品" ng-click="tjsp()" style="background-color: #00FF00; margin-left: 400px;" />
<input type="button" name="" id="" ng-click="del()" value="批量删除订单" style="background-color: red; float: right;"/>
<table style="margin-top: 50px;" border="1" cellpadding="0" cellspacing="0">
<tr>
<td><input type="checkbox" name="" ng-checked="qx" ng-click="chekall()" id="" value="" /></td>
<td>商品名称</td>
<td>商品价格</td>
<td>购买数量</td>
<td>商品总价</td>
<td>下单时间</td>
<td>商品状态</td>
<td>商品会员</td>
<td>收货地址</td>
<td>修改状态</td>
</tr>
<tr ng-repeat="x in goods|filter:cx">
<td><input type="checkbox" ng-checked="qx" name="" id="" value="{{$index}}" /></td>
<td>{{x.name}}</td>
<td>{{x.price}}</td>
<td>{{x.number}}</td>
<td>{{x.price*x.number|currency:"¥"}}</td>
<td>{{x.orderTime|date:"yyyy-MM-dd HH:mm:ss"}}</td>
<td>{{x.status}}</td>
<td>{{x.username}}</td>
<td>{{x.address}}</td>
<td><input type="button" ng-click="fh(x.name)" name="" id="" value="发货" style="background-color: #00FFFF;"/></td>
</tr>
</table>
<fieldset ng-show="yc">
<legend>添加商品信息</legend>
商品名称:<input type="text" ng-model="newname" name="" id="" value="" style="margin-top: 20px;"/><span></span><br />
商品价格:<input type="number" ng-model="newprice" name="" id="" style="margin-top: 20px;" value="" /><span></span><br />
商品数量:<input type="text" ng-model="newnum" name="" id="" style="margin-top: 20px;" value="" /><span></span><br />
会员名称:<input type="text" ng-model="newhy" name="" id="" style="margin-top: 20px;" value="" /><span></span><br />
收货地址:
<select ng-init="cs=ej[0]" ng-model="cs" ng-click="gb()" ng-options=" x.ctiry for x in ej" style="margin-top: 20px;" >
</select>------
<select ng-init="s=cs.dz[0]" ng-model="s" ng-options=" x for x in cs.dz"></select><br />
<input type="button" name="" id="" value="确定添加" ng-click="qrtj()" />
</fieldset>
</div>
</body>
<script type="text/javascript">
var app=angular.module("myapp",[]);
app.controller("trealt",function($scope,$http){
$http({
method:"GET",
url:"http://result.eolinker.com/rR1VBtT56a6bb220c10b3d44b65b4787a8aec03c4ec32ce?uri=monthTest"
}).then(
function success(response){
$scope.goods=response.data;
},
function error(response){
}
);
$scope.ej=[
{ctiry:"北京",dz:["西二旗","国家图书馆","西红门"]},
{ctiry:"河南",dz:["周口","濮阳","郑州"]},
{ctiry:"河北",dz:["廊坊","石家庄","邢台"]},
];
$scope.spm="";
//全选
$scope.chekall=function(){
$scope.qx=!$scope.qx;
}
//批量删除
$scope.del=function(){
var chek=$("input[type='checkbox']:checked");
for(i=chek.length-1;i>=0;i--){
if($scope.goods[chek[i].value].status==1){
$scope.goods.splice(chek[i].value,1);
}
}
}
//点击发货改变发货状态
$scope.fh=function(tj,id){
for (var i = 0; i < $scope.goods.length; i++) {
if($scope.goods[i].name==tj){
$scope.goods[i].status=1;
}
}
}
$scope.gb=function(){
$scope.s=$scope.cs.dz[0];
}
//添加商品
$scope.tjsp=function(){
$scope.yc=!$scope.yc;
}
//确认添加
$scope.qrtj=function(){
var spm=$scope.newname;
var jg=$scope.newprice;
var num=$scope.newnum;
var hy=$scope.newhy;
if(spm==null||spm==""){
$("span").eq(0).html("*非空");
return;
}else{
$("span").eq(0).html("");
}
var pd=isNaN(jg);
if(jg<0||pd==true){
$("span").eq(1).html("*必须为数字且不能小于0");
return;
}else{
$("span").eq(1).html("");
}
var pd2=isNaN(num);
if(num<0||pd2==true){
$("span").eq(2).html("*必须为数字且不能小于0");
return;
}else{
$("span").eq(2).html("");
}
if(hy==null||hy==""){
$("span").eq(3).html("*非空");
return;
}else{
$("span").eq(3).html("");
}
var good={};
good.name=$scope.newname;
good.price=$scope.newprice;
good.number=$scope.newnum;
good.username=$scope.newhy;
var p=[];
var dl=$scope.cs.ctiry;
var d=$scope.s;
p.push(dl);
p.push("-"+d);
good.address=p;
$scope.goods.push(good);
$scope.yc=!$scope.yc;
$scope.newname="";
$scope.newprice="";
$scope.newnum="";
$scope.newhy="";
$scope.cs=ej[0];
$scope.s=cs.dz[0];
}
});
</script>
</html>
136
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
