sailun
/
sailun-shop


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
							<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<title>Hello APP</title>
		<link rel="stylesheet" type="text/css" href="../../css/api.css" />
		<link rel="stylesheet" type="text/css" href="../../css/aui.css" />
		<link rel="stylesheet" type="text/css" href="../../css/aui-win.css" />
	</head>
	<style>
	</style>
	<body>
		<header class="aui-bar aui-bar-nav aui-bar-info" id="aui-header">
			<a class="aui-btn aui-btn-info aui-pull-left" tapmode onclick="closeWin()"> <span class="aui-iconfont aui-icon-left"></span> </a>
			<div class="aui-title" id="aui-title">
				订单列表
			</div>
			<div class="aui-tab" id="tab">
			   <div class="aui-tab-item" v-for="(b,i) in stateArr" v-bind:class="i == chooseIndex ? 'aui-active' : ''" v-on:click="chooseStatus(i)">
				{{b.name}}
			   </div>
			</div>
		</header>
	</body>
	<script type="text/javascript" src="../../script/api.js"></script>
	<script type="text/javascript" src="../../script/vue.js"></script>
	<script type="text/javascript">
		function closeWin() {
			api.closeWin({
			});
		}

		apiready = function() {
			new Vue({
				el : '#aui-header',
				data : {
				   chooseIndex : 0,
				   stateArr : [{
					   name : "全部订单",
					   id : '',
					}, {
					   name : "待接单",
					   id : 0
					}, {
					   name : "已接单",
					   id : 1
					}, {
					   name : "已驳回",
					   id : 2
					}],
				},
				methods : {
				   chooseStatus : function(index) {
				        this.chooseIndex = index;
						api.execScript({
						    frameName : 'orderList_body',
	                        script: 'chooseIndex("' + index + '");'
                        });
					}
				},
				mounted : function() {
					api.parseTapmode();
					var header = $api.byId('aui-header');
					$api.fixStatusBar(header);
					var headerPos = $api.offset(header);
					var body_h = $api.offset($api.dom('body')).h;
					api.openFrame({
						name : 'orderList_body',
						url : 'orderList_body.html',
						bounces : false,
						vScrollBarEnabled : false,
						hScrollBarEnabled : false,
						rect : {
							x : 0,
							y : headerPos.h,
							w : 'auto',
							h : 'auto'
						},
						bgColor : '#f5f5f5',
					})
				}
			})
		};
	</script>
</html>