需求:点击对账按钮跳转页面并根据id搜索对应的数据

效果图:
在这里插入图片描述
这是跳转过来搜索的结果
在这里插入图片描述
实现代码:

第一步:点击按钮带参跳转页面 在这里插入图片描述
第二步:在跳转页对应的js文件实现以下代码
在这里插入图片描述

queryParams:function(params){
    var filter=JSON.parse(params.filter);
        var op = JSON.parse(params.op);
        var id=Fast.api.query('id');
        if (id){
            filter.fang_id=id;
            op.fang_id='=';
            params.filter=JSON.stringify(filter);
            params.op = JSON.stringify(op);
            funcUrlDel('id');
        }
        return params;
},

删除id参数代码(如果不删除传过来的id参数,表格上的搜索栏不能搜索别的字段)

//删除url的id参数
function funcUrlDel(name){
    var loca = window.location;
    var baseUrl = loca.origin + loca.pathname + "?";
    var query = loca.search.substr(1);

    if (query.indexOf(name)>-1) {
        var obj = {};
        var arr = query.split("&");
        for (var i = 0; i < arr.length; i++) {
            arr[i] = arr[i].split("=");
            obj[arr[i][0]] = arr[i][1];
        };
        delete obj[name];
        var url = baseUrl + JSON.stringify(obj).replace(/[\"\{\}]/g,"").replace(/\:/g,"=").replace(/\,/g,"&");
        history.pushState(null,null,url);
        return;
    }else{
        return window.location.href;
    };
}
Logo

鸿蒙生态一站式服务平台。

更多推荐