book_admin/application/admin/view/orders/index.html

<style type="text/css">

	.referral_head_tit{
		overflow: hidden;
		padding: 10px 0;
		font-size: 14px;
		color: #666;
		line-height: 24px;
	}
	.ord_red,
	.ord_green{
		display: inline-block;
		padding: 4px 10px;
		color: #fff;
		white-space: nowrap;
		border-radius: 3px;
	}
	.ord_red{
		background-color: red;
	}
	.ord_green{
		background-color: green;
	}
	.card-view{
		padding: 5px;
	}

</style>
<div class="panel panel-default panel-intro">
	<div class="panel-body">
		<div id="myTabContent" class="tab-content">
			<div class="referral_head_tit">非实时，延迟1分钟左右更新</div>
			<div class="tab-pane fade active in" id="one">
				<div class="widget-body no-padding">
					<div id="toolbar" class="toolbar">
						<a class="btn btn-success btn-export btn-myexcel-export" href="javascript:;"><i class="fa fa-user"></i> 导出</a>
						<div class="dropdown btn-group {:$auth->check('orders/multi')?'':'hide'}">
							<ul class="dropdown-menu text-left" role="menu">
								<li><a class="btn btn-link btn-multi btn-disabled disabled" href="javascript:;" data-params="status=normal"><i class="fa fa-eye"></i> {:__('Set to normal')}</a></li>
								<li><a class="btn btn-link btn-multi btn-disabled disabled" href="javascript:;" data-params="status=hidden"><i class="fa fa-eye-slash"></i> {:__('Set to hidden')}</a></li>
							</ul>
						</div>
					</div>
					<table id="table" class="table table-striped table-bordered table-hover"
						   data-operate-edit="{:$auth->check('orders/edit')}"
						   data-operate-del="{:$auth->check('orders/del')}"
						   width="100%">
					</table>
				</div>
			</div>

		</div>
	</div>
</div>