内页的头部搜索表单域无需如下这样单独写在JS中：

​

```js

//表单域渲染

form.render(null,'yourFormName-search');

//日期渲染

layui.laydate.render({elem:'#yourFormName-time',range:true,format:'yyyy/MM/dd',done:function(){$('#ask-search-time').trigger('input')}});

```

​

v2.0.0 版可简单实现如下：

​

```html

<form class="layui-form render"> //在此引入样式类 render 后，框架即可对该表单域进行渲染

    // 表单项HTML代码

    <div class="layui-inline" style="width:200px;">

        // 日期渲染，增加属性 date-render 即可，更多参数设置

        // date-render = "{type:'date',range:true,format:'yyyy/MM/dd'}"

        <input type="text" name="sotime" date-render 

        placeholder="时间" class="layui-input" lay-affix="clear"/>

    </div>

</form>

```

​

搜索表单中的 `搜索``全部`按钮的触发，也无需在当前页中去写触发过程，实现如下：

​

``` html

<form class="layui-form render">

    // 搜索按钮需要有属性 lay-submit 和 lay-filter="search-数据表ID名" 【search-】为识别前缀

    <a class="layui-btn" lay-submit lay-filter="search-tableName">

        <i class="layui-icon layui-icon-search"></i> 搜索

    </a>

    // 全部按钮需要有属性 lay-submit 和 lay-filter="search-数据表ID名-all-条件项1|条件项2"

    <a class="layui-btn" lay-submit lay-filter="search-tableName-all">

        <i class="layui-icon layui-icon-light"></i> 全部

    </a>

</form>

```

​

视图中按钮权限控制实现：

​

``` html

// 在标签中增加属性 v-show 即可实现 v-show="对应的权限路径"

// v-show="@xyz/abc/add" 当首字符为@符时，表示无该项权限时

// 该按钮将以灰色显示，否则该项将被移除不可见

<a class="layui-btn" id="loginlog-clear" v-show="@system.log/del">

    <i class="layui-icon layui-icon-delete"></i> 删除

</a>

```