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

涛声依旧在  论坛元老 | 2025-4-3 23:53:41 | 显示全部楼层 | 阅读模式
打印 上一主题 下一主题
楼主

主题 1627|帖子 1627|积分 4881

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要 登录 才可以下载或查看，没有账号？立即注册

x
下面我将先容如何使用 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企服之家，中国第一个企服评测及商务社交产业平台。
回复

举报

0 个回复

倒序浏览
返回列表

快速回复

高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

涛声依旧在

论坛元老
这个人很懒什么都没写!

楼主热帖

标签云

集成商 AI 运维 CIO 存储 服务器
微信订阅号
微信服务号
微信客服
小程序
H5
关于我们 商务合作 网站地图
©Copyright 2022-2024 杭州祥升科技有限公司 版权所有 浙ICP备20004199号
快速回复 返回顶部 返回列表