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

下面我将先容如何使用 AJAX 动态拼装查询条件和获取查询数据，包罗前端和后端的完备实现方案。
一、前端实现方案

1. 基础 HTML 布局

html
复制

1. <div class="query-container">
2.     <!-- 查询条件表单 -->
3.     <form id="queryForm">
4.         <div class="form-group">
5.             <label>用户名：</label>
6.             <input type="text" name="username" class="form-control">
7.         </div>
8.         <div class="form-group">
9.             <label>状态：</label>
10.             <select name="status" class="form-control">
11.                 <option value="">全部</option>
12.                 <option value="1">启用</option>
13.                 <option value="0">禁用</option>
14.             </select>
15.         </div>
16.         <div class="form-group">
17.             <label>注册时间：</label>
18.             <input type="date" name="startDate" class="form-control">
19.             <span>至</span>
20.             <input type="date" name="endDate" class="form-control">
21.         </div>
22.         <button type="button" id="queryBtn" class="btn btn-primary">查询</button>
23.         <button type="reset" class="btn btn-default">重置</button>
24.     </form>
25.    
26.     <!-- 查询结果表格 -->
27.     <table id="resultTable" class="table table-striped">
28.         <thead>
29.             <tr>
30.                 <th>ID</th>
31.                 <th>用户名</th>
32.                 <th>状态</th>
33.                 <th>注册时间</th>
34.             </tr>
35.         </thead>
36.         <tbody>
37.             <!-- 数据将通过AJAX动态填充 -->
38.         </tbody>
39.     </table>
40.     <div id="pagination"></div>
41. </div>

复制代码

运行 HTML
2. jQuery AJAX 实现

javascript
复制

1. $(function() {
2.     // 查询按钮点击事件
3.     $('#queryBtn').click(function() {
4.         loadData(1); // 加载第一页数据
5.     });
6.    
7.     // 初始加载第一页数据
8.     loadData(1);
9.    
10.     // 加载数据函数
11.     function loadData(pageNum) {
12.         // 1. 收集表单数据
13.         var formData = $('#queryForm').serialize();
14.         
15.         // 2. 添加分页参数
16.         var queryParams = formData + '&pageNum=' + pageNum + '&pageSize=10';
17.         
18.         // 3. 显示加载中状态
19.         $('#resultTable tbody').html('<tr><td colspan="4" class="text-center">加载中...</td></tr>');
20.         
21.         // 4. 发送AJAX请求
22.         $.ajax({
23.             url: '/api/user/list',
24.             type: 'GET',
25.             data: queryParams,
26.             dataType: 'json',
27.             success: function(response) {
28.                 if (response.success) {
29.                     // 渲染表格数据
30.                     renderTable(response.data.list);
31.                     // 渲染分页
32.                     renderPagination(pageNum, response.data.total, response.data.pages);
33.                 } else {
34.                     alert(response.message);
35.                 }
36.             },
37.             error: function(xhr) {
38.                 alert('请求失败: ' + xhr.statusText);
39.             }
40.         });
41.     }
42.    
43.     // 渲染表格数据
44.     function renderTable(data) {
45.         var $tbody = $('#resultTable tbody');
46.         $tbody.empty();
47.         
48.         if (data.length === 0) {
49.             $tbody.append('<tr><td colspan="4" class="text-center">暂无数据</td></tr>');
50.             return;
51.         }
52.         
53.         $.each(data, function(i, item) {
54.             var statusText = item.status === 1 ? '启用' : '禁用';
55.             var row = '<tr>' +
56.                 '<td>' + item.id + '</td>' +
57.                 '<td>' + item.username + '</td>' +
58.                 '<td>' + statusText + '</td>' +
59.                 '<td>' + new Date(item.createTime).toLocaleString() + '</td>' +
60.                 '</tr>';
61.             $tbody.append(row);
62.         });
63.     }
64.    
65.     // 渲染分页
66.     function renderPagination(currentPage, total, totalPages) {
67.         var $pagination = $('#pagination');
68.         $pagination.empty();
69.         
70.         if (totalPages <= 1) return;
71.         
72.         // 上一页
73.         if (currentPage > 1) {
74.             $pagination.append('<button class="page-btn" data-page="' + (currentPage - 1) + '">上一页</button>');
75.         }
76.         
77.         // 页码
78.         for (var i = 1; i <= totalPages; i++) {
79.             var active = i === currentPage ? 'active' : '';
80.             $pagination.append('<button class="page-btn ' + active + '" data-page="' + i + '">' + i + '</button>');
81.         }
82.         
83.         // 下一页
84.         if (currentPage < totalPages) {
85.             $pagination.append('<button class="page-btn" data-page="' + (currentPage + 1) + '">下一页</button>');
86.         }
87.         
88.         // 分页按钮事件
89.         $('.page-btn').click(function() {
90.             var page = $(this).data('page');
91.             loadData(page);
92.         });
93.     }
94. });

复制代码

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

javascript
复制

1. document.addEventListener('DOMContentLoaded', function() {
2.     const queryBtn = document.getElementById('queryBtn');
3.     const queryForm = document.getElementById('queryForm');
4.     const resultTable = document.getElementById('resultTable').getElementsByTagName('tbody')[0];
5.     const pagination = document.getElementById('pagination');
6.    
7.     // 查询按钮点击事件
8.     queryBtn.addEventListener('click', () => loadData(1));
9.    
10.     // 初始加载
11.     loadData(1);
12.    
13.     async function loadData(pageNum) {
14.         try {
15.             // 1. 收集表单数据
16.             const formData = new FormData(queryForm);
17.             const params = new URLSearchParams();
18.             
19.             // 2. 添加表单数据到查询参数
20.             formData.forEach((value, key) => {
21.                 if (value) params.append(key, value);
22.             });
23.             
24.             // 3. 添加分页参数
25.             params.append('pageNum', pageNum);
26.             params.append('pageSize', 10);
27.             
28.             // 4. 显示加载状态
29.             resultTable.innerHTML = '<tr><td colspan="4" class="text-center">加载中...</td></tr>';
30.             
31.             // 5. 发送请求
32.             const response = await axios.get('/api/user/list', { params });
33.             
34.             if (response.data.success) {
35.                 renderTable(response.data.data.list);
36.                 renderPagination(pageNum, response.data.data.total, response.data.data.pages);
37.             } else {
38.                 alert(response.data.message);
39.             }
40.         } catch (error) {
41.             alert('请求失败: ' + error.message);
42.         }
43.     }
44.    
45.     function renderTable(data) {
46.         resultTable.innerHTML = '';
47.         
48.         if (data.length === 0) {
49.             resultTable.innerHTML = '<tr><td colspan="4" class="text-center">暂无数据</td></tr>';
50.             return;
51.         }
52.         
53.         data.forEach(item => {
54.             const statusText = item.status === 1 ? '启用' : '禁用';
55.             const row = document.createElement('tr');
56.             row.innerHTML = `
57.                 <td>${item.id}</td>
58.                 <td>${item.username}</td>
59.                 <td>${statusText}</td>
60.                 <td>${new Date(item.createTime).toLocaleString()}</td>
61.             `;
62.             resultTable.appendChild(row);
63.         });
64.     }
65.    
66.     function renderPagination(currentPage, total, totalPages) {
67.         pagination.innerHTML = '';
68.         
69.         if (totalPages <= 1) return;
70.         
71.         // 上一页
72.         if (currentPage > 1) {
73.             const prevBtn = document.createElement('button');
74.             prevBtn.className = 'page-btn';
75.             prevBtn.textContent = '上一页';
76.             prevBtn.dataset.page = currentPage - 1;
77.             prevBtn.addEventListener('click', () => loadData(parseInt(prevBtn.dataset.page)));
78.             pagination.appendChild(prevBtn);
79.         }
80.         
81.         // 页码
82.         for (let i = 1; i <= totalPages; i++) {
83.             const pageBtn = document.createElement('button');
84.             pageBtn.className = i === currentPage ? 'page-btn active' : 'page-btn';
85.             pageBtn.textContent = i;
86.             pageBtn.dataset.page = i;
87.             pageBtn.addEventListener('click', () => loadData(parseInt(pageBtn.dataset.page)));
88.             pagination.appendChild(pageBtn);
89.         }
90.         
91.         // 下一页
92.         if (currentPage < totalPages) {
93.             const nextBtn = document.createElement('button');
94.             nextBtn.className = 'page-btn';
95.             nextBtn.textContent = '下一页';
96.             nextBtn.dataset.page = currentPage + 1;
97.             nextBtn.addEventListener('click', () => loadData(parseInt(nextBtn.dataset.page)));
98.             pagination.appendChild(nextBtn);
99.         }
100.     }
101. });

复制代码

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

1. 控制器实现

java
复制

1. @RestController
2. @RequestMapping("/api/user")
3. public class UserController {
5.     @Autowired
6.     private UserService userService;
8.     @GetMapping("/list")
9.     public Result listUsers(UserQuery query,
10.                           @RequestParam(defaultValue = "1") Integer pageNum,
11.                           @RequestParam(defaultValue = "10") Integer pageSize) {
12.         PageInfo<User> pageInfo = userService.queryUsers(query, pageNum, pageSize);
13.         return Result.success(pageInfo);
14.     }
15. }

复制代码

2. 查询参数对象

java
复制

1. public class UserQuery {
2.     private String username;
3.     private Integer status;
4.     private Date startDate;
5.     private Date endDate;
6.    
7.     // getter 和 setter 方法
8.     // ...
9. }

复制代码

3. 服务层实现

java
复制

1. @Service
2. public class UserServiceImpl implements UserService {
4.     @Autowired
5.     private UserMapper userMapper;
7.     @Override
8.     public PageInfo<User> queryUsers(UserQuery query, Integer pageNum, Integer pageSize) {
9.         PageHelper.startPage(pageNum, pageSize);
10.         List<User> users = userMapper.selectByQuery(query);
11.         return new PageInfo<>(users);
12.     }
13. }

复制代码

4. MyBatis Mapper 示例

java
复制

1. public interface UserMapper {
2.     List<User> selectByQuery(UserQuery query);
3. }

复制代码

xml
复制

1. <!-- mapper.xml -->
2. <select id="selectByQuery" resultType="User" parameterType="UserQuery">
3.     SELECT * FROM user
4.     <where>
5.         <if test="username != null and username != ''">
6.             AND username LIKE CONCAT('%', #{username}, '%')
7.         </if>
8.         <if test="status != null">
9.             AND status = #{status}
10.         </if>
11.         <if test="startDate != null">
12.             AND create_time >= #{startDate}
13.         </if>
14.         <if test="endDate != null">
15.             AND create_time <![CDATA[<=]]> #{endDate}
16.         </if>
17.     </where>
18.     ORDER BY id DESC
19. </select>

复制代码

运行 HTML
5. 统一返回结果封装

java
复制

1. public class Result implements Serializable {
2.     private boolean success;
3.     private String message;
4.     private Object data;
5.    
6.     public static Result success(Object data) {
7.         Result result = new Result();
8.         result.setSuccess(true);
9.         result.setData(data);
10.         return result;
11.     }
12.    
13.     public static Result error(String message) {
14.         Result result = new Result();
15.         result.setSuccess(false);
16.         result.setMessage(message);
17.         return result;
18.     }
19.    
20.     // getter 和 setter 方法
21.     // ...
22. }

复制代码

三、高级功能扩展

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

javascript
复制

1. // 使用 lodash 的防抖函数
2. $('#queryBtn').click(_.debounce(function() {
3.     loadData(1);
4. }, 500));

复制代码

2. 查询条件本地存储

javascript
复制

1. // 保存查询条件
2. function saveQueryParams() {
3.     const formData = $('#queryForm').serializeArray();
4.     localStorage.setItem('lastQueryParams', JSON.stringify(formData));
5. }
7. // 加载上次查询条件
8. function loadQueryParams() {
9.     const params = localStorage.getItem('lastQueryParams');
10.     if (params) {
11.         const formData = JSON.parse(params);
12.         formData.forEach(item => {
13.             $(`[name="${item.name}"]`).val(item.value);
14.         });
15.     }
16. }

复制代码

3. 导出查询结果

javascript
复制

1. function exportData() {
2.     const formData = $('#queryForm').serialize();
3.     window.open('/api/user/export?' + formData, '_blank');
4. }

复制代码

四、最佳实践建议

• 参数校验：前后端都要对查询参数举行校验
  
• 分页处理处罚：大数据量时务必使用分页
  
• 性能优化：添加符合的数据库索引
  
• 错误处理处罚：友爱的错误提示和日志纪录
  
• 安全性：防止SQL注入和XSS攻击
  
• API文档：使用Swagger等工具天生API文档
  

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

1. /**
2.  * 按品种查询资源
3.  *
4.  * @param breedId
5.  *            品名Id集，单个或多个
6.  */
7. function searchMarket(breedId)
8. {
9.     var prBreedId=pi;
11.     $.ajax
12.     ({
13.         url: "/resource/getMarketProperties.jsp",
14.         type:"post",
15.         async:false,
16.         data:{"breedId":breedId,"prBreedId":prBreedId},
17.         dataType:"text",
18.         success: function(message){
19.             
20.             var data = eval("(" + message + ")");
22.             var breed = eval("("+ data.breedJsonProperty +")");
23.             
24.             var material = eval("("+ data.materialJsonProperty +")");
25.             var spec = eval("("+ data.specJsonProperty +")");
26.             var brand = eval("("+ data.brandJsonProperty +")");
27.             
28.             // 刷新选择收索部分的数据
29.             changeHtml(breed,"breed",breedId);
30.             changeHtml(material,"material",breedId);
31.             changeHtml(spec,"spec",breedId);
32.             changeBrandHtml(brand);
33.             // 刷新输入框部分收索数据
34.             clickBreed(breed,material,spec,brand);
35.             
36.             // 品名的全部初值设置为当前大品名
37.             document.getElementById("breed_option_all").href = "javascript:searchMarket('"+ prBreedId +"');searchParams['breedNames']='';searchParams['breedIds']='';searchParams['breedInfos']='';searchByParams();";
39.             // 设置为全部
40.             $("#material_option_all").attr("class","option-all cur");
41.             $("#spec_option_all").attr("class","option-all cur");
42.             $("#brand_option_all").attr("class","option-all cur");
43.             
44.           }
45.     });
46. }
48. /**
49.  * 单选查询品种
50.  *
51.  * @param breedId
52.  * @param breedName
53.  */
54. function searchBySingleBreed(breedId, breedName) {
55.     var breedInfo = {};
57.     breedInfo[breedId] = breedName;
59.     searchParams["breedInfos"] = breedInfo;
61.     searchByParams();
62. }
63. /**
64.  * 确认执行多选品种
65.  */
66. function searchByMultiBreed() {
67.     $("#breedReset").click();
68.     var breedParams = {};
69.     var breedIds = "";
70.     $("[name='breedIds']:checked").each(function() {
71.         var breedId = $(this).val();
72.         var breedName = $("#label_breed_" + breedId).text();
73.         breedParams[breedId] = breedName;
75.         if (breedIds == "") {
76.             breedIds += breedId;
77.         } else {
78.             breedIds += "," + breedId;
79.         }
80.     });
81.     searchParams["breedInfos"] = breedParams;
82.     searchMarket(breedIds);
83.     searchByParams();
84. }
86. /**
87.  * 确认执行多选材质
88.  */
89. function searchByMultiMaterial() {
90.     $("#materialReset").click();
91.     var materials = "";
92.     $("[name='materialIds']:checked").each(function() {
93.         var material = $(this).val();
94.         if (materials == "") {
95.             materials += material;
96.         } else {
97.             materials += "," + material;
98.         }
99.     });
101.     searchParams["materials"] = materials;
102.     searchByParams();
103. }
104. /**
105.  * 确认执行多选规格
106.  */
107. function searchByMultiSpec() {
108.     $("#specReset").click();
109.     var specs = "";
110.     $("[name='specIds']:checked").each(function() {
111.         var spec = $(this).val();
112.         if (specs == "") {
113.             specs += spec;
114.         } else {
115.             specs += "," + spec;
116.         }
117.     });
119.     searchParams["specs"] = specs;
120.     searchByParams();
121. }
123. /**
124.  * 确认执行多选交货地
125.  */
126. function searchByMultiCity() {
127.     $("#cityReset").click();
128.     var cities = "";
129.     var cityNameMutis = "";
130.     $("[name='cityIds']:checked").each(function() {
131.         var city = $(this).val().split(",")[0];
132.         var cityNameMuti = $(this).val().split(",")[1];
133.         if (cities == "") {
134.             cities += city;
135.         } else {
136.             cities += "," + city;
137.         }
138.         
139.         if (cityNameMutis == "") {
140.             cityNameMutis += cityNameMuti;
141.         } else {
142.             cityNameMutis += "," + cityNameMuti;
143.         }
144.     });
146.     searchParams["cityId"] = cities;
147.     searchParams["cityName"] = cityNameMutis;
148.     searchByParams();
149. }
151. /**
152.  * 点击钢厂logo相应事件
153.  */
154. function clickBrandLogo(brand) {
155.     var resetButton = $("#brandReset");
156.     if (resetButton.is(":hidden")) {
157.         searchParams["brands"] = brand;
158.         searchByParams();
159.     } else {
160.         var selectItem = document.getElementById("brandDiv_" + brand);
161.         selectItem.setAttribute("class", "selected");
162.     }
163. }
165. /**
166.  * 确认执行钢厂多选
167.  */
168. function searchByMultiBrand() {
169.     // 回到单选
170.     $("#brandReset").click();
171.     var brands = "";
172.     $("#show-logo-div .selected").each(function() {
173.         var id = $(this).attr("id");
174.         var brand = id.replace("brandDiv_", "");
175.         if (brands == "") {
176.             brands += brand;
177.         } else {
178.             brands += "," + brand;
179.         }
180.     });
182.     searchParams["brands"] = brands;
183.     searchByParams();
184. }
185. /**
186.  * 根据城市交货地进行搜索
187.  *
188.  * @param obj
189.  */
190. function searchByCity(obj){
191.     var cityName;
193.     searchParams["warehouses"]="";
194.     $("#warehouseDiv").remove();
195.     $("#whText").val("");
197.     if(obj.id == "quanguo"){
198.         cityName = "全国";
199.         ci="";
200.         searchParams["cityId"]="";
201.         searchParams["cityName"] = "";
202.         searchByParams();
203.         searchWarehouse("");
204.     }
205.     else{
206.         cityName=$("#"+obj.id).text();
207.         ci=obj.id;
208.         searchParams["cityName"] = cityName;
209.         searchParams["cityId"]=obj.id;
210.         searchByParams();
211.         searchWarehouse(obj.id);
212.     }
213. }
214. /**
215.  * 选择城市刷新仓库输入框
216.  *
217.  * @param obj
218.  */
219.  function searchWarehouse(obj){
220.             $.ajax
221.             ({
222.                 url: "/resource/getWarehouseProperties.jsp",
223.                 type:"post",
224.                 data:{"prBreedId":pi,"cityId":obj},
225.                 dataType:"text",
226.                 success: function(message){
227.                     
228.                     var data = eval("(" + message + ")");
229.                     var warehouseDa = eval("("+ data.warehouseJsonProperty +")");
231.                     $("#warehouseSelector").singleSelector("仓库", {
232.                         "data" : warehouseDa,
233.                         "defaultValue" : "",
234.                         "defaultText" : ""
235.                     }, "whValue", "whText",afterSelectOthers,inputEnter,"down1");
236.                   }
237.             });
238.         }
239. /**
240.  * 点击上方品名，下方收索框数据重新加载
241.  *
242.  * @param breedData
243.  *            品名数据
244.  * @param materialData
245.  *            材质数据
246.  * @param specData
247.  *            规格数据
248.  * @param brandData
249.  *            钢厂数据
250.  */
251. function clickBreed(breedData,materialData,specData,brandData)
252. {
253.     $("#breedSelector").singleSelector("品名", {
254.         "data" : breedData,
255.         "defaultValue" : "",
256.         "defaultText" : ""
257.     }, "biValue", "bdText",afterSelectBreed,inputEnter,"down1");
259.     $("#materialSelector").singleSelector("材质", {
260.         "data" : materialData,
261.         "defaultValue": "",
262.         "defaultText": ""
263.     }, "mlValue", "mlText",afterSelectOthers,inputEnter,"down2");
265.     $("#specSelector").singleSelector("规格", {
266.         "data" : specData,
267.         "defaultValue": "",
268.         "defaultText": ""
269.     }, "spValue", "spText",afterSelectOthers,inputEnter,"down2");
271.     $("#brandSelector").singleSelector("钢厂", {
272.         "data" : brandData,
273.         "defaultValue": "",
274.         "defaultText": ""
275.     }, "brValue", "brText",afterSelectOthers,inputEnter,"down2");
276. }
277. /**
278.  * 点击品种后更新资源信息
279.  *
280.  * @param param
281.  *            参数对应信息
282.  * @param paramName
283.  *            参数名字
284.  * @param breedId
285.  *            品种Id
286.  */
287. function changeHtml(param,paramName,breedId)
288. {
289.     var changeId = "change" + paramName;
290.     var html = "";
291.     for(var i=0; i<param.length;i++)
292.     {
293.         var css = "";
294.         if(i>11)
295.         {
296.             css = "class='more'";
297.         }
298.         
299.         var method = "";
300.         if(paramName == "material")
301.         {
302.             var paramNames ="materials";
303.             method+= "searchBySingleParam(""+paramNames+"",""+ param[i].value +"");";
304.         }    
305.         if(paramName == "spec")
306.         {
307.             var paramNames ="specs";
308.             method+= "searchBySingleParam(""+paramNames+"",""+ param[i].value +"");";
309.         }    
310.         
311.         if(paramName == "breed")
312.         {
313.             method = "searchMarket(""+ param[i].value +"");"+"searchBySingleBreed(""+param[i].value+"",""+ param[i].name +"");";
314.         }
315.         var check = "";
316.         var id = breedId.split(",");
317.         for(var j=0;j<id.length;j++)
318.         {
319.             if(param[i].value == id[j])
320.             {
321.                 check = "checked";
322.             }    
323.         }    
324.         html+="<li "+ css +">"+
325.             "<span class='block-choose-more'>" +
326.             "<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>"+
327.             "</span>" +
328.             "<a href='javascript:"+ method +"' class='listitem-link' id='item_"+ paramName +"_" + param[i].value +"' >" + param[i].name +"</a>" +
329.             "</li>";
330.     }
331.     
332.     document.getElementById(changeId).innerHTML= html;
333. }
335. /**
336.  * 单选动作，材质规格
337.  *
338.  * @param paramName
339.  *            输入种类
340.  * @param paramvalue
341.  *            获取值
342.  */
343. function searchBySingleParam(paramName,paramvalue)
344. {
345.     searchParams[paramName] = paramvalue;
346.     searchByParams();
347. }
348. /**
349.  * 选择品种后更新钢厂信息
350.  *
351.  * @param paramBrand
352.  *            钢厂信息
353.  */
354. function changeBrandHtml(paramBrand)
355. {
356.     var html = "";
357.     for(var i=0; i<paramBrand.length;i++)
358.     {
359.         var count = i+1;
360.         var css = "";
361.         if(count>7)
362.         {
363.             css = "class='more'";
364.         }
365.         var value = "";
366.         if(count>15)
367.         {
368.             value = "more";
369.         }
370.         
371.         var html1 = "onMouseOver='this.style.cursor="pointer";onMouseOver(this,"+ count +")'";
372.         var html2 = "onMouseOut='onMouseOut(this,"+ count +")'";
373.         
374.         html+="<div  id='brandDiv_"+ paramBrand[i].value+ "'" + css + html1 + html2 +" onclick='clickBrandLogo(""+paramBrand[i].value+"")"+"'> "+
375.         "<span  id='brandSpan_"+ count +"'>" +
376.         "<input  id='brandInput_"+ count + "'" +" type='hidden' value='"+ paramBrand[i].value +"' />" +
377.         "<input  id='checkItem_brand_"+ paramBrand[i].value +"' type='hidden'  value='"+ value +"' />" +
378.         "</span>" +
379.         "<a id='item_brand_"+ paramBrand[i].value +"'  href='#'  ><img src='../../../skin/images/factory/"+ paramBrand[i].image +".jpg' width='102' height='36' /></a>" +
380.         "</div>";
381.     }
382.     
383.     html+="<span class='clr'></span>";
384.     document.getElementById("show-logo-div").innerHTML= html;
385. }
387. /**
388.  * 选择品种下拉输入框触发动作
389.  *
390.  * @param value
391.  *            品名ID
392.  * @param text
393.  */
394. function afterSelectBreed(value,text){
395.     $.post("/resource/getMarketProperties.jsp",{"breedId":value},
396.             function(result){
397.         if(result!=""){
398.             var data = eval("(" + result + ")");
399.              var materialData = eval("("+ data.materialJsonProperty +")");
400.              var specData = eval("("+ data.specJsonProperty +")");
401.              var brandData = eval("("+ data.brandJsonProperty +")");
402.         
403.             $("#materialSelector").singleSelector("材质", {
404.                 "data" : materialData,
405.                 "defaultValue" : "",
406.                 "defaultText" : ""
407.             }, "mlValue", "mlText",afterSelectOthers,inputEnter,"down2");
408.             $("#specSelector").singleSelector("规格", {
409.                 "data" : specData,
410.                 "defaultValue" : "",
411.                 "defaultText" : ""
412.             }, "spValue", "spText",afterSelectOthers,inputEnter,"down2");
413.             $("#brandSelector").singleSelector("钢厂", {
414.                 "data" : brandData,
415.                 "defaultValue" : "",
416.                 "defaultText" : ""
417.             }, "brValue", "brText",afterSelectOthers,inputEnter,"down2");
418.             
419.             var ids = data.ids;
420.             var jsonids = eval("("+ ids +")");
422.             if(jsonids.length == 1)
423.             {
424.                 searchRoolerMarket(jsonids[0].id);
425.                 var breedName = $("#bdText").val();
426.                 var breedInfo = {};
427.                 breedInfo[jsonids[0].id] = breedName;
428.                 searchParams["breedInfos"] = breedInfo;
430.                 buttonSearch();
431.             }    
432.         }
433.     },"text");
434. }
436. /**
437.  * 选择下拉框品名，重新刷新上方列表数据
438.  *
439.  * @param breedId
440.  */
441. function searchRoolerMarket(breedId)
442. {
443.     var prBreedId=pi;
445.     $.ajax
446.     ({
447.         url: "resource/getMarketProperties.jsp",
448.         type:"post",
449.         async:false,
450.         data:{"breedId":breedId,"pi":prBreedId},
451.         dataType:"text",
452.         success: function(message){
453.             
454.             var data = eval("(" + message + ")");
456.             var breed = eval("("+ data.breedJsonProperty +")");
457.             
458.             var material = eval("("+ data.materialJsonProperty +")");
459.             var spec = eval("("+ data.specJsonProperty +")");
460.             var brand = eval("("+ data.brandJsonProperty +")");
462.             changeHtml(breed,"breed",breedId);
463.             changeHtml(material,"material",breedId);
464.             changeHtml(spec,"spec",breedId);
465.             changeBrandHtml(brand);
467.             document.getElementById("breed_option_all").href = "javascript:searchMarket('"+ prBreedId +"');searchParams['breedNames']='';searchParams['breedIds']='';searchParams['breedInfos']='';searchByParams();";
469.             $("#material_option_all").attr("class","option-all cur");
470.             $("#spec_option_all").attr("class","option-all cur");
471.             $("#brand_option_all").attr("class","option-all cur");
472.           }
473.     });
474. }
475. /**
476.  * 选择规格、材质、钢厂触发动作
477.  *
478.  * @param value
479.  * @param text
480.  */
481. function afterSelectOthers(value, text)
482. {
483.     buttonSearch();
484. }
486. /**
487.  * 输入值按enter键进行收索
488.  *
489.  * @param value
490.  * @param text
491.  */
492. function inputEnter(value, text)
493. {
494.      var events = window.event || arguments.callee.caller.arguments[0];
496.      if (events.keyCode == 13)
497.      {
498.         buttonSearch();
499.      }
500. }
502. /**
503.  * 点击搜索按钮进行搜索
504.  */
505. function buttonSearch() {
506.     var bi = $("#biValue").val();
507.     var breadInfos = {};
508.     if (bi != null && bi != "") {
509.         searchParams["breedIds"] = bi;
510.         breadInfos[bi] = $("#bdText").val() ;
511.     } else {
512.         searchParams["breedIds"] = "";
513.         breadInfos="";
514.     }
515.     var bd = escape($("#bdText").val());
516.     if (bd != null && bd != "") {
517.         searchParams["breedNames"] = bd;
518.         searchParams["breedInfos"] = breadInfos;
519.         searchParams["breedIds"] = "";
520.     } else {
521.         searchParams["breedNames"] = "";
522.         searchParams["breedIds"] = "";
523.         searchParams["breedInfos"] ="";
524.     }
525.     var ml = escape($("#mlText").val());
526.     if (ml != null && ml != "") {
527.         searchParams["materials"] = ml;
528.     } else {
529.         searchParams["materials"] = "";
530.     }
531.     var sp = escape($("#spText").val());
532.     if (sp != null && sp != "") {
533.         searchParams["specs"] = sp;
534.     } else {
535.         searchParams["specs"] = "";
536.     }
537.     var br = escape($("#brText").val());
538.     if (br != null && br != "") {
539.         searchParams["brands"] = br;
540.     } else {
541.         searchParams["brands"] = "";
542.     }
543.     var whs = escape($("#whText").val());
544.     if (whs != null && whs != "") {
545.         searchParams["warehouses"] = whs;
546.     } else {
547.         searchParams["warehouses"] = "";
548.     }
549.     var ts1 = $("#ts1").val();
550.     if (ts1 != null && ts1 != "") {
551.         searchParams["startThickness"] = ts1;
552.     } else {
553.         searchParams["startThickness"] = "";
554.     }
555.     var ts2 = $("#ts2").val();
556.     if (ts2 != null && ts2 != "") {
557.         searchParams["endThickness"] = ts2;
558.     } else {
559.         searchParams["endThickness"] = "";
560.     }
561.     var wi1 = $("#wi1").val();
562.     if (wi1 != null && wi1 != "") {
563.         searchParams["startWidth"] = wi1;
564.     } else {
565.         searchParams["startWidth"] = "";
566.     }
567.     
568.     var wi2 = escape($("#wi2").val());
569.     if (wi2 != null && wi2 != "") {
570.         searchParams["endWidth"] = wi2;
571.     } else {
572.         searchParams["endWidth"] = "";
573.     }
574.     
575.     var pr1 = $("#pr1").val();
576.     if (pr1 != null && pr1 != "") {
577.         if (!isNaN(pr1)) {
578.             searchParams["startPrice"] = pr1;
579.         }
580.         else{
581.             searchParams["startPrice"] = "";
582.         }
583.     } else {
584.         searchParams["startPrice"] = "";
585.     }
586.     
587.     var pr2 = $("#pr2").val();
588.     if (pr2 != null && pr2 != "") {
589.         if (!isNaN(pr2)) {
590.             searchParams["endPrice"] = pr2;
591.         }
592.         else{
593.             searchParams["endPrice"] = "";
594.         }
595.     } else {
596.         searchParams["endPrice"] = "";
597.     }
599.     searchParams["pageNum"] = 1;
601.     searchByParams();
602.     
603.     $("#pr1").val(pr1);
604.     $("#pr2").val(pr2);
605. }
607. /**
608.  * 设置选中效果，并设值
609.  */
610. function setAttrParams() {
611.     var cityName = searchParams["cityName"];
612.     // 当前城市展示
613.     if(cityName==null ||cityName=="undefined" ||cityName=="")
614.     {
615.         $(".selects").text("交货地 ：");
616.         $("#cityName").text("全国");
617.     }else
618.     {
619.         if(typeof(cityName) == "undefined")
620.         {
621.             $(".selects").text("交货地 :");
622.             $("#cityName").text("全国");
623.         }
624.         else
625.         {
626.             var cityNameMutiList = cityName.split(",");
627.             if(cityNameMutiList.length == 1)
628.             {
629.                 $(".selects").text("交货地 :"+searchParams["cityName"]);
630.                 $("#cityName").text(searchParams["cityName"]);
631.             }
632.             else
633.             {
634.                 $(".selects").text("交货地 ：");
635.                 $("#cityName").text("全国");
636.             }
637.             
638.         }    
639.     }
641.     $("#breed_option_all").attr("class", "option-all cur");
642.     $("#changebreed [class='listitem-link cur']").attr("class", "listitem-link");
643.     $("#changebreed [class='check-choose']").prop("checked", false);
644.     $("#bdText").val("");
645.     $("#biValue").val("");
646.     if (searchParams["breedInfos"] != null && searchParams["breedInfos"] != "") {
647.         $("#breed_option_all").attr("class", "option-all");
648.         var breedNames = "";
649.         var breedIds = "";
650.         var breedInfos = searchParams["breedInfos"];
651.         var i = 0;
652.         for ( var breedId in breedInfos) {
653.             i++;
654.             var breedName = breedInfos[breedId];
656.             if (breedName != "") {
657.                 if (breedNames == "") {
658.                     breedNames += breedName;
659.                 } else {
660.                     breedNames += "," + breedName;
661.                 }
662.             }
664.             if (breedId != "") {
665.                 if (breedIds == "") {
666.                     breedIds += breedId;
667.                 } else {
668.                     breedIds += "," + breedId;
669.                 }
670.             }
672.             $("#breed_option_all").attr("class", "option-all");
673.             $("#item_breed_" + breedId).attr("class", "listitem-link cur");
674.             $("#checkItem_breed_" + breedId).prop("checked", true);
675.         }
676.         if (i == 1) {
677.             $("#bdText").val(breedNames);
678.             $("#biValue").val(breedIds);
679.         }
680.         searchParams["breedNames"] = "";
681.         searchParams["breedIds"] = breedIds;
682.     } else {
683.         var breedNames = searchParams["breedNames"];
684.         if (breedNames != null && breedNames != "") {
685.             $("#breed_option_all").attr("class", "option-all");
686.             $("#bdText").val(unescape(breedNames));
687.         }
688.     }
690.     var specs = searchParams["specs"];
691.     $("#spec_option_all").attr("class", "option-all cur");
692.     $("#changespec [class='listitem-link cur']").attr("class", "listitem-link");
693.     $("#changespec [class='check-choose']").prop("checked", false);
694.     $("#spText").val("");
695.     if (specs != null && specs != "") {
696.         $("#spec_option_all").attr("class", "option-all");
697.         var specList = specs.split(",");
698.         for (var i = 0; i < specList.length; i++) {
699.             var selectItem = document.getElementById("item_spec_" + specList[i]);
700.             if (selectItem != null) {
701.                 selectItem.setAttribute("class", "listitem-link cur");
702.             }
704.             var checkItem = document.getElementById("checkItem_spec_" + specList[i]);
705.             if (checkItem != null) {
706.                 checkItem.checked = true;
707.             }
708.         }
710.         if (specList.length == 1) {
711.             $("#spText").val(unescape(specs));
712.         }
713.     }
715.     var materials = searchParams["materials"];
716.     $("#material_option_all").attr("class", "option-all cur");
717.     $("#changematerial [class='listitem-link cur']").attr("class", "listitem-link");
718.     $("#changematerial [class='check-choose']").prop("checked", false);
719.     $("#mlText").val("");
720.     $("#mlValue").val("");
721.     if (materials != null && materials != "") {
722.         $("#material_option_all").attr("class", "option-all");
723.         var materialList = materials.split(",");
724.         for (var i = 0; i < materialList.length; i++) {
725.             var selectItem = document.getElementById("item_material_" + materialList[i]);
726.             if (selectItem != null) {
727.                 selectItem.setAttribute("class", "listitem-link cur");
728.             }
730.             var checkItem = document.getElementById("checkItem_material_" + materialList[i]);
731.             if (checkItem != null) {
732.                 checkItem.checked = true;
733.             }
734.         }
736.         if (materialList.length == 1) {
737.             $("#mlText").val(unescape(materials));
738.         }
739.     }
741.     var brands = searchParams["brands"];
742.     $("#brand_option_all").attr("class", "option-all cur");
743.     $("#show-logo-div [class='selected']").attr("class", "");
744.     $("#brText").val("");
745.     $("#btValue").val("");
746.     if (brands != null && brands != "") {
747.         $("#brand_option_all").attr("class", "option-all");
748.         var brandList = brands.split(",");
749.         for (var i = 0; i < brandList.length; i++) {
750.             var selectItem = document.getElementById("brandDiv_" + brandList[i]);
751.             if (selectItem != null) {
752.                 selectItem.setAttribute("class", "selected");
753.             }
754.         }
755.         if (brandList.length == 1) {
756.             $("#brText").val(unescape(brands));
757.         }
758.     }
759.     
760.     var cityName = searchParams["cityName"];
761.     if(typeof(cityName) != "undefined")
762.     {
763.         var cityiesList = cityName.split(",");
764.         if(cityiesList.length == 1)
765.         {
766.             $(".selects").text("交货地 ："+cityiesList[0]);
767.         }
768.         else
769.         {
770.             $(".selects").text("交货地 ：");
771.         }
772.     }    
773.     
774.     var cityIds = searchParams["cityId"];
775.     $("#city_option_all").attr("class", "option-all cur");
776.     $("#changecity [class='listitem-link cur']").attr("class", "listitem-link");
777.     $("#changecity [class='check-choose']").prop("checked", false);
778.     
779.     if (cityIds != null && cityIds != "") {
780.         $("#city_option_all").attr("class", "option-all");
781.         
782.         var cityList = cityIds.split(",");
783.         for (var i = 0; i < cityList.length; i++) {
784.             var selectItem = document.getElementById("item_city_" + cityList[i]);
785.             if (selectItem != null) {
786.                 selectItem.setAttribute("class", "listitem-link cur");
787.             }
789.             var checkItem = document.getElementById("checkItem_city_" + cityList[i]);
790.             if (checkItem != null) {
791.                 checkItem.checked = true;
792.             }
793.         }
795.     }
797.     var warehouses = searchParams["warehouses"];
798.     $("#whText").val("");
799.     if (warehouses != null && warehouses != "") {
800.         $("#whText").val(unescape(warehouses));
801.     }
803.     var startPrice = searchParams["startPrice"];
804.     var endPrice = searchParams["endPrice"];
805.     $("#pr1").val("￥最低价");
806.     $("#pr2").val("￥最高价");
807.     var i = 0;
808.     var j = 0;
809.     if (startPrice != null && startPrice != "") {
810.         i++;
811.         j = 1;
813.     }
814.     if (endPrice != null && endPrice != "") {
815.         i++;
816.         j = 2;
817.     }
818.     if (i == 2) {
819.         $("#pr1").val(startPrice);
820.         $("#pr2").val(endPrice);
821.     }
822.     if (i == 1 && j == 1) {
823.         $("#pr1").val(startPrice);
824.     }
825.     if (i == 1 && j == 2) {
826.         $("#pr2").val(endPrice);
827.     }
829.     i = 0;
830.     j = 0;
831.     $("#ts1").val("");
832.     $("#ts2").val("");
833.     var startThickness = searchParams["startThickness"];
834.     var endThickness = searchParams["endThickness"];
835.     if (startThickness != null && startThickness != "") {
836.         i++;
837.         j = 1;
838.     }
839.     if (endThickness != null && endThickness != "") {
840.         i++;
841.         j = 2;
842.     }
843.     if (i == 2) {
844.         $("#ts1").val(startThickness);
845.         $("#ts2").val(endThickness);
846.     }
847.     if (i == 1 && j == 1) {
848.         $("#ts1").val(startThickness);
849.     }
850.     if (i == 1 && j == 2) {
851.         $("#ts2").val(endThickness);
852.     }
854.     i = 0;
855.     j = 0;
856.     $("#wi1").val("");
857.     $("#wi2").val("");
858.     var startWidth = searchParams["startWidth"];
859.     var endWidth = searchParams["endWidth"];
860.     if (startWidth != null && startWidth != "") {
861.         i++;
862.         j = 1;
863.     }
864.     if (endWidth != null && endWidth != "") {
865.         i++;
866.         j = 2;
867.     }
868.     if (i == 2) {
869.         $("#wi1").val(startWidth);
870.         $("#wi2").val(endWidth);
871.     }
872.     if (i == 1 && j == 1) {
873.         $("#wi1").val(startWidth);
874.     }
875.     if (i == 1 && j == 2) {
876.         $("#wi2").val(endWidth);
877.     }
878. }
880. /**
881.  * 清空输入价格
882.  */
883. function clean(){
884.     
885. searchParams["startPrice"]="";
886. searchParams["endPrice"]= "";
887. searchByParams();    
888. }
889. /**
890.  * 分页查询
891.  */
892. function pageQuery(index){
893.     searchParams["pageNum"] = index;
894.     directSearchByParam();
895. }
897. /**
898.  * 分页效果展示
899.  */
900. function page() {
901.     var totalPages = $("#totalPages").val();
902.     var currPageNum = $("#currPageNum").val();
903.     
904.     if (totalPages < 10)
905.         for (var i = 1; i <= totalPages; i++) {
907.             if (i == currPageNum) {
908.                 $("#pageSpan").append("<a class="current">" + i + "</a>");
909.             } else {
910.                 $("#pageSpan").append("<a href="javascript:void(0)" id="page_" + i + "">" + i + "</a>");
911.                 $("#page_" + i).attr("onclick", "pageQuery("+i+")");
912.             }
913.         }
914.     else {
915.         if (currPageNum < 6) {
916.             for (var i = 1; i <= 10; i++) {
917.                 if (i == currPageNum) {
918.                     $("#pageSpan").append("<a class="current">" + i + "</a>");
919.                 } else {
920.                     $("#pageSpan").append("<a href="javascript:void(0)" id="page_" + i + "">" + i + "</a>");
921.                     $("#page_" + i).attr("onclick", "pageQuery("+i+")");
922.                 }
923.             }
924.         } else {
925.             var cur = parseInt(currPageNum) + 5;
926.             if (cur <= totalPages) {
927.                 var pre = parseInt(currPageNum) - 4;
928.                 var last = parseInt(currPageNum) + 5;
929.                 for (i = pre; i <= last; i++) {
930.                     if (i == currPageNum) {
931.                         $("#pageSpan").append("<a class="current">" + i + "</a>");
932.                     } else {
933.                         $("#pageSpan").append("<a href="javascript:void(0)" id="page_" + i + "">" + i + "</a>");
934.                         $("#page_" + i).attr("onclick", "pageQuery("+i+")");
935.                     }
936.                 }
937.             } else {
938.                 var pre = parseInt(totalPages) - 9;
939.                 for (i = pre; i <= parseInt(totalPages); i++) {
940.                     if (i == currPageNum) {
941.                         $("#pageSpan").append("<a class="current">" + i + "</a>");
942.                     } else {
943.                         $("#pageSpan").append("<a href="javascript:void(0)" id="page_" + i + "">" + i + "</a>");
944.                         $("#page_" + i).attr("onclick", "pageQuery("+i+")");
945.                     }
946.                 }
947.             }
948.         }
949.     }
951.     $("#totalSpan").append(totalPages);
952. }
954. /**
955.  * 上一页
956.  */
957. function prePage() {
958.     var currPageNum = parseInt($("#currPageNum").val());
959.     var tempPageNum = 1;
961.     if (currPageNum > 0) {
962.         tempPageNum = currPageNum - 1;
963.     }
964.     if (tempPageNum == 0) {
965.         tempPageNum = 1;
966.     }
967.     
968.     searchParams["pageNum"]=tempPageNum;
969.     directSearchByParam();
970. }
972. /**
973.  * 跳转下一页
974.  */
975. function nextPage() {
976.     var currPageNum = parseInt($("#currPageNum").val());
977.     var totalPages = parseInt($("#totalPages").val());
978.     var tempPageNum;
980.     if (currPageNum >= totalPages) {
981.         tempPageNum = totalPages;
982.     } else {
983.         tempPageNum = parseInt(currPageNum) + 1;
984.     }
986.     searchParams["pageNum"]=tempPageNum;
987.     directSearchByParam();
988. }
990. /**
991.  * 转到
992.  */
993. function goPage() {
994.     var totalPages = parseInt($("#totalPages").val());
995.     var pageNum = parseInt($("#pageNum").val());
996.     if (!isNaN(pageNum) && pageNum <= totalPages && pageNum > 0) {
997.         searchParams["pageNum"]=pageNum;
998.         directSearchByParam();
999.     } else {
1000.         $("#pageNum").val("");
1001.     }
1002. }
1003. /**
1004.  * 首页
1005.  */
1006. function firstPage() {
1007.     searchParams["pageNum"]=1;
1008.     directSearchByParam();
1009. }
1011. /**
1012.  * 尾页
1013.  */
1014. function lastPage() {
1015.     var totalPages = $("#totalPages").val();
1016.     searchParams["pageNum"]= totalPages;
1017.     directSearchByParam();
1018. }
1019. /**
1020.  * 设置按照品种进行排序
1021.  */
1022. function setSortBreed() {
1023.     var sortBreedFlag = $("#sortBreedFlag").attr("class");
1025.     if (sortBreedFlag == "basic") {
1026.         $("#sortBreedFlag").attr("class", "up");
1027.         searchParams["breedSort"] = "10";
1028.     } else if (sortBreedFlag == "up") {
1029.         $("#sortBreedFlag").attr("class", "down");
1030.         searchParams["breedSort"] = "11";
1031.     } else if (sortBreedFlag == "down") {
1032.         $("#sortBreedFlag").attr("class", "basic");
1033.         searchParams["breedSort"] = "";
1034.     }
1035.     
1036.     directSearchByParam();
1037. }
1039. /**
1040.  * 设置按照规格进行排序
1041.  */
1042. function setSortSpec() {
1043.     var sortSpecFlag = $("#sortSpecFlag").attr("class");
1045.     if (sortSpecFlag == "basic") {
1046.         $("#sortSpecFlag").attr("class", "up");
1047.         searchParams["specSort"] = "10";
1048.     } else if (sortSpecFlag == "up") {
1049.         $("#sortSpecFlag").attr("class", "down");
1050.         searchParams["specSort"] = "11";
1051.     } else if (sortSpecFlag == "down") {
1052.         $("#sortSpecFlag").attr("class", "basic");
1053.         searchParams["specSort"] = "";
1054.     }
1056.     directSearchByParam();
1057. }
1059. /**
1060.  * 设置按照材质进行排序
1061.  */
1062. function setSortMaterial() {
1063.     var sortMaterialFlag = $("#sortMaterialFlag").attr("class");
1065.     if (sortMaterialFlag == "basic") {
1066.         $("#sortMaterialFlag").attr("class", "up");
1067.         searchParams["materialSort"] = "10";
1068.     }
1069.     if (sortMaterialFlag == "up") {
1070.         $("#sortMaterialFlag").attr("class", "down");
1071.         searchParams["materialSort"] = "11";
1072.     }
1073.     if (sortMaterialFlag == "down") {
1074.         $("#sortMaterialFlag").attr("class", "basic");
1075.         searchParams["materialSort"] = "";
1076.     }
1078.     directSearchByParam();
1079. }
1081. /**
1082.  * 设置按照钢厂排序
1083.  */
1084. function setSortBrand() {
1086.     var sortBrandFlag = $("#sortBrandFlag").attr("class");
1088.     if (sortBrandFlag == "basic") {
1089.         $("#sortBrandFlag").attr("class", "up");
1090.         searchParams["brandSort"] = "10";
1091.     } else if (sortBrandFlag == "up") {
1092.         $("#sortBrandFlag").attr("class", "down");
1093.         searchParams["brandSort"] = "11";
1094.     } else if (sortBrandFlag == "down") {
1095.         $("#sortBrandFlag").attr("class", "basic");
1096.         searchParams["brandSort"] = "";
1097.     }
1099.     directSearchByParam();
1100. }
1102. /**
1103.  * 设置按照仓库排序
1104.  */
1105. function setSortWarehouse() {
1106.     var sortWarehouseFlag = $("#sortWarehouseFlag").attr("class");
1108.     if (sortWarehouseFlag == "basic") {
1109.         $("#sortWarehouseFlag").attr("class", "up");
1110.         searchParams["warehouseSort"] = "10";
1111.     } else if (sortWarehouseFlag == "up") {
1112.         $("#sortWarehouseFlag").attr("class", "down");
1113.         searchParams["warehouseSort"] = "11";
1114.     } else if (sortWarehouseFlag == "down") {
1115.         $("#sortWarehouseFlag").attr("class", "basic");
1116.         searchParams["warehouseSort"] = "";
1117.     }
1119.     directSearchByParam();
1120. }
1122. /**
1123.  * 设置根据交货地排序
1124.  */
1125. function setSortCity() {
1126.     var sortCityFlag = $("#sortCityFlag").attr("class");
1128.     if (sortCityFlag == "basic") {
1129.         $("#sortCityFlag").attr("class", "up");
1130.         searchParams["citySort"] = "10";
1131.     } else if (sortCityFlag == "up") {
1132.         $("#sortCityFlag").attr("class", "down");
1133.         searchParams["citySort"] = "11";
1134.     } else if (sortCityFlag == "down") {
1135.         $("#sortCityFlag").attr("class", "basic");
1136.         searchParams["citySort"] = "";
1137.     }
1139.     directSearchByParam();
1140. }
1142. /**
1143.  * 设置按照重量进行排序
1144.  */
1145. function setSortAverageQty() {
1146.     var sortAverageQtyFlag = $("#sortAverageQtyFlag").attr("class");
1148.     if (sortAverageQtyFlag == "basic") {
1149.         $("#sortAverageQtyFlag").attr("class", "up");
1150.         searchParams["averageQtySort"] = "10";
1151.     } else if (sortAverageQtyFlag == "up") {
1152.         $("#sortAverageQtyFlag").attr("class", "down");
1153.         searchParams["averageQtySort"] = "11";
1154.     } else if (sortAverageQtyFlag == "down") {
1155.         $("#sortAverageQtyFlag").attr("class", "basic");
1156.         searchParams["averageQtySort"] = "";
1157.     }
1159.     directSearchByParam();
1160. }
1162. /**
1163.  * 设置按照价格进行排序
1164.  */
1165. function setSortPrice() {
1166.     var sortPriceFlag = $("#sortPriceFlag").attr("class");
1168.     if (sortPriceFlag == "basic") {
1169.         $("#sortPrice").attr("class", "sorton");
1170.         $("#sortPriceFlag").attr("class", "up");
1171.         searchParams["priceSort"] = "10";
1172.     } else if (sortPriceFlag == "up") {
1173.         $("#sortPrice").attr("class", "sortoff");
1174.         $("#sortPriceFlag").attr("class", "down");
1175.         searchParams["priceSort"] = "11";
1176.     } else if (sortPriceFlag == "down") {
1177.         $("#sortPrice").attr("class", "default");
1178.         $("#sortPriceFlag").attr("class", "basic");
1179.         searchParams["priceSort"] = "";
1180.     }
1182.     directSearchByParam();
1183. }
1185. /**
1186.  * 设置按照价格进行排序
1187.  */
1188. function sortPrice() {
1189.     var sortPriceFlag = $("#sortPrice").attr("class");
1191.     if (sortPriceFlag == "default") {
1192.         $("#sortPrice").attr("class", "sorton");
1193.         $("#sortPriceFlag").attr("class", "up");
1194.         searchParams["priceSort"] = "10";
1195.     } else if (sortPriceFlag == "sorton") {
1196.         $("#sortPrice").attr("class", "sortoff");
1197.         $("#sortPriceFlag").attr("class", "down");
1198.         searchParams["priceSort"] = "11";
1199.     } else if (sortPriceFlag == "sortoff") {
1200.         $("#sortPrice").attr("class", "default");
1201.         $("#sortPriceFlag").attr("class", "basic");
1202.         searchParams["priceSort"] = "";
1203.     }
1205.     directSearchByParam();
1206. }
1208. /**
1209.  * 设置按默认排序查找
1210.  */
1211. function setDefaultSort() {
1212.     $("#sortBreedFlag").attr("class", "basic");
1213.     $("#sortSpecFlag").attr("class", "basic");
1214.     $("#sortMaterialFlag").attr("class", "basic");
1215.     $("#sortBrandFlag").attr("class", "basic");
1216.     $("#sortWarehouseFlag").attr("class", "basic");
1217.     $("#sortCityFlag").attr("class", "basic");
1218.     $("#sortAverageQtyFlag").attr("class", "basic");
1219.     $("#sortPriceFlag").attr("class", "basic");
1220.     $("#sortPrice").attr("class","default");
1221.     searchParams["breedSort"] = "";
1222.     searchParams["specSort"] = "";
1223.     searchParams["materialSort"] = "";
1224.     searchParams["brandSort"] = "";
1225.     searchParams["warehouseSort"] = "";
1226.     searchParams["citySort"] = "";
1227.     searchParams["averageQtySort"] = "";
1228.     searchParams["priceSort"] = "";
1229. }
1231. /**
1232.  * 资源列表初始化
1233.  */
1234. function resListInit()
1235. {
1236.     // 清空数据
1237.     $("#thead").siblings().remove();
1238.     $(".page").attr("style", "display:none");
1239.     
1240.     // 添加加载效果图片
1241.     var table = $("#resList");
1242.     var loadingTr = $("#loading");
1243.     if (typeof (loadingTr) == "undefined" || loadingTr.length == 0) {
1244.         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>";
1245.         table.append(loadingTr);
1246.     }
1247.     // 加载动画
1248.     $("#loadingImg").animate({left:"520px"},1000);
1249. }
1251. /**
1252.  * 展示资源列表(没有查询到资源)
1253.  */
1254. function noRes(){
1255.     var table = $("#resList");
1256.     var breedNames = "";
1257.     var breedNameTemp = "";
1258.     var specs = "";
1259.     var materials ="";
1260.     var brands = "";
1261.     var warehouses = "";
1262.     var thickness = "";
1263.     var width = "";
1264.     var price = "";
1265.     var prBreedName = "";
1266.     var city = "";
1267.     var keyword = "";
1268.     
1269.     if(searchParams["keyword"]){
1270.         keyword = "【"+unescape(searchParams["keyword"])+"】";
1271.     }
1272.     if(searchParams["breedInfos"]){
1273.         for(var key in searchParams["breedInfos"]){
1274.             if(breedNameTemp==""){
1275.                 breedNameTemp = searchParams["breedInfos"][key];
1276.                 breedNames = "【"+breedNameTemp+"】";
1277.             }
1278.             else{
1279.                 breedNameTemp = breedNameTemp +"," + searchParams["breedInfos"][key];
1280.                 breedNames = "【"+breedNameTemp+"】";
1281.             }
1282.             
1283.         }
1284.     }
1285.     if(searchParams["breedNames"]){
1286.         breedNames = "【"+unescape(searchParams["breedNames"])+"】";
1287.     }
1288.     if(searchParams["specs"]){
1289.         specs = "【"+unescape(searchParams["specs"])+"】";
1290.     }
1291.     if(searchParams["materials"]){
1292.         materials = "【"+searchParams["materials"]+"】";
1293.     }
1294.     if(searchParams["brands"]){
1295.         brands = "【"+searchParams["brands"]+"】";
1296.     }
1297.     if(searchParams["warehouses"]){
1298.         warehouses = "【"+unescape(searchParams["warehouses"])+"】";
1299.     }
1300.     if(searchParams["startThickness"]){
1301.         thickness = "【厚度大于等于"+searchParams["startThickness"]+"】";
1302.     }
1303.     if(searchParams["endThickness"]){
1304.         thickness = "【厚度小于等于"+searchParams["endThickness"]+"】";
1305.     }
1306.     if(searchParams["startThickness"] && searchParams["endThickness"]){
1307.         thickness = "【厚度"+searchParams["startThickness"]+"-"+searchParams["endThickness"]+"】";
1308.     }
1309.     if(searchParams["startWidth"]){
1310.         width = "【宽度大于等于"+searchParams["startWidth"]+"】";
1311.     }
1312.     if(searchParams["endWidth"]){
1313.         width = "【宽度小于等于"+searchParams["endWidth"]+"】";
1314.     }
1315.     if(searchParams["startWidth"] && searchParams["endWidth"]){
1316.         width = "【宽度"+searchParams["startWidth"]+"-"+searchParams["endWidth"]+"】";
1317.     }
1318.     if(searchParams["startPrice"]){
1319.         price = "【价格大于等于"+searchParams["startPrice"]+"】";
1320.     }
1321.     if(searchParams["endPrice"]){
1322.         price = "【价格小于等于"+searchParams["endPrice"]+"】";
1324.     }
1325.     if(searchParams["startPrice"] && searchParams["endPrice"]){
1326.         price = "【价格"+searchParams["startPrice"]+"-"+searchParams["endPrice"]+"】";
1327.     }
1328.     
1329.     if(searchParams["cityName"]){
1330.         city = "【"+searchParams["cityName"]+"】";
1331.     }
1332.     if(searchParams["prBreedName"]){
1333.         prBreedName = searchParams["prBreedName"];
1334.     }
1335.     else{
1336.         prBreedName = "全部";
1337.     }
1338.     
1339.     var content1 = "<div class='conten1'>"+
1340.                "您要找的<span class='blue' id='conditions'></span>"+
1341.                              "在当前大类<span class='orange' id='prBreedName'></span>中暂时没有相匹配的商品。" +
1342.                          "</div>";
1343.     
1344.     var content3 = "<div class='conten3 cl'>"+
1345.                     "<span>对不起，没有找到相关商品！</span>"+
1346.                     "<a class='goods_tips_btn' href='javascript:;' onclick='findRes()'>帮我找</a>"+
1347.                    "</div>";
1348.     
1349.     var content2 = "<div class='conten2'>钢银钢材超市具有海量真实现货资源，百家钢厂、贸易商在线直销，钢材价格。钢材库存实时更新，买卖钢材无忧。</div>";
1350.     
1351.     var tbody = "<tbody>"+
1352.                     "<tr class='hasno'>"+
1353.                         "<td align='center' colspan='11'>"+
1354.                             "<div class='goods_tips cl'>"+
1355.                                 "<div class='fl goods_tips_img'></div>"+
1356.                                 "<div class='goods_tips_inner fl' id='info'>"+
1357.                                 "</div>" +
1358.                             "</div>" +
1359.                         "</td>" +
1360.                     "</tr>" +
1361.                 "</tbody>";
1362.     setTimeout(
1363.             function(){
1364.                 $("#resCount").text(0);
1365.                 $("#middlearrow_btn").html("");
1366.                 $("#middlearrow_btn").append("<span>0</span>/0");
1367.                 $("#loading").remove();
1368.                 table.append(tbody);
1369.                 $("#info").append(content3);
1370.                 $("#info").append(content1);
1371.                 $("#info").append(content2);
1372.                 $("#conditions").text(city+keyword+breedNames+specs+materials+unescape(brands)+warehouses+thickness+width+price);
1373.                 $("#prBreedName").text(prBreedName);
1374.                 sendFlag = "0";
1375.             },400);
1376.     
1377. }
1379. /**
1380.  * 展示列表信息(查询到资源)
1381.  *
1382.  * @param resData
1383.  * @param onsell
1384.  */
1385. function showResTable(resData, onsell) {
1386.     var table = $("#resList");
1387.     $("#pageSpan").html("");
1388.     $("#totalSpan").html("");
1389.     $("#middlearrow_btn").html("");
1390.     $("#loading").remove();
1391.     $
1392.             .each(
1393.                     resData.pageData,
1394.                     function(index) {
1395.                         var i = index + 1;
1396.                         var tbody = "<tbody id="summaryRes_" + i + ""></tbody>";
1397.                         table.append(tbody);
1398.                         var tr = "<tr id="resource_" + i + ""></tr>";
1399.                         $("#summaryRes_" + i).append(tr);
1400.                         var td1 = "<td id="breed_" + i + ""></td>";
1401.                         var td2 = "<td id="spec_" + i + "">" + this.spec + "</td>";
1402.                         var td3 = "<td id="material_" + i + "">" + this.material + "</td>";
1403.                         var td4 = "<td id="brand_" + i + "">" + this.brand + "</td>";
1404.                         var td5 = "<td id="city_" + i + "">" + this.city + "</td>";
1405.                         var td6 = "<td id="warehouse_" + i + ""></td>";
1406.                         var td7 = "<td id="onboardItems_" + i + ""></td>";
1407.                         var td8 = "<td id="averageQty_" + i + ""></td>";
1408.                         var td9 = "<td id="onboardQty_" + i + "">" + this.onboardQty + "</td>";
1409.                         var td10 = "<td id="price_" + i + ""></td>";
1410.                         var td11 = "<td align="center" id="operate_" + i + ""></td>";
1412.                         $("#resource_" + i).append(td1);
1413.                         $("#resource_" + i).append(td2);
1414.                         $("#resource_" + i).append(td3);
1415.                         $("#resource_" + i).append(td4);
1416.                         $("#resource_" + i).append(td5);
1417.                         $("#resource_" + i).append(td6);
1418.                         $("#resource_" + i).append(td7);
1419.                         $("#resource_" + i).append(td8);
1420.                         $("#resource_" + i).append(td9);
1421.                         $("#resource_" + i).append(td10);
1422.                         $("#resource_" + i).append(td11);
1424.                         if (i % 2 == 0) {
1425.                             $("#resource_" + i).attr("class", "item-data-m");
1426.                         } else {
1427.                             $("#resource_" + i).attr("class", "alt");
1428.                         }
1429.                         // 封装第一列
1430.                         var div1 = "<div class="pad-l14 t-l blue" id="div1_" + i + ""></div>";
1431.                         $("#breed_" + i).append(div1);
1433.                         var label = "<a id="breed_" + this.resourceId + "" href="javascript:void(0);">" + this.breed + "</a>";
1434.                         $("#div1_" + i).append(label);
1436.                         if (this.offFlag == 1) {
1437.                             $("#div1_" + i).append("<span class="ico-b ico-b-yi" title="可议价!"></span>");
1438.                         }
1439.                         
1440.                         if (this.relationType == 1) {
1441.                             $("#div1_" + i).append("<span class="ico-b ico-b-cang" title="仓"></span> ");
1442.                         } else if (this.relationType == 3) {
1443.                             $("#div1_" + i).append("<span title="融" class="ico-b ico-b-rong"></span>");
1444.                         }
1446.                         if (this.resourceItems == 1) {
1447.                             $("#resource_" + i).attr("onmouseover","onMouseOverDetailTr(this.id)");
1448.                             $("#resource_" + i).attr("onmouseout","onMouseOutDetailTr(this.id)");
1449.                             
1450.                             // 展示备注信息事件添加
1451.                             $("#div1_" + i).attr("onmousemove", "showNote(this);");
1452.                             $("#div1_" + i).attr("onmouseout", "hideNote(this);");
1453.                             // 备注信息内容展示
1454.                             if(this.realBreedAlias && (this.realBreedAlias != this.breed || this.note || this.serialNo || this.qualityFatherRemark)){
1455.                                 var pop_bname = "<div class="pop-bname" style="display: none;" id="pop_bname_" + i + ""></div>";
1456.                                 var pop_bname_arrow = "<div class="pop-bname-arrow">";
1457.                                 var pop_bname_col = "<div class="pop-bname-col" id="pop_bname_col_" + i + ""> </div>";
1458.                                 $("#div1_" + i).append(pop_bname);
1459.                                 $("#pop_bname_" + i).append(pop_bname_arrow);
1460.                                 $("#pop_bname_" + i).append(pop_bname_col);
1461.                                 if (this.realBreedAlias && this.realBreedAlias != this.breed) {
1462.                                     $("#pop_bname_col_" + i).append("别名:" + this.realBreedAlias);
1463.                                 }
1464.                                 if (this.note) {
1465.                                     $("#pop_bname_col_" + i).append("<span>备注:" + this.note + "</span>");
1466.                                 }
1467.                                 if (this.serialNo) {
1468.                                     $("#pop_bname_col_" + i).append("捆包号:" + this.serialNo);
1469.                                 }
1470.                                 if(this.qualityFatherRemark){
1471.                                     $("#pop_bname_col_" + i).append("协议品:" + this.qualityFatherRemark);
1472.                                 }
1473.                             }
1474.                             
1475.                             $("#averageQty_" + i).html(this.averageQty);
1476.                             
1477.                             if (this.weightWay == 0) {
1478.                                 $("#onboardQty_" + i).attr("title", "理重");
1479.                             } else if (this.weightWay == 1) {
1480.                                 $("#onboardQty_" + i).attr("title", "过磅");
1481.                             } else {
1482.                                 $("#onboardQty_" + i).attr("title", "抄码");
1483.                             }
1484.                             
1485.                             var div8 = "<div class="cl" id="div8_" + i + ""></div>";
1486.                             $("#operate_" + i).append(div8);
1487.                             var div9 = "<div class="operate" id="div9_" + i + ""></div>";
1488.                             $("#div8_" + i).append(div9);
1489.                             
1490.                             if (onsell=="true") {
1491.                                 if (this.isOutDate == "1") {
1492.                                     var span1 = "<span  class="btn-buy-gray" >待挂牌</span>";
1493.                                     $("#div9_" + i).append(span1);
1494.                                 } else {
1495.                                     var cart = "<a class="buy btnCart" href="javascript:void(0);" onclick="addCartv6('"
1496.                                             + this.resourceId
1497.                                             + "','0','1','"
1498.                                             + this.onboardPrice
1499.                                             + "','"
1500.                                             + this.onboardQty
1501.                                             + "','"
1502.                                             + this.averageQty
1503.                                             + "',1,this);">购买</a>"
1504.                                             + "<div class="pop-addcart">"
1505.                                             + "<div class="pop-addcart-arrow"></div>"
1506.                                             + "<div class="pop-addcart-col">"
1507.                                             + "<div class="tcon">已成功添加到购物车</div>"
1508.                                             + "<div class="t">共计<span class="orange" id="averageQtyTotalTempPop"></span>吨 <span class="orange" id="itemTotalTempPop"></span>件 <span class="orange" id="priceTotalTempPop"></span></div>"
1509.                                             + "<div class="pop-addcart-operate">" + "<input type="button" value="去结算" class="btn-js" name="" onclick="goCar();">"
1510.                                             + "<input type="button" value="继续购物" class="btn-gobuy" name="">" + "</div></div></div>";
1511.                                     $("#div9_" + i).append(cart);
1512.                                     $(".btn-gobuy").attr("onclick","goBuy()");
1514.                                 }
1515.                             } else {
1516.                                 $("#div9_" + i).append("<a href="javascript:void(0);" class="buy-gray">已闭市</a>");
1517.                             }
1519.                             // 当无明细时操作列展示元素添加
1520.                             var div10 = "<div class="chat f-fl">"
1521.                                     + "<a class="img" href="javascript:void(0);" onclick="showAdmin(this);"></a>"
1522.                                     + "<div class="pop-tel" style="display: none;">"
1523.                                     + this.marketAdminName
1524.                                     + "<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>"
1525.                                     + "<br>电话：" + this.marketPhone + "<br>手机：" + this.marketMobile + "</div><div class="pop-tel-arrow" style="display: none;"></div></div>";
1526.                             $("#div8_" + i).append(div10);
1527.                         }
1528.                         if (this.resourceItems > 1) {
1529.                             // 添加点击展示明细事件
1530.                             $("#summaryRes_" + i).attr("class","item-data");
1531.                             $("#resource_" + i).attr("onmouseover","onMouseOverSummaryTr(this.id)");
1532.                             $("#resource_" + i).attr("onmouseout","onMouseOutSummaryTr(this.id)");
1533.                             $("#breed_" + i).attr("onclick", "showDetail(this,'" + this.summaryCode + "'," + i + ");");
1534.                             $("#spec_" + i).attr("onclick", "showDetail(this,'" + this.summaryCode + "'," + i + ");");
1535.                             $("#material_" + i).attr("onclick", "showDetail(this,'" + this.summaryCode + "'," + i + ");");
1536.                             $("#brand_" + i).attr("onclick", "showDetail(this,'" + this.summaryCode + "'," + i + ");");
1537.                             $("#city_" + i).attr("onclick", "showDetail(this,'" + this.summaryCode + "'," + i + ");");
1538.                             $("#onboardItems_" + i).attr("onclick", "showDetail(this,'" + this.summaryCode + "'," + i + ");");
1539.                             $("#averageQty_" + i).html("-");
1540.                             $("#onboardQty_" + i).attr("onclick", "showDetail(this,'" + this.summaryCode + "'," + i + ");");
1541.                             $("#price_" + i).attr("onclick", "showDetail(this,'" + this.summaryCode + "'," + i + ");");
1542.                             $("#operate_" + i).attr("onclick", "showDetail(this,'" + this.summaryCode + "'," + i + ");");
1544.                             // 当有明细时操作列元素添加
1545.                             var div7 = "<div class="cl"><div class="operate"><a class="btn-open btnoff" href="javascript:void(0);" id="btnopen" >展开</a><div class="table_hover" >"
1546.                                     + "<div class="table_hover_left" style="display: none;"></div>" + "<div class="table_hover_right"  style="display: none;"></div>"
1547.                                     + "<div class="table_hover_top" style="display: none;"></div>" + "<div class="table_hover_bottom" style="display: none;"></div>" + "</div></div></div>";
1548.                             $("#operate_" + i).append(div7);
1550.                         }
1552.                         // 价格列元素封装
1553.                         if (onsell=="true") {
1554.                             if (this.isOutDate == "1") {
1555.                                 var b2 = "<b class="f14 gray">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-</b>";
1556.                                 $("#price_" + i).append(b2);
1557.                             } else {
1558.                                 var b3 = "<b class="f14 orange">" + this.onboardPrice + "</b>";
1559.                                 $("#price_" + i).append(b3);
1560.                             }
1561.                         }
1562.                         else {
1563.                             var b4 = "<b class="f14 orange">" + this.onboardPrice + "</b>";
1564.                             $("#price_" + i).append(b4);
1565.                         }
1566.                         // 封装仓库列
1567.                         var div5 = "<div class="warehouse-name" id="div5_" + i + ""></div>";
1568.                         var href = "<a class="t-warehouse" href="javascript:void(0);" id="href_" + i + "">" + this.warehouse + "</a>";
1569.                         $("#warehouse_" + i).append(div5);
1570.                         $("#div5_" + i).append(href);
1571.                         $("#href_" + i).attr("onclick", "showWarehouseInfo(this,'" + this.warehouseName + "'," + i + ");");
1572.                         $("#div5_" + i).attr("onmouseout", "hideWarehouse(this)");
1573.                         // 封装数量列
1574.                         var div6 = "<div class="pad-l7">" + this.onboardItems + "</div>";
1575.                         $("#onboardItems_" + i).append(div6);
1577.                         var input = "<input type="hidden" id="cityId_" + i + "" value='" + this.cityId + "'/>";
1578.                         $("#resource_" + i).append(input);
1580.                     });
1581.     // 分页
1582.     $("#currPageNum").val(resData.currPageNum);
1583.     $("#totalPages").val(resData.totalPages);
1584.     $("#totalRows").val(resData.totalRows);
1585.     $(".page").attr("style", "display:block");
1586.     
1587.     // 资源统计展示
1588.     $("#resCount").text(resData.totalRows);
1589.     $("#middlearrow_btn").append("<span>" + resData.currPageNum + "</span>/" + resData.totalPages);
1590.     page();
1591.     sendFlag = "0";
1592. }
1594. /**
1595.  * 使用searchParams直接进行查询
1596.  */
1597. function directSearchByParam() {
1598.     // 初始化
1599.     resListInit();
1600.     // 关键字中含城市
1601.     keyWordIsCity();
1602.     // 设置选中效果
1603.     setAttrParams();
1604.     // 展示当前查询条件
1605.     showParams();
1606.     // 有收索字段时添加记录
1607.     if((searchParams["keyword"]!="" && typeof(searchParams["keyword"])!="undefined") || (searchParams["breedIds"]!="" && typeof(searchParams["breedIds"])!="undefined" )
1608.             ||(searchParams["breedNames"]!="" && typeof(searchParams["breedNames"])!="undefined")
1609.             ||(searchParams["specs"]!="" && typeof(searchParams["specs"])!="undefined") || (searchParams["materials"]!="" && typeof(searchParams["materials"])!="undefined" )
1610.             ||(searchParams["brands"]!="" && typeof(searchParams["brands"])!="undefined")|| (searchParams["warehouses"]!="" && typeof(searchParams["warehouses"])!="undefined")
1611.             ||(searchParams["cityId"]!="" && typeof(searchParams["cityId"])!="undefined")|| (searchParams["startPrice"]!="" && typeof(searchParams["startPrice"])!="undefined")
1612.             ||(searchParams["endPrice"]!=""&&typeof(searchParams["endPrice"])!="undefined"))
1613.     {
1614.         addRecords(searchParams);
1615.     }
1616.     
1617.     // 通过ajax请求超市资源(为防止ajax请求过于频繁,导致页面内容重叠,使用sendFlag,下一次请求只能在这次请求完成后继续进行)
1618.     if(sendFlag == "0"){
1619.         sendFlag = "1";
1620.         $.ajax({
1621.             type : "post",
1622.             data : searchParams,
1623.             url : "/resource/searchSuperMarketResource.jsp",
1624.             timeout:60000,
1625.             dataType : "text",
1626.             
1627.             success : function(message) {
1628.                 if (message != null && message != ""){
1629.                     var map = $.parseJSON(message);
1630.                     var onsell = $("#onSellValue").val();
1631.                     if (map["pageSet"] != null) {
1632.                         setTimeout(function(){showResTable(map["pageSet"], onsell);},300);
1633.                     }
1634.                 }
1635.                 else {
1636.                     noRes();
1637.                 }    
1638.             },
1639.             error : function() {
1640.                 alert("程序内部发生错误,请联系管理员");
1641.             }
1642.         });
1643.     }
1644. }
1646. /**
1647.  * 查询方法(分页和排序自动回复默认)
1648.  *
1649.  * @param params
1650.  */
1651. function searchByParams() {
1652.     searchParams["pageNum"] = 1;
1653.     setDefaultSort();
1654.     directSearchByParam();
1655. }
1657. /**
1658.  * 展示汇总下面的明细
1659.  */
1660. function showDetail(obj,summaryCode,count){
1661.     var btnOpenClass = $(obj).parent().find("#operate_"+count).find("#btnopen").attr("class");
1662.     
1663.     if(btnOpenClass == "btn-open btnoff"){
1664.         $(obj).parent().find("#operate_"+count).find("#btnopen").text("收起");
1665.     }
1666.     else{
1667.         $(obj).parent().find("#operate_"+count).find("#btnopen").text("展开");
1668.     }
1669.     
1670.     var tableBody=$("#summaryRes_"+count);
1671.     // 取得onSell的值
1672.     var onSell=$("#onSellValue").val();
1673.     
1674.     // 判断如果旗下已经加载了明细则直接展示不增加
1675.     var trLength=tableBody.children("tr").length;
1676.     
1677.     if(trLength>1){
1678.         var hiddenRows = tableBody.children('tr:hidden').length;
1679.         var fold_btn=$("#fold_btn_"+summaryCode);
1680.         if(hiddenRows>0){
1681.             // 展开的全部缩起来
1682.             foldAllDetail();
1683.             openDetail(fold_btn);
1684.             configDetailEdage(count);
1685.         }else{
1686.             foldDetail(fold_btn);
1687.         }
1688.     }else{
1689.         // 加载等待图标
1690.         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>";
1691.            tableBody.append(showWait);
1692.         $.ajax({     
1693.             type: "Post",     
1694.             url: "/resource/getMarketResourceDetail.jsp?callback=?",     // 查询该汇总下的明细列表
1695.             // 方法传参的写法一定要对，str为形参的名字,str2为第二个形参的名字
1696.             "data" : {"summaryId" : summaryCode},
1697.             dataType: "jsonp",     
1698.             success : function(json){
1699.                 // 展开的全部缩起来
1700.                 foldAllDetail();
1701.                 // 返回的数据列表在 json.returnStr中循环并展示
1702.                 var resArr=json.returnStr;
1703.                 var b='';
1704.                 
1705.                 for (var i=0;i<resArr.length;i++)
1706.                 {
1707.                     var txt='';
1708.                     if(i%2==0)
1709.                     {
1710.                     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  ;
1711.                     }
1712.                     else{
1713.                     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  ;
1715.                     }
1716.                     // 加载资源类型图片
1717.                     var pic1='';
1718.                     if(resArr[i].offFlag=="1"){
1719.                         pic1="<span class='ico-b ico-b-yi' title='可议价!'></span>";
1720.                     }
1721.                     var pic2='';
1722.                     if(resArr[i].relationType=="1"){
1723.                         pic2="<span class='ico-b ico-b-cang' title='仓'></span>";
1724.                     }
1725.                      if(resArr[i].relationType=="3"){
1726.                         pic2="<span title='融' class='ico-b ico-b-rong'></span>";
1727.                     }
1728.                     var detailPic=pic1+pic2;
1729.                     
1730.                     // 备注和别名的内容
1731.                     var aliasAndNote='';
1732.                     // 别名和备注dom
1733.                     var detailAlias='';
1734.                     if(resArr[i].realBreedAlias !=null && resArr[i].realBreedAlias!=''){
1735.                         aliasAndNote=aliasAndNote+"别名："+resArr[i].realBreedAlias;
1736.                     }
1737.                     if(resArr[i].note !=null && resArr[i].note!=''){
1738.                         aliasAndNote=aliasAndNote+" 备注："+resArr[i].note+"<br>";
1739.                     }
1740.                     if(resArr[i].serialNo !=null && resArr[i].serialNo!=''){
1741.                         aliasAndNote=aliasAndNote+" 捆包号："+resArr[i].serialNo;
1742.                     }
1743.                     if(aliasAndNote!=''){
1744.                        detailAlias="<div class='pop-bname' style='display: none;'> <div class='pop-bname-arrow'></div> <div class='pop-bname-col'>" +aliasAndNote+"</div> </div> </div></td>";
1745.                     }
1746.                     // 规格
1747.                     var detailSpec="<td>"+resArr[i].spec+"</td>";
1748.                     // 材质
1749.                     var detailMaterial="<td>"+resArr[i].material+"</td>";
1750.                     // 钢厂
1751.                     var detailBrand="<td>"+resArr[i].brand+"</td>";
1752.                     // 交货地
1753.                     var detailCity="<td>"+resArr[i].city+"</td>";
1754.                     // 仓库
1755.                     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>";
1756.                     
1757.                     // 数量
1758.                     var detailNum="<td><div class='pad-l7'>"+resArr[i].onboardItems+"</div></td>";
1759.                     
1760.                     
1761.                     var detailQtyTitle='';
1762.                     if(resArr[i].weightWay==0){
1763.                         detailQtyTitle="title=理重";
1764.                     }
1765.                     else if(resArr[i].weightWay==1){
1766.                         detailQtyTitle="title=过磅";
1767.                     }
1768.                     else{
1769.                         detailQtyTitle="title=抄码";
1770.                     }
1771.                     // 重量
1772.                     var detailQty="<td "+detailQtyTitle+">"+resArr[i].onboardQty+"</td>";
1773.                     var detailAverageQty="<td>" + resArr[i].averageQty +"</td>";
1774.                     
1775.                     // 价格的内容
1776.                     var priceInfo='';
1777.                     if(onSell=='true'){
1778.                         if(resArr[i].status==null||resArr[i].status==0||resArr[i].status==""){
1779.                             priceInfo="<b class='f14 orange'>"+未挂牌+"</b>";
1780.                         }
1781.                         else
1782.                         {
1783.                            if(resArr[i].isOutDate==1){
1784.                                priceInfo="<b class='f14 gray'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-</b>";
1785.                            }
1786.                            else
1787.                            {
1788.                                priceInfo="<b class='f14 orange'>"+parseFloat(resArr[i].onboardPrice)+"</b>";
1789.                            }
1790.                         }
1791.                     }
1792.                     else
1793.                     {
1794.                         priceInfo="<b class='f14 orange'>"+parseFloat(resArr[i].onboardPrice)+"</b>";
1795.                     }
1796.                     
1797.                     var detailPrice="<td class='price'>"+priceInfo+"</td>";
1798.                     // 联系人和联系方式
1799.                     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>";
1800.                     // 购买框显示的内容
1801.                     var buyValue='';
1802.                     if(onSell=='true'){
1803.                         if(resArr[i].isOutDate=='1'){
1804.                             buyValue="<span  class='btn-buy-gray'>待挂牌</span>";
1805.                         }
1806.                         else{
1807.                             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>" +
1808.                                         "<div class='pop-addcart'>" +
1809.                                             "<div class='pop-addcart-arrow'></div>" +
1810.                                             "<div class='pop-addcart-col'>" +
1811.                                                 "<div class='tcon'>已成功添加到购物车</div>" +
1812.                                                 "<div class='t'>共计<span class='orange' id='averageQtyTotalTempPop'></span>吨 <span class='orange' id='itemTotalTempPop'></span>件 <span class='orange' id='priceTotalTempPop'></span></div>" +
1813.                                                 "<div class='pop-addcart-operate'>" +
1814.                                                     "<input type='button' value='去结算' class='btn-js' name='' onclick='goCar();'>" +
1815.                                                     "<input type='button' value='继续购物' class='btn-gobuy' name='' onclick='closePopCart(this);'>" +
1816.                                                 "</div>" +
1817.                                             "</div>" +
1818.                                         "</div>";
1819.                         }
1820.                     }
1821.                     else{
1822.                         buyValue="<a href='javascript:void(0);' class='buy-gray'>已闭市</a>";
1823.                     }
1824.                     
1825.                     // 购买dom
1826.                     var detailBuy="<td> <div class='cl'> <div class='operate'> "+buyValue+"</div>"+detailCallWay+"</div> </td>"+"</tr>";
1827.                     b=b+txt+detailPic+detailAlias+detailSpec+detailMaterial+detailBrand+detailCity+detailWarehouse+detailNum+detailAverageQty+detailQty+detailPrice+detailBuy;
1828.                 }
1829.                 $("#showWait_"+count).remove();
1830.                 tableBody.append(b);
1831.                 // 绑定子仓库移出后消失的事件
1832.                                 $(".warehouse-name").mouseleave(function(){
1833.                                     $(".pop-warehouse,.pop-warehouse-arrow").hide();
1834.                                 });
1835.                                 
1836.                 tableBody.children(".item-data-detail").mouseleave(function(){
1837.                     $(".pop-warehouse,.pop-warehouse-arrow").hide();
1838.                 });
1839.                 
1840.                 // 增加折叠行
1841.                 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>");
1842.                 tableBody.append(fold);
1843.                 openDetail(fold);
1844.                 configDetailEdage(count);
1845.             },
1846.             error :function(){
1847.                 $("#showWait_"+count).remove();
1848.                 // 增加暂无数据行
1849.                 var noData="<tr class='item-data-detail' ><td align='center' colspan='11'> <div class='pad-l14 blue'><label>资源下架或已售罄，请稍后...</label></div></td></tr>";
1850.                 // 增加折叠行
1851.                 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>");
1852.                 tableBody.append(fold);
1853.                 openDetail(fold);
1854.                 configDetailEdage(count);
1855.             }   
1856.         });   
1857.     }
1858. }
1860. function onMouseOverSummaryTr(id){
1861.     $("#"+id).attr("class","item-data-m alt thover over");
1862. }
1864. function onMouseOutSummaryTr(id){
1865.     var index = id.split("_")[1];
1866.     
1867.     if (index % 2 == 0) {
1868.         $("#resource_" + index).attr("class", "item-data-m");
1869.     } else {
1870.         $("#resource_" + index).attr("class", "alt");
1871.     }
1872. }
1874. function onMouseOverDetailTr(id){
1875.     $("#"+id).attr("class","thover over");
1876. }
1878. function onMouseOutDetailTr(id){
1879.     var index = id.split("_")[1];
1880.     
1881.     if (index % 2 == 0) {
1882.         $("#resource_" + index).attr("class", "item-data-m");
1883.     } else {
1884.         $("#resource_" + index).attr("class", "alt");
1885.     }
1886. }
1889. /**
1890.  * 展示仓库信息
1891.  */
1892. function showWarehouseInfo(obj,warehouseName,count){
1893.     // 如果已经加载了仓库信息 则直接把旗下仓库信息展现出来即可
1894.     if($(obj).parents(".warehouse-name").find(".pop-warehouse-arrow").length > 0 ){
1895.         $(obj).parents(".warehouse-name").find(".pop-warehouse").show();
1896.         $(obj).parents(".warehouse-name").find(".pop-warehouse-arrow").show();
1897.         return
1898.     }
1899.     // 获取城市Id
1900.     var cityIdName="#cityId_"+count;
1901.     var cityId=$(cityIdName).val();
1902.      $.ajax({     
1903.             type: "Post",     
1904.             url: "/resource/getWarehouseInfo.jsp?callback=?",     // 查询该汇总下的明细列表
1905.             // 方法传参的写法一定要对，str为形参的名字,str2为第二个形参的名字
1906.             "data" : {"warehouse" : warehouseName,"cityId" : cityId},
1907.             dataType: "jsonp",     
1908.             success : function(json){
1909.              var txt=json.returnStr;
1910.              // 仓库名字
1911.              var detailName= "<strong class='f14 orange'>"+txt.name+"</strong>";
1912.              // 仓库地址
1913.              var detailAdd="<br><strong>仓库地址：</strong>"+txt.address+"<br>";
1914.              // 联系电话
1915.              var detailPhone="<strong>联系电话：</strong>"+txt.phone;
1916.            // 拼装仓库信息展示元素
1917.             var warehouseInfo= "<div class='pop-warehouse' style='display: none;'>"+detailName+detailAdd+detailPhone+"</div> <div class='pop-warehouse-arrow' style='display: none;'></div>";
1918.             $(obj).parents(".warehouse-name").append(warehouseInfo);
1919.             // 展示出仓库信息
1920.             $(obj).parents(".warehouse-name").find(".pop-warehouse").show();
1921.             $(obj).parents(".warehouse-name").find(".pop-warehouse-arrow").show();
1922.             },
1923.             error:function(){
1924.             }   
1925.         });   
1926. }
1928. /**
1929.  * 隐藏仓库信息
1930.  *
1931.  * @param obj
1932.  */
1933. function hideWarehouse(obj){
1934.     
1935.     $(obj).children(".pop-warehouse,.pop-warehouse-arrow").hide();    
1936. }
1938. /**
1939.  * 展示备注等
1940.  */
1941. function showNote(obj){
1942.     $(obj).find(".pop-bname").show();
1943. }
1944. /**
1945.  * 移开消失备注
1946.  */
1947. function hideNote(obj){
1948.     $(obj).find(".pop-bname").hide();
1949. }
1951. function onMouseOver(obj,count){
1952.     var aId=$(obj).attr("class");
1953.     if(aId=="select"||aId=="more select"||aId=="selected"||aId=="more selected"){
1954.         return;
1955.     }
1956.     $(obj).addClass("hover");
1957.     var spanId="#brandSpan_"+count;
1958.     $(spanId).addClass("border");
1959. }
1961. function onMouseOut(obj,count){
1962.     $(obj).removeClass("hover");
1963.     var spanId="#brandSpan_"+count;
1964.     $(spanId).removeClass("border");
1965. }
1967. function foldAllDetail(){
1968.     $('.item-data').find(".table_hover .table_hover_left").css("display","none");
1969.     $('.item-data').find(".table_hover .table_hover_right").css("display","none");
1970.     $('.item-data').find(".table_hover .table_hover_top").css("display","none");
1971.     $('.item-data').find(".table_hover .table_hover_bottom").css("display","none");
1972.     $('.item-data').removeClass("show");
1973.     $('.item-data').find(".item-data-detail").hide();
1974.     $('.item-data').find(".btn-open").text("展开");
1975.     $('.item-data').find(".btn-open").addClass("btnoff");
1976. }
1978. /**
1979.  * 点击折叠
1980.  */
1981. function foldDetail(obj){
1982.     var index = $(obj).parents(".item-data").attr("id").split("_")[1];
1983.     if (index % 2 == 0) {
1984.         $(obj).parents(".item-data").find(".table_hover .table_hover_left").css("display","none");
1985.         $(obj).parents(".item-data").find(".table_hover .table_hover_right").css("display","none");
1986.         $(obj).parents(".item-data").find(".table_hover .table_hover_top").css("display","none");
1987.         $(obj).parents(".item-data").find(".table_hover .table_hover_bottom").css("display","none");
1988.     } else {
1989.         $(obj).parents(".item-data").find(".alt .table_hover_left").css("display","none");
1990.         $(obj).parents(".item-data").find(".alt .table_hover_right").css("display","none");
1991.         $(obj).parents(".item-data").find(".alt .table_hover_top").css("display","none");
1992.         $(obj).parents(".item-data").find(".alt .table_hover_bottom").css("display","none");
1993.     }
1994.     
1995.     $(obj).parents(".item-data").removeClass("show");
1996.     $(obj).parents(".item-data").find(".item-data-detail").hide();
1997.     $(obj).parents(".item-data").find(".btn-open").text("展开");
1998.     $(obj).parents(".item-data").find(".btn-open").addClass("btnoff");
1999.     
2000. }
2002. function openDetail(obj){
2003.     $(obj).parents(".item-data").find(".item-data-m .table_hover div").css("display","block");
2004.     $(obj).parents(".item-data").addClass("show");
2005.     $(obj).parents(".item-data").find(".item-data-detail").show();
2006.     $(obj).parents(".item-data").find(".btn-open").text("收起");
2007.     $(obj).parents(".item-data").find(".btn-open").removeClass("btnoff");
2008.     $(obj).parents(".table_hover .table_hover_bottom").css("top","11px");
2009.     $(obj).parents(".table_hover .table_hover_left").css("height","44px");
2010.     $(obj).parents(".table_hover .table_hover_right").css("height","44px");
2011. }
2013. function configDetailEdage(index){
2014.     var edage=$("#summaryRes_"+index);
2015.     edage.find('.table_hover div').css("display","block");
2016.     var hbottom=edage.height()-38;
2017.     var hlefet=edage.height();
2018.     edage.find(".table_hover .table_hover_bottom").css("top",hbottom+"px");
2019.     edage.find(".table_hover .table_hover_left").css("height",hlefet+"px");
2020.     edage.find(".table_hover .table_hover_right").css("height",hlefet+"px");
2021. }
2023. /**
2024.  * 点击展示联系人等
2025.  */
2026. function showAdmin(obj){
2027.     // 先把打开的关掉
2028.     if($(obj.target).attr('class')!='img'){
2029.         $('.pop-tel,.pop-tel-arrow').hide();
2030.     }
2031.     $(obj).parents(".chat").find(".pop-tel").show();
2032.     $(obj).parents(".chat").find(".pop-tel-arrow").show();
2033. }
2036. /**
2037.  * 点击其他地方消除联系方式
2038.  */
2039. $(document).click(function(ee){
2040.     if($(ee.target).attr('class')!='img'){
2041.         $('.pop-tel,.pop-tel-arrow').hide();
2042.     }
2043.     
2044. });
2046. $('.pop-tel,.pop-tel-arrow').click(function(ee){
2047.     if(ee && ee.stopPropagation()){
2048.         ee.stopPropagation();
2049.     }else{
2050.         ee.cancelBubble=true;
2051.     }
2052.     
2053. });
2055. /**
2056.  * 抛物线形式加入购物车以及弹出pop操作
2057.  *
2058.  * @param currentObj
2059.  */
2060. function goCart(currentObj){
2061.     // 元素以及其他一些变量
2062.     var eleFlyElement = $("#flyItem")[0], eleShopCart = $(".fc-cart-item")[0];
2063.     
2064.     // 抛物线运动
2065.     var myParabola = funParabola(eleFlyElement, eleShopCart, {
2066.         speed: 200,
2067.         curvature: 0.002,    
2068.         complete: function() {
2069.             eleFlyElement.style.display = "none";
2070.         }
2071.     });
2072.     
2073.     // 绑定点击事件
2074.     if (eleFlyElement && eleShopCart) {
2075.         // 滚动大小
2076.         eleFlyElement.style.display = "block";
2077.         eleFlyElement.style.left = $(currentObj).offset().left + "px";
2078.         eleFlyElement.style.top = $(currentObj).offset().top +"px";
2079.             
2080.         // 需要重定位
2081.         myParabola.position().move();
2082.         var fcl = document.getElementById('flyItem').offsetLeft - 10;
2083.         document.getElementById('flyItem').style.left=fcl+'px';
2084.         
2085.         $(currentObj).removeAttr("onclick");
2086.         $(currentObj).attr("class","buy-gray");
2087.         $(currentObj).attr("class","buy-gray");
2088.         $(currentObj).text("已购买");
2089.     }
2090. }
2092. /**
2093.  * 传入参数拼装成cookie
2094.  */
2095. function getCookieValue(resourceId, shopId, channelType, price, qty, averageQty , items)
2096. {
2097.     // 返回数据格式:资源ID+shopId+资源类型+价格+ 数量+件重
2098.     return resourceId + "_" + shopId + "_" + channelType + "_" + price + "_" + qty + "_" + averageQty + "_" + items;
2099. }
2101. /**
2102.  * 将资源相关信息加入购物车
2103.  *
2104.  * @param name
2105.  * @param resourceId
2106.  * @param shopId
2107.  * @param price
2108.  * @param qty
2109.  * @param averageQty
2110.  * @param channelType
2111.  * @param currentObj
2112.  */
2113. function SetCookiev6(name, resourceId, shopId, price, qty, averageQty, items, channelType,currentObj)
2114. {
2115.     var cookieValue = $.cookie(name);
2117.     if (cookieValue != null && cookieValue != "")  // 如果存在 则累加
2118.     {
2119.         var uneacapeCookieValue = unescape(cookieValue);  // 解码
2120.         
2121.         if(uneacapeCookieValue.indexOf(resourceId)==-1){
2122.             uneacapeCookieValue += "," + getCookieValue(resourceId, shopId, channelType, price, qty, averageQty,items);
2123.             $.cookie(name, escape(uneacapeCookieValue), {expires: 30, domain:'banksteel.com', path: '/'});
2124.         }
2126.         changeShortCarListv6(uneacapeCookieValue);  // 更新购物车数据
2127.     }
2128.     else    // 如果不存在Cookie 创建
2129.     {
2130.         var values = getCookieValue(resourceId, shopId, channelType, price, qty, averageQty,items);
2131.         $.cookie(name, escape(values), {expires: 30, domain:'banksteel.com', path: '/'});
2132.         var cookieValue = $.cookie(name);
2134.         changeShortCarListv6(unescape(cookieValue));  // 更新购物车数据
2135.     }
2136. }
2138. // 关闭该窗体
2139. function closePopCart(currentObj)
2140. {
2141.     $(currentObj).parent().parent().parent(".pop-addcart").css("display","none");
2142. }
2144. // 更新购物车数据 参数为未加密的Cookie
2145. function changeShortCarListv6(cookieValue)
2146. {
2147.     var qtySum = 0;
2148.     var priceSum = 0;
2149.     var averageQtySum = 0;
2150.     var priceTotal = 0;
2151.     var itemTotal = 0;
2153.     if(!cookieValue)
2154.     {
2155.         $('#rcart_top').html(0);
2156.         $('#rcart').html(0);
2157.         $('#cartCountNav').html(0);
2158.         $('#cartCountNav1').html(0);
2159.         $('#itemTotalTemp').html(0);
2160.         $('#averageQtyTotalTemp').html(0.0000);
2161.         $('#priceTotalTemp').html(0.00);
2162.         
2163.         return;
2164.     }
2165.     
2166.     var values = cookieValue.split(',');
2168.     for (var i = 0; i < values.length; i++)
2169.     {
2170.         var averageQty1 = parseFloat(values[i].split("_")[5]);
2171.         var qty1 =  parseFloat(values[i].split("_")[4]);
2172.         var price1 = parseFloat(values[i].split("_")[3]);
2173.         var items = parseInt(values[i].split("_")[6]);
2174.         var oneResourcePrice = MyNumber.precision(MyNumber.mul(averageQty1,price1),4);
2175.         
2176.         priceTotal = MyNumber.add(MyNumber.precision(parseFloat(priceTotal),2),MyNumber.precision(parseFloat(MyNumber.mul(oneResourcePrice,items)),2),2);
2177.         averageQtySum = MyNumber.add(MyNumber.precision(parseFloat(averageQtySum),4),MyNumber.precision(parseFloat(MyNumber.mul(averageQty1,items)),4),4);
2178.         qtySum = MyNumber.add(MyNumber.precision(parseFloat(qtySum),4),MyNumber.precision(parseFloat(qty1),4),4);
2179.         priceSum = MyNumber.add(MyNumber.precision(parseFloat(priceSum),2),MyNumber.precision(parseFloat(price1),2),2);
2180.         itemTotal = items + itemTotal;
2181.     }
2182.     
2183.     $('#rcart_top').html(itemTotal);
2184.     $('#rcart').html(itemTotal);
2185.     $('#cartCountNav').html(itemTotal);
2186.     $('#cartCountNav1').html(itemTotal);
2187.     $('#itemTotalTemp').html(itemTotal);
2188.     $('#averageQtyTotalTemp').html(averageQtySum);
2189.     $('#priceTotalTemp').html(priceTotal);
2190. }
2192. function orFade(currentObj)
2193. {
2194.     $(currentObj).siblings(".pop-addcart").show();
2195. }
2197. /**
2198.  * 如果关键词是交货地,则按交货地查询
2199.  */
2200. function keyWordIsCity(){
2201.     if(searchParams["keyword"] != null && searchParams["keyword"] != ""  && searchParams["keyword"] != "undefiend" && typeof(searchParams["keyword"])!="undefiend"){
2202.         var keyword = searchParams["keyword"];
2203.         var cityMap = $.parseJSON(cities);
2204.         var cityId = "";
2205.         var cityName = "";
2206.         for(var key in cityMap){
2207.             if(unescape(keyword).indexOf(cityMap[key])>= 0){
2208.                 if (cityId == "") {
2209.                     cityId += key;
2210.                     cityName += cityMap[key];
2211.                 } else {
2212.                     cityId += "," + key;
2213.                     cityName += "," + cityMap[key];
2214.                 }
2215.             }
2216.         }
2217.          searchParams["cityId"]=cityId;
2218.          searchParams["cityName"]=cityName;
2219.     }
2220. }
2223. // 展示查询条件
2224. function showParams() {
2225.     var cityName = searchParams["cityName"];
2226.     // 当前城市展示
2227.     if(cityName==null || cityName=="")
2228.     {
2229.         $(".selects").text("交货地 ：  ");
2230.         $("#cityName").text("全国");
2231.     }
2232.     else
2233.     {
2234.         if(typeof(cityName) == "undefined")
2235.         {
2236.             $(".selects").text("交货地 ：  ");
2237.             $("#cityName").text("全国");
2238.         }
2239.         else
2240.         {
2241.             var cityNameMutiList = cityName.split(",");
2242.             if(cityNameMutiList.length == 1)
2243.             {
2244.                 $(".selects").text("交货地 ："+searchParams["cityName"]);
2245.                 $("#cityName").text(searchParams["cityName"]);
2246.             }
2247.             else
2248.             {
2249.                 $(".selects").text("交货地 ： ");
2250.                 $("#cityName").text("全国");
2251.             }
2252.         }    
2253.     }
2254.     
2255.     var flagRight = false;
2256.     $("#cityDiv").remove();
2257.     if (cityName != null && cityName != "" && typeof(cityName) != "undefined") {
2258.         flagRight = true;
2259.         var cityDiv = "<div class="filter"  id="cityDiv"><div class="fl">城市：</div><div class="fl">" + unescape(cityName) + "<span id="citySpan"></span></div>";
2260.         $("#searchCondition").append(cityDiv);
2261.         $("#citySpan").attr("onclick", "setSearchParams('cityName');setSearchParams('cityId');searchByParams()");
2262.     }
2264.     $("#breedDiv").remove();
2265.     if (searchParams["breedInfos"] != null && searchParams["breedInfos"] != "") {
2266.         var breedNames = "";
2267.         var breedIds = "";
2268.         var breedInfos = searchParams["breedInfos"];
2269.         for ( var breedId in breedInfos) {
2270.             var breedName = breedInfos[breedId];
2271.             if (breedName != "") {
2272.                 if (breedNames == "") {
2273.                     breedNames += breedName;
2274.                 } else {
2275.                     breedNames += "," + breedName;
2276.                 }
2277.             }
2278.             if (breedId != "") {
2279.                 if (breedIds == "") {
2280.                     breedIds += breedId;
2281.                 } else {
2282.                     breedIds += "," + breedId;
2283.                 }
2284.             }
2285.         }
2286.         searchParams["breedNames"] = "";
2287.         searchParams["breedIds"] = breedIds;
2288.         var breedDiv = "<div class="filter" id="breedDiv"><div class="fl">品种：</div><div class="fl">" + unescape(breedNames) + "<span id="breedSpan"></span></div>";
2289.         flagRight = true;
2290.         $("#searchCondition").append(breedDiv);
2291.         $("#breedSpan").attr("onclick", "setSearchParams('breedNames');setSearchParams('breedIds');setSearchParams('breedInfos');searchByParams()");
2292.     } else {
2293.         var breedNames = searchParams["breedNames"];
2294.         if (breedNames != null && breedNames != "" && typeof(breedNames) != "undefined") {
2295.             var breedDiv = "<div class="filter" id="breedDiv"><div class="fl">品种：</div><div class="fl">" + unescape(breedNames) + "<span id="breedSpan"></span></div>";
2296.             flagRight = true;
2297.             $("#searchCondition").append(breedDiv);
2298.             $("#breedSpan").attr("onclick", "setSearchParams('breedNames');setSearchParams('breedIds');setSearchParams('breedInfos');searchByParams()");
2299.         }
2300.     }
2302.     $("#specDiv").remove();
2303.     var specs = searchParams["specs"];
2304.     if (specs != null && specs != "" && typeof(specs) != "undefined") {
2305.         flagRight = true;
2306.         var specDiv = "<div class="filter" id="specDiv"><div class="fl">规格：</div><div class="fl">" + unescape(specs) + "<span id="specSpan"></span></div>";
2307.         $("#searchCondition").append(specDiv);
2308.         $("#specSpan").attr("onclick", "setSearchParams('specs');searchByParams()");
2309.     }
2311.     $("#materialDiv").remove();
2312.     var materials = searchParams["materials"];
2313.     if (materials != null && materials != "" && typeof(materials) != "undefined") {
2314.         flagRight = true;
2315.         var materialDiv = "<div class="filter" id="materialDiv"><div class="fl">材质：</div><div class="fl">" + unescape(materials) + "<span id="materialSpan"></span></div>";
2316.         $("#searchCondition").append(materialDiv);
2317.         $("#materialSpan").attr("onclick", "setSearchParams('materials');searchByParams()");
2318.     }
2319.     
2320.     $("#brandDiv").remove();
2321.     var brands = searchParams["brands"];
2322.     if (brands != null && brands != ""  && typeof(brands) != "undefined") {
2323.         flagRight = true;
2324.         var brandDiv = "<div class="filter" id="brandDiv"><div class="fl">钢厂：</div><div class="fl">" + unescape(brands) + "<span id="brandSpan"></span></div>";
2325.         $("#searchCondition").append(brandDiv);
2326.         $("#brandSpan").attr("onclick", "setSearchParams('brands');searchByParams()");
2327.     }
2328.     
2329.     $("#keywordDiv").remove();
2330.     var keyword = searchParams["keyword"];
2331.     if (keyword != null && keyword != "" && typeof(keyword) != "undefined") {
2332.         flagRight = true;
2333.         var keywordDiv = "<div class="filter" id="keywordDiv"><div class="fl">关键字：</div><div class="fl">" + unescape(keyword) + "<span id="keywordSpan"></span></div>";
2334.         $("#searchCondition").append(keywordDiv);
2335.         $("#keywordSpan").attr("onclick", "setSearchParams('keyword');searchByParams();cleanKeyword();");
2336.     }
2338.     $("#warehouseDiv").remove();
2339.     var warehouses = searchParams["warehouses"];
2340.     if (warehouses != null && warehouses != "") {
2341.         var warehouseDiv = "<div class="filter" id="warehouseDiv"><div class="fl">仓库：</div><div class="fl">" + unescape(warehouses) + "<span id="warehouseSpan"></span></div>";
2342.         flagRight = true;
2343.         $("#searchCondition").append(warehouseDiv);
2344.         $("#warehouseSpan").attr("onclick", "setSearchParams('warehouses');searchByParams()");
2345.     }
2347.     $("#priceRangeDiv").remove();
2348.     var startPrice = searchParams["startPrice"];
2349.     var endPrice = searchParams["endPrice"];
2350.     var i = 0;
2351.     var j = 0;
2352.     if (startPrice != null && startPrice != "") {
2353.         i++;
2354.         j = 1;
2355.     }
2356.     if (endPrice != null && endPrice != "") {
2357.         i++;
2358.         j = 2;
2359.     }
2360.     if (i == 2) {
2361.         var priceRangeDiv = "<div class="filter" id="priceRangeDiv"><div class="fl">价格：</div><div class="fl">" + startPrice + "-" + endPrice
2362.                 + "</div><span id="priceRangeSpan"></span></div>";
2363.         flagRight = true;
2364.         $("#searchCondition").append(priceRangeDiv);
2365.         $("#priceRangeSpan").attr("onclick", "setSearchParams('startPrice');setSearchParams('endPrice');searchByParams()");
2366.     }
2367.     if (i == 1 && j == 1) {
2368.         $("#pr1").val(startPrice);
2369.         var priceRangeDiv = "<div class="filter" id="priceRangeDiv"><div class="fl">价格：</div><div class="fl">大于等于" + startPrice + "</div><span id="priceRangeSpan"></span></div>";
2370.         flagRight = true;
2371.         $("#searchCondition").append(priceRangeDiv);
2372.         $("#priceRangeSpan").attr("onclick", "setSearchParams('startPrice');setSearchParams('endPrice');searchByParams()");
2373.     }
2374.     if (i == 1 && j == 2) {
2375.         $("#pr2").val(endPrice);
2376.         var priceRangeDiv = "<div class="filter" id="priceRangeDiv"><div class="fl">价格：</div><div class="fl">小于等于" + endPrice + "</div><span id="priceRangeSpan"></span></div>";
2377.         flagRight = true;
2378.         $("#searchCondition").append(priceRangeDiv);
2379.         $("#priceRangeSpan").attr("onclick", "setSearchParams('startPrice');setSearchParams('endPrice');searchByParams()");
2380.     }
2381.     
2382.     i = 0;
2383.     j = 0;
2384.     $("#thicknessRangeDiv").remove();
2385.     var startThickness = searchParams["startThickness"];
2386.     var endThickness = searchParams["endThickness"];
2387.     if (startThickness != null && startThickness != "") {
2388.         i++;
2389.         j = 1;
2390.     }
2391.     if (endThickness != null && endThickness != "") {
2392.         i++;
2393.         j = 2;
2394.     }
2395.     if (i == 2) {
2396.         var thicknessRangeDiv = "<div class="filter" id="thicknessRangeDiv"><div class="fl">厚度：</div><div class="fl">" + startThickness + "-" + endThickness
2397.                 + "</div><span id="thicknessRangeSpan"></span></div>";
2398.         flagRight = true;
2399.         $("#searchCondition").append(thicknessRangeDiv);
2400.         $("#thicknessRangeSpan").attr("onclick", "setSearchParams('startThickness');setSearchParams('endThickness');searchByParams()");
2401.     }
2402.     if (i == 1 && j == 1) {
2403.         var thicknessRangeDiv = "<div class="filter" id="thicknessRangeDiv"><div class="fl">厚度：</div><div class="fl">大于等于" + startThickness
2404.                 + "</div><span id="thicknessRangeSpan"></span></div>";
2405.         flagRight = true;
2406.         $("#searchCondition").append(thicknessRangeDiv);
2407.         $("#thicknessRangeSpan").attr("onclick", "setSearchParams('startThickness');setSearchParams('endThickness');searchByParams()");
2408.     }
2409.     if (i == 1 && j == 2) {
2410.         var thicknessRangeDiv = "<div class="filter" id="thicknessRangeDiv"><div class="fl">厚度：</div><div class="fl">小于等于" + endThickness
2411.                 + "</div><span id="thicknessRangeSpan"></span></div>";
2412.         flagRight = true;
2413.         $("#searchCondition").append(thicknessRangeDiv);
2414.         $("#thicknessRangeSpan").attr("onclick", "setSearchParams('startThickness');setSearchParams('endThickness');searchByParams()");
2415.     }
2417.     i = 0;
2418.     j = 0;
2419.     $("#widthRangeDiv").remove();
2420.     var startWidth = searchParams["startWidth"];
2421.     var endWidth = searchParams["endWidth"];
2422.     if (startWidth != null && startWidth != "") {
2423.         i++;
2424.         j = 1;
2425.     }
2426.     if (endWidth != null && endWidth != "") {
2427.         i++;
2428.         j = 2;
2429.     }
2430.     if (i == 2) {
2431.         var widthRangeDiv = "<div class="filter" id="widthRangeDiv"><div class="fl">宽度：</div><div class="fl">" + startWidth + "-" + endWidth
2432.                 + "</div><span id="widthRangeSpan"></span></div>";
2433.         flagRight = true;
2434.         $("#searchCondition").append(widthRangeDiv);
2435.         $("#widthRangeSpan").attr("onclick", "setSearchParams('startWidth');setSearchParams('endWidth');searchByParams()");
2436.     }
2437.     if (i == 1 && j == 1) {
2438.         var widthRangeDiv = "<div class="filter" id="widthRangeDiv"><div class="fl">宽度：</div><div class="fl">大于等于" + startWidth + "</div><span id="widthRangeSpan"></span></div>";
2439.         flagRight = true;
2440.         $("#searchCondition").append(widthRangeDiv);
2441.         $("#widthRangeSpan").attr("onclick", "setSearchParams('startWidth');setSearchParams('endWidth');searchByParams()");
2442.     }
2443.     if (i == 1 && j == 2) {
2444.         var widthRangeDiv = "<div class="filter" id="widthRangeDiv"><div class="fl">宽度：</div><div class="fl">小于等于" + endWidth + "</div><span id="widthRangeSpan"></span></div>";
2445.         flagRight = true;
2446.         $("#searchCondition").append(widthRangeDiv);
2447.         $("#widthRangeSpan").attr("onclick", "setSearchParams('startWidth');setSearchParams('endWidth');searchByParams()");
2448.     }
2449.     
2450.     $("#cleanDiv").remove();
2451.     if (searchParams !=null && searchParams != "" && typeof(searchParams) != "undefined")
2452.     {
2453.         if (flagRight == true) {
2454.             var cleanDiv = "<div class="btn-filter-clear" style="display:block;" id="cleanDiv">清除全部</div>";
2455.             $("#searchCondition").append(cleanDiv);
2456.             $(".btn-filter-clear").attr("onclick", "searchParams={};ci='';searchByParams({});cleanKeyword()");
2457.         }
2458.     }
2459.     if(flagRight == true)
2460.     {
2461.         $("#leftspn").show();
2462.     }
2463.     else
2464.     {
2465.         $("#leftspn").hide();
2466.     }
2467. }
2469. /**
2470.  * 清除关键字
2471.  */
2472. function cleanKeyword()
2473. {
2474.     $("input[name='kw']").val("");
2475.     $("#kwInput1").val("");
2476. }
2477.     
2478. /**
2479.  * 重设查询参数
2480.  */
2481. function setSearchParams(field)
2482. {
2483.     searchParams[field] = "";
2484. }
2486. /**
2487.  * 帮我找
2488.  */
2489. function findRes(){
2490.         goodsBtn = dialog({
2491.                id: 'goods_tips_btn',
2492.                title: '钢银找货',
2493.                url: '/shop/market/v6/hasno_dialog.html',
2494.                width:'400',
2495.                height:'230',
2496.                fixed:true
2497.             });
2498.          Autofixed('#goods_tips_btn',goodsBtn) ;
2499.          goodsBtn.showModal();
2500.          return false;
2501. }
2503. /**
2504.  * 大类名跳转要带交货地
2505.  * @param url
2506.  */
2507. function redirect(url){
2508.     var ci = searchParams["cityId"];
2509.     
2510.     if(!ci){
2511.         ci="";
2512.         ct="quangguo";
2513.         url = url+"?ct="+ct;
2514.     }
2515.     else{
2516.         url = url+"?ci="+ci;
2517.     }
2518.     
2519.     window.location.href=url;
2520. }

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。