查询条件与查询数据的ajax拼装

下面我将介绍如何使用 AJAX 动态拼装查询条件和获取查询数据,包括前端和后端的完整实现方案。

一、前端实现方案

1. 基础 HTML 结构

html

复制

复制代码
<div class="query-container">
    <!-- 查询条件表单 -->
    <form id="queryForm">
        <div class="form-group">
            <label>用户名:</label>
            <input type="text" name="username" class="form-control">
        </div>
        <div class="form-group">
            <label>状态:</label>
            <select name="status" class="form-control">
                <option value="">全部</option>
                <option value="1">启用</option>
                <option value="0">禁用</option>
            </select>
        </div>
        <div class="form-group">
            <label>注册时间:</label>
            <input type="date" name="startDate" class="form-control">
            <span>至</span>
            <input type="date" name="endDate" class="form-control">
        </div>
        <button type="button" id="queryBtn" class="btn btn-primary">查询</button>
        <button type="reset" class="btn btn-default">重置</button>
    </form>
    
    <!-- 查询结果表格 -->
    <table id="resultTable" class="table table-striped">
        <thead>
            <tr>
                <th>ID</th>
                <th>用户名</th>
                <th>状态</th>
                <th>注册时间</th>
            </tr>
        </thead>
        <tbody>
            <!-- 数据将通过AJAX动态填充 -->
        </tbody>
    </table>
    <div id="pagination"></div>
</div>

运行 HTML

2. jQuery AJAX 实现

javascript

复制

复制代码
$(function() {
    // 查询按钮点击事件
    $('#queryBtn').click(function() {
        loadData(1); // 加载第一页数据
    });
    
    // 初始加载第一页数据
    loadData(1);
    
    // 加载数据函数
    function loadData(pageNum) {
        // 1. 收集表单数据
        var formData = $('#queryForm').serialize();
        
        // 2. 添加分页参数
        var queryParams = formData + '&pageNum=' + pageNum + '&pageSize=10';
        
        // 3. 显示加载中状态
        $('#resultTable tbody').html('<tr><td colspan="4" class="text-center">加载中...</td></tr>');
        
        // 4. 发送AJAX请求
        $.ajax({
            url: '/api/user/list',
            type: 'GET',
            data: queryParams,
            dataType: 'json',
            success: function(response) {
                if (response.success) {
                    // 渲染表格数据
                    renderTable(response.data.list);
                    // 渲染分页
                    renderPagination(pageNum, response.data.total, response.data.pages);
                } else {
                    alert(response.message);
                }
            },
            error: function(xhr) {
                alert('请求失败: ' + xhr.statusText);
            }
        });
    }
    
    // 渲染表格数据
    function renderTable(data) {
        var $tbody = $('#resultTable tbody');
        $tbody.empty();
        
        if (data.length === 0) {
            $tbody.append('<tr><td colspan="4" class="text-center">暂无数据</td></tr>');
            return;
        }
        
        $.each(data, function(i, item) {
            var statusText = item.status === 1 ? '启用' : '禁用';
            var row = '<tr>' +
                '<td>' + item.id + '</td>' +
                '<td>' + item.username + '</td>' +
                '<td>' + statusText + '</td>' +
                '<td>' + new Date(item.createTime).toLocaleString() + '</td>' +
                '</tr>';
            $tbody.append(row);
        });
    }
    
    // 渲染分页
    function renderPagination(currentPage, total, totalPages) {
        var $pagination = $('#pagination');
        $pagination.empty();
        
        if (totalPages <= 1) return;
        
        // 上一页
        if (currentPage > 1) {
            $pagination.append('<button class="page-btn" data-page="' + (currentPage - 1) + '">上一页</button>');
        }
        
        // 页码
        for (var i = 1; i <= totalPages; i++) {
            var active = i === currentPage ? 'active' : '';
            $pagination.append('<button class="page-btn ' + active + '" data-page="' + i + '">' + i + '</button>');
        }
        
        // 下一页
        if (currentPage < totalPages) {
            $pagination.append('<button class="page-btn" data-page="' + (currentPage + 1) + '">下一页</button>');
        }
        
        // 分页按钮事件
        $('.page-btn').click(function() {
            var page = $(this).data('page');
            loadData(page);
        });
    }
});

3. 使用 Axios 实现 (现代推荐)

javascript

复制

复制代码
document.addEventListener('DOMContentLoaded', function() {
    const queryBtn = document.getElementById('queryBtn');
    const queryForm = document.getElementById('queryForm');
    const resultTable = document.getElementById('resultTable').getElementsByTagName('tbody')[0];
    const pagination = document.getElementById('pagination');
    
    // 查询按钮点击事件
    queryBtn.addEventListener('click', () => loadData(1));
    
    // 初始加载
    loadData(1);
    
    async function loadData(pageNum) {
        try {
            // 1. 收集表单数据
            const formData = new FormData(queryForm);
            const params = new URLSearchParams();
            
            // 2. 添加表单数据到查询参数
            formData.forEach((value, key) => {
                if (value) params.append(key, value);
            });
            
            // 3. 添加分页参数
            params.append('pageNum', pageNum);
            params.append('pageSize', 10);
            
            // 4. 显示加载状态
            resultTable.innerHTML = '<tr><td colspan="4" class="text-center">加载中...</td></tr>';
            
            // 5. 发送请求
            const response = await axios.get('/api/user/list', { params });
            
            if (response.data.success) {
                renderTable(response.data.data.list);
                renderPagination(pageNum, response.data.data.total, response.data.data.pages);
            } else {
                alert(response.data.message);
            }
        } catch (error) {
            alert('请求失败: ' + error.message);
        }
    }
    
    function renderTable(data) {
        resultTable.innerHTML = '';
        
        if (data.length === 0) {
            resultTable.innerHTML = '<tr><td colspan="4" class="text-center">暂无数据</td></tr>';
            return;
        }
        
        data.forEach(item => {
            const statusText = item.status === 1 ? '启用' : '禁用';
            const row = document.createElement('tr');
            row.innerHTML = `
                <td>${item.id}</td>
                <td>${item.username}</td>
                <td>${statusText}</td>
                <td>${new Date(item.createTime).toLocaleString()}</td>
            `;
            resultTable.appendChild(row);
        });
    }
    
    function renderPagination(currentPage, total, totalPages) {
        pagination.innerHTML = '';
        
        if (totalPages <= 1) return;
        
        // 上一页
        if (currentPage > 1) {
            const prevBtn = document.createElement('button');
            prevBtn.className = 'page-btn';
            prevBtn.textContent = '上一页';
            prevBtn.dataset.page = currentPage - 1;
            prevBtn.addEventListener('click', () => loadData(parseInt(prevBtn.dataset.page)));
            pagination.appendChild(prevBtn);
        }
        
        // 页码
        for (let i = 1; i <= totalPages; i++) {
            const pageBtn = document.createElement('button');
            pageBtn.className = i === currentPage ? 'page-btn active' : 'page-btn';
            pageBtn.textContent = i;
            pageBtn.dataset.page = i;
            pageBtn.addEventListener('click', () => loadData(parseInt(pageBtn.dataset.page)));
            pagination.appendChild(pageBtn);
        }
        
        // 下一页
        if (currentPage < totalPages) {
            const nextBtn = document.createElement('button');
            nextBtn.className = 'page-btn';
            nextBtn.textContent = '下一页';
            nextBtn.dataset.page = currentPage + 1;
            nextBtn.addEventListener('click', () => loadData(parseInt(nextBtn.dataset.page)));
            pagination.appendChild(nextBtn);
        }
    }
});

二、后端实现方案 (Spring Boot)

1. 控制器实现

java

复制

复制代码
@RestController
@RequestMapping("/api/user")
public class UserController {

    @Autowired
    private UserService userService;

    @GetMapping("/list")
    public Result listUsers(UserQuery query, 
                          @RequestParam(defaultValue = "1") Integer pageNum,
                          @RequestParam(defaultValue = "10") Integer pageSize) {
        PageInfo<User> pageInfo = userService.queryUsers(query, pageNum, pageSize);
        return Result.success(pageInfo);
    }
}

2. 查询参数对象

java

复制

复制代码
public class UserQuery {
    private String username;
    private Integer status;
    private Date startDate;
    private Date endDate;
    
    // getter 和 setter 方法
    // ...
}

3. 服务层实现

java

复制

复制代码
@Service
public class UserServiceImpl implements UserService {

    @Autowired
    private UserMapper userMapper;

    @Override
    public PageInfo<User> queryUsers(UserQuery query, Integer pageNum, Integer pageSize) {
        PageHelper.startPage(pageNum, pageSize);
        List<User> users = userMapper.selectByQuery(query);
        return new PageInfo<>(users);
    }
}

4. MyBatis Mapper 示例

java

复制

复制代码
public interface UserMapper {
    List<User> selectByQuery(UserQuery query);
}

xml

复制

复制代码
<!-- mapper.xml -->
<select id="selectByQuery" resultType="User" parameterType="UserQuery">
    SELECT * FROM user
    <where>
        <if test="username != null and username != ''">
            AND username LIKE CONCAT('%', #{username}, '%')
        </if>
        <if test="status != null">
            AND status = #{status}
        </if>
        <if test="startDate != null">
            AND create_time >= #{startDate}
        </if>
        <if test="endDate != null">
            AND create_time <![CDATA[<=]]> #{endDate}
        </if>
    </where>
    ORDER BY id DESC
</select>

运行 HTML

5. 统一返回结果封装

java

复制

复制代码
public class Result implements Serializable {
    private boolean success;
    private String message;
    private Object data;
    
    public static Result success(Object data) {
        Result result = new Result();
        result.setSuccess(true);
        result.setData(data);
        return result;
    }
    
    public static Result error(String message) {
        Result result = new Result();
        result.setSuccess(false);
        result.setMessage(message);
        return result;
    }
    
    // getter 和 setter 方法
    // ...
}

三、高级功能扩展

1. 防抖处理 (优化频繁查询)

javascript

复制

复制代码
// 使用 lodash 的防抖函数
$('#queryBtn').click(_.debounce(function() {
    loadData(1);
}, 500));

2. 查询条件本地存储

javascript

复制

复制代码
// 保存查询条件
function saveQueryParams() {
    const formData = $('#queryForm').serializeArray();
    localStorage.setItem('lastQueryParams', JSON.stringify(formData));
}

// 加载上次查询条件
function loadQueryParams() {
    const params = localStorage.getItem('lastQueryParams');
    if (params) {
        const formData = JSON.parse(params);
        formData.forEach(item => {
            $(`[name="${item.name}"]`).val(item.value);
        });
    }
}

3. 导出查询结果

javascript

复制

复制代码
function exportData() {
    const formData = $('#queryForm').serialize();
    window.open('/api/user/export?' + formData, '_blank');
}

四、最佳实践建议

  1. 参数校验:前后端都要对查询参数进行校验

  2. 分页处理:大数据量时务必使用分页

  3. 性能优化:添加合适的数据库索引

  4. 错误处理:友好的错误提示和日志记录

  5. 安全性:防止SQL注入和XSS攻击

  6. API文档:使用Swagger等工具生成API文档

通过以上实现,您可以构建一个完整的、可维护的查询功能,满足大多数业务场景的需求。

复制代码
/**
 * 按品种查询资源
 *
 * @param breedId
 *            品名Id集,单个或多个
 */
function searchMarket(breedId)
{
    var prBreedId=pi;

    $.ajax
    ({
        url: "/resource/getMarketProperties.jsp",
        type:"post",
        async:false,
        data:{"breedId":breedId,"prBreedId":prBreedId},
        dataType:"text",
        success: function(message){
            
            var data = eval("(" + message + ")");

            var breed = eval("("+ data.breedJsonProperty +")");
            
            var material = eval("("+ data.materialJsonProperty +")");
            var spec = eval("("+ data.specJsonProperty +")");
            var brand = eval("("+ data.brandJsonProperty +")");
            
            // 刷新选择收索部分的数据
            changeHtml(breed,"breed",breedId);
            changeHtml(material,"material",breedId);
            changeHtml(spec,"spec",breedId);
            changeBrandHtml(brand);
            // 刷新输入框部分收索数据
            clickBreed(breed,material,spec,brand);
            
            // 品名的全部初值设置为当前大品名
            document.getElementById("breed_option_all").href = "javascript:searchMarket('"+ prBreedId +"');searchParams['breedNames']='';searchParams['breedIds']='';searchParams['breedInfos']='';searchByParams();";

            // 设置为全部
            $("#material_option_all").attr("class","option-all cur");
            $("#spec_option_all").attr("class","option-all cur");
            $("#brand_option_all").attr("class","option-all cur");
            
          }
    });
}

/**
 * 单选查询品种
 *
 * @param breedId
 * @param breedName
 */
function searchBySingleBreed(breedId, breedName) {
    var breedInfo = {};

    breedInfo[breedId] = breedName;

    searchParams["breedInfos"] = breedInfo;

    searchByParams();
}
/**
 * 确认执行多选品种
 */
function searchByMultiBreed() {
    $("#breedReset").click();
    var breedParams = {};
    var breedIds = "";
    $("[name='breedIds']:checked").each(function() {
        var breedId = $(this).val();
        var breedName = $("#label_breed_" + breedId).text();
        breedParams[breedId] = breedName;

        if (breedIds == "") {
            breedIds += breedId;
        } else {
            breedIds += "," + breedId;
        }
    });
    searchParams["breedInfos"] = breedParams;
    searchMarket(breedIds);
    searchByParams();
}

/**
 * 确认执行多选材质
 */
function searchByMultiMaterial() {
    $("#materialReset").click();
    var materials = "";
    $("[name='materialIds']:checked").each(function() {
        var material = $(this).val();
        if (materials == "") {
            materials += material;
        } else {
            materials += "," + material;
        }
    });

    searchParams["materials"] = materials;
    searchByParams();
}
/**
 * 确认执行多选规格
 */
function searchByMultiSpec() {
    $("#specReset").click();
    var specs = "";
    $("[name='specIds']:checked").each(function() {
        var spec = $(this).val();
        if (specs == "") {
            specs += spec;
        } else {
            specs += "," + spec;
        }
    });

    searchParams["specs"] = specs;
    searchByParams();
}

/**
 * 确认执行多选交货地
 */
function searchByMultiCity() {
    $("#cityReset").click();
    var cities = "";
    var cityNameMutis = "";
    $("[name='cityIds']:checked").each(function() {
        var city = $(this).val().split(",")[0];
        var cityNameMuti = $(this).val().split(",")[1];
        if (cities == "") {
            cities += city;
        } else {
            cities += "," + city;
        }
        
        if (cityNameMutis == "") {
            cityNameMutis += cityNameMuti;
        } else {
            cityNameMutis += "," + cityNameMuti;
        }
    });

    searchParams["cityId"] = cities;
    searchParams["cityName"] = cityNameMutis;
    searchByParams();
}

/**
 * 点击钢厂logo相应事件
 */
function clickBrandLogo(brand) {
    var resetButton = $("#brandReset");
    if (resetButton.is(":hidden")) {
        searchParams["brands"] = brand;
        searchByParams();
    } else {
        var selectItem = document.getElementById("brandDiv_" + brand);
        selectItem.setAttribute("class", "selected");
    }
}

/**
 * 确认执行钢厂多选
 */
function searchByMultiBrand() {
    // 回到单选
    $("#brandReset").click();
    var brands = "";
    $("#show-logo-div .selected").each(function() {
        var id = $(this).attr("id");
        var brand = id.replace("brandDiv_", "");
        if (brands == "") {
            brands += brand;
        } else {
            brands += "," + brand;
        }
    });

    searchParams["brands"] = brands;
    searchByParams();
}
/**
 * 根据城市交货地进行搜索
 *
 * @param obj
 */
function searchByCity(obj){
    var cityName;

    searchParams["warehouses"]="";
    $("#warehouseDiv").remove();
    $("#whText").val("");

    if(obj.id == "quanguo"){
        cityName = "全国";
        ci="";
        searchParams["cityId"]="";
        searchParams["cityName"] = "";
        searchByParams();
        searchWarehouse("");
    }
    else{
        cityName=$("#"+obj.id).text();
        ci=obj.id;
        searchParams["cityName"] = cityName;
        searchParams["cityId"]=obj.id;
        searchByParams();
        searchWarehouse(obj.id);
    }
}
/**
 * 选择城市刷新仓库输入框
 *
 * @param obj
 */
 function searchWarehouse(obj){
            $.ajax
            ({
                url: "/resource/getWarehouseProperties.jsp",
                type:"post",
                data:{"prBreedId":pi,"cityId":obj},
                dataType:"text",
                success: function(message){
                    
                    var data = eval("(" + message + ")");
                    var warehouseDa = eval("("+ data.warehouseJsonProperty +")");

                    $("#warehouseSelector").singleSelector("仓库", {
                        "data" : warehouseDa,
                        "defaultValue" : "",
                        "defaultText" : ""
                    }, "whValue", "whText",afterSelectOthers,inputEnter,"down1");
                  }
            });
        }
/**
 * 点击上方品名,下方收索框数据重新加载
 *
 * @param breedData
 *            品名数据
 * @param materialData
 *            材质数据
 * @param specData
 *            规格数据
 * @param brandData
 *            钢厂数据
 */
function clickBreed(breedData,materialData,specData,brandData)
{
    $("#breedSelector").singleSelector("品名", {
        "data" : breedData,
        "defaultValue" : "",
        "defaultText" : ""
    }, "biValue", "bdText",afterSelectBreed,inputEnter,"down1");

    $("#materialSelector").singleSelector("材质", {
        "data" : materialData,
        "defaultValue": "",
        "defaultText": ""
    }, "mlValue", "mlText",afterSelectOthers,inputEnter,"down2");

    $("#specSelector").singleSelector("规格", {
        "data" : specData,
        "defaultValue": "",
        "defaultText": ""
    }, "spValue", "spText",afterSelectOthers,inputEnter,"down2");

    $("#brandSelector").singleSelector("钢厂", {
        "data" : brandData,
        "defaultValue": "",
        "defaultText": ""
    }, "brValue", "brText",afterSelectOthers,inputEnter,"down2");
}
/**
 * 点击品种后更新资源信息
 *
 * @param param
 *            参数对应信息
 * @param paramName
 *            参数名字
 * @param breedId
 *            品种Id
 */
function changeHtml(param,paramName,breedId)
{
    var changeId = "change" + paramName;
    var html = "";
    for(var i=0; i<param.length;i++)
    {
        var css = "";
        if(i>11)
        {
            css = "class='more'";
        }
        
        var method = "";
        if(paramName == "material")
        {
            var paramNames ="materials";
            method+= "searchBySingleParam(\""+paramNames+"\",\""+ param[i].value +"\");";
        }    
        if(paramName == "spec")
        {
            var paramNames ="specs";
            method+= "searchBySingleParam(\""+paramNames+"\",\""+ param[i].value +"\");";
        }    
        
        if(paramName == "breed")
        {
            method = "searchMarket(\""+ param[i].value +"\");"+"searchBySingleBreed(\""+param[i].value+"\",\""+ param[i].name +"\");";
        }
        var check = "";
        var id = breedId.split(",");
        for(var j=0;j<id.length;j++)
        {
            if(param[i].value == id[j])
            {
                check = "checked";
            }    
        }    
        html+="<li "+ css +">"+
            "<span class='block-choose-more'>" +
            "<input type='checkbox' "+ check +" class='check-choose' value='"+ param[i].value +"' name='"+ paramName +"Ids' id='checkItem_"+ paramName +"_"+ param[i].value +"' /><label id='label_"+paramName+"_"+param[i].value+"'>"+param[i].name +"</label>"+
            "</span>" +
            "<a href='javascript:"+ method +"' class='listitem-link' id='item_"+ paramName +"_" + param[i].value +"' >" + param[i].name +"</a>" +
            "</li>";
    }
    
    document.getElementById(changeId).innerHTML= html;
}

/**
 * 单选动作,材质规格
 *
 * @param paramName
 *            输入种类
 * @param paramvalue
 *            获取值
 */
function searchBySingleParam(paramName,paramvalue)
{
    searchParams[paramName] = paramvalue;
    searchByParams();
}
/**
 * 选择品种后更新钢厂信息
 *
 * @param paramBrand
 *            钢厂信息
 */
function changeBrandHtml(paramBrand)
{
    var html = "";
    for(var i=0; i<paramBrand.length;i++)
    {
        var count = i+1;
        var css = "";
        if(count>7)
        {
            css = "class='more'";
        }
        var value = "";
        if(count>15)
        {
            value = "more";
        }
        
        var html1 = "onMouseOver='this.style.cursor=\"pointer\";onMouseOver(this,"+ count +")'";
        var html2 = "onMouseOut='onMouseOut(this,"+ count +")'";
        
        html+="<div  id='brandDiv_"+ paramBrand[i].value+ "'" + css + html1 + html2 +" onclick='clickBrandLogo(\""+paramBrand[i].value+"\")"+"'> "+
        "<span  id='brandSpan_"+ count +"'>" +
        "<input  id='brandInput_"+ count + "'" +" type='hidden' value='"+ paramBrand[i].value +"' />" +
        "<input  id='checkItem_brand_"+ paramBrand[i].value +"' type='hidden'  value='"+ value +"' />" +
        "</span>" +
        "<a id='item_brand_"+ paramBrand[i].value +"'  href='#'  ><img src='../../../skin/images/factory/"+ paramBrand[i].image +".jpg' width='102' height='36' /></a>" +
        "</div>";
    }
    
    html+="<span class='clr'></span>";
    document.getElementById("show-logo-div").innerHTML= html;
}

/**
 * 选择品种下拉输入框触发动作
 *
 * @param value
 *            品名ID
 * @param text
 */
function afterSelectBreed(value,text){
    $.post("/resource/getMarketProperties.jsp",{"breedId":value},
            function(result){
        if(result!=""){
            var data = eval("(" + result + ")");
             var materialData = eval("("+ data.materialJsonProperty +")");
             var specData = eval("("+ data.specJsonProperty +")");
             var brandData = eval("("+ data.brandJsonProperty +")");
        
            $("#materialSelector").singleSelector("材质", {
                "data" : materialData,
                "defaultValue" : "",
                "defaultText" : ""
            }, "mlValue", "mlText",afterSelectOthers,inputEnter,"down2");
            $("#specSelector").singleSelector("规格", {
                "data" : specData,
                "defaultValue" : "",
                "defaultText" : ""
            }, "spValue", "spText",afterSelectOthers,inputEnter,"down2");
            $("#brandSelector").singleSelector("钢厂", {
                "data" : brandData,
                "defaultValue" : "",
                "defaultText" : ""
            }, "brValue", "brText",afterSelectOthers,inputEnter,"down2");
            
            var ids = data.ids;
            var jsonids = eval("("+ ids +")");

            if(jsonids.length == 1)
            {
                searchRoolerMarket(jsonids[0].id);
                var breedName = $("#bdText").val();
                var breedInfo = {};
                breedInfo[jsonids[0].id] = breedName;
                searchParams["breedInfos"] = breedInfo;

                buttonSearch();
            }    
        }
    },"text");
}

/**
 * 选择下拉框品名,重新刷新上方列表数据
 *
 * @param breedId
 */
function searchRoolerMarket(breedId)
{
    var prBreedId=pi;

    $.ajax
    ({
        url: "resource/getMarketProperties.jsp",
        type:"post",
        async:false,
        data:{"breedId":breedId,"pi":prBreedId},
        dataType:"text",
        success: function(message){
            
            var data = eval("(" + message + ")");

            var breed = eval("("+ data.breedJsonProperty +")");
            
            var material = eval("("+ data.materialJsonProperty +")");
            var spec = eval("("+ data.specJsonProperty +")");
            var brand = eval("("+ data.brandJsonProperty +")");

            changeHtml(breed,"breed",breedId);
            changeHtml(material,"material",breedId);
            changeHtml(spec,"spec",breedId);
            changeBrandHtml(brand);

            document.getElementById("breed_option_all").href = "javascript:searchMarket('"+ prBreedId +"');searchParams['breedNames']='';searchParams['breedIds']='';searchParams['breedInfos']='';searchByParams();";

            $("#material_option_all").attr("class","option-all cur");
            $("#spec_option_all").attr("class","option-all cur");
            $("#brand_option_all").attr("class","option-all cur");
          }
    });
}
/**
 * 选择规格、材质、钢厂触发动作
 *
 * @param value
 * @param text
 */
function afterSelectOthers(value, text)
{
    buttonSearch();
}

/**
 * 输入值按enter键进行收索
 *
 * @param value
 * @param text
 */
function inputEnter(value, text)
{
     var events = window.event || arguments.callee.caller.arguments[0];

     if (events.keyCode == 13)
     {
        buttonSearch();
     }
}

/**
 * 点击搜索按钮进行搜索
 */
function buttonSearch() {
    var bi = $("#biValue").val();
    var breadInfos = {};
    if (bi != null && bi != "") {
        searchParams["breedIds"] = bi;
        breadInfos[bi] = $("#bdText").val() ;
    } else {
        searchParams["breedIds"] = "";
        breadInfos="";
    }
    var bd = escape($("#bdText").val());
    if (bd != null && bd != "") {
        searchParams["breedNames"] = bd;
        searchParams["breedInfos"] = breadInfos;
        searchParams["breedIds"] = "";
    } else {
        searchParams["breedNames"] = "";
        searchParams["breedIds"] = "";
        searchParams["breedInfos"] ="";
    }
    var ml = escape($("#mlText").val());
    if (ml != null && ml != "") {
        searchParams["materials"] = ml;
    } else {
        searchParams["materials"] = "";
    }
    var sp = escape($("#spText").val());
    if (sp != null && sp != "") {
        searchParams["specs"] = sp;
    } else {
        searchParams["specs"] = "";
    }
    var br = escape($("#brText").val());
    if (br != null && br != "") {
        searchParams["brands"] = br;
    } else {
        searchParams["brands"] = "";
    }
    var whs = escape($("#whText").val());
    if (whs != null && whs != "") {
        searchParams["warehouses"] = whs;
    } else {
        searchParams["warehouses"] = "";
    }
    var ts1 = $("#ts1").val();
    if (ts1 != null && ts1 != "") {
        searchParams["startThickness"] = ts1;
    } else {
        searchParams["startThickness"] = "";
    }
    var ts2 = $("#ts2").val();
    if (ts2 != null && ts2 != "") {
        searchParams["endThickness"] = ts2;
    } else {
        searchParams["endThickness"] = "";
    }
    var wi1 = $("#wi1").val();
    if (wi1 != null && wi1 != "") {
        searchParams["startWidth"] = wi1;
    } else {
        searchParams["startWidth"] = "";
    }
    
    var wi2 = escape($("#wi2").val());
    if (wi2 != null && wi2 != "") {
        searchParams["endWidth"] = wi2;
    } else {
        searchParams["endWidth"] = "";
    }
    
    var pr1 = $("#pr1").val();
    if (pr1 != null && pr1 != "") {
        if (!isNaN(pr1)) {
            searchParams["startPrice"] = pr1;
        }
        else{
            searchParams["startPrice"] = "";
        }
    } else {
        searchParams["startPrice"] = "";
    }
    
    var pr2 = $("#pr2").val();
    if (pr2 != null && pr2 != "") {
        if (!isNaN(pr2)) {
            searchParams["endPrice"] = pr2;
        }
        else{
            searchParams["endPrice"] = "";
        }
    } else {
        searchParams["endPrice"] = "";
    }

    searchParams["pageNum"] = 1;

    searchByParams();
    
    $("#pr1").val(pr1);
    $("#pr2").val(pr2);
}

/**
 * 设置选中效果,并设值
 */
function setAttrParams() {
    var cityName = searchParams["cityName"];
    // 当前城市展示
    if(cityName==null ||cityName=="undefined" ||cityName=="")
    {
        $(".selects").text("交货地 :");
        $("#cityName").text("全国");
    }else
    {
        if(typeof(cityName) == "undefined")
        {
            $(".selects").text("交货地 :");
            $("#cityName").text("全国");
        }
        else
        {
            var cityNameMutiList = cityName.split(",");
            if(cityNameMutiList.length == 1)
            {
                $(".selects").text("交货地 :"+searchParams["cityName"]);
                $("#cityName").text(searchParams["cityName"]);
            }
            else
            {
                $(".selects").text("交货地 :");
                $("#cityName").text("全国");
            }
            
        }    
    }

    $("#breed_option_all").attr("class", "option-all cur");
    $("#changebreed [class='listitem-link cur']").attr("class", "listitem-link");
    $("#changebreed [class='check-choose']").prop("checked", false);
    $("#bdText").val("");
    $("#biValue").val("");
    if (searchParams["breedInfos"] != null && searchParams["breedInfos"] != "") {
        $("#breed_option_all").attr("class", "option-all");
        var breedNames = "";
        var breedIds = "";
        var breedInfos = searchParams["breedInfos"];
        var i = 0;
        for ( var breedId in breedInfos) {
            i++;
            var breedName = breedInfos[breedId];

            if (breedName != "") {
                if (breedNames == "") {
                    breedNames += breedName;
                } else {
                    breedNames += "," + breedName;
                }
            }

            if (breedId != "") {
                if (breedIds == "") {
                    breedIds += breedId;
                } else {
                    breedIds += "," + breedId;
                }
            }

            $("#breed_option_all").attr("class", "option-all");
            $("#item_breed_" + breedId).attr("class", "listitem-link cur");
            $("#checkItem_breed_" + breedId).prop("checked", true);
        }
        if (i == 1) {
            $("#bdText").val(breedNames);
            $("#biValue").val(breedIds);
        }
        searchParams["breedNames"] = "";
        searchParams["breedIds"] = breedIds;
    } else {
        var breedNames = searchParams["breedNames"];
        if (breedNames != null && breedNames != "") {
            $("#breed_option_all").attr("class", "option-all");
            $("#bdText").val(unescape(breedNames));
        }
    }

    var specs = searchParams["specs"];
    $("#spec_option_all").attr("class", "option-all cur");
    $("#changespec [class='listitem-link cur']").attr("class", "listitem-link");
    $("#changespec [class='check-choose']").prop("checked", false);
    $("#spText").val("");
    if (specs != null && specs != "") {
        $("#spec_option_all").attr("class", "option-all");
        var specList = specs.split(",");
        for (var i = 0; i < specList.length; i++) {
            var selectItem = document.getElementById("item_spec_" + specList[i]);
            if (selectItem != null) {
                selectItem.setAttribute("class", "listitem-link cur");
            }

            var checkItem = document.getElementById("checkItem_spec_" + specList[i]);
            if (checkItem != null) {
                checkItem.checked = true;
            }
        }

        if (specList.length == 1) {
            $("#spText").val(unescape(specs));
        }
    }

    var materials = searchParams["materials"];
    $("#material_option_all").attr("class", "option-all cur");
    $("#changematerial [class='listitem-link cur']").attr("class", "listitem-link");
    $("#changematerial [class='check-choose']").prop("checked", false);
    $("#mlText").val("");
    $("#mlValue").val("");
    if (materials != null && materials != "") {
        $("#material_option_all").attr("class", "option-all");
        var materialList = materials.split(",");
        for (var i = 0; i < materialList.length; i++) {
            var selectItem = document.getElementById("item_material_" + materialList[i]);
            if (selectItem != null) {
                selectItem.setAttribute("class", "listitem-link cur");
            }

            var checkItem = document.getElementById("checkItem_material_" + materialList[i]);
            if (checkItem != null) {
                checkItem.checked = true;
            }
        }

        if (materialList.length == 1) {
            $("#mlText").val(unescape(materials));
        }
    }

    var brands = searchParams["brands"];
    $("#brand_option_all").attr("class", "option-all cur");
    $("#show-logo-div [class='selected']").attr("class", "");
    $("#brText").val("");
    $("#btValue").val("");
    if (brands != null && brands != "") {
        $("#brand_option_all").attr("class", "option-all");
        var brandList = brands.split(",");
        for (var i = 0; i < brandList.length; i++) {
            var selectItem = document.getElementById("brandDiv_" + brandList[i]);
            if (selectItem != null) {
                selectItem.setAttribute("class", "selected");
            }
        }
        if (brandList.length == 1) {
            $("#brText").val(unescape(brands));
        }
    }
    
    var cityName = searchParams["cityName"];
    if(typeof(cityName) != "undefined")
    {
        var cityiesList = cityName.split(",");
        if(cityiesList.length == 1)
        {
            $(".selects").text("交货地 :"+cityiesList[0]);
        }
        else
        {
            $(".selects").text("交货地 :");
        }
    }    
    
    var cityIds = searchParams["cityId"];
    $("#city_option_all").attr("class", "option-all cur");
    $("#changecity [class='listitem-link cur']").attr("class", "listitem-link");
    $("#changecity [class='check-choose']").prop("checked", false);
    
    if (cityIds != null && cityIds != "") {
        $("#city_option_all").attr("class", "option-all");
        
        var cityList = cityIds.split(",");
        for (var i = 0; i < cityList.length; i++) {
            var selectItem = document.getElementById("item_city_" + cityList[i]);
            if (selectItem != null) {
                selectItem.setAttribute("class", "listitem-link cur");
            }

            var checkItem = document.getElementById("checkItem_city_" + cityList[i]);
            if (checkItem != null) {
                checkItem.checked = true;
            }
        }

    }

    var warehouses = searchParams["warehouses"];
    $("#whText").val("");
    if (warehouses != null && warehouses != "") {
        $("#whText").val(unescape(warehouses));
    }

    var startPrice = searchParams["startPrice"];
    var endPrice = searchParams["endPrice"];
    $("#pr1").val("¥最低价");
    $("#pr2").val("¥最高价");
    var i = 0;
    var j = 0;
    if (startPrice != null && startPrice != "") {
        i++;
        j = 1;

    }
    if (endPrice != null && endPrice != "") {
        i++;
        j = 2;
    }
    if (i == 2) {
        $("#pr1").val(startPrice);
        $("#pr2").val(endPrice);
    }
    if (i == 1 && j == 1) {
        $("#pr1").val(startPrice);
    }
    if (i == 1 && j == 2) {
        $("#pr2").val(endPrice);
    }

    i = 0;
    j = 0;
    $("#ts1").val("");
    $("#ts2").val("");
    var startThickness = searchParams["startThickness"];
    var endThickness = searchParams["endThickness"];
    if (startThickness != null && startThickness != "") {
        i++;
        j = 1;
    }
    if (endThickness != null && endThickness != "") {
        i++;
        j = 2;
    }
    if (i == 2) {
        $("#ts1").val(startThickness);
        $("#ts2").val(endThickness);
    }
    if (i == 1 && j == 1) {
        $("#ts1").val(startThickness);
    }
    if (i == 1 && j == 2) {
        $("#ts2").val(endThickness);
    }

    i = 0;
    j = 0;
    $("#wi1").val("");
    $("#wi2").val("");
    var startWidth = searchParams["startWidth"];
    var endWidth = searchParams["endWidth"];
    if (startWidth != null && startWidth != "") {
        i++;
        j = 1;
    }
    if (endWidth != null && endWidth != "") {
        i++;
        j = 2;
    }
    if (i == 2) {
        $("#wi1").val(startWidth);
        $("#wi2").val(endWidth);
    }
    if (i == 1 && j == 1) {
        $("#wi1").val(startWidth);
    }
    if (i == 1 && j == 2) {
        $("#wi2").val(endWidth);
    }
}

/**
 * 清空输入价格
 */
function clean(){
    
searchParams["startPrice"]="";
searchParams["endPrice"]= "";
searchByParams();    
}
/**
 * 分页查询
 */
function pageQuery(index){
    searchParams["pageNum"] = index;
    directSearchByParam();
}

/**
 * 分页效果展示
 */
function page() {
    var totalPages = $("#totalPages").val();
    var currPageNum = $("#currPageNum").val();
    
    if (totalPages < 10)
        for (var i = 1; i <= totalPages; i++) {

            if (i == currPageNum) {
                $("#pageSpan").append("<a class=\"current\">" + i + "</a>");
            } else {
                $("#pageSpan").append("<a href=\"javascript:void(0)\" id=\"page_" + i + "\">" + i + "</a>");
                $("#page_" + i).attr("onclick", "pageQuery("+i+")");
            }
        }
    else {
        if (currPageNum < 6) {
            for (var i = 1; i <= 10; i++) {
                if (i == currPageNum) {
                    $("#pageSpan").append("<a class=\"current\">" + i + "</a>");
                } else {
                    $("#pageSpan").append("<a href=\"javascript:void(0)\" id=\"page_" + i + "\">" + i + "</a>");
                    $("#page_" + i).attr("onclick", "pageQuery("+i+")");
                }
            }
        } else {
            var cur = parseInt(currPageNum) + 5;
            if (cur <= totalPages) {
                var pre = parseInt(currPageNum) - 4;
                var last = parseInt(currPageNum) + 5;
                for (i = pre; i <= last; i++) {
                    if (i == currPageNum) {
                        $("#pageSpan").append("<a class=\"current\">" + i + "</a>");
                    } else {
                        $("#pageSpan").append("<a href=\"javascript:void(0)\" id=\"page_" + i + "\">" + i + "</a>");
                        $("#page_" + i).attr("onclick", "pageQuery("+i+")");
                    }
                }
            } else {
                var pre = parseInt(totalPages) - 9;
                for (i = pre; i <= parseInt(totalPages); i++) {
                    if (i == currPageNum) {
                        $("#pageSpan").append("<a class=\"current\">" + i + "</a>");
                    } else {
                        $("#pageSpan").append("<a href=\"javascript:void(0)\" id=\"page_" + i + "\">" + i + "</a>");
                        $("#page_" + i).attr("onclick", "pageQuery("+i+")");
                    }
                }
            }
        }
    }

    $("#totalSpan").append(totalPages);
}

/**
 * 上一页
 */
function prePage() {
    var currPageNum = parseInt($("#currPageNum").val());
    var tempPageNum = 1;

    if (currPageNum > 0) {
        tempPageNum = currPageNum - 1;
    }
    if (tempPageNum == 0) {
        tempPageNum = 1;
    }
    
    searchParams["pageNum"]=tempPageNum;
    directSearchByParam();
}

/**
 * 跳转下一页
 */
function nextPage() {
    var currPageNum = parseInt($("#currPageNum").val());
    var totalPages = parseInt($("#totalPages").val());
    var tempPageNum;

    if (currPageNum >= totalPages) {
        tempPageNum = totalPages;
    } else {
        tempPageNum = parseInt(currPageNum) + 1;
    }

    searchParams["pageNum"]=tempPageNum;
    directSearchByParam();
}

/**
 * 转到
 */
function goPage() {
    var totalPages = parseInt($("#totalPages").val());
    var pageNum = parseInt($("#pageNum").val());
    if (!isNaN(pageNum) && pageNum <= totalPages && pageNum > 0) {
        searchParams["pageNum"]=pageNum;
        directSearchByParam();
    } else {
        $("#pageNum").val("");
    }
}
/**
 * 首页
 */
function firstPage() {
    searchParams["pageNum"]=1;
    directSearchByParam();
}

/**
 * 尾页
 */
function lastPage() {
    var totalPages = $("#totalPages").val();
    searchParams["pageNum"]= totalPages;
    directSearchByParam();
}
/**
 * 设置按照品种进行排序
 */
function setSortBreed() {
    var sortBreedFlag = $("#sortBreedFlag").attr("class");

    if (sortBreedFlag == "basic") {
        $("#sortBreedFlag").attr("class", "up");
        searchParams["breedSort"] = "10";
    } else if (sortBreedFlag == "up") {
        $("#sortBreedFlag").attr("class", "down");
        searchParams["breedSort"] = "11";
    } else if (sortBreedFlag == "down") {
        $("#sortBreedFlag").attr("class", "basic");
        searchParams["breedSort"] = "";
    }
    
    directSearchByParam();
}

/**
 * 设置按照规格进行排序
 */
function setSortSpec() {
    var sortSpecFlag = $("#sortSpecFlag").attr("class");

    if (sortSpecFlag == "basic") {
        $("#sortSpecFlag").attr("class", "up");
        searchParams["specSort"] = "10";
    } else if (sortSpecFlag == "up") {
        $("#sortSpecFlag").attr("class", "down");
        searchParams["specSort"] = "11";
    } else if (sortSpecFlag == "down") {
        $("#sortSpecFlag").attr("class", "basic");
        searchParams["specSort"] = "";
    }

    directSearchByParam();
}

/**
 * 设置按照材质进行排序
 */
function setSortMaterial() {
    var sortMaterialFlag = $("#sortMaterialFlag").attr("class");

    if (sortMaterialFlag == "basic") {
        $("#sortMaterialFlag").attr("class", "up");
        searchParams["materialSort"] = "10";
    }
    if (sortMaterialFlag == "up") {
        $("#sortMaterialFlag").attr("class", "down");
        searchParams["materialSort"] = "11";
    }
    if (sortMaterialFlag == "down") {
        $("#sortMaterialFlag").attr("class", "basic");
        searchParams["materialSort"] = "";
    }

    directSearchByParam();
}

/**
 * 设置按照钢厂排序
 */
function setSortBrand() {

    var sortBrandFlag = $("#sortBrandFlag").attr("class");

    if (sortBrandFlag == "basic") {
        $("#sortBrandFlag").attr("class", "up");
        searchParams["brandSort"] = "10";
    } else if (sortBrandFlag == "up") {
        $("#sortBrandFlag").attr("class", "down");
        searchParams["brandSort"] = "11";
    } else if (sortBrandFlag == "down") {
        $("#sortBrandFlag").attr("class", "basic");
        searchParams["brandSort"] = "";
    }

    directSearchByParam();
}

/**
 * 设置按照仓库排序
 */
function setSortWarehouse() {
    var sortWarehouseFlag = $("#sortWarehouseFlag").attr("class");

    if (sortWarehouseFlag == "basic") {
        $("#sortWarehouseFlag").attr("class", "up");
        searchParams["warehouseSort"] = "10";
    } else if (sortWarehouseFlag == "up") {
        $("#sortWarehouseFlag").attr("class", "down");
        searchParams["warehouseSort"] = "11";
    } else if (sortWarehouseFlag == "down") {
        $("#sortWarehouseFlag").attr("class", "basic");
        searchParams["warehouseSort"] = "";
    }

    directSearchByParam();
}

/**
 * 设置根据交货地排序
 */
function setSortCity() {
    var sortCityFlag = $("#sortCityFlag").attr("class");

    if (sortCityFlag == "basic") {
        $("#sortCityFlag").attr("class", "up");
        searchParams["citySort"] = "10";
    } else if (sortCityFlag == "up") {
        $("#sortCityFlag").attr("class", "down");
        searchParams["citySort"] = "11";
    } else if (sortCityFlag == "down") {
        $("#sortCityFlag").attr("class", "basic");
        searchParams["citySort"] = "";
    }

    directSearchByParam();
}

/**
 * 设置按照重量进行排序
 */
function setSortAverageQty() {
    var sortAverageQtyFlag = $("#sortAverageQtyFlag").attr("class");

    if (sortAverageQtyFlag == "basic") {
        $("#sortAverageQtyFlag").attr("class", "up");
        searchParams["averageQtySort"] = "10";
    } else if (sortAverageQtyFlag == "up") {
        $("#sortAverageQtyFlag").attr("class", "down");
        searchParams["averageQtySort"] = "11";
    } else if (sortAverageQtyFlag == "down") {
        $("#sortAverageQtyFlag").attr("class", "basic");
        searchParams["averageQtySort"] = "";
    }

    directSearchByParam();
}

/**
 * 设置按照价格进行排序
 */
function setSortPrice() {
    var sortPriceFlag = $("#sortPriceFlag").attr("class");

    if (sortPriceFlag == "basic") {
        $("#sortPrice").attr("class", "sorton");
        $("#sortPriceFlag").attr("class", "up");
        searchParams["priceSort"] = "10";
    } else if (sortPriceFlag == "up") {
        $("#sortPrice").attr("class", "sortoff");
        $("#sortPriceFlag").attr("class", "down");
        searchParams["priceSort"] = "11";
    } else if (sortPriceFlag == "down") {
        $("#sortPrice").attr("class", "default");
        $("#sortPriceFlag").attr("class", "basic");
        searchParams["priceSort"] = "";
    }

    directSearchByParam();
}

/**
 * 设置按照价格进行排序
 */
function sortPrice() {
    var sortPriceFlag = $("#sortPrice").attr("class");

    if (sortPriceFlag == "default") {
        $("#sortPrice").attr("class", "sorton");
        $("#sortPriceFlag").attr("class", "up");
        searchParams["priceSort"] = "10";
    } else if (sortPriceFlag == "sorton") {
        $("#sortPrice").attr("class", "sortoff");
        $("#sortPriceFlag").attr("class", "down");
        searchParams["priceSort"] = "11";
    } else if (sortPriceFlag == "sortoff") {
        $("#sortPrice").attr("class", "default");
        $("#sortPriceFlag").attr("class", "basic");
        searchParams["priceSort"] = "";
    }

    directSearchByParam();
}

/**
 * 设置按默认排序查找
 */
function setDefaultSort() {
    $("#sortBreedFlag").attr("class", "basic");
    $("#sortSpecFlag").attr("class", "basic");
    $("#sortMaterialFlag").attr("class", "basic");
    $("#sortBrandFlag").attr("class", "basic");
    $("#sortWarehouseFlag").attr("class", "basic");
    $("#sortCityFlag").attr("class", "basic");
    $("#sortAverageQtyFlag").attr("class", "basic");
    $("#sortPriceFlag").attr("class", "basic");
    $("#sortPrice").attr("class","default");
    searchParams["breedSort"] = "";
    searchParams["specSort"] = "";
    searchParams["materialSort"] = "";
    searchParams["brandSort"] = "";
    searchParams["warehouseSort"] = "";
    searchParams["citySort"] = "";
    searchParams["averageQtySort"] = "";
    searchParams["priceSort"] = "";
}

/**
 * 资源列表初始化
 */
function resListInit()
{
    // 清空数据
    $("#thead").siblings().remove();
    $(".page").attr("style", "display:none");
    
    // 添加加载效果图片
    var table = $("#resList");
    var loadingTr = $("#loading");
    if (typeof (loadingTr) == "undefined" || loadingTr.length == 0) {
        var loadingTr = "<tr class='item-loading'><td colspan=\"11\" id=\"loading\"><img id=\"loadingImg\" width=\"100\" height=\"100\" src=\"//static.banksteel.com/v6/images/loading.gif\"></td></tr>";
        table.append(loadingTr);
    }
    // 加载动画
    $("#loadingImg").animate({left:"520px"},1000);
}

/**
 * 展示资源列表(没有查询到资源)
 */
function noRes(){
    var table = $("#resList");
    var breedNames = "";
    var breedNameTemp = "";
    var specs = "";
    var materials ="";
    var brands = "";
    var warehouses = "";
    var thickness = "";
    var width = "";
    var price = "";
    var prBreedName = "";
    var city = "";
    var keyword = "";
    
    if(searchParams["keyword"]){
        keyword = "【"+unescape(searchParams["keyword"])+"】";
    }
    if(searchParams["breedInfos"]){
        for(var key in searchParams["breedInfos"]){
            if(breedNameTemp==""){
                breedNameTemp = searchParams["breedInfos"][key];
                breedNames = "【"+breedNameTemp+"】";
            }
            else{
                breedNameTemp = breedNameTemp +"," + searchParams["breedInfos"][key];
                breedNames = "【"+breedNameTemp+"】";
            }
            
        }
    }
    if(searchParams["breedNames"]){
        breedNames = "【"+unescape(searchParams["breedNames"])+"】";
    }
    if(searchParams["specs"]){
        specs = "【"+unescape(searchParams["specs"])+"】";
    }
    if(searchParams["materials"]){
        materials = "【"+searchParams["materials"]+"】";
    }
    if(searchParams["brands"]){
        brands = "【"+searchParams["brands"]+"】";
    }
    if(searchParams["warehouses"]){
        warehouses = "【"+unescape(searchParams["warehouses"])+"】";
    }
    if(searchParams["startThickness"]){
        thickness = "【厚度大于等于"+searchParams["startThickness"]+"】";
    }
    if(searchParams["endThickness"]){
        thickness = "【厚度小于等于"+searchParams["endThickness"]+"】";
    }
    if(searchParams["startThickness"] && searchParams["endThickness"]){
        thickness = "【厚度"+searchParams["startThickness"]+"-"+searchParams["endThickness"]+"】";
    }
    if(searchParams["startWidth"]){
        width = "【宽度大于等于"+searchParams["startWidth"]+"】";
    }
    if(searchParams["endWidth"]){
        width = "【宽度小于等于"+searchParams["endWidth"]+"】";
    }
    if(searchParams["startWidth"] && searchParams["endWidth"]){
        width = "【宽度"+searchParams["startWidth"]+"-"+searchParams["endWidth"]+"】";
    }
    if(searchParams["startPrice"]){
        price = "【价格大于等于"+searchParams["startPrice"]+"】";
    }
    if(searchParams["endPrice"]){
        price = "【价格小于等于"+searchParams["endPrice"]+"】";

    }
    if(searchParams["startPrice"] && searchParams["endPrice"]){
        price = "【价格"+searchParams["startPrice"]+"-"+searchParams["endPrice"]+"】";
    }
    
    if(searchParams["cityName"]){
        city = "【"+searchParams["cityName"]+"】";
    }
    if(searchParams["prBreedName"]){
        prBreedName = searchParams["prBreedName"];
    }
    else{
        prBreedName = "全部";
    }
    
    var content1 = "<div class='conten1'>"+
               "您要找的<span class='blue' id='conditions'></span>"+
                             "在当前大类<span class='orange' id='prBreedName'></span>中暂时没有相匹配的商品。" +
                         "</div>";
    
    var content3 = "<div class='conten3 cl'>"+
                    "<span>对不起,没有找到相关商品!</span>"+
                    "<a class='goods_tips_btn' href='javascript:;' onclick='findRes()'>帮我找</a>"+
                   "</div>";
    
    var content2 = "<div class='conten2'>钢银钢材超市具有海量真实现货资源,百家钢厂、贸易商在线直销,钢材价格。钢材库存实时更新,买卖钢材无忧。</div>";
    
    var tbody = "<tbody>"+
                    "<tr class='hasno'>"+
                        "<td align='center' colspan='11'>"+
                            "<div class='goods_tips cl'>"+
                                "<div class='fl goods_tips_img'></div>"+
                                "<div class='goods_tips_inner fl' id='info'>"+
                                "</div>" +
                            "</div>" +
                        "</td>" +
                    "</tr>" +
                "</tbody>";
    setTimeout(
            function(){
                $("#resCount").text(0);
                $("#middlearrow_btn").html("");
                $("#middlearrow_btn").append("<span>0</span>/0");
                $("#loading").remove();
                table.append(tbody);
                $("#info").append(content3);
                $("#info").append(content1);
                $("#info").append(content2);
                $("#conditions").text(city+keyword+breedNames+specs+materials+unescape(brands)+warehouses+thickness+width+price);
                $("#prBreedName").text(prBreedName);
                sendFlag = "0";
            },400);
    
}

/**
 * 展示列表信息(查询到资源)
 *
 * @param resData
 * @param onsell
 */
function showResTable(resData, onsell) {
    var table = $("#resList");
    $("#pageSpan").html("");
    $("#totalSpan").html("");
    $("#middlearrow_btn").html("");
    $("#loading").remove();
    $
            .each(
                    resData.pageData,
                    function(index) {
                        var i = index + 1;
                        var tbody = "<tbody id=\"summaryRes_" + i + "\"></tbody>";
                        table.append(tbody);
                        var tr = "<tr id=\"resource_" + i + "\"></tr>";
                        $("#summaryRes_" + i).append(tr);
                        var td1 = "<td id=\"breed_" + i + "\"></td>";
                        var td2 = "<td id=\"spec_" + i + "\">" + this.spec + "</td>";
                        var td3 = "<td id=\"material_" + i + "\">" + this.material + "</td>";
                        var td4 = "<td id=\"brand_" + i + "\">" + this.brand + "</td>";
                        var td5 = "<td id=\"city_" + i + "\">" + this.city + "</td>";
                        var td6 = "<td id=\"warehouse_" + i + "\"></td>";
                        var td7 = "<td id=\"onboardItems_" + i + "\"></td>";
                        var td8 = "<td id=\"averageQty_" + i + "\"></td>";
                        var td9 = "<td id=\"onboardQty_" + i + "\">" + this.onboardQty + "</td>";
                        var td10 = "<td id=\"price_" + i + "\"></td>";
                        var td11 = "<td align=\"center\" id=\"operate_" + i + "\"></td>";

                        $("#resource_" + i).append(td1);
                        $("#resource_" + i).append(td2);
                        $("#resource_" + i).append(td3);
                        $("#resource_" + i).append(td4);
                        $("#resource_" + i).append(td5);
                        $("#resource_" + i).append(td6);
                        $("#resource_" + i).append(td7);
                        $("#resource_" + i).append(td8);
                        $("#resource_" + i).append(td9);
                        $("#resource_" + i).append(td10);
                        $("#resource_" + i).append(td11);

                        if (i % 2 == 0) {
                            $("#resource_" + i).attr("class", "item-data-m");
                        } else {
                            $("#resource_" + i).attr("class", "alt");
                        }
                        // 封装第一列
                        var div1 = "<div class=\"pad-l14 t-l blue\" id=\"div1_" + i + "\"></div>";
                        $("#breed_" + i).append(div1);

                        var label = "<a id=\"breed_" + this.resourceId + "\" href=\"javascript:void(0);\">" + this.breed + "</a>";
                        $("#div1_" + i).append(label);

                        if (this.offFlag == 1) {
                            $("#div1_" + i).append("<span class=\"ico-b ico-b-yi\" title=\"可议价!\"></span>");
                        }
                        
                        if (this.relationType == 1) {
                            $("#div1_" + i).append("<span class=\"ico-b ico-b-cang\" title=\"仓\"></span> ");
                        } else if (this.relationType == 3) {
                            $("#div1_" + i).append("<span title=\"融\" class=\"ico-b ico-b-rong\"></span>");
                        }

                        if (this.resourceItems == 1) {
                            $("#resource_" + i).attr("onmouseover","onMouseOverDetailTr(this.id)");
                            $("#resource_" + i).attr("onmouseout","onMouseOutDetailTr(this.id)");
                            
                            // 展示备注信息事件添加
                            $("#div1_" + i).attr("onmousemove", "showNote(this);");
                            $("#div1_" + i).attr("onmouseout", "hideNote(this);");
                            // 备注信息内容展示
                            if(this.realBreedAlias && (this.realBreedAlias != this.breed || this.note || this.serialNo || this.qualityFatherRemark)){
                                var pop_bname = "<div class=\"pop-bname\" style=\"display: none;\" id=\"pop_bname_" + i + "\"></div>";
                                var pop_bname_arrow = "<div class=\"pop-bname-arrow\">";
                                var pop_bname_col = "<div class=\"pop-bname-col\" id=\"pop_bname_col_" + i + "\"> </div>";
                                $("#div1_" + i).append(pop_bname);
                                $("#pop_bname_" + i).append(pop_bname_arrow);
                                $("#pop_bname_" + i).append(pop_bname_col);
                                if (this.realBreedAlias && this.realBreedAlias != this.breed) {
                                    $("#pop_bname_col_" + i).append("别名:" + this.realBreedAlias);
                                }
                                if (this.note) {
                                    $("#pop_bname_col_" + i).append("<span>备注:" + this.note + "</span>");
                                }
                                if (this.serialNo) {
                                    $("#pop_bname_col_" + i).append("捆包号:" + this.serialNo);
                                }
                                if(this.qualityFatherRemark){
                                    $("#pop_bname_col_" + i).append("协议品:" + this.qualityFatherRemark);
                                }
                            }
                            
                            $("#averageQty_" + i).html(this.averageQty);
                            
                            if (this.weightWay == 0) {
                                $("#onboardQty_" + i).attr("title", "理重");
                            } else if (this.weightWay == 1) {
                                $("#onboardQty_" + i).attr("title", "过磅");
                            } else {
                                $("#onboardQty_" + i).attr("title", "抄码");
                            }
                            
                            var div8 = "<div class=\"cl\" id=\"div8_" + i + "\"></div>";
                            $("#operate_" + i).append(div8);
                            var div9 = "<div class=\"operate\" id=\"div9_" + i + "\"></div>";
                            $("#div8_" + i).append(div9);
                            
                            if (onsell=="true") {
                                if (this.isOutDate == "1") {
                                    var span1 = "<span  class=\"btn-buy-gray\" >待挂牌</span>";
                                    $("#div9_" + i).append(span1);
                                } else {
                                    var cart = "<a class=\"buy btnCart\" href=\"javascript:void(0);\" onclick=\"addCartv6('"
                                            + this.resourceId
                                            + "','0','1','"
                                            + this.onboardPrice
                                            + "','"
                                            + this.onboardQty
                                            + "','"
                                            + this.averageQty
                                            + "',1,this);\">购买</a>"
                                            + "<div class=\"pop-addcart\">"
                                            + "<div class=\"pop-addcart-arrow\"></div>"
                                            + "<div class=\"pop-addcart-col\">"
                                            + "<div class=\"tcon\">已成功添加到购物车</div>"
                                            + "<div class=\"t\">共计<span class=\"orange\" id=\"averageQtyTotalTempPop\"></span>吨 <span class=\"orange\" id=\"itemTotalTempPop\"></span>件 <span class=\"orange\" id=\"priceTotalTempPop\"></span></div>"
                                            + "<div class=\"pop-addcart-operate\">" + "<input type=\"button\" value=\"去结算\" class=\"btn-js\" name=\"\" onclick=\"goCar();\">"
                                            + "<input type=\"button\" value=\"继续购物\" class=\"btn-gobuy\" name=\"\">" + "</div></div></div>";
                                    $("#div9_" + i).append(cart);
                                    $(".btn-gobuy").attr("onclick","goBuy()");

                                }
                            } else {
                                $("#div9_" + i).append("<a href=\"javascript:void(0);\" class=\"buy-gray\">已闭市</a>");
                            }

                            // 当无明细时操作列展示元素添加
                            var div10 = "<div class=\"chat f-fl\">"
                                    + "<a class=\"img\" href=\"javascript:void(0);\" onclick=\"showAdmin(this);\"></a>"
                                    + "<div class=\"pop-tel\" style=\"display: none;\">"
                                    + this.marketAdminName
                                    + "<a class=\"link\" href=\"http://b.qq.com/webc.htm?new=0&sid=4001618891&eid=218808P8z8p8y8Q8P8y8K&o=banksteel.com&q=7&ref=http://www.banksteel.com/\" target=\"_blank\">87325713</a>"
                                    + "<br>电话:" + this.marketPhone + "<br>手机:" + this.marketMobile + "</div><div class=\"pop-tel-arrow\" style=\"display: none;\"></div></div>";
                            $("#div8_" + i).append(div10);
                        }
                        if (this.resourceItems > 1) {
                            // 添加点击展示明细事件
                            $("#summaryRes_" + i).attr("class","item-data");
                            $("#resource_" + i).attr("onmouseover","onMouseOverSummaryTr(this.id)");
                            $("#resource_" + i).attr("onmouseout","onMouseOutSummaryTr(this.id)");
                            $("#breed_" + i).attr("onclick", "showDetail(this,'" + this.summaryCode + "'," + i + ");");
                            $("#spec_" + i).attr("onclick", "showDetail(this,'" + this.summaryCode + "'," + i + ");");
                            $("#material_" + i).attr("onclick", "showDetail(this,'" + this.summaryCode + "'," + i + ");");
                            $("#brand_" + i).attr("onclick", "showDetail(this,'" + this.summaryCode + "'," + i + ");");
                            $("#city_" + i).attr("onclick", "showDetail(this,'" + this.summaryCode + "'," + i + ");");
                            $("#onboardItems_" + i).attr("onclick", "showDetail(this,'" + this.summaryCode + "'," + i + ");");
                            $("#averageQty_" + i).html("-");
                            $("#onboardQty_" + i).attr("onclick", "showDetail(this,'" + this.summaryCode + "'," + i + ");");
                            $("#price_" + i).attr("onclick", "showDetail(this,'" + this.summaryCode + "'," + i + ");");
                            $("#operate_" + i).attr("onclick", "showDetail(this,'" + this.summaryCode + "'," + i + ");");

                            // 当有明细时操作列元素添加
                            var div7 = "<div class=\"cl\"><div class=\"operate\"><a class=\"btn-open btnoff\" href=\"javascript:void(0);\" id=\"btnopen\" >展开</a><div class=\"table_hover\" >"
                                    + "<div class=\"table_hover_left\" style=\"display: none;\"></div>" + "<div class=\"table_hover_right\"  style=\"display: none;\"></div>"
                                    + "<div class=\"table_hover_top\" style=\"display: none;\"></div>" + "<div class=\"table_hover_bottom\" style=\"display: none;\"></div>" + "</div></div></div>";
                            $("#operate_" + i).append(div7);

                        }

                        // 价格列元素封装
                        if (onsell=="true") {
                            if (this.isOutDate == "1") {
                                var b2 = "<b class=\"f14 gray\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-</b>";
                                $("#price_" + i).append(b2);
                            } else {
                                var b3 = "<b class=\"f14 orange\">" + this.onboardPrice + "</b>";
                                $("#price_" + i).append(b3);
                            }
                        }
                        else {
                            var b4 = "<b class=\"f14 orange\">" + this.onboardPrice + "</b>";
                            $("#price_" + i).append(b4);
                        }
                        // 封装仓库列
                        var div5 = "<div class=\"warehouse-name\" id=\"div5_" + i + "\"></div>";
                        var href = "<a class=\"t-warehouse\" href=\"javascript:void(0);\" id=\"href_" + i + "\">" + this.warehouse + "</a>";
                        $("#warehouse_" + i).append(div5);
                        $("#div5_" + i).append(href);
                        $("#href_" + i).attr("onclick", "showWarehouseInfo(this,'" + this.warehouseName + "'," + i + ");");
                        $("#div5_" + i).attr("onmouseout", "hideWarehouse(this)");
                        // 封装数量列
                        var div6 = "<div class=\"pad-l7\">" + this.onboardItems + "</div>";
                        $("#onboardItems_" + i).append(div6);

                        var input = "<input type=\"hidden\" id=\"cityId_" + i + "\" value='" + this.cityId + "'/>";
                        $("#resource_" + i).append(input);

                    });
    // 分页
    $("#currPageNum").val(resData.currPageNum);
    $("#totalPages").val(resData.totalPages);
    $("#totalRows").val(resData.totalRows);
    $(".page").attr("style", "display:block");
    
    // 资源统计展示
    $("#resCount").text(resData.totalRows);
    $("#middlearrow_btn").append("<span>" + resData.currPageNum + "</span>/" + resData.totalPages);
    page();
    sendFlag = "0";
}

/**
 * 使用searchParams直接进行查询
 */
function directSearchByParam() {
    // 初始化
    resListInit();
    // 关键字中含城市
    keyWordIsCity();
    // 设置选中效果
    setAttrParams();
    // 展示当前查询条件
    showParams();
    // 有收索字段时添加记录
    if((searchParams["keyword"]!="" && typeof(searchParams["keyword"])!="undefined") || (searchParams["breedIds"]!="" && typeof(searchParams["breedIds"])!="undefined" )
            ||(searchParams["breedNames"]!="" && typeof(searchParams["breedNames"])!="undefined")
            ||(searchParams["specs"]!="" && typeof(searchParams["specs"])!="undefined") || (searchParams["materials"]!="" && typeof(searchParams["materials"])!="undefined" )
            ||(searchParams["brands"]!="" && typeof(searchParams["brands"])!="undefined")|| (searchParams["warehouses"]!="" && typeof(searchParams["warehouses"])!="undefined")
            ||(searchParams["cityId"]!="" && typeof(searchParams["cityId"])!="undefined")|| (searchParams["startPrice"]!="" && typeof(searchParams["startPrice"])!="undefined")
            ||(searchParams["endPrice"]!=""&&typeof(searchParams["endPrice"])!="undefined"))
    {
        addRecords(searchParams);
    }
    
    // 通过ajax请求超市资源(为防止ajax请求过于频繁,导致页面内容重叠,使用sendFlag,下一次请求只能在这次请求完成后继续进行)
    if(sendFlag == "0"){
        sendFlag = "1";
        $.ajax({
            type : "post",
            data : searchParams,
            url : "/resource/searchSuperMarketResource.jsp",
            timeout:60000,
            dataType : "text",
            
            success : function(message) {
                if (message != null && message != ""){
                    var map = $.parseJSON(message);
                    var onsell = $("#onSellValue").val();
                    if (map["pageSet"] != null) {
                        setTimeout(function(){showResTable(map["pageSet"], onsell);},300);
                    }
                }
                else {
                    noRes();
                }    
            },
            error : function() {
                alert("程序内部发生错误,请联系管理员");
            }
        });
    }
}

/**
 * 查询方法(分页和排序自动回复默认)
 *
 * @param params
 */
function searchByParams() {
    searchParams["pageNum"] = 1;
    setDefaultSort();
    directSearchByParam();
}

/**
 * 展示汇总下面的明细
 */
function showDetail(obj,summaryCode,count){
    var btnOpenClass = $(obj).parent().find("#operate_"+count).find("#btnopen").attr("class");
    
    if(btnOpenClass == "btn-open btnoff"){
        $(obj).parent().find("#operate_"+count).find("#btnopen").text("收起");
    }
    else{
        $(obj).parent().find("#operate_"+count).find("#btnopen").text("展开");
    }
    
    var tableBody=$("#summaryRes_"+count);
    // 取得onSell的值
    var onSell=$("#onSellValue").val();
    
    // 判断如果旗下已经加载了明细则直接展示不增加
    var trLength=tableBody.children("tr").length;
    
    if(trLength>1){
        var hiddenRows = tableBody.children('tr:hidden').length;
        var fold_btn=$("#fold_btn_"+summaryCode);
        if(hiddenRows>0){
            // 展开的全部缩起来
            foldAllDetail();
            openDetail(fold_btn);
            configDetailEdage(count);
        }else{
            foldDetail(fold_btn);
        }
    }else{
        // 加载等待图标
        var showWait="<tr class='item-data-detail'  id='"+'showWait_'+count+"' style='display:table-row'> <td align='center'  colspan='11'><img height='24' width='24' src='/skin/images/loading.gif'></td></tr>";
           tableBody.append(showWait);
        $.ajax({     
            type: "Post",     
            url: "/resource/getMarketResourceDetail.jsp?callback=?",     // 查询该汇总下的明细列表
            // 方法传参的写法一定要对,str为形参的名字,str2为第二个形参的名字
            "data" : {"summaryId" : summaryCode},
            dataType: "jsonp",     
            success : function(json){
                // 展开的全部缩起来
                foldAllDetail();
                // 返回的数据列表在 json.returnStr中循环并展示
                var resArr=json.returnStr;
                var b='';
                
                for (var i=0;i<resArr.length;i++)
                {
                    var txt='';
                    if(i%2==0)
                    {
                    txt="<tr  class='item-data-detail'  onMouseOver='this.className=\"item-data-detail thover over\"' onMouseOut='this.className=\"item-data-detail\"'><td ><div class='pad-l14 t-l blue' onmousemove='showNote(this);' onmouseout='hideNote(this);'>" +resArr[i].breed  ;
                    }
                    else{
                    txt="<tr  class='item-data-detail alt'  onMouseOver='this.className=\"item-data-detail thover over\"' onMouseOut='this.className=\"item-data-detail alt\"'><td ><div class='pad-l14 t-l blue' onmousemove='showNote(this);' onmouseout='hideNote(this);'>" +resArr[i].breed  ;

                    }
                    // 加载资源类型图片
                    var pic1='';
                    if(resArr[i].offFlag=="1"){
                        pic1="<span class='ico-b ico-b-yi' title='可议价!'></span>";
                    }
                    var pic2='';
                    if(resArr[i].relationType=="1"){
                        pic2="<span class='ico-b ico-b-cang' title='仓'></span>";
                    }
                     if(resArr[i].relationType=="3"){
                        pic2="<span title='融' class='ico-b ico-b-rong'></span>";
                    }
                    var detailPic=pic1+pic2;
                    
                    // 备注和别名的内容
                    var aliasAndNote='';
                    // 别名和备注dom
                    var detailAlias='';
                    if(resArr[i].realBreedAlias !=null && resArr[i].realBreedAlias!=''){
                        aliasAndNote=aliasAndNote+"别名:"+resArr[i].realBreedAlias;
                    }
                    if(resArr[i].note !=null && resArr[i].note!=''){
                        aliasAndNote=aliasAndNote+" 备注:"+resArr[i].note+"<br>";
                    }
                    if(resArr[i].serialNo !=null && resArr[i].serialNo!=''){
                        aliasAndNote=aliasAndNote+" 捆包号:"+resArr[i].serialNo;
                    }
                    if(aliasAndNote!=''){
                       detailAlias="<div class='pop-bname' style='display: none;'> <div class='pop-bname-arrow'></div> <div class='pop-bname-col'>" +aliasAndNote+"</div> </div> </div></td>";
                    }
                    // 规格
                    var detailSpec="<td>"+resArr[i].spec+"</td>";
                    // 材质
                    var detailMaterial="<td>"+resArr[i].material+"</td>";
                    // 钢厂
                    var detailBrand="<td>"+resArr[i].brand+"</td>";
                    // 交货地
                    var detailCity="<td>"+resArr[i].city+"</td>";
                    // 仓库
                    var detailWarehouse="<td><div  class='warehouse-name'" +"><a class='t-warehouse'"+"onclick=\"showWarehouseInfo(this,'"+resArr[i].warehouseName+"',"+ count +");\"  "+"href='javascript:void(0);' >"+resArr[i].warehouse+"</a></div></td>";
                    
                    // 数量
                    var detailNum="<td><div class='pad-l7'>"+resArr[i].onboardItems+"</div></td>";
                    
                    
                    var detailQtyTitle='';
                    if(resArr[i].weightWay==0){
                        detailQtyTitle="title=理重";
                    }
                    else if(resArr[i].weightWay==1){
                        detailQtyTitle="title=过磅";
                    }
                    else{
                        detailQtyTitle="title=抄码";
                    }
                    // 重量
                    var detailQty="<td "+detailQtyTitle+">"+resArr[i].onboardQty+"</td>";
                    var detailAverageQty="<td>" + resArr[i].averageQty +"</td>";
                    
                    // 价格的内容
                    var priceInfo='';
                    if(onSell=='true'){
                        if(resArr[i].status==null||resArr[i].status==0||resArr[i].status==""){
                            priceInfo="<b class='f14 orange'>"+未挂牌+"</b>";
                        }
                        else
                        {
                           if(resArr[i].isOutDate==1){
                               priceInfo="<b class='f14 gray'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-</b>";
                           }
                           else
                           {
                               priceInfo="<b class='f14 orange'>"+parseFloat(resArr[i].onboardPrice)+"</b>";
                           }
                        }
                    }
                    else
                    {
                        priceInfo="<b class='f14 orange'>"+parseFloat(resArr[i].onboardPrice)+"</b>";
                    }
                    
                    var detailPrice="<td class='price'>"+priceInfo+"</td>";
                    // 联系人和联系方式
                    var detailCallWay="<div class='chat f-fl'><a  onclick='showAdmin(this);' class='img' href='javascript:void(0);'></a> <div class='pop-tel' style='display: none;'> "+ resArr[i].marketAdminName + " <a class='link' target='_blank' href='http://b.qq.com/webc.htm?new=0&sid=4001618891&eid=218808P8z8p8y8Q8P8y8K&o=banksteel.com&q=7&ref=http://www.banksteel.com/'>4001618891</a><br>电话:"+ resArr[i].marketPhone + "<br>手机:"+ resArr[i].marketMobile + "</div><div class='pop-tel-arrow' style='display: none;'></div> </div>";
                    // 购买框显示的内容
                    var buyValue='';
                    if(onSell=='true'){
                        if(resArr[i].isOutDate=='1'){
                            buyValue="<span  class='btn-buy-gray'>待挂牌</span>";
                        }
                        else{
                            buyValue="<a class='buy btnCart' href='javascript:void(0);'  onclick='addCartv6("+resArr[i].resId+","+resArr[i].shopId+","+resArr[i].channelType+","+resArr[i].onboardPrice+","+resArr[i].onboardQty+","+resArr[i].averageQty +",1,this);'>购买</a>" +
                                        "<div class='pop-addcart'>" +
                                            "<div class='pop-addcart-arrow'></div>" +
                                            "<div class='pop-addcart-col'>" +
                                                "<div class='tcon'>已成功添加到购物车</div>" +
                                                "<div class='t'>共计<span class='orange' id='averageQtyTotalTempPop'></span>吨 <span class='orange' id='itemTotalTempPop'></span>件 <span class='orange' id='priceTotalTempPop'></span></div>" +
                                                "<div class='pop-addcart-operate'>" +
                                                    "<input type='button' value='去结算' class='btn-js' name='' onclick='goCar();'>" +
                                                    "<input type='button' value='继续购物' class='btn-gobuy' name='' onclick='closePopCart(this);'>" +
                                                "</div>" +
                                            "</div>" +
                                        "</div>";
                        }
                    }
                    else{
                        buyValue="<a href='javascript:void(0);' class='buy-gray'>已闭市</a>";
                    }
                    
                    // 购买dom
                    var detailBuy="<td> <div class='cl'> <div class='operate'> "+buyValue+"</div>"+detailCallWay+"</div> </td>"+"</tr>";
                    b=b+txt+detailPic+detailAlias+detailSpec+detailMaterial+detailBrand+detailCity+detailWarehouse+detailNum+detailAverageQty+detailQty+detailPrice+detailBuy;
                }
                $("#showWait_"+count).remove();
                tableBody.append(b);
                // 绑定子仓库移出后消失的事件
                                $(".warehouse-name").mouseleave(function(){
                                    $(".pop-warehouse,.pop-warehouse-arrow").hide();
                                });
                                
                tableBody.children(".item-data-detail").mouseleave(function(){
                    $(".pop-warehouse,.pop-warehouse-arrow").hide();
                });
                
                // 增加折叠行
                var fold=$("<tr class='item-data-detail' ><td align='center' colspan='11'> <span id='fold_btn_"+summaryCode+"' class='btn-blue-back140' onclick='foldDetail(this);' >点击折叠资源</span></td></tr>");
                tableBody.append(fold);
                openDetail(fold);
                configDetailEdage(count);
            },
            error :function(){
                $("#showWait_"+count).remove();
                // 增加暂无数据行
                var noData="<tr class='item-data-detail' ><td align='center' colspan='11'> <div class='pad-l14 blue'><label>资源下架或已售罄,请稍后...</label></div></td></tr>";
                // 增加折叠行
                var fold=$(noData+"<tr class='item-data-detail' ><td align='center' colspan='11'> <span id='fold_btn_"+summaryCode+"' class='btn-blue-back140' onclick='foldDetail(this);' >点击折叠资源</span></td></tr>");
                tableBody.append(fold);
                openDetail(fold);
                configDetailEdage(count);
            }   
        });   
    }
}

function onMouseOverSummaryTr(id){
    $("#"+id).attr("class","item-data-m alt thover over");
}

function onMouseOutSummaryTr(id){
    var index = id.split("_")[1];
    
    if (index % 2 == 0) {
        $("#resource_" + index).attr("class", "item-data-m");
    } else {
        $("#resource_" + index).attr("class", "alt");
    }
}

function onMouseOverDetailTr(id){
    $("#"+id).attr("class","thover over");
}

function onMouseOutDetailTr(id){
    var index = id.split("_")[1];
    
    if (index % 2 == 0) {
        $("#resource_" + index).attr("class", "item-data-m");
    } else {
        $("#resource_" + index).attr("class", "alt");
    }
}


/**
 * 展示仓库信息
 */
function showWarehouseInfo(obj,warehouseName,count){
    // 如果已经加载了仓库信息 则直接把旗下仓库信息展现出来即可
    if($(obj).parents(".warehouse-name").find(".pop-warehouse-arrow").length > 0 ){
        $(obj).parents(".warehouse-name").find(".pop-warehouse").show();
        $(obj).parents(".warehouse-name").find(".pop-warehouse-arrow").show();
        return
    }
    // 获取城市Id
    var cityIdName="#cityId_"+count;
    var cityId=$(cityIdName).val();
     $.ajax({     
            type: "Post",     
            url: "/resource/getWarehouseInfo.jsp?callback=?",     // 查询该汇总下的明细列表
            // 方法传参的写法一定要对,str为形参的名字,str2为第二个形参的名字
            "data" : {"warehouse" : warehouseName,"cityId" : cityId},
            dataType: "jsonp",     
            success : function(json){
             var txt=json.returnStr;
             // 仓库名字
             var detailName= "<strong class='f14 orange'>"+txt.name+"</strong>";
             // 仓库地址
             var detailAdd="<br><strong>仓库地址:</strong>"+txt.address+"<br>";
             // 联系电话
             var detailPhone="<strong>联系电话:</strong>"+txt.phone;
           // 拼装仓库信息展示元素
            var warehouseInfo= "<div class='pop-warehouse' style='display: none;'>"+detailName+detailAdd+detailPhone+"</div> <div class='pop-warehouse-arrow' style='display: none;'></div>";
            $(obj).parents(".warehouse-name").append(warehouseInfo);
            // 展示出仓库信息
            $(obj).parents(".warehouse-name").find(".pop-warehouse").show();
            $(obj).parents(".warehouse-name").find(".pop-warehouse-arrow").show();
            },
            error:function(){
            }   
        });   
}

/**
 * 隐藏仓库信息
 *
 * @param obj
 */
function hideWarehouse(obj){
    
    $(obj).children(".pop-warehouse,.pop-warehouse-arrow").hide();    
}

/**
 * 展示备注等
 */
function showNote(obj){
    $(obj).find(".pop-bname").show();
}
/**
 * 移开消失备注
 */
function hideNote(obj){
    $(obj).find(".pop-bname").hide();
}

function onMouseOver(obj,count){
    var aId=$(obj).attr("class");
    if(aId=="select"||aId=="more select"||aId=="selected"||aId=="more selected"){
        return;
    }
    $(obj).addClass("hover");
    var spanId="#brandSpan_"+count;
    $(spanId).addClass("border");
}

function onMouseOut(obj,count){
    $(obj).removeClass("hover");
    var spanId="#brandSpan_"+count;
    $(spanId).removeClass("border");
}

function foldAllDetail(){
    $('.item-data').find(".table_hover .table_hover_left").css("display","none");
    $('.item-data').find(".table_hover .table_hover_right").css("display","none");
    $('.item-data').find(".table_hover .table_hover_top").css("display","none");
    $('.item-data').find(".table_hover .table_hover_bottom").css("display","none");
    $('.item-data').removeClass("show");
    $('.item-data').find(".item-data-detail").hide();
    $('.item-data').find(".btn-open").text("展开");
    $('.item-data').find(".btn-open").addClass("btnoff");
}

/**
 * 点击折叠
 */
function foldDetail(obj){
    var index = $(obj).parents(".item-data").attr("id").split("_")[1];
    if (index % 2 == 0) {
        $(obj).parents(".item-data").find(".table_hover .table_hover_left").css("display","none");
        $(obj).parents(".item-data").find(".table_hover .table_hover_right").css("display","none");
        $(obj).parents(".item-data").find(".table_hover .table_hover_top").css("display","none");
        $(obj).parents(".item-data").find(".table_hover .table_hover_bottom").css("display","none");
    } else {
        $(obj).parents(".item-data").find(".alt .table_hover_left").css("display","none");
        $(obj).parents(".item-data").find(".alt .table_hover_right").css("display","none");
        $(obj).parents(".item-data").find(".alt .table_hover_top").css("display","none");
        $(obj).parents(".item-data").find(".alt .table_hover_bottom").css("display","none");
    }
    
    $(obj).parents(".item-data").removeClass("show");
    $(obj).parents(".item-data").find(".item-data-detail").hide();
    $(obj).parents(".item-data").find(".btn-open").text("展开");
    $(obj).parents(".item-data").find(".btn-open").addClass("btnoff");
    
}

function openDetail(obj){
    $(obj).parents(".item-data").find(".item-data-m .table_hover div").css("display","block");
    $(obj).parents(".item-data").addClass("show");
    $(obj).parents(".item-data").find(".item-data-detail").show();
    $(obj).parents(".item-data").find(".btn-open").text("收起");
    $(obj).parents(".item-data").find(".btn-open").removeClass("btnoff");
    $(obj).parents(".table_hover .table_hover_bottom").css("top","11px");
    $(obj).parents(".table_hover .table_hover_left").css("height","44px");
    $(obj).parents(".table_hover .table_hover_right").css("height","44px");
}

function configDetailEdage(index){
    var edage=$("#summaryRes_"+index);
    edage.find('.table_hover div').css("display","block");
    var hbottom=edage.height()-38;
    var hlefet=edage.height();
    edage.find(".table_hover .table_hover_bottom").css("top",hbottom+"px");
    edage.find(".table_hover .table_hover_left").css("height",hlefet+"px");
    edage.find(".table_hover .table_hover_right").css("height",hlefet+"px");
}

/**
 * 点击展示联系人等
 */
function showAdmin(obj){
    // 先把打开的关掉
    if($(obj.target).attr('class')!='img'){
        $('.pop-tel,.pop-tel-arrow').hide();
    }
    $(obj).parents(".chat").find(".pop-tel").show();
    $(obj).parents(".chat").find(".pop-tel-arrow").show();
}


/**
 * 点击其他地方消除联系方式
 */
$(document).click(function(ee){
    if($(ee.target).attr('class')!='img'){
        $('.pop-tel,.pop-tel-arrow').hide();
    }
    
});

$('.pop-tel,.pop-tel-arrow').click(function(ee){
    if(ee && ee.stopPropagation()){
        ee.stopPropagation();
    }else{
        ee.cancelBubble=true;
    }
    
});

/**
 * 抛物线形式加入购物车以及弹出pop操作
 *
 * @param currentObj
 */
function goCart(currentObj){
    // 元素以及其他一些变量
    var eleFlyElement = $("#flyItem")[0], eleShopCart = $(".fc-cart-item")[0];
    
    // 抛物线运动
    var myParabola = funParabola(eleFlyElement, eleShopCart, {
        speed: 200,
        curvature: 0.002,    
        complete: function() {
            eleFlyElement.style.display = "none";
        }
    });
    
    // 绑定点击事件
    if (eleFlyElement && eleShopCart) {
        // 滚动大小
        eleFlyElement.style.display = "block";
        eleFlyElement.style.left = $(currentObj).offset().left + "px";
        eleFlyElement.style.top = $(currentObj).offset().top +"px";
            
        // 需要重定位
        myParabola.position().move();
        var fcl = document.getElementById('flyItem').offsetLeft - 10;
        document.getElementById('flyItem').style.left=fcl+'px';
        
        $(currentObj).removeAttr("onclick");
        $(currentObj).attr("class","buy-gray");
        $(currentObj).attr("class","buy-gray");
        $(currentObj).text("已购买");
    }
}

/**
 * 传入参数拼装成cookie
 */
function getCookieValue(resourceId, shopId, channelType, price, qty, averageQty , items)
{
    // 返回数据格式:资源ID+shopId+资源类型+价格+ 数量+件重
    return resourceId + "_" + shopId + "_" + channelType + "_" + price + "_" + qty + "_" + averageQty + "_" + items;
}

/**
 * 将资源相关信息加入购物车
 *
 * @param name
 * @param resourceId
 * @param shopId
 * @param price
 * @param qty
 * @param averageQty
 * @param channelType
 * @param currentObj
 */
function SetCookiev6(name, resourceId, shopId, price, qty, averageQty, items, channelType,currentObj)
{
    var cookieValue = $.cookie(name);

    if (cookieValue != null && cookieValue != "")  // 如果存在 则累加
    {
        var uneacapeCookieValue = unescape(cookieValue);  // 解码
        
        if(uneacapeCookieValue.indexOf(resourceId)==-1){
            uneacapeCookieValue += "," + getCookieValue(resourceId, shopId, channelType, price, qty, averageQty,items);
            $.cookie(name, escape(uneacapeCookieValue), {expires: 30, domain:'banksteel.com', path: '/'});
        }

        changeShortCarListv6(uneacapeCookieValue);  // 更新购物车数据
    }
    else    // 如果不存在Cookie 创建
    {
        var values = getCookieValue(resourceId, shopId, channelType, price, qty, averageQty,items);
        $.cookie(name, escape(values), {expires: 30, domain:'banksteel.com', path: '/'});
        var cookieValue = $.cookie(name);

        changeShortCarListv6(unescape(cookieValue));  // 更新购物车数据
    }
}

// 关闭该窗体
function closePopCart(currentObj)
{
    $(currentObj).parent().parent().parent(".pop-addcart").css("display","none");
}

// 更新购物车数据 参数为未加密的Cookie
function changeShortCarListv6(cookieValue)
{
    var qtySum = 0;
    var priceSum = 0;
    var averageQtySum = 0;
    var priceTotal = 0;
    var itemTotal = 0;

    if(!cookieValue)
    {
        $('#rcart_top').html(0);
        $('#rcart').html(0);
        $('#cartCountNav').html(0);
        $('#cartCountNav1').html(0);
        $('#itemTotalTemp').html(0);
        $('#averageQtyTotalTemp').html(0.0000);
        $('#priceTotalTemp').html(0.00);
        
        return;
    }
    
    var values = cookieValue.split(',');

    for (var i = 0; i < values.length; i++)
    {
        var averageQty1 = parseFloat(values[i].split("_")[5]);
        var qty1 =  parseFloat(values[i].split("_")[4]);
        var price1 = parseFloat(values[i].split("_")[3]);
        var items = parseInt(values[i].split("_")[6]);
        var oneResourcePrice = MyNumber.precision(MyNumber.mul(averageQty1,price1),4);
        
        priceTotal = MyNumber.add(MyNumber.precision(parseFloat(priceTotal),2),MyNumber.precision(parseFloat(MyNumber.mul(oneResourcePrice,items)),2),2);
        averageQtySum = MyNumber.add(MyNumber.precision(parseFloat(averageQtySum),4),MyNumber.precision(parseFloat(MyNumber.mul(averageQty1,items)),4),4);
        qtySum = MyNumber.add(MyNumber.precision(parseFloat(qtySum),4),MyNumber.precision(parseFloat(qty1),4),4);
        priceSum = MyNumber.add(MyNumber.precision(parseFloat(priceSum),2),MyNumber.precision(parseFloat(price1),2),2);
        itemTotal = items + itemTotal;
    }
    
    $('#rcart_top').html(itemTotal);
    $('#rcart').html(itemTotal);
    $('#cartCountNav').html(itemTotal);
    $('#cartCountNav1').html(itemTotal);
    $('#itemTotalTemp').html(itemTotal);
    $('#averageQtyTotalTemp').html(averageQtySum);
    $('#priceTotalTemp').html(priceTotal);
}

function orFade(currentObj)
{
    $(currentObj).siblings(".pop-addcart").show();
}

/**
 * 如果关键词是交货地,则按交货地查询
 */
function keyWordIsCity(){
    if(searchParams["keyword"] != null && searchParams["keyword"] != ""  && searchParams["keyword"] != "undefiend" && typeof(searchParams["keyword"])!="undefiend"){
        var keyword = searchParams["keyword"];
        var cityMap = $.parseJSON(cities);
        var cityId = "";
        var cityName = "";
        for(var key in cityMap){
            if(unescape(keyword).indexOf(cityMap[key])>= 0){
                if (cityId == "") {
                    cityId += key;
                    cityName += cityMap[key];
                } else {
                    cityId += "," + key;
                    cityName += "," + cityMap[key];
                }
            }
        }
         searchParams["cityId"]=cityId;
         searchParams["cityName"]=cityName;
    }
}


// 展示查询条件
function showParams() {
    var cityName = searchParams["cityName"];
    // 当前城市展示
    if(cityName==null || cityName=="")
    {
        $(".selects").text("交货地 :  ");
        $("#cityName").text("全国");
    }
    else
    {
        if(typeof(cityName) == "undefined")
        {
            $(".selects").text("交货地 :  ");
            $("#cityName").text("全国");
        }
        else
        {
            var cityNameMutiList = cityName.split(",");
            if(cityNameMutiList.length == 1)
            {
                $(".selects").text("交货地 :"+searchParams["cityName"]);
                $("#cityName").text(searchParams["cityName"]);
            }
            else
            {
                $(".selects").text("交货地 : ");
                $("#cityName").text("全国");
            }
        }    
    }
    
    var flagRight = false;
    $("#cityDiv").remove();
    if (cityName != null && cityName != "" && typeof(cityName) != "undefined") {
        flagRight = true;
        var cityDiv = "<div class=\"filter\"  id=\"cityDiv\"><div class=\"fl\">城市:</div><div class=\"fl\">" + unescape(cityName) + "<span id=\"citySpan\"></span></div>";
        $("#searchCondition").append(cityDiv);
        $("#citySpan").attr("onclick", "setSearchParams('cityName');setSearchParams('cityId');searchByParams()");
    }

    $("#breedDiv").remove();
    if (searchParams["breedInfos"] != null && searchParams["breedInfos"] != "") {
        var breedNames = "";
        var breedIds = "";
        var breedInfos = searchParams["breedInfos"];
        for ( var breedId in breedInfos) {
            var breedName = breedInfos[breedId];
            if (breedName != "") {
                if (breedNames == "") {
                    breedNames += breedName;
                } else {
                    breedNames += "," + breedName;
                }
            }
            if (breedId != "") {
                if (breedIds == "") {
                    breedIds += breedId;
                } else {
                    breedIds += "," + breedId;
                }
            }
        }
        searchParams["breedNames"] = "";
        searchParams["breedIds"] = breedIds;
        var breedDiv = "<div class=\"filter\" id=\"breedDiv\"><div class=\"fl\">品种:</div><div class=\"fl\">" + unescape(breedNames) + "<span id=\"breedSpan\"></span></div>";
        flagRight = true;
        $("#searchCondition").append(breedDiv);
        $("#breedSpan").attr("onclick", "setSearchParams('breedNames');setSearchParams('breedIds');setSearchParams('breedInfos');searchByParams()");
    } else {
        var breedNames = searchParams["breedNames"];
        if (breedNames != null && breedNames != "" && typeof(breedNames) != "undefined") {
            var breedDiv = "<div class=\"filter\" id=\"breedDiv\"><div class=\"fl\">品种:</div><div class=\"fl\">" + unescape(breedNames) + "<span id=\"breedSpan\"></span></div>";
            flagRight = true;
            $("#searchCondition").append(breedDiv);
            $("#breedSpan").attr("onclick", "setSearchParams('breedNames');setSearchParams('breedIds');setSearchParams('breedInfos');searchByParams()");
        }
    }

    $("#specDiv").remove();
    var specs = searchParams["specs"];
    if (specs != null && specs != "" && typeof(specs) != "undefined") {
        flagRight = true;
        var specDiv = "<div class=\"filter\" id=\"specDiv\"><div class=\"fl\">规格:</div><div class=\"fl\">" + unescape(specs) + "<span id=\"specSpan\"></span></div>";
        $("#searchCondition").append(specDiv);
        $("#specSpan").attr("onclick", "setSearchParams('specs');searchByParams()");
    }

    $("#materialDiv").remove();
    var materials = searchParams["materials"];
    if (materials != null && materials != "" && typeof(materials) != "undefined") {
        flagRight = true;
        var materialDiv = "<div class=\"filter\" id=\"materialDiv\"><div class=\"fl\">材质:</div><div class=\"fl\">" + unescape(materials) + "<span id=\"materialSpan\"></span></div>";
        $("#searchCondition").append(materialDiv);
        $("#materialSpan").attr("onclick", "setSearchParams('materials');searchByParams()");
    }
    
    $("#brandDiv").remove();
    var brands = searchParams["brands"];
    if (brands != null && brands != ""  && typeof(brands) != "undefined") {
        flagRight = true;
        var brandDiv = "<div class=\"filter\" id=\"brandDiv\"><div class=\"fl\">钢厂:</div><div class=\"fl\">" + unescape(brands) + "<span id=\"brandSpan\"></span></div>";
        $("#searchCondition").append(brandDiv);
        $("#brandSpan").attr("onclick", "setSearchParams('brands');searchByParams()");
    }
    
    $("#keywordDiv").remove();
    var keyword = searchParams["keyword"];
    if (keyword != null && keyword != "" && typeof(keyword) != "undefined") {
        flagRight = true;
        var keywordDiv = "<div class=\"filter\" id=\"keywordDiv\"><div class=\"fl\">关键字:</div><div class=\"fl\">" + unescape(keyword) + "<span id=\"keywordSpan\"></span></div>";
        $("#searchCondition").append(keywordDiv);
        $("#keywordSpan").attr("onclick", "setSearchParams('keyword');searchByParams();cleanKeyword();");
    }

    $("#warehouseDiv").remove();
    var warehouses = searchParams["warehouses"];
    if (warehouses != null && warehouses != "") {
        var warehouseDiv = "<div class=\"filter\" id=\"warehouseDiv\"><div class=\"fl\">仓库:</div><div class=\"fl\">" + unescape(warehouses) + "<span id=\"warehouseSpan\"></span></div>";
        flagRight = true;
        $("#searchCondition").append(warehouseDiv);
        $("#warehouseSpan").attr("onclick", "setSearchParams('warehouses');searchByParams()");
    }

    $("#priceRangeDiv").remove();
    var startPrice = searchParams["startPrice"];
    var endPrice = searchParams["endPrice"];
    var i = 0;
    var j = 0;
    if (startPrice != null && startPrice != "") {
        i++;
        j = 1;
    }
    if (endPrice != null && endPrice != "") {
        i++;
        j = 2;
    }
    if (i == 2) {
        var priceRangeDiv = "<div class=\"filter\" id=\"priceRangeDiv\"><div class=\"fl\">价格:</div><div class=\"fl\">" + startPrice + "-" + endPrice
                + "</div><span id=\"priceRangeSpan\"></span></div>";
        flagRight = true;
        $("#searchCondition").append(priceRangeDiv);
        $("#priceRangeSpan").attr("onclick", "setSearchParams('startPrice');setSearchParams('endPrice');searchByParams()");
    }
    if (i == 1 && j == 1) {
        $("#pr1").val(startPrice);
        var priceRangeDiv = "<div class=\"filter\" id=\"priceRangeDiv\"><div class=\"fl\">价格:</div><div class=\"fl\">大于等于" + startPrice + "</div><span id=\"priceRangeSpan\"></span></div>";
        flagRight = true;
        $("#searchCondition").append(priceRangeDiv);
        $("#priceRangeSpan").attr("onclick", "setSearchParams('startPrice');setSearchParams('endPrice');searchByParams()");
    }
    if (i == 1 && j == 2) {
        $("#pr2").val(endPrice);
        var priceRangeDiv = "<div class=\"filter\" id=\"priceRangeDiv\"><div class=\"fl\">价格:</div><div class=\"fl\">小于等于" + endPrice + "</div><span id=\"priceRangeSpan\"></span></div>";
        flagRight = true;
        $("#searchCondition").append(priceRangeDiv);
        $("#priceRangeSpan").attr("onclick", "setSearchParams('startPrice');setSearchParams('endPrice');searchByParams()");
    }
    
    i = 0;
    j = 0;
    $("#thicknessRangeDiv").remove();
    var startThickness = searchParams["startThickness"];
    var endThickness = searchParams["endThickness"];
    if (startThickness != null && startThickness != "") {
        i++;
        j = 1;
    }
    if (endThickness != null && endThickness != "") {
        i++;
        j = 2;
    }
    if (i == 2) {
        var thicknessRangeDiv = "<div class=\"filter\" id=\"thicknessRangeDiv\"><div class=\"fl\">厚度:</div><div class=\"fl\">" + startThickness + "-" + endThickness
                + "</div><span id=\"thicknessRangeSpan\"></span></div>";
        flagRight = true;
        $("#searchCondition").append(thicknessRangeDiv);
        $("#thicknessRangeSpan").attr("onclick", "setSearchParams('startThickness');setSearchParams('endThickness');searchByParams()");
    }
    if (i == 1 && j == 1) {
        var thicknessRangeDiv = "<div class=\"filter\" id=\"thicknessRangeDiv\"><div class=\"fl\">厚度:</div><div class=\"fl\">大于等于" + startThickness
                + "</div><span id=\"thicknessRangeSpan\"></span></div>";
        flagRight = true;
        $("#searchCondition").append(thicknessRangeDiv);
        $("#thicknessRangeSpan").attr("onclick", "setSearchParams('startThickness');setSearchParams('endThickness');searchByParams()");
    }
    if (i == 1 && j == 2) {
        var thicknessRangeDiv = "<div class=\"filter\" id=\"thicknessRangeDiv\"><div class=\"fl\">厚度:</div><div class=\"fl\">小于等于" + endThickness
                + "</div><span id=\"thicknessRangeSpan\"></span></div>";
        flagRight = true;
        $("#searchCondition").append(thicknessRangeDiv);
        $("#thicknessRangeSpan").attr("onclick", "setSearchParams('startThickness');setSearchParams('endThickness');searchByParams()");
    }

    i = 0;
    j = 0;
    $("#widthRangeDiv").remove();
    var startWidth = searchParams["startWidth"];
    var endWidth = searchParams["endWidth"];
    if (startWidth != null && startWidth != "") {
        i++;
        j = 1;
    }
    if (endWidth != null && endWidth != "") {
        i++;
        j = 2;
    }
    if (i == 2) {
        var widthRangeDiv = "<div class=\"filter\" id=\"widthRangeDiv\"><div class=\"fl\">宽度:</div><div class=\"fl\">" + startWidth + "-" + endWidth
                + "</div><span id=\"widthRangeSpan\"></span></div>";
        flagRight = true;
        $("#searchCondition").append(widthRangeDiv);
        $("#widthRangeSpan").attr("onclick", "setSearchParams('startWidth');setSearchParams('endWidth');searchByParams()");
    }
    if (i == 1 && j == 1) {
        var widthRangeDiv = "<div class=\"filter\" id=\"widthRangeDiv\"><div class=\"fl\">宽度:</div><div class=\"fl\">大于等于" + startWidth + "</div><span id=\"widthRangeSpan\"></span></div>";
        flagRight = true;
        $("#searchCondition").append(widthRangeDiv);
        $("#widthRangeSpan").attr("onclick", "setSearchParams('startWidth');setSearchParams('endWidth');searchByParams()");
    }
    if (i == 1 && j == 2) {
        var widthRangeDiv = "<div class=\"filter\" id=\"widthRangeDiv\"><div class=\"fl\">宽度:</div><div class=\"fl\">小于等于" + endWidth + "</div><span id=\"widthRangeSpan\"></span></div>";
        flagRight = true;
        $("#searchCondition").append(widthRangeDiv);
        $("#widthRangeSpan").attr("onclick", "setSearchParams('startWidth');setSearchParams('endWidth');searchByParams()");
    }
    
    $("#cleanDiv").remove();
    if (searchParams !=null && searchParams != "" && typeof(searchParams) != "undefined")
    {
        if (flagRight == true) {
            var cleanDiv = "<div class=\"btn-filter-clear\" style=\"display:block;\" id=\"cleanDiv\">清除全部</div>";
            $("#searchCondition").append(cleanDiv);
            $(".btn-filter-clear").attr("onclick", "searchParams={};ci='';searchByParams({});cleanKeyword()");
        }
    }
    if(flagRight == true)
    {
        $("#leftspn").show();
    }
    else
    {
        $("#leftspn").hide();
    }
}

/**
 * 清除关键字
 */
function cleanKeyword()
{
    $("input[name='kw']").val("");
    $("#kwInput1").val("");
}
    
/**
 * 重设查询参数
 */
function setSearchParams(field)
{
    searchParams[field] = "";
}

/**
 * 帮我找
 */
function findRes(){
        goodsBtn = dialog({
               id: 'goods_tips_btn',
               title: '钢银找货',
               url: '/shop/market/v6/hasno_dialog.html',
               width:'400',
               height:'230',
               fixed:true
            });
         Autofixed('#goods_tips_btn',goodsBtn) ;
         goodsBtn.showModal();
         return false;
}

/**
 * 大类名跳转要带交货地
 * @param url
 */
function redirect(url){
    var ci = searchParams["cityId"];
    
    if(!ci){
        ci="";
        ct="quangguo";
        url = url+"?ct="+ct;
    }
    else{
        url = url+"?ci="+ci;
    }
    
    window.location.href=url;
}
相关推荐
腾讯TNTWeb前端团队2 小时前
helux v5 发布了,像pinia一样优雅地管理你的react状态吧
前端·javascript·react.js
范文杰5 小时前
AI 时代如何更高效开发前端组件?21st.dev 给了一种答案
前端·ai编程
拉不动的猪5 小时前
刷刷题50(常见的js数据通信与渲染问题)
前端·javascript·面试
拉不动的猪5 小时前
JS多线程Webworks中的几种实战场景演示
前端·javascript·面试
FreeCultureBoy6 小时前
macOS 命令行 原生挂载 webdav 方法
前端
uhakadotcom7 小时前
Astro 框架:快速构建内容驱动型网站的利器
前端·javascript·面试
uhakadotcom7 小时前
了解Nest.js和Next.js:如何选择合适的框架
前端·javascript·面试
uhakadotcom7 小时前
React与Next.js:基础知识及应用场景
前端·面试·github
uhakadotcom7 小时前
Remix 框架:性能与易用性的完美结合
前端·javascript·面试
uhakadotcom7 小时前
Node.js 包管理器:npm vs pnpm
前端·javascript·面试