Procházet zdrojové kódy

移动版页面结构修改

git-svn-id: svn+ssh://10.10.101.21/source/platform/platform-b2b@1867 f3bf4e98-0cf0-11e4-a00c-a99a8b9d557d
suntg před 10 roky
rodič
revize
684cba8446

+ 13 - 8
src/main/webapp/WEB-INF/views/mobile/index.html

@@ -17,16 +17,21 @@
 <link rel="stylesheet" href="static/css/index_mobile.css" />
 </head>
 <body>
-
-	<div class="container">
-		<div ng-controller="AuthCtrl"></div>
-		<div ui-view></div>
-		<div class="footer text-center f12">
-			<div>深圳市优软科技有限公司</div>
-			<div>Copyright @ 2012 All Rights Reserved</div>
+	<!-- header Start -->
+	<nav id="top" class="navbar">
+		<div class="container">
+			<div class="navbar-header">
+				<a class="navbar-brand title"></a> <b></b> <span>商务平台</span>
+			</div>
+			<div class="navbar-right">
+			</div>
 		</div>
+	</nav>
+	<!-- header End -->
+	<div class="container" ng-controller="AuthCtrl">
+		<div ui-view></div>
 	</div>
-<!-- 消息提示框  Start-->
+	<!-- 消息提示框  Start-->
 	<toaster-container
 		toaster-options="{'position-class': 'toast-middle-left'}"></toaster-container>
 <script type="text/javascript" src="static/lib/require.js"

+ 39 - 11
src/main/webapp/WEB-INF/views/mobile/signin.html

@@ -17,11 +17,20 @@
 <link rel="stylesheet" href="static/lib/angular/toaster.css" />
 <link rel="stylesheet" href="static/css/signin.css" />
 </head>
+<style>
+body {
+	font-size: 14px;
+}
+
+.btn-inverse {
+	width: 100%;
+}
+</style>
 <body>
 
-	<div class="container" style="background-color: #BBBBBB; height: 600px;">
+	<div class="container">
 		<div id="login-wrap-mobile" class="" ng-controller="AuthCtrl">
-			<h2 class="text-center" style="font-family: Microsoft Yahei; font-weight: bold;">优软商务平台</h2>
+			<h2 class="text-center" style="font-family: Microsoft Yahei; font-weight: bold;">UAS商务平台</h2>
 			<h3>登录</h3>
 			<form ng-submit="login(user)" name="myform" novalidate>
 				<div class="form-group">
@@ -40,32 +49,51 @@
 				</div>
 				<div class="form-group">
 					<div class="checkbox">
-						<label> <input type="checkbox" checked="checked">
+						<label> <input type="checkbox" checked="checked"
+							name="_spring_security_remember_me" ng-model="user.remember_me">
 							记住账号
 						</label>
 					</div>
 				</div>
 				<div class="form-group">
 					<div>
-						<button class="btn btn-inverse" type="submit">登录</button>
-						<a href="#" class="pull-right">无法登录?</a>
+						<button class="btn btn-inverse btn-block f18" type="submit">登录</button>
+					</div>
+				</div>
+				<div class="form-group">
+					<div class="text-muted text-center">
+						<br>
+						注册请使用PC访问UAS商务平台主页(www.ubtob.com)
 					</div>
 				</div>
 			</form>
 			<div class="loading" ng-class="{'in': loading}"><i></i></div>
 		</div>
-		<div class="footer text-center f12" style="font-size: 12px; color: #FFFFFF; margin-top: 35px; padding-top: 5px; border-top: solid 1px #666666;">
-			<div>深圳市优软科技有限公司</div>
-			<div>Copyright @ 2012 All Rights Reserved</div>
-		</div>
 		
 	</div>
 	<!-- 消息提示框  Start-->
 	<toaster-container
-		toaster-options="{'position-class': 'toast-top-center'}"></toaster-container>
+		toaster-options="{'position-class': 'toast-bottom-center'}"></toaster-container>
 	<!-- 消息提示框 End -->
 
-<script type="text/javascript" src="static/lib/require.js"
+	<script type="text/javascript" src="static/lib/require.js"
 		data-main="static/js/signin/main.js"></script>
+	<script type="text/ng-template" id="chooseEnterprise.html">
+ 	<div class="modal-header">
+		<h3 class="modal-title">您的账号绑定了下列企业</h3>
+	</div>
+	<div class="modal-body">
+		<div class="radio" ng-repeat="enterprise in enterprises">
+		  <label>
+		    <input type="radio" name="choose" ng-model="$parent.choose" value="{{enterprise.uu}}" checked>{{enterprise.enName}}
+		  </label>
+		</div>
+		<p class="text-info"><i class="fa fa-fw fa-warning"></i>请选择其中一个企业登录</p>
+	</div>
+	<div class="modal-footer">
+		<button class="btn btn-primary" ng-click="login(choose)" type="button">登录</button>
+		<button class="btn btn-default" ng-click="cancel()" type="button">取消</button>
+	</div>
+	</script>
 </body>
 </html>

+ 9 - 1
src/main/webapp/resources/js/common/services.js

@@ -250,5 +250,13 @@ define([ 'angular', 'toaster'], function(angular) {
 				method: 'POST'
 			}
 		});
-	}]);
+	}]).filter('currency', function(){// 币别符号表示
+		return function(cur) {
+			if(cur == 'RMB') return '¥';
+			else if(cur == 'USD') return '$';
+			else if(cur == 'EUR') return '€';
+			else if(cur == null || cur == '') return '¥';
+			else return cur; 
+		};
+	});
 });

+ 165 - 28
src/main/webapp/resources/js/index/mobile.index.app.js

@@ -9,18 +9,41 @@ define([ 'toaster', 'charts', 'ngTable', 'common/services', 'service/Purc', 'ui.
 		$stateProvider.state('index', {
 			url : "/index",
 			templateUrl : "static/tpl/index_mobile/home/index.html"
-		}).state('saleOrder', {
-			url : "/sale/order/:code",
-			templateUrl : "static/tpl/index_mobile/sale/saleOrder.html"
-		}).state('saleChange', {
-			url: '/sale/change/:code',
-			templateUrl: 'static/tpl/index_mobile/sale/saleChange.html'
-		}).state('saleInquiry', {
-			url: '/sale/inquiry/:itemId',
-			templateUrl: 'static/tpl/index_mobile/sale/saleInquiry.html'
-		}).state('saleNotice', {
-			url: '/sale/notice/:id',
-			templateUrl: 'static/tpl/index_mobile/sale/saleNotice.html'
+		}).state('sale', {// 销售
+			url : "/sale",
+			templateUrl : "static/tpl/index_mobile/sale/sale.html"
+		}).state('sale.order', {// 销售,订单列表
+			url : "/order",
+			templateUrl : "static/tpl/index_mobile/sale/order_list.html",
+			controller: 'SaleOrderListCtrl'
+		}).state('sale.change', {// 销售,变更单列表
+			url : "/change",
+			templateUrl : "static/tpl/index_mobile/sale/change_list.html",
+			controller: 'SaleChangeListCtrl'
+		}).state('sale.inquiry', {// 销售,询价单列表
+			url : "/inquiry",
+			templateUrl : "static/tpl/index_mobile/sale/inquiry_list.html",
+			controller: 'SaleInquiryListCtrl'
+		}).state('sale.notice', {// 销售,发货提醒列表
+			url : "/notice",
+			templateUrl : "static/tpl/index_mobile/sale/notice_list.html",
+			controller: 'SaleNoticeListCtrl'
+		}).state('sale.order_detail', {// 销售,订单详情
+			url : "/order/:id",
+			templateUrl : "static/tpl/index_mobile/sale/order_detail.html",
+			controller: 'SaleOrderCtrl'
+		}).state('sale.change_detail', {// 销售,变更单详情
+			url: '/change/:id',
+			templateUrl: 'static/tpl/index_mobile/sale/change_detail.html',
+			controller: 'SaleChangeCtrl'
+		}).state('sale.inquiry_detail', {// 销售,询价单详情
+			url: '/inquiry/:itemId',
+			templateUrl: 'static/tpl/index_mobile/sale/inquiry_detail.html',
+			controller: 'SaleInquiryCtrl'
+		}).state('sale.notice_detail', {// 销售,发货提醒详情
+			url: '/notice/:id',
+			templateUrl: 'static/tpl/index_mobile/sale/notice_detail.html',
+			controller: 'SaleNoticeCtrl'
 		});
 	}]);
 	
@@ -42,11 +65,11 @@ define([ 'toaster', 'charts', 'ngTable', 'common/services', 'service/Purc', 'ui.
 				return statusConfig[code];
 			}
 		};
-	}).filter('status', function(StatusCode){
+	}).filter('status', ['StatusCode', function(StatusCode){
 		return function(data) {
 			return StatusCode.get(data);
 		}
-	});
+	}]);
 	
 	app.factory('Symbol', function(){
 		return {
@@ -70,9 +93,22 @@ define([ 'toaster', 'charts', 'ngTable', 'common/services', 'service/Purc', 'ui.
 		});
 	}]);
 	app.controller('AuthCtrl', ['$scope', '$window', 'AuthenticationService', function($scope, $window, AuthenticationService) {
-		$scope.isAuthed = AuthenticationService.isAuthed();
+		$scope.isAuthed = AuthenticationService.isAuthed();		//AuthenticationService模块在common/下
 		$scope.userInfo = {};
 		AuthenticationService.getAuthentication().success(function(data) {
+			if(data.enterprises) {
+				data.enterprise = data.enterprises[data.enterprises.length - 1];
+				if(data.enterprises.length > 1) {
+					var enSelect = [];
+					angular.forEach(data.enterprises, function(e){
+						if(e.current)
+							data.enterprise = e;
+						else
+							enSelect.push(e);
+					});
+					data.enSelect = enSelect;
+				}
+			}
 			$scope.userInfo = data;
 			if (data == null || !data.uu)
 				$scope.isAuthed = false;
@@ -82,7 +118,87 @@ define([ 'toaster', 'charts', 'ngTable', 'common/services', 'service/Purc', 'ui.
 				$window.location.reload();
 			});
 		};
+		$scope.switchto = function(enUU) {// 切换企业
+			AuthenticationService.reSignin(enUU).success(function(){
+				$window.location.reload();
+			});
+		};
+	}]);
+	
+	// 根据状态分类得到获取数据的方法
+	var getState = function(active) {
+		var fn = 'get';
+		switch(active) {
+		case 'done':
+			fn = 'getDone';break;
+		case 'todo':
+			fn = 'getTodo';break;
+		case 'end':	
+			fn = 'getEnd';break;
+		case 'waiting':
+			fn = 'getWaiting';break;
+		}
+		return fn;
+	};
+	
+	/**
+	 * 客户采购订单列表
+	 */
+	app.controller('SaleOrderListCtrl', ['$scope', 'BaseService', 'PurcOrderItem', 'toaster', function($scope, BaseService, PurcOrderItem, toaster) {
+		$scope.data = {};// 列表数据
+		
+		var pageParams = { // 页面参数
+			page : 1,
+			count : 5,
+			sorting: {
+                date: 'desc'
+            },
+            searchFilter: { // 筛选条件
+				keyword: null
+			}
+		};
+		
+		$scope._state = 'all';
+		
+		// 加载数据
+		var getData = function(add) {
+			$scope.loading = true;
+			PurcOrderItem[getState($scope._state)].call(null, BaseService.parseParams(pageParams), function(data){
+				if(add) {
+					data.content = $scope.data.content.concat(data.content);
+					$scope.data = data;
+				} else {
+					$scope.data = data;
+				}
+				$scope.loading = false;
+			}, function(response){
+				$scope.loading = false;
+				toaster.pop('error', '加载数据失败', response.data);
+			});
+		};
+		
+		getData();// 初始获取数据
+		
+		// 加载更多数据
+		$scope.getMoreData = function() {
+			pageParams.page ++;
+			getData(true);
+		};
+		
+		// 获取订单的总金额
+		$scope.getTotal = function(order) {
+			var total = 0;
+			angular.forEach(order.orderItems, function(item){
+				total += (item.qty||0) * (item.price||0);
+			});
+			return total;
+		};
+		
 	}]);
+	
+	/**
+	 * 客户采购订单详情
+	 */
 	app.controller('SaleOrderCtrl', ['$scope', '$filter', '$stateParams', 'toaster', 'PurcOrder', 'PurcOrderItem', 'Symbol', function($scope, $filter, $stateParams, toaster, PurcOrder, PurcOrderItem, Symbol){
 		$scope.loading = true;
 		$scope.symbol = Symbol.currency;
@@ -95,14 +211,12 @@ define([ 'toaster', 'charts', 'ngTable', 'common/services', 'service/Purc', 'ui.
 			return parseFloat(sum).toFixed(2);//四舍五入取两位小数
 		};
 		
-		PurcOrder.get({id: $stateParams.code}, function(data) {
+		PurcOrder.get({id: $stateParams.id}, function(data) {
 			$scope.purcOrder = data;
 			$scope.loading = false;
 		});
 		
-		/**
-		 * 展开回复
-		 */
+		// 展开回复
 		$scope.expandReply = function(orderItem) {
 			if(!orderItem.replys) {
 				PurcOrderItem.getReply({orderItemId: orderItem.id}, function(data){
@@ -117,18 +231,14 @@ define([ 'toaster', 'charts', 'ngTable', 'common/services', 'service/Purc', 'ui.
 			orderItem.expand = !orderItem.expand;
 		};
 		
-		/**
-		 * 全选
-		 */
+		// 全选
 		$scope.checkAll = function(value) {
 			angular.forEach($scope.purcOrder.orderItems, function(item, index){
 				item.checked = value;
 			});
 		};
 		
-		/**
-		 * 选中一个
-		 */
+		// 选中一个
 		$scope.checkOne = function(value) {
 			if(value) {
 //				angular.forEach($scope.purcOrder.orderItems, function(item, index){
@@ -157,7 +267,7 @@ define([ 'toaster', 'charts', 'ngTable', 'common/services', 'service/Purc', 'ui.
 					reply.delivery = reply.delivery.getTime();
 				}
 				PurcOrderItem.reply({orderItemId: item.id}, reply, function(){
-					PurcOrder.get({id: $stateParams.code}, function(data) {
+					PurcOrder.get({id: $stateParams.id}, function(data) {
 						$scope.purcOrder = data;
 						$scope.loading = false;
 						toaster.pop('success', '提示', '回复成功:' + reply.qty);
@@ -184,7 +294,7 @@ define([ 'toaster', 'charts', 'ngTable', 'common/services', 'service/Purc', 'ui.
 				str = str.substr(0, str.length-1);
 				PurcOrderItem.replyByBatch(str, function(){
 					$scope.loading = false;
-					PurcOrder.get({id: $stateParams.code}, function(data) {
+					PurcOrder.get({id: $stateParams.id}, function(data) {
 						$scope.purcOrder = data;
 						$scope.loading = false;
 						toaster.pop('success', '提示', '回复成功');
@@ -202,7 +312,14 @@ define([ 'toaster', 'charts', 'ngTable', 'common/services', 'service/Purc', 'ui.
 	}]);
 	
 	/**
-	 * 销售变更
+	 * 客户采购变更列表
+	 */
+	app.controller('SaleChangeListCtrl', ['$scope', function($scope) {
+		
+	}]);
+	
+	/**
+	 * 客户采购变更详情
 	 */
 	app.controller('SaleChangeCtrl', ['$scope', '$stateParams', 'toaster', 'PurcChange', function($scope, $stateParams, toaster, PurcChange){
 		$scope.loading = true;
@@ -236,6 +353,16 @@ define([ 'toaster', 'charts', 'ngTable', 'common/services', 'service/Purc', 'ui.
 		};
 	}]);
 	
+	/**
+	 * 客户询价单列表
+	 */
+	app.controller('SaleInquiryListCtrl', ['$scope', function($scope) {
+		
+	}]);
+	
+	/**
+	 * 客户询价单详情
+	 */
 	app.controller('SaleInquiryCtrl', ['$scope', '$stateParams', 'toaster', 'PurcInquiry', 'Symbol', function($scope, $stateParams, toaster, PurcInquiry, Symbol){
 		$scope.loading = true;
 		$scope.vendFromDateOpen = false;
@@ -321,6 +448,16 @@ define([ 'toaster', 'charts', 'ngTable', 'common/services', 'service/Purc', 'ui.
   		};
 	}]);
 	
+	/**
+	 * 客户发货提醒列表
+	 */
+	app.controller('SaleNoticeListCtrl', ['$scope', function($scope) {
+		
+	}]);
+	
+	/**
+	 * 客户发货提醒详情
+	 */
 	app.controller('SaleNoticeCtrl', ['$scope', '$stateParams', 'toaster', 'PurcNotice', 'Symbol', function($scope, $stateParams, toaster, PurcNotice, Symbol){
 		$scope.loading = true;
 		$scope.symbol = Symbol.currency;//把币别转化为符号

+ 6 - 0
src/main/webapp/resources/lib/angular/toaster.css

@@ -93,6 +93,12 @@ button.toast-close-button {
   bottom: 12px;
   left: 12px;
 }
+
+.toast-bottom-center {
+  bottom: 50px;
+  left: 50%;
+  margin-left: -126px;
+}
 #toast-container {
   position: fixed;
   z-index: 999999;

+ 83 - 1
src/main/webapp/resources/tpl/index_mobile/home/index.html

@@ -1 +1,83 @@
-<h1>主页</h1>
+<style>
+.userInfo {
+	padding-bottom: 10px;
+	border-bottom: solid 1px #e8e8e8;
+}
+
+.order {
+	line-height: 40px;
+}
+
+.order .order-line {
+	padding: 10px 0;
+	border-bottom: solid 1px #e8e8e8;
+}
+
+.order .order-line .order-state {
+	border-right: dotted 1px #cccccc;
+	line-height: 80px;
+	vertical-align: bottom;
+}
+</style>
+
+<!-- 用户信息 start -->
+<div class="userInfo row" ng-controller="MyCtrl">
+	<div class="col-xs-12">
+		<h4>您好,{{userInfo.userName}}</h4>
+		<div><i class="fa fa-map-marker"></i> {{userInfo.enterprise.enName}}</div>	
+	</div>
+	
+</div>
+<!-- 用户信息 end -->
+
+<!-- 订单信息 start -->
+<div class="order">
+	<div class="row order-line">
+		<div class="col-xs-3"></div>
+		<div class="col-xs-9 f18">
+			<span class="text-muted f14">委外</span> 
+			<span class="text-inverse">销售</span> 
+			<span class="text-muted f14">财务</span>
+		</div>
+	</div>
+	<div class="row order-line">
+		<div class="col-xs-3 text-center order-state text-default text-bold f16">
+			交易前
+		</div>
+		<div class="col-xs-9">
+			<div>
+				<a ui_sref="sale.order"><i class="fa fa-comments-o"></i> 待回复(0/3)<span class="text-muted pull-right f12">客户采购订单</span></a>
+			</div>
+			<div>
+				<a ui_sref="sale.inquiry"><i class="fa fa-calculator"></i> 待报价(1/5)<span class="text-muted pull-right f12">客户询价单</span></a>
+			</div>
+		</div>
+	</div>
+	<div class="row order-line">
+		<div class="col-xs-3 text-center order-state text-default text-bold f16">
+			交易中
+		</div>
+		<div class="col-xs-9">
+			<div>
+				<a ui_sref="sale.notice"><i class="fa fa-send-o"></i> 待发货(0/0)<span class="text-muted pull-right f12">客户发货提醒</span></a>
+			</div>
+			<div>
+				<a ui_sref="sale.change"><i class="fa fa-refresh"></i> 变更中(0/0)<span class="text-muted pull-right f12">客户采购变更单</span></a>
+			</div>
+		</div>
+	</div>
+	<div class="row order-line">
+		<div class="col-xs-3 text-center order-state text-default text-bold f16">
+			交易后
+		</div>
+		<div class="col-xs-9">
+			<div>
+				<a ui_sref="sale.accept"><i class="fa fa-thumbs-o-up"></i> 客户验收(0/0)<span class="text-muted pull-right f12">客户采购验收单</span></a>
+			</div>
+			<div>
+				<a ui_sref="sale.return"><i class="fa fa-thumbs-o-down"></i> 客户验退(0/0)<span class="text-muted pull-right f12">客户采购验退单</span></a>
+			</div>
+		</div>
+	</div>
+</div>
+<!-- 订单信息 end -->

+ 1 - 1
src/main/webapp/resources/tpl/index_mobile/sale/saleChange.html → src/main/webapp/resources/tpl/index_mobile/sale/change_detail.html

@@ -44,7 +44,7 @@
 }
 </style>
 
-<div ng-controller="SaleChangeCtrl">
+<div>
 	<div class="top padding5 bold">
 		<a href="#" class="f16 topText">&nbsp;<i class="fa fa-angle-left"></i>&nbsp;订单详情</a>
 		<!-- <div class="right"><i class="fa fa-reorder"></i>&nbsp;&nbsp;</div> -->

+ 1 - 0
src/main/webapp/resources/tpl/index_mobile/sale/change_list.html

@@ -0,0 +1 @@
+<h1 class="text-center">客户采购变更单列表</h1>

+ 1 - 1
src/main/webapp/resources/tpl/index_mobile/sale/saleInquiry.html → src/main/webapp/resources/tpl/index_mobile/sale/inquiry_detail.html

@@ -74,7 +74,7 @@
 		border-color: #449d44;
 	}
 </style>
-<div ng-controller="SaleInquiryCtrl">
+<div>
 	<div class="top padding5 bold">
 		<a href="#" class="f16 topText">&nbsp;<i class="fa fa-angle-left"></i>&nbsp;单据详情</a>
 		<!-- <div class="right"><i class="fa fa-reorder"></i>&nbsp;&nbsp;</div> -->

+ 1 - 0
src/main/webapp/resources/tpl/index_mobile/sale/inquiry_list.html

@@ -0,0 +1 @@
+<h1 class="text-center">客户询价单列表</h1>

+ 1 - 1
src/main/webapp/resources/tpl/index_mobile/sale/saleNotice.html → src/main/webapp/resources/tpl/index_mobile/sale/notice_detail.html

@@ -78,7 +78,7 @@
 		z-index: 9;
 	}
 </style>
-<div ng-controller="SaleNoticeCtrl">
+<div>
 	<div class="top padding5 bold">
 		<a href="#" class="f16 topText">&nbsp;<i class="fa fa-angle-left"></i>&nbsp;单据详情</a>
 		<!-- <div class="right"><i class="fa fa-reorder"></i>&nbsp;&nbsp;</div> -->

+ 1 - 0
src/main/webapp/resources/tpl/index_mobile/sale/notice_list.html

@@ -0,0 +1 @@
+<h1 class="text-center">客户发货提醒单列表</h1>

+ 1 - 1
src/main/webapp/resources/tpl/index_mobile/sale/saleOrder.html → src/main/webapp/resources/tpl/index_mobile/sale/order_detail.html

@@ -19,7 +19,7 @@
 	}
 </style>
 
-<div ng-controller="SaleOrderCtrl">
+<div>
 	<div class="top padding5 bold">
 		<a href="#" class="f16 topText">&nbsp;<i class="fa fa-angle-left"></i>&nbsp;订单详情</a>
 		<!-- <div class="right"><i class="fa fa-reorder"></i>&nbsp;&nbsp;</div> -->

+ 85 - 0
src/main/webapp/resources/tpl/index_mobile/sale/order_list.html

@@ -0,0 +1,85 @@
+<style>
+/* title */
+.title {
+	padding-bottom: 10px;
+	border-bottom: solid 1px #e8e8e8;
+}
+
+/* status */
+.status {
+	position: relative;
+	display: inline-block;
+}
+
+.status-list {
+	margin-top: 10px;
+	min-width: inherit;
+	width: 100px;
+}
+
+.status-list li {
+	font-size: 16px;
+	line-height: 40px;
+	height: 40px;
+	text-align: center;
+	border-bottom: solid 1px #e8e8e8;
+}
+
+.status-list li:HOVER {
+	background: #44b549;
+	color: #ffffff;
+}
+
+/* order */
+.order {
+	background: #e8e8e8;
+}
+
+.order .order-line {
+	background: #ffffff;
+	margin-bottom: 10px;
+}
+
+</style>
+<!-- loading start -->
+<div class="loading in" ng-class="{'in': loading}"><i></i></div>
+<!-- loading end -->
+
+<div class="row">
+	<!-- title start -->
+	<h4 class="title col-xs-12">
+		<i class="fa fa-angle-left"></i> 客户采购订单
+		<div class="pull-right f16">
+			<span>状态 | </span>
+			<div class="status" dropdown>
+				<span dropdown-toggle>待回复 <i class="fa fa-angle-down"></i></span>
+				<ul class="dropdown-menu dropdown-menu-right status-list">
+					<li ng-click="">全部</li>
+					<li ng-click="">已回复</li>
+					<li ng-click="">待回复</li>
+					<li ng-click="">已结案</li>
+				</ul>
+			</div>
+		</div>
+	</h4>
+	<!-- title end -->
+</div>
+
+<!-- order list start -->
+<ul class="list-group order row" ng-if="data.content">
+	<li class="list-group-item col-xs-12 order-line" ng-repeat="order in data.content">
+		<div class="row">
+			<div class="col-xs-8 text-num text-inverse">{{order.code}}</div>
+			<div class="col-xs-4 text-muted f12 text-right">{{order.date | date:'MM月dd日'}}</div>
+		</div>
+		<div class="row">
+			<div class="col-xs-7 f12 text-light">{{order.enterprise.enName}}</div>
+			<div class="col-xs-5 text-num text-right f18">{{order.currency | currency}} {{getTotal(order) | number:6}}</div>
+		</div>
+	</li>
+	<li class="list-group-item col-xs-12 text-center" ng-click="getMoreData()">
+		{{data.content.length}}/{{data.totalElements}}<br>加载更多单据...
+	</li>
+</ul>
+<!-- order list end -->
+

+ 1 - 1
src/main/webapp/resources/tpl/index_mobile/sale/sale.html

@@ -1 +1 @@
-<div ng-view></div>
+<div ui-view></div>