<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"></meta>
<title>Insert title here</title>
<script type="text/javascript" src="jquery/jquery.js"></script>
<script type="text/javascript" src="angularjs/angular.min.js"></script>
<script type="text/javascript" src="angularjs/angular-locale_zh-cn.js"></script>
<script type="text/javascript" src="bootstrap/bootstrap.min.js"></script>
<link href="bootstrap/bootstrap.min.css" rel="stylesheet"></link>
<script>
var app = angular.module('app', []);
app.controller('ctrl', function($scope, $http) {
$http.post("list",{mohu:$("#mohu").val(),play:$("#play").val(),zt:$("#zt").val()}).then(function (result) {
var map = result.data;
$scope.dinglist = map.dinglist;
$scope.ztlist = map.ztlist;
$scope.list = map.list;
});
$scope.mohu = function(){
$http.post("list",{mohu:$("#mohu").val(),play:$("#play").val(),zt:$("#zt").val()}).then(function(result){
$scope.list = result.data.list;
});
}
$scope.toadd = function(){
$("#myModal").modal("show");
$(".modal-header .modal-title").text("编辑订单");
$http.post("toadd").then(function(result){
var map = result.data;
$scope.splist = map.splist;
});
};
$scope.sumPrice = function(){
var sum=$(":checkbox:checked").map(function(){
return $(this).val();
}).get().join("+");
if(sum==""){
$scope.price=0;
}else{
$scope.price=eval(sum);
$scope.clud.price=eval(sum);
}
};
$scope.addOrder = function(){
$http.post('addOrder',$scope.clud).then(function(result) {
if (result.data) {
location.reload();
} else {
alert("操作失败");
location.reload();
}
});
};
});
</script>
</head>
<body>
<div ng-app="app" ng-controller="ctrl" class="container">
<h1>订单展示:</h1>
<form role="form">
<div class="form-group">
<label for="name">订单编号:</label>
<input type="text" id="mohu" placeholder="请输入订单号" />
<label for="name">支付类型:</label>
<select id="play">
<option >请选择</option>
<option ng-repeat="dingdan in dinglist" value="{{dingdan.pid}}">{{dingdan.dname}}</option>
</select>
<label for="name">订单状态:</label>
<select id="zt">
<option>请选择</option>
<option ng-repeat="zt in ztlist" value="{{zt.zid}}">{{zt.zname}}</option>
</select>
<button type="button" class="btn btn-danger" ng-click="mohu()">查询</button>
<button type="button" class="btn btn-warning" ng-click="toadd()">新增订单</button>
</div>
</form>
<table class="table table-bordered table-hover table-dark table-striped" >
<tr class="info">
<td>订单编号</td>
<td>订单用户</td>
<td>购买金额</td>
<td>创建时间</td>
<td>支付类型</td>
<td>订单状态</td>
<td>操作</td>
</tr>
<tr ng-repeat="list in list">
<td>{{ list.did }}</td>
<td>{{ list.uname }}</td>
<td>{{ list.price }}</td>
<td>{{ list.sj }}</td>
<td>{{ list.dname }}</td>
<td>{{ list.zname}}</td>
<td>
<div ng-if=" list.zid == 1">
<button type="button" class="btn btn-warning" ng-click="Chong()">删除</button>
<button type="button" class="btn btn-info" ng-click="sheng()">查看</button>
</div>
<div ng-if="list.zid == 2">
<button type="button" class="btn btn-danger" ng-click="Chong()">支付</button>
<button type="button" class="btn btn-warning" ng-click="Chong()">删除</button>
<button type="button" class="btn btn-info" ng-click="sheng()">查看</button>
</div>
<div ng-if="list.zid == 3">
<button type="button" class="btn btn-danger" ng-click="Chong()">提交</button>
<button type="button" class="btn btn-warning" ng-click="Chong()">删除</button>
<button type="button" class="btn btn-info" ng-click="sheng()">查看</button>
</div>
</td>
</tr>
</table>
<!-- 模态框 -->
<div class="modal fade" id="myModal">
<div class="modal-dialog">
<div class="modal-content">
<!-- 模态框头部 -->
<div class="modal-header">
<h4 class="modal-title">模态框头部</h4>
<button type="button" class="close" data-dismiss="modal">×</button>
<form>
订单编号:<span ng-model="clud.did" id="did">20180504102304</span><br/>
订单用户:<input type="text" ng-model="clud.uname" />
</form>
</div>
<h3>商品选择:</h3>
<table class="table table-bordered table-hover ">
<tr class="info">
<td>选择</td>
<td>名称</td>
<td>单价</td>
</tr>
<tr ng-repeat="sp in splist" >
<td><input type="checkbox" ng-click="sumPrice()" value="{{sp.price}}" /></td>
<td>{{sp.sname}}</td>
<td>{{sp.price}}</td>
</tr>
</table>
订单价格:<span ng-init="price=0" ng-model="clud.price" id="price">{{price}}</span>元
<!-- 模态框底部 -->
<div class="modal-footer">
{{clud}}
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
<button type="button" class="btn btn-primary" ng-click="addOrder()">提交</button>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
<html>
<head>
<meta charset="UTF-8"></meta>
<title>Insert title here</title>
<script type="text/javascript" src="jquery/jquery.js"></script>
<script type="text/javascript" src="angularjs/angular.min.js"></script>
<script type="text/javascript" src="angularjs/angular-locale_zh-cn.js"></script>
<script type="text/javascript" src="bootstrap/bootstrap.min.js"></script>
<link href="bootstrap/bootstrap.min.css" rel="stylesheet"></link>
<script>
var app = angular.module('app', []);
app.controller('ctrl', function($scope, $http) {
$http.post("list",{mohu:$("#mohu").val(),play:$("#play").val(),zt:$("#zt").val()}).then(function (result) {
var map = result.data;
$scope.dinglist = map.dinglist;
$scope.ztlist = map.ztlist;
$scope.list = map.list;
});
$scope.mohu = function(){
$http.post("list",{mohu:$("#mohu").val(),play:$("#play").val(),zt:$("#zt").val()}).then(function(result){
$scope.list = result.data.list;
});
}
$scope.toadd = function(){
$("#myModal").modal("show");
$(".modal-header .modal-title").text("编辑订单");
$http.post("toadd").then(function(result){
var map = result.data;
$scope.splist = map.splist;
});
};
$scope.sumPrice = function(){
var sum=$(":checkbox:checked").map(function(){
return $(this).val();
}).get().join("+");
if(sum==""){
$scope.price=0;
}else{
$scope.price=eval(sum);
$scope.clud.price=eval(sum);
}
};
$scope.addOrder = function(){
$http.post('addOrder',$scope.clud).then(function(result) {
if (result.data) {
location.reload();
} else {
alert("操作失败");
location.reload();
}
});
};
});
</script>
</head>
<body>
<div ng-app="app" ng-controller="ctrl" class="container">
<h1>订单展示:</h1>
<form role="form">
<div class="form-group">
<label for="name">订单编号:</label>
<input type="text" id="mohu" placeholder="请输入订单号" />
<label for="name">支付类型:</label>
<select id="play">
<option >请选择</option>
<option ng-repeat="dingdan in dinglist" value="{{dingdan.pid}}">{{dingdan.dname}}</option>
</select>
<label for="name">订单状态:</label>
<select id="zt">
<option>请选择</option>
<option ng-repeat="zt in ztlist" value="{{zt.zid}}">{{zt.zname}}</option>
</select>
<button type="button" class="btn btn-danger" ng-click="mohu()">查询</button>
<button type="button" class="btn btn-warning" ng-click="toadd()">新增订单</button>
</div>
</form>
<table class="table table-bordered table-hover table-dark table-striped" >
<tr class="info">
<td>订单编号</td>
<td>订单用户</td>
<td>购买金额</td>
<td>创建时间</td>
<td>支付类型</td>
<td>订单状态</td>
<td>操作</td>
</tr>
<tr ng-repeat="list in list">
<td>{{ list.did }}</td>
<td>{{ list.uname }}</td>
<td>{{ list.price }}</td>
<td>{{ list.sj }}</td>
<td>{{ list.dname }}</td>
<td>{{ list.zname}}</td>
<td>
<div ng-if=" list.zid == 1">
<button type="button" class="btn btn-warning" ng-click="Chong()">删除</button>
<button type="button" class="btn btn-info" ng-click="sheng()">查看</button>
</div>
<div ng-if="list.zid == 2">
<button type="button" class="btn btn-danger" ng-click="Chong()">支付</button>
<button type="button" class="btn btn-warning" ng-click="Chong()">删除</button>
<button type="button" class="btn btn-info" ng-click="sheng()">查看</button>
</div>
<div ng-if="list.zid == 3">
<button type="button" class="btn btn-danger" ng-click="Chong()">提交</button>
<button type="button" class="btn btn-warning" ng-click="Chong()">删除</button>
<button type="button" class="btn btn-info" ng-click="sheng()">查看</button>
</div>
</td>
</tr>
</table>
<!-- 模态框 -->
<div class="modal fade" id="myModal">
<div class="modal-dialog">
<div class="modal-content">
<!-- 模态框头部 -->
<div class="modal-header">
<h4 class="modal-title">模态框头部</h4>
<button type="button" class="close" data-dismiss="modal">×</button>
<form>
订单编号:<span ng-model="clud.did" id="did">20180504102304</span><br/>
订单用户:<input type="text" ng-model="clud.uname" />
</form>
</div>
<h3>商品选择:</h3>
<table class="table table-bordered table-hover ">
<tr class="info">
<td>选择</td>
<td>名称</td>
<td>单价</td>
</tr>
<tr ng-repeat="sp in splist" >
<td><input type="checkbox" ng-click="sumPrice()" value="{{sp.price}}" /></td>
<td>{{sp.sname}}</td>
<td>{{sp.price}}</td>
</tr>
</table>
订单价格:<span ng-init="price=0" ng-model="clud.price" id="price">{{price}}</span>元
<!-- 模态框底部 -->
<div class="modal-footer">
{{clud}}
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
<button type="button" class="btn btn-primary" ng-click="addOrder()">提交</button>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>