求问:页面搜索功能,点击搜索后参数并没有传给后台

页面

<div class="container-div ui-layout-center">
    <div class="row">
        <div class="col-sm-12 search-collapse">
            <form id="blog-form">
                <input type="hidden" id="parentId" name="parentId">
                <div class="select-list">
                    <ul>
                        <li>
                            投递人：<input type="text" name="name"/>
                        </li>
                        <li>
                            简历状态：<select id="blogStatus" name="resumeStatus"
                                         th:with="type=${@dict.getType('resume_resume_status')}">
                            <option value="">所有</option>
                            <option th:each="dict : ${type}" th:text="${dict.dictLabel}"
                                    th:value="${dict.dictValue}"></option>
                        </select>
                        </li>
                        <li>
                            投递岗位：<input type="text" name="psName"/>
                        </li>
                        </li>
                        <li class="select-time">
                            <label>投递时间： </label>
                            <input type="text" class="time-input" id="startTime" placeholder="开始时间"
                                   name="params[beginTime]"/>
                            <span>-</span>
                            <input type="text" class="time-input" id="endTime" placeholder="结束时间"
                                   name="params[endTime]"/>
                        </li>
                        <li>
                            <a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i
                                    class="fa fa-search"></i> 搜索</a>
                            <a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset()"><i
                                    class="fa fa-refresh"></i> 重置</a>
                        </li>
                    </ul>
                </div>
            </form>
        </div>

        <div class="btn-group-sm" id="toolbar" role="group">
            <a class="btn btn-warning" onclick="$.table.exportExcel()">
                <i class="fa fa-download"></i> 导出
            </a>
            <a class="btn btn-primary btn-del  multiple disabled" onclick="changeStatus(1)">
                <i class="fa fa-list-ol"></i> 一键阅读
            </a>
            <a class="btn btn-warning btn-del multiple disabled" onclick="changeStatus(3)">
                <i class="fa fa-chain-broken"></i> 简历不合格
            </a>
            <a class="btn btn-danger btn-del multiple disabled" onclick="changeStatus(2)">
                <i class="fa fa-smile-o"></i> 面试通过
            </a>
        </div>
        <div class="col-sm-12 select-table table-striped">
            <table id="bootstrap-table" data-mobile-responsive="true"></table>
        </div>
    </div>
</div>

对应的Controller

 @RequiresPermissions("zpin:resume:list")
    @GetMapping("/list")
    @ResponseBody
    public TableDataInfo list(ResumeParam resumeParam) throws Exception {
        startPage();
        List<ResumeDo> list = resumeManager.getList(resumeParam);
        return getDataTable(list);
    }

ResumeParam

@Data
public class ResumeParam extends BaseParam{
    private static final long serialVersionUID = 1L;

    private String name;

    private Integer resumeStatus;

    private String psName;

    private String mobile;

    private Long apiUserId;
}

欢迎各位大佬解答 谢谢啦~~~~~~~~~~~~~~~~~~~~~~~~~