fastadmin表格之自定义搜索

1.使用搜索模板 在对应的index.html页面最底部添加搜索模板（注意模板是添加在和table一个页面的HTML页面的最底部）

将自定义的搜索内容即下边这段代码放在最底部

<script id="countrySearch" type="text/html">
    <!--form表单必须添加form-commsearch这个类-->
    <form action="" class="form-commonsearch form-horizontal">
        <div class="row">
            <form id="form" class="form-horizontal form-ajax" role="form" data-toggle="validator" method="POST" action="">
                <div class="form-group col-xs-12 col-sm-12 col-md-12 col-lg-12">
                    <label for="a" class="control-label col-xs-1">省/市：</label>
                    <div class="col-xs-8" style="position: relative;">
                        <input id="a" readonly type="text" class="form-control" data-toggle="city-picker" data-level="city" data-responsive="true" placeholder="请选择省/市">
                    </div>
                    <div class="col-xs-3"></div>
                </div>
                <div class="form-group col-xs-12 col-sm-6 col-md-4 col-lg-3">
                    <label for="b" class="control-label col-xs-4">开始时间：</label>
                    <div class="col-xs-8">
                        <input name="b" id="b" type="text" class="form-control datetimerange" onfocus=this.blur() />
                    </div>
                </div>
                <div class="form-group col-xs-12 col-sm-6 col-md-4 col-lg-3">
                    <label for="c" class="control-label col-xs-4">结束时间：</label>
                    <div class="col-xs-8">
                        <input name="c" id="c" type="text" class="form-control datetimerange" onfocus=this.blur() />
                    </div>
                </div>
                <div class="form-group col-xs-12 col-sm-6 col-md-4 col-lg-3">
                    <label for="a" class="control-label col-xs-4">扫码量：</label>
                    <div class="col-xs-8">
                        <input id="d" name="d" type="text" class="form-control" autocomplete="off" oninput = "value=value.replace(/[^\d]/g,'')" />
                    </div>
                </div>
                <div class="form-group col-xs-12 col-sm-6 col-md-4 col-lg-3">
                    <label class="control-label col-xs-4"></label>
                    <div class="col-xs-8">
                        <button type="submit" class="btn btn-success btn-embossed">提交</button>
                        <button type="reset" class="btn btn-default btn-embossed">重置</button>
                    </div>
                </div>
            </form>
        </div>
    </form>
</script>

2.该页面对应的 js文件中table配置：

这里省市区city-picker插件下拉框中的城市文字不能折行，在以下文件中修改css样式

其中自定义模板使用借鉴了这位博主的文章：https://blog.csdn.net/qq_34050360/article/details/108148335