这是一个使用AngularJS和jQuery实现的订单状态管理页面，用户可以按商品名、手机号和状态过滤订单，对订单进行排序，查看已发货和未发货状态，支持新增和批量删除订单。页面实现了二级联动地址选择和订单状态的实时更新。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="angular.min.js" type="text/javascript" charset="utf-8"></script>
<script src="jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body ng-app="myapp" ng-controller="myctrl">
<div>
<input type="button" name="" id="" value="新增订单" ng-click="addshow=!addshow"/>
<input type="button" name="" id="" value="批量删除" ng-click="plsc()"/>
<input type="text" name="" id="" value="" placeholder="按商品名查询" ng-model="mohu"/>
<input type="text" name="" id="" value="" placeholder="按手机号查询" ng-model="mohu1"/>
<select ng-model="order">
<option value="已发货">已发货</option>
<option value="未发货">未发货</option>`
</select>
</div>
<table border="1" cellspacing="0" cellpadding="1">
<tr>
<th><input type="checkbox" name="" id="" value="" ng-model="cb"/></th>
<th>
id
<input type="button" name="" id="" value="^" ng-click="idorder()"/>
</th>
<th>商品名</th>
<th>用户名</th>
<th>手机号</th> <
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="angular.min.js" type="text/javascript" charset="utf-8"></script>
<script src="jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body ng-app="myapp" ng-controller="myctrl">
<div>
<input type="button" name="" id="" value="新增订单" ng-click="addshow=!addshow"/>
<input type="button" name="" id="" value="批量删除" ng-click="plsc()"/>
<input type="text" name="" id="" value="" placeholder="按商品名查询" ng-model="mohu"/>
<input type="text" name="" id="" value="" placeholder="按手机号查询" ng-model="mohu1"/>
<select ng-model="order">
<option value="已发货">已发货</option>
<option value="未发货">未发货</option>`
</select>
</div>
<table border="1" cellspacing="0" cellpadding="1">
<tr>
<th><input type="checkbox" name="" id="" value="" ng-model="cb"/></th>
<th>
id
<input type="button" name="" id="" value="^" ng-click="idorder()"/>
</th>
<th>商品名</th>
<th>用户名</th>
<th>手机号</th> <
最低0.47元/天 解锁文章
扫一扫
1541
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
