allocatr/application/admin/view/order/index.html

<div class="panel panel-default panel-intro">


    <div class="panel-heading">
        {:build_heading(null,FALSE)}
        <ul class="nav nav-tabs" data-field="status">
            <li class="{:$Think.get.status === 1 ? 'active' : ''}">
                <a href="#t-active" data-value="1" data-toggle="tab">待派单</a>
            </li>
            <li class="{:$Think.get.status === 2 ? 'active' : ''}">
                <a href="#t-cancel" data-value="2" data-toggle="tab">已超时</a>
            </li>
            <li class="{:$Think.get.status === 3 ? 'active' : ''}">
                <a href="#t-overtime" data-value="3" data-toggle="tab">全部订单</a>
            </li>
        </ul>

    </div>

    <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>
                        <a href="javascript:;" class="btn btn-success btn-edit {:$auth->check('order/edit')?'':'hide'}" title="{:__('Edit')}" ><i class="fa fa-edit"></i> {:__('Edit')}</a>
                        <a href="javascript:;" class="btn btn-success btn-export" id="btn-export">
                            <i class="fa fa-download"></i> 导出
                        </a>
<!--                        <div class="dropdown btn-group {:$auth->check('order/multi')?'':'hide'}">-->
<!--                            <a class="btn btn-primary btn-more dropdown-toggle btn-disabled disabled" data-toggle="dropdown"><i class="fa fa-cog"></i> {:__('More')}</a>-->
<!--                            <ul class="dropdown-menu text-left" role="menu">-->
<!--                                {foreach name="statusList" item="vo"}-->
<!--                                <li><a class="btn btn-link btn-multi btn-disabled disabled" href="javascript:" data-params="status={$key}">{:__('Set status to ' . $key)}</a></li>-->
<!--                                {/foreach}-->
<!--                            </ul>-->
<!--                        </div>-->

<!--                        <a class="btn btn-success btn-recyclebin btn-dialog {:$auth->check('order/recyclebin')?'':'hide'}" href="order/recyclebin" title="{:__('Recycle bin')}"><i class="fa fa-recycle"></i> {:__('Recycle bin')}</a>-->

                    </div>
                    <table id="table" class="table table-striped table-bordered table-hover table-nowrap"
                           data-operate-edit="{:$auth->check('order/edit')}"
                           data-operate-del="{:$auth->check('order/del')}"
                           data-operate-dispatch="{:$auth->check('orders/dispatch/add')}"
                           width="100%">
                    </table>
                </div>
            </div>

        </div>
    </div>
</div>
<link rel="stylesheet" href="/assets/css/select.css">
<style>
    /* 派单按钮 */
    .button-dispatch {
        background-color: #4CAF50; /* Material Design的绿色 */
        color: #fff;
    }

    .button-dispatch:hover {
        background-color: #45A049; /* 深一点的绿色 */
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }

    /* 编辑按钮 */
    .button-edit {
        background-color: #1976D2; /* Material Design的蓝色 */
        color: #fff;
    }

    .button-edit:hover {
        background-color: #1565C0;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }

    /* 复制按钮 */
    .button-copy {
        background-color: #388E3C; /* Bootstrap的绿色 */
        color: #fff;
    }
    .

    .button-copy:hover {
        background-color: #2C6B2F;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }

    /* 催单按钮 */
    .button-remind {
        background-color: #FF9800; /* Material Design的橙色 */
        color: #fff;
    }

    .button-remind:hover {
        background-color: #FB8C00;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }

    /* 订单报错按钮 */
    .button-error {
        background-color: #D32F2F; /* Material Design的红色 */
        color: #fff;
    }

    .button-error:hover {
        background-color: #C62828;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }

    /* 取消按钮 */
    .button-cancel {
        background-color: #757575; /* Material Design的灰色 */
        color: #fff;
    }

    .button-cancel:hover {
        background-color: #616161;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }

    /* 更多按钮 */
    .button-more {
        background-color: #607D8B; /* Material Design的蓝灰色 */
        color: #fff;
    }

    .button-more:hover {
        background-color: #546E7A;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }
    .text-my_dispatch{
        color: #0011ff;
    }
</style>
<script>
    var items = {:json_encode($items); };
</script>

<script id="categorytpl" type="text/html">
    <div class="row">
        <div class="col-xs-12">
            <input id="select_city" class="form-control" data-toggle="city-picker" type="text" />
            <input id="select_area_id" type="hidden"  name="area_id" />
        </div>
    </div>
</script>

<script id="items_picker" type="text/html">
    <div class="row">
        <div class="col-xs-12">
            <input id="select_item" class="form-control" type="text" autocomplete="off" />
            <input id="select_item_id" type="hidden"  name="item_id" />
        </div>
    </div>
</script>

<script id="source" type="text/html">
    <div class="row">
        <div class="col-xs-12">
            <select id="c-source" title="请选择订单渠道" name="source" class="form-control">
                <option  value="">全部来源</option>
                {foreach $sources as $item}
                <option  value="{$item['id']}">【{$item['ptitle']}】{$item['title']}</option>
                {/foreach}
            </select>
        </div>
    </div>
</script>