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

<style type="text/css">
	.ord_red,
	.ord_yellow,
	.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;
	}
	.ord_yellow{
		background-color: yellow;
        color: red;
	}
	.card-view{
		padding: 5px;
	}
	#withdraw{
		margin-left: 10px;
		vertical-align: middle;
		font-size: 13px;
		line-height: 24px;
	}

	.mwd_head_box{
		overflow: hidden;
		padding: 10px 0;
	}
	.mwd_head_li{
		float: left;
		overflow: hidden;
		margin-right: 2%;
		width: 31.33%;
		padding: 10px;
		background-color: #fff;
		box-sizing: border-box;
		border-radius: 3px;
	}
	.mwd_head_li:last-child{
		width: 33.33%;
		margin-right: 0;
	}
	@media (max-width: 640px){
		.mwd_head_li,
		.mwd_head_li:last-child{
			float: none;
			margin: 10px 0;
			width: auto;
		}
	}
	.mwd_head_tit{
		font-size: 16px;
		color: #666;
		line-height: 24px;
	}
	.mwd_head_money{
		font-size: 30px;
		color: #1581ff;
		line-height: 50px;
	}
	.mwd_head_other{
		overflow: hidden;
	}
	.mwd_head_other strong{
		margin-right: 10px;
		white-space: nowrap;
		font-size: 14px;
		color: #666;
		font-weight: normal;
		line-height: 20px;
	}
	.mwd_head_other span{
		color: #1581ff;
	}
</style>
<div class="mwd_head_box">
	<div class="mwd_head_li">
		<div class="mwd_head_tit">待打款</div>
		<div class="mwd_head_money">￥<span id="state1">（加载中..）</span></div>
	</div>
	<div class="mwd_head_li">
		<div class="mwd_head_tit">打款中</div>
		<div class="mwd_head_money">￥<span id="state2">（加载中..）</span></div>
	</div>
	<div class="mwd_head_li">
		<div class="mwd_head_tit">已打款</div>
		<div class="mwd_head_money">￥<span id="state3">（加载中..）</span></div>
	</div>
</div>
<div class="panel panel-default panel-intro">
    {:build_heading()}
    <div class="panel-body">
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade active in" id="one">
                <div class="widget-body no-padding">
                    <div id="toolbar" class="toolbar">
                        <a href="javascript:;" class="btn btn-primary btn-refresh" title="{:__('Refresh')}" ><i class="fa fa-refresh"></i> </a>
                        <div class="dropdown btn-group {:$auth->check('withdraw/multi')}">
                            <a class="btn btn-primary btn-more dropdown-toggle btn-disabled disabled" data-toggle="dropdown"><i class="fa fa-cog"></i>更多</a>
                            <ul class="dropdown-menu text-left" role="menu">
                                <!--<li><a class="btn btn-link btn-multi btn-disabled disabled" href="javascript:;" data-params="state=1"><i class="fa fa-eye"></i>提现中</a></li>-->
                                <li><a class="btn btn-link btn-multi btn-disabled disabled" href="javascript:;" data-params="state=2"><i class="fa fa-eye-slash"></i>打款中</a></li>
                                <li><a class="btn btn-link btn-multi btn-disabled disabled" href="javascript:;" data-params="state=3"><i class="fa fa-eye-slash"></i>已打款</a></li>
                            </ul>
                        </div>
                        <a class="btn btn-success btn-export btn-myexcel-export" href="javascript:;"><i class="fa fa-user"></i> 导出</a>
                    </div>
                </div>
                    <table id="table" class="table table-striped table-bordered table-hover"
                           data-operate-edit="{:$auth->check('withdraw/edit')}"
                           width="100%">
                    </table>
                </div>
            </div>

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