本篇文章给大家分享的内容是Angular JQuery生成简单快递管理界面的代码分享，有着一定的参考价值，有需要的朋友可以参考一下
话不多说，直接上代码：
nbsp;html>--按状态查询--已发货未发货
| id | 商品名 | 用户名 | 手机号 | 价格 | 城市 | 下单时间 | 状态 |
| {{li.id}} | {{li.goodsName}} | {{li.userName}} | {{li.tel}} | {{li.price|currency:"￥:"}} | {{li.city}} | {{li.time|date:"MM-dd HH:mm:ss"}} | |
var arr = [{id: 2001,goodsName: "iPhoneX",userName: "张三",tel: 1352565588,price: 8699.00,city: "北京",time: "1123100000",goodsState: "已发货",state: true,flag: false},{id: 3006,goodsName: "iPhone6",userName: "王红",tel: 18524565588,price: 5635.00,city: "郑州",time: "1123113820",goodsState: "已发货",state: true,flag: false},{id: 5312,goodsName: "iPhone7",userName: "赵小龙",tel: 17545585598,price: 6180.00,city: "北京",time: "1123091730",goodsState: "未发货",state: false,flag: false},{id: 2132,goodsName: "iPhone8",userName: "赵强",tel: 17625565618,price: 7190.00,city: "上海",time: "1123104021",goodsState: "未发货",state: false,flag: false}]var mo = angular.module("MyApp", []);mo.controller("MyCont", function($scope,$filter) {$scope.xin = arr;$scope.tian=function(){$scope.hi=true;$scope.sh=true;}$scope.name=function(){var aa = $scope.shop;if(aa!=undefined){$scope.xin = $filter("shopsha")(arr,aa);}else{alert("内容不能为空")}}$scope.num_sel=function(){var aa = $scope.num;if(aa!=undefined){$scope.xin = $filter("num_test")(arr,aa);}else{alert("内容不能为空")}}$scope.zhuang=function(){var aa = $scope.zhuang_sel;$scope.xin = $filter("zhuang_test")(arr,aa);}var id_flag=false;$scope.id_pai=function(){if(id_flag){arr.sort(function(a,b){return b.id-a.id;})}else{arr.sort(function(a,b){return a.id-b.id;})}id_flag=!id_flag;arr=$scope.xin;}var price_flag=false;$scope.price_pai=function(){if(price_flag){arr.sort(function(a,b){return b.price-a.price;})}else{arr.sort(function(a,b){return a.price-b.price;})}price_flag=!price_flag;arr=$scope.xin;}var time_flag=false;$scope.time_pai=function(){if(time_flag){arr.sort(function(a,b){return b.time-a.time;})}else{arr.sort(function(a,b){return a.time-b.time;})}time_flag=!time_flag;arr=$scope.xin;}$scope.haha=function($index){if(arr[$index].goodsState=="已发货"){arr[$index].goodsState="未发货"arr[$index].state=false;}else{arr[$index].goodsState="已发货"arr[$index].state=true;}$scope.xin=arr;}$scope.quan=function(){var qwe = $scope.cb;for (var i=0;i=0;i--) {if(arr[i].flag&&!(arr[i].state)){arr.splice(i,1);}}$scope.xin=arr;}$scope.bao=function(){if(test1("#sel_id")&&test1("#sel_name")&&test1("#sel_user")&&test1("#sel_tel")&&test1("#sel_pirce")&&test1("#sel_cary")&&test1("#sel_time")&&test1("#sel_zhuang")){var val1 = $("#sel_id").val()var val2 = $("#sel_name").val()var val3 = $("#sel_user").val()var val4 = $("#sel_tel").val()var val5 = $("#sel_pirce").val()var val6 = $("#sel_cary").val()var val7 = $("#sel_time").val()var val8 = $("#sel_zhuang").val()var obj={id: val1,goodsName: val2,userName: val3,tel: val4,price: val5,city: val6,time: val7,goodsState: val8,state: false,flag: false}arr.push(obj);$scope.xin=arr;$scope.hi=false;$scope.sh=false;}else{alert("失败!不能为空");}}})mo.filter("shopsha",function(){return function(input,aa){var arr2=[];for (var i=0;i<input.length;i++) {if(input[i].goodsName==aa){arr2.push(input[i])}}if(arr2.length==0){alert("对不起没有数据")}return arr2}})mo.filter("num_test",function(){return function(input,aa){var arr2=[];for (var i=0;i<input.length;i++) {if((input[i].tel+"").indexOf(aa)!=-1){arr2.push(input[i])}}if(arr2.length==0){alert("对不起没有数据")}return arr2}})mo.filter("zhuang_test",function(){return function(input,aa){var arr2=[]for (var i=0;i<input.length;i++) {if(input[i].goodsState==aa){arr2.push(input[i])}}if(aa=="--按状态查询--"){return input;}return arr2;}})mo.filter("but_test",function(){return function(input){}})function test1(yang){var val = $(yang).val();var f=/^s*$/;if(f.test(val.trim())){$(yang).css("border","1px solid red");return false;}else{$(yang).css("border","1px solid black");return true;}}
登录后复制
以上就是Angular JQuery生成简单快递管理界面的代码分享的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2774220.html
