dm.7in6.com/application/admin/view/qcode_product/index.html

<style>
    /* 默认背景颜色 */
    .table tbody tr.selected {
        background-color: yellow !important;  /* 选中行背景色为黄色 */
    }
</style>
    <div class="panel panel-default panel-intro">
        <div class="panel-body">
            <div id="1" class="tab-content">
                <div class="tab-pane fade active in" id="one">
                    <div class="widget-body no-padding">
                        <div id="toolbar1" class="toolbar">
                            {:build_toolbar('refresh')}
                            <a href="javascript:;" id="bind" class="btn btn-success btn-disabled disabled {:$auth->check('qcode_product/bind')?'':'hide'}" title="增加产品" ><i class="fa fa-plus"></i> 增加产品</a>
                            <a href="javascript:;" class="btn btn-success btn-add {:$auth->check('qcode_product/add')?'':'hide'}" data-area='["800px","500px"]' title="{:__('Add')}" ><i class="fa fa-plus"></i> {:__('Add')}</a>
                            <a href="javascript:;" class="btn btn-success btn-edit btn-disabled disabled {:$auth->check('qcode_product/edit')?'':'hide'}" title="{:__('Edit')}" ><i class="fa fa-pencil"></i> {:__('Edit')}</a>
                            <a href="javascript:;" class="btn btn-danger btn-del btn-disabled disabled {:$auth->check('qcode_product/del')?'':'hide'}" title="{:__('Delete')}" ><i class="fa fa-trash"></i> {:__('Delete')}</a>

                        </div>
                        <table id="table1" class="table table-striped table-bordered table-hover" width="100%">

                        </table>


                    </div>
                </div>

            </div>
        </div>
    </div>
<div>
    <hr style="margin-right: 110px; width: 100%; border-top: 4px solid lightsteelblue; border-right: none; border-bottom: none; border-left: none; border-image: initial; border-radius: 2px;">
</div>
    <div class="panel panel-default panel-intro">
        <div class="panel-body">
            <div id="myTabContent2" class="tab-content">
                <div class="tab-pane fade active in" id="two">
                    <div class="widget-body no-padding">
                        <div id="toolbar2" class="toolbar">
                            {:build_toolbar('refresh')}
<!--                            <a href="javascript:;" class="btn btn-success btn-add {:$auth->check('qcode_product/add')?'':'hide'}" data-area='["800px","500px"]' title="{:__('Add')}" ><i class="fa fa-plus"></i> {:__('Add')}</a>-->
                            <!--                        <a href="javascript:;" class="btn btn-success btn-edit btn-disabled disabled {:$auth->check('qcode_product/edit')?'':'hide'}" title="{:__('Edit')}" ><i class="fa fa-pencil"></i> {:__('Edit')}</a>-->
                            <a href="javascript:;" id="unbind" class="btn btn-danger btn-disabled disabled {:$auth->check('qcode_product/unbind')?'':'hide'}" title="删除产品" ><i class="fa fa-trash"></i> 删除产品</a>

                        </div>
                        <table id="table2" class="table table-striped table-bordered table-hover" width="100%">

                        </table>


                    </div>
                </div>

            </div>
        </div>
    </div>
    <script id="customformtpl" type="text/html">
        <!--form表单必须添加form-commsearch这个类-->
        <form action="" class="form-commonsearch">
            <div style="border-radius:2px;margin-bottom:10px;background:#f5f5f5;padding:15px 20px;">
                <div class="row">
                    <div class="col-xs-12 col-sm-6 col-md-3">
                        <div class="form-group">
                            <label class="control-label">编号</label>
                            <!--隐式的operate操作符，必须携带一个class为operate隐藏的文本框,且它的data-name="字段",值为操作符-->
                            <input class="operate" type="hidden" data-name="product_code" value="LIKE"/>
                            <div>
                                <input class="form-control" type="text" name="product_code" placeholder="请输入查找的编号" value=""/>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-6 col-md-3">
                        <div class="form-group">
                            <label class="control-label">名称</label>
                            <!--隐式的operate操作符，必须携带一个class为operate隐藏的文本框,且它的data-name="字段",值为操作符-->
                            <input class="operate" type="hidden" data-name="product_name" value="LIKE"/>
                            <div>
                                <input class="form-control" type="text" name="product_name" placeholder="请输入查找的名称" value=""/>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-6 col-md-3" style="min-height:68px;">
                        <!--这里添加68px是为了避免刷新时出现元素错位闪屏-->
                        <div class="form-group">
                            <label class="control-label">存货分类编码</label>
                            <input type="hidden" class="operate" data-name="code" value="LIKE"/>
                            <div>
                                <!--给select一个固定的高度-->
                                <!--@formatter:off-->
                                <select id="c-flag" class="form-control selectpicker" name="code" style="height:31px;">
                                    <option value="" >请选择</option>
                                    {foreach name="codeList" item="vo"}
                                    <option value="{$vo.code}" >{$vo.code}-{$vo.name}</option>
                                    {/foreach}
                                </select>
                                <!--@formatter:on-->
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-6 col-md-3">
                        <div class="form-group">
                            <label class="control-label"></label>
                            <div class="row">
                                <div class="col-xs-6">
                                    <input type="submit" class="btn btn-success btn-block" value="提交"/>
                                </div>
                                <div class="col-xs-6">
                                    <input type="reset" class="btn btn-primary btn-block" value="重置"/>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </script>